@brandsync/wc 1.13.0 → 1.14.0

package/dist/types/components.d.ts

@@ -47,6 +47,7 @@ import { BsSkeletonVariant } from "./components/bs-skeleton/bs-skeleton";
 import { BsSliderType } from "./components/bs-slider/bs-slider";
 import { BsSnackbarVariant } from "./components/bs-snackbar/bs-snackbar";
 import { BsSpinnerSize } from "./components/bs-spinner/bs-spinner";
+import { BsSplitPaneOrientation } from "./components/bs-split-pane/bs-split-pane";
 import { BsStepperDirection } from "./components/bs-stepper/bs-stepper-step/bs-stepper-step";
 import { BsStepperDirection as BsStepperDirection1, BsStepperStepComputedState } from "./components/bs-stepper/bs-stepper-step/bs-stepper-step";
 import { BsSwitchSize } from "./components/bs-switch/bs-switch";
@@ -100,6 +101,7 @@ export { BsSkeletonVariant } from "./components/bs-skeleton/bs-skeleton";
 export { BsSliderType } from "./components/bs-slider/bs-slider";
 export { BsSnackbarVariant } from "./components/bs-snackbar/bs-snackbar";
 export { BsSpinnerSize } from "./components/bs-spinner/bs-spinner";
+export { BsSplitPaneOrientation } from "./components/bs-split-pane/bs-split-pane";
 export { BsStepperDirection } from "./components/bs-stepper/bs-stepper-step/bs-stepper-step";
 export { BsStepperDirection as BsStepperDirection1, BsStepperStepComputedState } from "./components/bs-stepper/bs-stepper-step/bs-stepper-step";
 export { BsSwitchSize } from "./components/bs-switch/bs-switch";
@@ -3464,6 +3466,66 @@ export namespace Components {
          */
         "size": BsSpinnerSize;
     }
+    /**
+     * A resizable layout of two or three panes separated by draggable, keyboard-operable dividers
+     * (the WAI-ARIA "window splitter" pattern). Content goes into the named slots `pane-1`, `pane-2`
+     * and (optionally) `pane-3`; the pane count follows which slots have content.
+     * `orientation="horizontal"` places panes side by side (vertical dividers); `"vertical"` stacks
+     * them (horizontal dividers). The first pane has a fixed size (`--bs-split-pane-first-size`) that
+     * the user can change by dragging; the last pane absorbs the remaining space. `collapsed` shrinks
+     * the first pane to a narrow rail (`--bs-split-pane-collapsed-size`) -- the component reflects the
+     * attribute so slotted content can switch to its compact rendering (e.g. icon-only list items).
+     * ## When to use
+     * - Master/detail layouts: a navigation or list pane next to one or two detail panes.
+     * ## When not to use
+     * - A temporary overlay panel (use `bs-side-panel`).
+     * - A fixed, non-resizable two-column layout (plain CSS grid; or set `resizable="false"` to keep
+     *   the dividers purely visual).
+     * @prop --bs-split-pane-radius - Corner radius of the container. Aliased to `--bs-border-radius-100`.
+     * @prop --bs-split-pane-bg - Pane background. Aliased to `--bs-surface-base`.
+     * @prop --bs-split-pane-color - Text colour inherited by slotted content. Aliased to `--bs-text-default`.
+     * @prop --bs-split-pane-first-size - Initial size of the first pane along the layout axis. Defaults to `333px` (Figma).
+     * @prop --bs-split-pane-collapsed-size - Size of the first pane while `collapsed`. Defaults to `106px` (Figma).
+     * @prop --bs-split-pane-min-size - Smallest size a resized pane may take. Defaults to `96px`.
+     * @prop --bs-split-pane-divider-size - Thickness of a divider. Aliased to `--bs-spacing-75`.
+     * @prop --bs-split-pane-divider-bg - Divider track colour. Aliased to `--bs-surface-container`.
+     * @prop --bs-split-pane-divider-thumb - Divider thumb colour. Aliased to `--bs-border-neutral-container`.
+     * @prop --bs-split-pane-divider-thumb-active - Divider thumb colour on hover, focus and drag. Aliased to `--bs-border-neutral-hover`.
+     * @prop --bs-split-pane-divider-thumb-length - Length of the divider thumb. Defaults to `250px` (Figma).
+     * @prop --bs-split-pane-border - Border between the first pane and the rest when dividers are not resizable. Aliased to `--bs-border-neutral-container`.
+     * @prop --bs-split-pane-focus-ring - Divider focus ring colour. Aliased to `--bs-border-neutral-focus`.
+     */
+    interface BsSplitPane {
+        /**
+          * Collapses the first pane to a narrow rail. Mutable: the Enter key on the first divider toggles it.
+          * @default false
+         */
+        "collapsed": boolean;
+        /**
+          * Accessible name of each divider.
+          * @default 'Resize panes'
+         */
+        "dividerLabel": string;
+        /**
+          * `horizontal` = panes side by side, `vertical` = panes stacked.
+          * @default 'horizontal'
+         */
+        "orientation": BsSplitPaneOrientation;
+        /**
+          * Whether the dividers can be dragged / operated by keyboard. `false` keeps them as visual separators.
+          * @default true
+         */
+        "resizable": boolean;
+        /**
+          * Pixels moved per arrow-key press (Shift multiplies by 4).
+          * @default 16
+         */
+        "step": number;
+        /**
+          * Toggles `collapsed` and emits `bsCollapsedChange`.
+         */
+        "toggleCollapsed": () => Promise<void>;
+    }
     /**
      * A sequence of named steps showing overall progress through a multi-step flow (e.g. a checkout,
      * an onboarding wizard) -- each step reads as enabled (not yet reached), current, done, error, or
@@ -4196,6 +4258,10 @@ export interface BsSourceLinkCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBsSourceLinkElement;
 }
+export interface BsSplitPaneCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBsSplitPaneElement;
+}
 export interface BsSwitchCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBsSwitchElement;
@@ -6346,6 +6412,53 @@ declare global {
         prototype: HTMLBsSpinnerElement;
         new (): HTMLBsSpinnerElement;
     };
+    interface HTMLBsSplitPaneElementEventMap {
+        "bsResize": number[];
+        "bsCollapsedChange": boolean;
+    }
+    /**
+     * A resizable layout of two or three panes separated by draggable, keyboard-operable dividers
+     * (the WAI-ARIA "window splitter" pattern). Content goes into the named slots `pane-1`, `pane-2`
+     * and (optionally) `pane-3`; the pane count follows which slots have content.
+     * `orientation="horizontal"` places panes side by side (vertical dividers); `"vertical"` stacks
+     * them (horizontal dividers). The first pane has a fixed size (`--bs-split-pane-first-size`) that
+     * the user can change by dragging; the last pane absorbs the remaining space. `collapsed` shrinks
+     * the first pane to a narrow rail (`--bs-split-pane-collapsed-size`) -- the component reflects the
+     * attribute so slotted content can switch to its compact rendering (e.g. icon-only list items).
+     * ## When to use
+     * - Master/detail layouts: a navigation or list pane next to one or two detail panes.
+     * ## When not to use
+     * - A temporary overlay panel (use `bs-side-panel`).
+     * - A fixed, non-resizable two-column layout (plain CSS grid; or set `resizable="false"` to keep
+     *   the dividers purely visual).
+     * @prop --bs-split-pane-radius - Corner radius of the container. Aliased to `--bs-border-radius-100`.
+     * @prop --bs-split-pane-bg - Pane background. Aliased to `--bs-surface-base`.
+     * @prop --bs-split-pane-color - Text colour inherited by slotted content. Aliased to `--bs-text-default`.
+     * @prop --bs-split-pane-first-size - Initial size of the first pane along the layout axis. Defaults to `333px` (Figma).
+     * @prop --bs-split-pane-collapsed-size - Size of the first pane while `collapsed`. Defaults to `106px` (Figma).
+     * @prop --bs-split-pane-min-size - Smallest size a resized pane may take. Defaults to `96px`.
+     * @prop --bs-split-pane-divider-size - Thickness of a divider. Aliased to `--bs-spacing-75`.
+     * @prop --bs-split-pane-divider-bg - Divider track colour. Aliased to `--bs-surface-container`.
+     * @prop --bs-split-pane-divider-thumb - Divider thumb colour. Aliased to `--bs-border-neutral-container`.
+     * @prop --bs-split-pane-divider-thumb-active - Divider thumb colour on hover, focus and drag. Aliased to `--bs-border-neutral-hover`.
+     * @prop --bs-split-pane-divider-thumb-length - Length of the divider thumb. Defaults to `250px` (Figma).
+     * @prop --bs-split-pane-border - Border between the first pane and the rest when dividers are not resizable. Aliased to `--bs-border-neutral-container`.
+     * @prop --bs-split-pane-focus-ring - Divider focus ring colour. Aliased to `--bs-border-neutral-focus`.
+     */
+    interface HTMLBsSplitPaneElement extends Components.BsSplitPane, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBsSplitPaneElementEventMap>(type: K, listener: (this: HTMLBsSplitPaneElement, ev: BsSplitPaneCustomEvent<HTMLBsSplitPaneElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLBsSplitPaneElementEventMap>(type: K, listener: (this: HTMLBsSplitPaneElement, ev: BsSplitPaneCustomEvent<HTMLBsSplitPaneElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLBsSplitPaneElement: {
+        prototype: HTMLBsSplitPaneElement;
+        new (): HTMLBsSplitPaneElement;
+    };
     /**
      * A sequence of named steps showing overall progress through a multi-step flow (e.g. a checkout,
      * an onboarding wizard) -- each step reads as enabled (not yet reached), current, done, error, or
@@ -6737,6 +6850,7 @@ declare global {
         "bs-snackbar": HTMLBsSnackbarElement;
         "bs-source-link": HTMLBsSourceLinkElement;
         "bs-spinner": HTMLBsSpinnerElement;
+        "bs-split-pane": HTMLBsSplitPaneElement;
         "bs-stepper": HTMLBsStepperElement;
         "bs-stepper-step": HTMLBsStepperStepElement;
         "bs-switch": HTMLBsSwitchElement;
@@ -10504,6 +10618,70 @@ declare namespace LocalJSX {
          */
         "size"?: BsSpinnerSize;
     }
+    /**
+     * A resizable layout of two or three panes separated by draggable, keyboard-operable dividers
+     * (the WAI-ARIA "window splitter" pattern). Content goes into the named slots `pane-1`, `pane-2`
+     * and (optionally) `pane-3`; the pane count follows which slots have content.
+     * `orientation="horizontal"` places panes side by side (vertical dividers); `"vertical"` stacks
+     * them (horizontal dividers). The first pane has a fixed size (`--bs-split-pane-first-size`) that
+     * the user can change by dragging; the last pane absorbs the remaining space. `collapsed` shrinks
+     * the first pane to a narrow rail (`--bs-split-pane-collapsed-size`) -- the component reflects the
+     * attribute so slotted content can switch to its compact rendering (e.g. icon-only list items).
+     * ## When to use
+     * - Master/detail layouts: a navigation or list pane next to one or two detail panes.
+     * ## When not to use
+     * - A temporary overlay panel (use `bs-side-panel`).
+     * - A fixed, non-resizable two-column layout (plain CSS grid; or set `resizable="false"` to keep
+     *   the dividers purely visual).
+     * @prop --bs-split-pane-radius - Corner radius of the container. Aliased to `--bs-border-radius-100`.
+     * @prop --bs-split-pane-bg - Pane background. Aliased to `--bs-surface-base`.
+     * @prop --bs-split-pane-color - Text colour inherited by slotted content. Aliased to `--bs-text-default`.
+     * @prop --bs-split-pane-first-size - Initial size of the first pane along the layout axis. Defaults to `333px` (Figma).
+     * @prop --bs-split-pane-collapsed-size - Size of the first pane while `collapsed`. Defaults to `106px` (Figma).
+     * @prop --bs-split-pane-min-size - Smallest size a resized pane may take. Defaults to `96px`.
+     * @prop --bs-split-pane-divider-size - Thickness of a divider. Aliased to `--bs-spacing-75`.
+     * @prop --bs-split-pane-divider-bg - Divider track colour. Aliased to `--bs-surface-container`.
+     * @prop --bs-split-pane-divider-thumb - Divider thumb colour. Aliased to `--bs-border-neutral-container`.
+     * @prop --bs-split-pane-divider-thumb-active - Divider thumb colour on hover, focus and drag. Aliased to `--bs-border-neutral-hover`.
+     * @prop --bs-split-pane-divider-thumb-length - Length of the divider thumb. Defaults to `250px` (Figma).
+     * @prop --bs-split-pane-border - Border between the first pane and the rest when dividers are not resizable. Aliased to `--bs-border-neutral-container`.
+     * @prop --bs-split-pane-focus-ring - Divider focus ring colour. Aliased to `--bs-border-neutral-focus`.
+     */
+    interface BsSplitPane {
+        /**
+          * Collapses the first pane to a narrow rail. Mutable: the Enter key on the first divider toggles it.
+          * @default false
+         */
+        "collapsed"?: boolean;
+        /**
+          * Accessible name of each divider.
+          * @default 'Resize panes'
+         */
+        "dividerLabel"?: string;
+        /**
+          * Fires when `collapsed` changes through user interaction.
+         */
+        "onBsCollapsedChange"?: (event: BsSplitPaneCustomEvent<boolean>) => void;
+        /**
+          * Fires after a resize (pointer release or key press) with the pixel size of every pane except the last.
+         */
+        "onBsResize"?: (event: BsSplitPaneCustomEvent<number[]>) => void;
+        /**
+          * `horizontal` = panes side by side, `vertical` = panes stacked.
+          * @default 'horizontal'
+         */
+        "orientation"?: BsSplitPaneOrientation;
+        /**
+          * Whether the dividers can be dragged / operated by keyboard. `false` keeps them as visual separators.
+          * @default true
+         */
+        "resizable"?: boolean;
+        /**
+          * Pixels moved per arrow-key press (Shift multiplies by 4).
+          * @default 16
+         */
+        "step"?: number;
+    }
     /**
      * A sequence of named steps showing overall progress through a multi-step flow (e.g. a checkout,
      * an onboarding wizard) -- each step reads as enabled (not yet reached), current, done, error, or
@@ -11680,6 +11858,13 @@ declare namespace LocalJSX {
         "size": BsSpinnerSize;
         "label": string;
     }
+    interface BsSplitPaneAttributes {
+        "orientation": BsSplitPaneOrientation;
+        "collapsed": boolean;
+        "resizable": boolean;
+        "dividerLabel": string;
+        "step": number;
+    }
     interface BsStepperAttributes {
         "currentStep": number;
         "direction": BsStepperDirection;
@@ -11842,6 +12027,7 @@ declare namespace LocalJSX {
         "bs-snackbar": Omit<BsSnackbar, keyof BsSnackbarAttributes> & { [K in keyof BsSnackbar & keyof BsSnackbarAttributes]?: BsSnackbar[K] } & { [K in keyof BsSnackbar & keyof BsSnackbarAttributes as `attr:${K}`]?: BsSnackbarAttributes[K] } & { [K in keyof BsSnackbar & keyof BsSnackbarAttributes as `prop:${K}`]?: BsSnackbar[K] };
         "bs-source-link": Omit<BsSourceLink, keyof BsSourceLinkAttributes> & { [K in keyof BsSourceLink & keyof BsSourceLinkAttributes]?: BsSourceLink[K] } & { [K in keyof BsSourceLink & keyof BsSourceLinkAttributes as `attr:${K}`]?: BsSourceLinkAttributes[K] } & { [K in keyof BsSourceLink & keyof BsSourceLinkAttributes as `prop:${K}`]?: BsSourceLink[K] };
         "bs-spinner": Omit<BsSpinner, keyof BsSpinnerAttributes> & { [K in keyof BsSpinner & keyof BsSpinnerAttributes]?: BsSpinner[K] } & { [K in keyof BsSpinner & keyof BsSpinnerAttributes as `attr:${K}`]?: BsSpinnerAttributes[K] } & { [K in keyof BsSpinner & keyof BsSpinnerAttributes as `prop:${K}`]?: BsSpinner[K] };
+        "bs-split-pane": Omit<BsSplitPane, keyof BsSplitPaneAttributes> & { [K in keyof BsSplitPane & keyof BsSplitPaneAttributes]?: BsSplitPane[K] } & { [K in keyof BsSplitPane & keyof BsSplitPaneAttributes as `attr:${K}`]?: BsSplitPaneAttributes[K] } & { [K in keyof BsSplitPane & keyof BsSplitPaneAttributes as `prop:${K}`]?: BsSplitPane[K] };
         "bs-stepper": Omit<BsStepper, keyof BsStepperAttributes> & { [K in keyof BsStepper & keyof BsStepperAttributes]?: BsStepper[K] } & { [K in keyof BsStepper & keyof BsStepperAttributes as `attr:${K}`]?: BsStepperAttributes[K] } & { [K in keyof BsStepper & keyof BsStepperAttributes as `prop:${K}`]?: BsStepper[K] };
         "bs-stepper-step": Omit<BsStepperStep, keyof BsStepperStepAttributes> & { [K in keyof BsStepperStep & keyof BsStepperStepAttributes]?: BsStepperStep[K] } & { [K in keyof BsStepperStep & keyof BsStepperStepAttributes as `attr:${K}`]?: BsStepperStepAttributes[K] } & { [K in keyof BsStepperStep & keyof BsStepperStepAttributes as `prop:${K}`]?: BsStepperStep[K] };
         "bs-switch": Omit<BsSwitch, keyof BsSwitchAttributes> & { [K in keyof BsSwitch & keyof BsSwitchAttributes]?: BsSwitch[K] } & { [K in keyof BsSwitch & keyof BsSwitchAttributes as `attr:${K}`]?: BsSwitchAttributes[K] } & { [K in keyof BsSwitch & keyof BsSwitchAttributes as `prop:${K}`]?: BsSwitch[K] };
@@ -13169,6 +13355,36 @@ declare module "@stencil/core" {
              * @prop --bs-spinner-duration - Rotation duration. Defaults to `0.8s`.
              */
             "bs-spinner": LocalJSX.IntrinsicElements["bs-spinner"] & JSXBase.HTMLAttributes<HTMLBsSpinnerElement>;
+            /**
+             * A resizable layout of two or three panes separated by draggable, keyboard-operable dividers
+             * (the WAI-ARIA "window splitter" pattern). Content goes into the named slots `pane-1`, `pane-2`
+             * and (optionally) `pane-3`; the pane count follows which slots have content.
+             * `orientation="horizontal"` places panes side by side (vertical dividers); `"vertical"` stacks
+             * them (horizontal dividers). The first pane has a fixed size (`--bs-split-pane-first-size`) that
+             * the user can change by dragging; the last pane absorbs the remaining space. `collapsed` shrinks
+             * the first pane to a narrow rail (`--bs-split-pane-collapsed-size`) -- the component reflects the
+             * attribute so slotted content can switch to its compact rendering (e.g. icon-only list items).
+             * ## When to use
+             * - Master/detail layouts: a navigation or list pane next to one or two detail panes.
+             * ## When not to use
+             * - A temporary overlay panel (use `bs-side-panel`).
+             * - A fixed, non-resizable two-column layout (plain CSS grid; or set `resizable="false"` to keep
+             *   the dividers purely visual).
+             * @prop --bs-split-pane-radius - Corner radius of the container. Aliased to `--bs-border-radius-100`.
+             * @prop --bs-split-pane-bg - Pane background. Aliased to `--bs-surface-base`.
+             * @prop --bs-split-pane-color - Text colour inherited by slotted content. Aliased to `--bs-text-default`.
+             * @prop --bs-split-pane-first-size - Initial size of the first pane along the layout axis. Defaults to `333px` (Figma).
+             * @prop --bs-split-pane-collapsed-size - Size of the first pane while `collapsed`. Defaults to `106px` (Figma).
+             * @prop --bs-split-pane-min-size - Smallest size a resized pane may take. Defaults to `96px`.
+             * @prop --bs-split-pane-divider-size - Thickness of a divider. Aliased to `--bs-spacing-75`.
+             * @prop --bs-split-pane-divider-bg - Divider track colour. Aliased to `--bs-surface-container`.
+             * @prop --bs-split-pane-divider-thumb - Divider thumb colour. Aliased to `--bs-border-neutral-container`.
+             * @prop --bs-split-pane-divider-thumb-active - Divider thumb colour on hover, focus and drag. Aliased to `--bs-border-neutral-hover`.
+             * @prop --bs-split-pane-divider-thumb-length - Length of the divider thumb. Defaults to `250px` (Figma).
+             * @prop --bs-split-pane-border - Border between the first pane and the rest when dividers are not resizable. Aliased to `--bs-border-neutral-container`.
+             * @prop --bs-split-pane-focus-ring - Divider focus ring colour. Aliased to `--bs-border-neutral-focus`.
+             */
+            "bs-split-pane": LocalJSX.IntrinsicElements["bs-split-pane"] & JSXBase.HTMLAttributes<HTMLBsSplitPaneElement>;
             /**
              * A sequence of named steps showing overall progress through a multi-step flow (e.g. a checkout,
              * an onboarding wizard) -- each step reads as enabled (not yet reached), current, done, error, or

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brandsync/wc",
-  "version": "1.13.0",
+  "version": "1.14.0",
   "publishConfig": {
     "access": "public"
   },

package/reference.d.ts

@@ -61,6 +61,7 @@ export interface BsParts {
   "bs-snackbar": "container" | "icon" | "message" | "action" | "close";
   "bs-source-link": "icon" | "filename" | "source" | "version" | "arrow";
   "bs-spinner": "container" | "svg";
+  "bs-split-pane": "container" | "pane" | "divider" | "divider-thumb";
   "bs-stepper": never;
   "bs-stepper-step": "icon" | "label" | "name" | "description" | "connector";
   "bs-switch": "track" | "knob" | "label";
@@ -139,6 +140,7 @@ export interface BsSlots {
   "bs-snackbar": "(default)";
   "bs-source-link": "icon";
   "bs-spinner": never;
+  "bs-split-pane": "pane-1" | "pane-2" | "pane-3";
   "bs-stepper": "(default)";
   "bs-stepper-step": "(default)";
   "bs-switch": "(default)";
@@ -217,6 +219,7 @@ export interface BsCssProperties {
   "bs-snackbar": never;
   "bs-source-link": "--bs-source-link-radius" | "--bs-source-link-padding" | "--bs-source-link-gap" | "--bs-source-link-icon-gap" | "--bs-source-link-hover" | "--bs-source-link-pressed" | "--bs-source-link-focus" | "--bs-source-link-filename-color" | "--bs-source-link-meta-color" | "--bs-source-link-icon-color" | "--bs-source-link-dot-color";
   "bs-spinner": "--bs-spinner-size-xs" | "--bs-spinner-size-sm" | "--bs-spinner-size-md" | "--bs-spinner-color" | "--bs-spinner-track-opacity" | "--bs-spinner-duration";
+  "bs-split-pane": "--bs-split-pane-radius" | "--bs-split-pane-bg" | "--bs-split-pane-color" | "--bs-split-pane-first-size" | "--bs-split-pane-collapsed-size" | "--bs-split-pane-min-size" | "--bs-split-pane-divider-size" | "--bs-split-pane-divider-bg" | "--bs-split-pane-divider-thumb" | "--bs-split-pane-divider-thumb-active" | "--bs-split-pane-divider-thumb-length" | "--bs-split-pane-border" | "--bs-split-pane-focus-ring";
   "bs-stepper": never;
   "bs-stepper-step": never;
   "bs-switch": never;

package/reference.json

@@ -3508,6 +3508,114 @@
       }
     ]
   },
+  "bs-split-pane": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "pane-1",
+        "description": "The first pane (the one that collapses)."
+      },
+      {
+        "kind": "slot",
+        "name": "pane-2",
+        "description": "The second pane."
+      },
+      {
+        "kind": "slot",
+        "name": "pane-3",
+        "description": "Optional third pane."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "container",
+        "description": "The flex wrapper around all panes and dividers."
+      },
+      {
+        "kind": "part",
+        "name": "pane",
+        "description": "Every pane wrapper (`pane-1`, `pane-2`, `pane-3` are also exposed as separate parts)."
+      },
+      {
+        "kind": "part",
+        "name": "divider",
+        "description": "Every divider (the focusable `role=\"separator\"` element)."
+      },
+      {
+        "kind": "part",
+        "name": "divider-thumb",
+        "description": "The visible thumb on a divider."
+      }
+    ],
+    "cssProperties": [
+      {
+        "kind": "prop",
+        "name": "--bs-split-pane-radius",
+        "description": "Corner radius of the container. Aliased to `--bs-border-radius-100`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-split-pane-bg",
+        "description": "Pane background. Aliased to `--bs-surface-base`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-split-pane-color",
+        "description": "Text colour inherited by slotted content. Aliased to `--bs-text-default`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-split-pane-first-size",
+        "description": "Initial size of the first pane along the layout axis. Defaults to `333px` (Figma)."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-split-pane-collapsed-size",
+        "description": "Size of the first pane while `collapsed`. Defaults to `106px` (Figma)."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-split-pane-min-size",
+        "description": "Smallest size a resized pane may take. Defaults to `96px`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-split-pane-divider-size",
+        "description": "Thickness of a divider. Aliased to `--bs-spacing-75`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-split-pane-divider-bg",
+        "description": "Divider track colour. Aliased to `--bs-surface-container`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-split-pane-divider-thumb",
+        "description": "Divider thumb colour. Aliased to `--bs-border-neutral-container`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-split-pane-divider-thumb-active",
+        "description": "Divider thumb colour on hover, focus and drag. Aliased to `--bs-border-neutral-hover`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-split-pane-divider-thumb-length",
+        "description": "Length of the divider thumb. Defaults to `250px` (Figma)."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-split-pane-border",
+        "description": "Border between the first pane and the rest when dividers are not resizable. Aliased to `--bs-border-neutral-container`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-split-pane-focus-ring",
+        "description": "Divider focus ring colour. Aliased to `--bs-border-neutral-focus`."
+      }
+    ]
+  },
   "bs-stepper": {
     "slots": [
       {

package/dist/brandsync-wc/p-4bbc4809.entry.js

@@ -1 +0,0 @@
-import{r as a,c as r,a as i,h as e}from"./p-D3SkQJpw.js";const s=class{constructor(i){a(this,i),this.bsChange=r(this,"bsChange"),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals)}get el(){return i(this)}name;value;checked=!1;disabled=!1;bsChange;internals;initialChecked=!1;groupHasChecked=!1;groupMembers(){if(!this.name)return[this.el];const a=this.el.getRootNode();return Array.from(a.querySelectorAll("bs-radio")).filter((a=>a.name===this.name))}onCheckedChange(){this.internals?.setFormValue?.(this.checked?this.value??"on":null),this.checked&&this.groupMembers().forEach((a=>{a!==this.el&&a.checked&&(a.checked=!1)})),this.refreshGroupState()}onAnyRadioChange(){this.refreshGroupState()}refreshGroupState(){this.groupHasChecked=this.groupMembers().some((a=>a.checked))}componentWillLoad(){this.initialChecked=this.checked,this.internals?.setFormValue?.(this.checked?this.value??"on":null)}componentDidLoad(){this.refreshGroupState()}formResetCallback(){this.checked=this.initialChecked}onKeyDown=a=>{const r="ArrowRight"===a.key||"ArrowDown"===a.key;if(!r&&"ArrowLeft"!==a.key&&"ArrowUp"!==a.key)return;const i=this.groupMembers().filter((a=>!a.disabled));if(i.length<2)return;a.preventDefault();const e=i.indexOf(this.el),s=i[(e+(r?1:-1)+i.length)%i.length],o=s.shadowRoot?.querySelector("input");o?.click(),o?.focus()};onChange=a=>{const r=a.target.checked;this.checked=r,r&&this.bsChange.emit(this.value)};render(){return e("label",{key:"f02d321e89bfff6bf56aa3f28dbe04082de6892d",class:"bs-radio "+(this.disabled?"bs-radio--disabled":"")},e("input",{key:"81085f1ccf0c341b8827b4516da4971eca708ba8",class:"bs-radio__input",type:"radio",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,tabIndex:this.checked||!this.groupHasChecked?0:-1,onKeyDown:this.onKeyDown,onChange:this.onChange}),e("span",{key:"7bbe2f5e7f391aa811377aac1173d6b2a3ef7161",class:"bs-radio__hit-area"},e("span",{key:"7c9e6d0d8b16ec338ffb9daa496ca7aa524d5f08",class:"bs-radio__state-layer"},e("span",{key:"26dc982e2691a8fc2db174a7ea53a56cd331b0c9",part:"circle",class:"bs-radio__circle "+(this.checked?"bs-radio__circle--selected":"")},this.checked&&e("span",{key:"f6335bd0f5b200e510bca2fcd04507cd6d2a2dc0",part:"dot",class:"bs-radio__dot"})))),e("span",{key:"859d9f7ed854b2df6884bb5217a3889063d38689",part:"label",class:"bs-radio__label"},e("slot",{key:"771222d57afd4a11ef56fda1b549441356e3fa22"})))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{checked:[{onCheckedChange:0}],value:[{onCheckedChange:0}]}}};s.style=":host{display:inline-block;--bs-radio-size:var(--bs-spacing-300);--bs-radio-border-width:2px;--bs-radio-state-layer-size:40px;--bs-radio-hit-area-size:48px;--bs-radio-gap:var(--bs-spacing-100)}.bs-radio{position:relative;display:inline-flex;align-items:center;gap:var(--bs-radio-gap);font-family:inherit;cursor:pointer}.bs-radio--disabled{cursor:not-allowed}.bs-radio__input{position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}.bs-radio__input:disabled{cursor:not-allowed}.bs-radio__hit-area{box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--bs-radio-hit-area-size);height:var(--bs-radio-hit-area-size)}.bs-radio__state-layer{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:var(--bs-radio-state-layer-size);height:var(--bs-radio-state-layer-size);border-radius:50%;background:var(--bs-radio-bg-default)}.bs-radio__circle{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--bs-radio-size);height:var(--bs-radio-size);border:var(--bs-radio-border-width) solid var(--bs-radio-enabled-border-default);border-radius:50%;background:transparent}.bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-default)}.bs-radio__dot{width:50%;height:50%;border-radius:50%;background:var(--bs-radio-icon-checked)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-hover)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-enabled-border-hover)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-hover)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__circle--selected .bs-radio__dot{background:var(--bs-radio-icon-hover)}.bs-radio__input:focus-visible~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-focus);outline:2px solid var(--bs-radio-focus-ring);outline-offset:2px}.bs-radio__input:focus-visible~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-enabled-border-focus)}.bs-radio__input:focus-visible~.bs-radio__hit-area .bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-focus)}.bs-radio__input:active:not(:disabled)~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-pressed)}.bs-radio__input:active:not(:disabled)~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-enabled-border-pressed)}.bs-radio__input:active:not(:disabled)~.bs-radio__hit-area .bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-pressed)}.bs-radio__input:disabled~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-disabled)}.bs-radio__input:disabled~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-border-disabled)}.bs-radio__input:disabled~.bs-radio__hit-area .bs-radio__circle--selected .bs-radio__dot{background:var(--bs-radio-icon-disabled)}.bs-radio__label{font-size:var(--bs-font-size-md);color:var(--bs-radio-label-default)}.bs-radio--disabled .bs-radio__label{color:var(--bs-radio-label-disabled)}@media (forced-colors: active){.bs-radio__circle{border:2px solid ButtonText;forced-color-adjust:none;background:Canvas}.bs-radio__dot{background:Highlight}}";export{s as bs_radio}

package/dist/brandsync-wc/p-bf8bd386.entry.js

@@ -1 +0,0 @@
-import{r as o,a as r,h as c}from"./p-D3SkQJpw.js";const a=class{constructor(r){o(this,r)}get el(){return r(this)}multiple=!1;onToggle(o){const r=o.target;if(!r||"bs-accordion"!==r.tagName.toLowerCase())return;const c=o.detail;r.expanded=c,c&&!this.multiple&&Array.from(this.el.querySelectorAll("bs-accordion")).forEach((o=>{o!==r&&(o.expanded=!1)}))}render(){return c("div",{key:"fb67e69d63c6eb30093cf9b74a035a498d4b38b1",part:"group",class:"bs-accordion-group"},c("slot",{key:"ddc57ac0aa2fb44f866000c6abe255e416fa19b8"}))}};a.style=":host{display:block;--bs-accordion-group-gap:0}.bs-accordion-group{display:flex;flex-direction:column;gap:var(--bs-accordion-group-gap)}";export{a as bs_accordion_group}