Separator

Optional label rendered inline, interrupting the rule. Omit it for a plain rule.

Weight of the rule: `subtle` for the everyday hairline between sections, `bold` where the split is structural, `accent` to tint it with the active `colorPalette`.

Stroke style of the rule.

Semantic palette the rule draws from, forwarded as `colorPalette` — so `emphasis` picks the weight and `tone` picks the hue. Also tints the label, which inherits the palette's custom properties.

Where the label sits along the rule. Has no effect without a label.

Axis the rule runs along. A `vertical` separator stretches to its parent's cross axis, so it needs a flex or grid parent with a definite height.

Space reserved on both sides of the rule, along its cross axis — block margin when horizontal, inline margin when vertical.

Whether the separator is purely visual. A semantic separator (the default) is exposed as `role="separator"` with an orientation, so assistive tech can announce the boundary. Set `decorative` when the split is already conveyed some other way — a heading, a landmark, a list — and the extra announcement would only be noise.

Bound reference to the root element (`bind:this`).

Per-slot style and HTML-attribute overrides.

Astro / vanilla: serialize the props into `data-separator-config` so the client runtime hydrates this instance and `getPindoba(el, "separator")` can `update()` it. Frameworks with their own reactivity don't need it.