# Constants

Import these from `@grafloria/element`.

## Constants

### `DIAGRAM_KIT_STYLE_ID`

Diagram-kit stylesheet — injected once, on first use of any kit builder.

Everything is prefixed `axk-` and the selection overrides are scoped with
`:has(...)` to kit cards only, so embedding the kit can never restyle a
host's own nodes. The rules encode the lessons the diagrams/* demos learned
the hard way:
 - the card fills the node and draws the ONLY border (the node's own rect is
   hidden by the builders, and suppressed again on selection because the
   theme paints `.selected` with an accent stroke that overrides inline
   transparency);
 - the default `.selection-highlight` outline (a dashed rect a few px
   OUTSIDE the node) reads as a second floating box around a bordered card —
   the kit hides it and rings the card itself instead.

```ts
const DIAGRAM_KIT_STYLE_ID: "grafloria-diagram-kit-styles"
```

### `ER_HEAD_H`

```ts
const ER_HEAD_H: 28
```

### `ER_ROW_H`

Row height / header height of the entity card — sizing is derived from these.

```ts
const ER_ROW_H: 25
```

### `JOIN_GUIDANCE_STYLE_ID`

```ts
const JOIN_GUIDANCE_STYLE_ID: "grafloria-join-guidance-styles"
```