@brandsync/wc 1.13.0 → 1.15.0

package/custom-elements.json

@@ -513,6 +513,99 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/bs-app-shell/bs-app-shell.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "bs-app-shell",
+          "name": "BsAppShell",
+          "description": "The page frame: a header across the top, and below it a navigation | main | aside row, laid out\nwith CSS grid. The main column scrolls independently of the header and the side columns.\n\nLayout only. Compose it from the existing shell components: put a `bs-navigation-header`\n(usually `alignment=\"with-navigation-drawer\"`) in `header` and a `bs-navigation-drawer` in\n`navigation`. The drawer sizes itself (expanded or collapsed rail); the shell reserves an `auto`\ntrack for it, so there is no `navigationWidth` prop. `bs-navigation-header` has no `collapsed`\nprop, so there is no collapse state to mirror and the shell does not listen to `bsCollapse`: the\nauto track follows the drawer's width on its own.\n\nThe shell creates no landmarks besides `<main>`; the slotted header and drawer bring their own\n`banner` and `navigation` roles.\n\n## When to use\n- The outer frame of an application page with a header and side navigation.\n\n## When not to use\n- Content layout inside the page (use `bs-grid`) or resizable panes (use `bs-split-pane`).\n- Pages that already have their own `<main>`; the shell would add a duplicate landmark.",
+          "attributes": [
+            {
+              "name": "full-height",
+              "description": "When true the host is `height: 100%`; when false it is content-sized with `min-height: 100vh`.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "fieldName": "fullHeight"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "fullHeight",
+              "description": "When true the host is `height: 100%`; when false it is content-sized with `min-height: 100vh`.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "attribute": "full-height",
+              "reflects": true
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "The main content, rendered inside `<main>`; scrolls independently."
+            },
+            {
+              "name": "aside",
+              "description": "Optional right column."
+            },
+            {
+              "name": "header",
+              "description": "A `bs-navigation-header`, spanning the full width."
+            },
+            {
+              "name": "navigation",
+              "description": "A `bs-navigation-drawer`."
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "aside",
+              "description": "Wrapper around the aside slot."
+            },
+            {
+              "name": "container",
+              "description": "The grid element."
+            },
+            {
+              "name": "header",
+              "description": "Wrapper around the header slot."
+            },
+            {
+              "name": "main",
+              "description": "The `<main>` element."
+            },
+            {
+              "name": "navigation",
+              "description": "Wrapper around the navigation slot."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BsAppShell",
+          "declaration": {
+            "name": "BsAppShell"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bs-app-shell",
+          "declaration": {
+            "name": "BsAppShell"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/bs-attachment/bs-attachment.tsx",
@@ -5447,6 +5540,94 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/bs-container/bs-container.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "bs-container",
+          "name": "BsContainer",
+          "description": "A centred wrapper that limits content width to a breakpoint and adds horizontal padding.\n\n## When to use\n- Constraining page or section content to a readable, consistent maximum width.\n\n## When not to use\n- Arranging children relative to each other (use `bs-stack`).\n- Full-bleed regions such as hero backgrounds (use `size=\"fluid\"` or no container).",
+          "attributes": [
+            {
+              "name": "padding",
+              "description": "Spacing token name for horizontal padding (e.g. `300` => `--bs-spacing-300`). Invalid values fall back to `300`.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'300'",
+              "fieldName": "padding"
+            },
+            {
+              "name": "size",
+              "description": "Maximum width, taken from the breakpoint tokens. `fluid` removes the limit.",
+              "type": {
+                "text": "\"2xl\" | \"fluid\" | \"lg\" | \"md\" | \"sm\" | \"xl\"",
+                "references": [
+                  {
+                    "name": "BsContainerSize"
+                  }
+                ]
+              },
+              "default": "'xl'",
+              "fieldName": "size"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "padding",
+              "description": "Spacing token name for horizontal padding (e.g. `300` => `--bs-spacing-300`). Invalid values fall back to `300`.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'300'",
+              "attribute": "padding"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "description": "Maximum width, taken from the breakpoint tokens. `fluid` removes the limit.",
+              "type": {
+                "text": "\"2xl\" | \"fluid\" | \"lg\" | \"md\" | \"sm\" | \"xl\"",
+                "references": [
+                  {
+                    "name": "BsContainerSize"
+                  }
+                ]
+              },
+              "default": "'xl'",
+              "attribute": "size",
+              "reflects": true
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "Content to constrain."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BsContainer",
+          "declaration": {
+            "name": "BsContainer"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bs-container",
+          "declaration": {
+            "name": "BsContainer"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/bs-cookie-consent/bs-cookie-consent.tsx",
@@ -6847,6 +7028,155 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/bs-divider/bs-divider.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "bs-divider",
+          "name": "BsDivider",
+          "description": "A thin line that separates content, horizontally or vertically.\n\n## When to use\n- Separating groups of related content in a list, menu, toolbar or card.\n\n## When not to use\n- Adding vertical space between blocks (use `bs-stack` gap or spacing tokens).\n- Drawing a border around a surface (use `bs-card`).",
+          "attributes": [
+            {
+              "name": "decorative",
+              "description": "Purely visual: hides the divider from assistive technology instead of exposing a separator.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "decorative"
+            },
+            {
+              "name": "inset",
+              "description": "Indents the line from its start edge, or from both edges.",
+              "type": {
+                "text": "\"both\" | \"none\" | \"start\"",
+                "references": [
+                  {
+                    "name": "BsDividerInset"
+                  }
+                ]
+              },
+              "default": "'none'",
+              "fieldName": "inset"
+            },
+            {
+              "name": "orientation",
+              "description": "Direction of the line. A vertical divider stretches to the height of its container.",
+              "type": {
+                "text": "\"horizontal\" | \"vertical\"",
+                "references": [
+                  {
+                    "name": "BsDividerOrientation"
+                  }
+                ]
+              },
+              "default": "'horizontal'",
+              "fieldName": "orientation"
+            },
+            {
+              "name": "variant",
+              "description": "Visual weight of the line.",
+              "type": {
+                "text": "\"default\" | \"subtle\"",
+                "references": [
+                  {
+                    "name": "BsDividerVariant"
+                  }
+                ]
+              },
+              "default": "'default'",
+              "fieldName": "variant"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "decorative",
+              "description": "Purely visual: hides the divider from assistive technology instead of exposing a separator.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "decorative",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "inset",
+              "description": "Indents the line from its start edge, or from both edges.",
+              "type": {
+                "text": "\"both\" | \"none\" | \"start\"",
+                "references": [
+                  {
+                    "name": "BsDividerInset"
+                  }
+                ]
+              },
+              "default": "'none'",
+              "attribute": "inset",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "orientation",
+              "description": "Direction of the line. A vertical divider stretches to the height of its container.",
+              "type": {
+                "text": "\"horizontal\" | \"vertical\"",
+                "references": [
+                  {
+                    "name": "BsDividerOrientation"
+                  }
+                ]
+              },
+              "default": "'horizontal'",
+              "attribute": "orientation",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "description": "Visual weight of the line.",
+              "type": {
+                "text": "\"default\" | \"subtle\"",
+                "references": [
+                  {
+                    "name": "BsDividerVariant"
+                  }
+                ]
+              },
+              "default": "'default'",
+              "attribute": "variant",
+              "reflects": true
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "line",
+              "description": "The visible line element."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BsDivider",
+          "declaration": {
+            "name": "BsDivider"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bs-divider",
+          "declaration": {
+            "name": "BsDivider"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/bs-error-page/bs-error-page.tsx",
@@ -7788,31 +8118,200 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/bs-button/bs-icon-button/bs-icon-button.tsx",
+      "path": "src/components/bs-grid/bs-grid.tsx",
       "declarations": [
         {
           "kind": "class",
           "customElement": true,
-          "tagName": "bs-icon-button",
-          "name": "BsIconButton",
-          "description": "A clickable, icon-only action element -- the icon-only sibling of `bs-button`, sharing the same\n8 visual variants and color language, but ALWAYS rendering just a single icon, never a label.\n\n## When to use\n- A compact action where the icon alone is unambiguous (e.g. a close/dismiss control, a toolbar\n  action) and adding a text label would take up more space than the context allows.\n- The same variant guidance as `bs-button` applies: `primary` for the single most important\n  action, `neutral`/`subtle`/`outlined` for lower-emphasis alternatives, `error` reserved for\n  destructive/irreversible actions (never `neutral`, per BrandSync guidance), `success`/\n  `warning`/`info` only when the action's own outcome is predictable and clearly communicated.\n\n## When not to use\n- When the action isn't self-evident from the icon alone -- use `bs-button` with a visible label\n  instead, don't rely on a tooltip to compensate for an unclear icon.\n- For navigation between pages -- use a link/nav component instead.\n\nBecause this component is always icon-only, `ariaLabel` is required for every real usage (not\njust conditionally, unlike `bs-button`) -- there's no visible label text to fall back on for an\naccessible name.",
+          "tagName": "bs-grid",
+          "name": "BsGrid",
+          "description": "A CSS grid layout wrapper. Children are placed in equal-width columns with a token-based gap.\n\n`columns` takes either a number (`\"3\"` becomes `repeat(3, minmax(0, 1fr))`) or any raw\n`grid-template-columns` value (`\"200px 1fr\"`). `minColumnWidth` is the responsive mechanism: it\nswitches to `repeat(auto-fit, minmax(min(100%, X), 1fr))`, so the column count adapts to the\ncontainer width and `columns` is ignored. There are deliberately no per-breakpoint props in v1.\n\n`gap`, `rowGap` and `columnGap` take spacing token names (`\"200\"` maps to `var(--bs-spacing-200)`);\nunknown names fall back to `100`.\n\n## When to use\n- Card grids, form field grids and dashboards where items share equal column tracks.\n- Responsive galleries via `minColumnWidth`.\n\n## When not to use\n- A single row or column of items with no wrapping (plain flex).\n- Resizable multi-pane layouts (use `bs-split-pane`) or the page frame (use `bs-app-shell`).",
           "attributes": [
             {
-              "name": "aria-label",
-              "description": "Accessible name for the button. Required -- this component is always icon-only, so there's\nno visible label text for screen readers to fall back on. Stencil reflects this camelCase\nprop to the `aria-label` HTML attribute automatically.",
+              "name": "align",
+              "description": "Block-axis alignment of items within their cell.",
               "type": {
-                "text": "string"
+                "text": "\"center\" | \"end\" | \"start\" | \"stretch\"",
+                "references": [
+                  {
+                    "name": "BsGridAlign"
+                  }
+                ]
               },
-              "default": "null",
-              "fieldName": "ariaLabel"
+              "default": "'stretch'",
+              "fieldName": "align"
             },
             {
-              "name": "disabled",
-              "description": "Disables the button and applies the disabled token set.",
+              "name": "column-gap",
+              "description": "Spacing token name for the column gap; overrides `gap` for columns.",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
+              "fieldName": "columnGap"
+            },
+            {
+              "name": "columns",
+              "description": "A number of equal columns (`\"3\"`), or a raw `grid-template-columns` value. Ignored when `minColumnWidth` is set.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'1'",
+              "fieldName": "columns"
+            },
+            {
+              "name": "gap",
+              "description": "Spacing token name for the gap on both axes, e.g. `\"200\"` for `--bs-spacing-200`.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'100'",
+              "fieldName": "gap"
+            },
+            {
+              "name": "min-column-width",
+              "description": "CSS length (e.g. `240px`). Switches to auto-fit columns at least this wide and overrides `columns`.",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "minColumnWidth"
+            },
+            {
+              "name": "row-gap",
+              "description": "Spacing token name for the row gap; overrides `gap` for rows.",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "rowGap"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "align",
+              "description": "Block-axis alignment of items within their cell.",
+              "type": {
+                "text": "\"center\" | \"end\" | \"start\" | \"stretch\"",
+                "references": [
+                  {
+                    "name": "BsGridAlign"
+                  }
+                ]
+              },
+              "default": "'stretch'",
+              "attribute": "align",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "columnGap",
+              "description": "Spacing token name for the column gap; overrides `gap` for columns.",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "column-gap",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "columns",
+              "description": "A number of equal columns (`\"3\"`), or a raw `grid-template-columns` value. Ignored when `minColumnWidth` is set.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'1'",
+              "attribute": "columns",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "gap",
+              "description": "Spacing token name for the gap on both axes, e.g. `\"200\"` for `--bs-spacing-200`.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'100'",
+              "attribute": "gap",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "minColumnWidth",
+              "description": "CSS length (e.g. `240px`). Switches to auto-fit columns at least this wide and overrides `columns`.",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "min-column-width",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "rowGap",
+              "description": "Spacing token name for the row gap; overrides `gap` for rows.",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "row-gap",
+              "reflects": true
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "The grid items."
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "container",
+              "description": "The grid element that holds the slotted items."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BsGrid",
+          "declaration": {
+            "name": "BsGrid"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bs-grid",
+          "declaration": {
+            "name": "BsGrid"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/bs-button/bs-icon-button/bs-icon-button.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "bs-icon-button",
+          "name": "BsIconButton",
+          "description": "A clickable, icon-only action element -- the icon-only sibling of `bs-button`, sharing the same\n8 visual variants and color language, but ALWAYS rendering just a single icon, never a label.\n\n## When to use\n- A compact action where the icon alone is unambiguous (e.g. a close/dismiss control, a toolbar\n  action) and adding a text label would take up more space than the context allows.\n- The same variant guidance as `bs-button` applies: `primary` for the single most important\n  action, `neutral`/`subtle`/`outlined` for lower-emphasis alternatives, `error` reserved for\n  destructive/irreversible actions (never `neutral`, per BrandSync guidance), `success`/\n  `warning`/`info` only when the action's own outcome is predictable and clearly communicated.\n\n## When not to use\n- When the action isn't self-evident from the icon alone -- use `bs-button` with a visible label\n  instead, don't rely on a tooltip to compensate for an unclear icon.\n- For navigation between pages -- use a link/nav component instead.\n\nBecause this component is always icon-only, `ariaLabel` is required for every real usage (not\njust conditionally, unlike `bs-button`) -- there's no visible label text to fall back on for an\naccessible name.",
+          "attributes": [
+            {
+              "name": "aria-label",
+              "description": "Accessible name for the button. Required -- this component is always icon-only, so there's\nno visible label text for screen readers to fall back on. Stencil reflects this camelCase\nprop to the `aria-label` HTML attribute automatically.",
+              "type": {
+                "text": "string"
+              },
+              "default": "null",
+              "fieldName": "ariaLabel"
+            },
+            {
+              "name": "disabled",
+              "description": "Disables the button and applies the disabled token set.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
               "fieldName": "disabled"
             },
             {
@@ -15247,6 +15746,404 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/bs-split-pane/bs-split-pane.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "bs-split-pane",
+          "name": "BsSplitPane",
+          "description": "A resizable layout of two or three panes separated by draggable, keyboard-operable dividers\n(the WAI-ARIA \"window splitter\" pattern). Content goes into the named slots `pane-1`, `pane-2`\nand (optionally) `pane-3`; the pane count follows which slots have content.\n\n`orientation=\"horizontal\"` places panes side by side (vertical dividers); `\"vertical\"` stacks\nthem (horizontal dividers). The first pane has a fixed size (`--bs-split-pane-first-size`) that\nthe user can change by dragging; the last pane absorbs the remaining space. `collapsed` shrinks\nthe first pane to a narrow rail (`--bs-split-pane-collapsed-size`) -- the component reflects the\nattribute so slotted content can switch to its compact rendering (e.g. icon-only list items).\n\n## When to use\n- Master/detail layouts: a navigation or list pane next to one or two detail panes.\n\n## When not to use\n- A temporary overlay panel (use `bs-side-panel`).\n- A fixed, non-resizable two-column layout (plain CSS grid; or set `resizable=\"false\"` to keep\n  the dividers purely visual).",
+          "attributes": [
+            {
+              "name": "collapsed",
+              "description": "Collapses the first pane to a narrow rail. Mutable: the Enter key on the first divider toggles it.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "collapsed"
+            },
+            {
+              "name": "divider-label",
+              "description": "Accessible name of each divider.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Resize panes'",
+              "fieldName": "dividerLabel"
+            },
+            {
+              "name": "orientation",
+              "description": "`horizontal` = panes side by side, `vertical` = panes stacked.",
+              "type": {
+                "text": "\"horizontal\" | \"vertical\"",
+                "references": [
+                  {
+                    "name": "BsSplitPaneOrientation"
+                  }
+                ]
+              },
+              "default": "'horizontal'",
+              "fieldName": "orientation"
+            },
+            {
+              "name": "resizable",
+              "description": "Whether the dividers can be dragged / operated by keyboard. `false` keeps them as visual separators.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "fieldName": "resizable"
+            },
+            {
+              "name": "step",
+              "description": "Pixels moved per arrow-key press (Shift multiplies by 4).",
+              "type": {
+                "text": "number"
+              },
+              "default": "16",
+              "fieldName": "step"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "collapsed",
+              "description": "Collapses the first pane to a narrow rail. Mutable: the Enter key on the first divider toggles it.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "collapsed",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "dividerLabel",
+              "description": "Accessible name of each divider.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Resize panes'",
+              "attribute": "divider-label"
+            },
+            {
+              "kind": "field",
+              "name": "orientation",
+              "description": "`horizontal` = panes side by side, `vertical` = panes stacked.",
+              "type": {
+                "text": "\"horizontal\" | \"vertical\"",
+                "references": [
+                  {
+                    "name": "BsSplitPaneOrientation"
+                  }
+                ]
+              },
+              "default": "'horizontal'",
+              "attribute": "orientation",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "resizable",
+              "description": "Whether the dividers can be dragged / operated by keyboard. `false` keeps them as visual separators.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "attribute": "resizable"
+            },
+            {
+              "kind": "field",
+              "name": "step",
+              "description": "Pixels moved per arrow-key press (Shift multiplies by 4).",
+              "type": {
+                "text": "number"
+              },
+              "default": "16",
+              "attribute": "step"
+            },
+            {
+              "kind": "method",
+              "name": "toggleCollapsed",
+              "description": "Toggles `collapsed` and emits `bsCollapsedChange`.",
+              "return": {
+                "type": {
+                  "text": "Promise<void>",
+                  "references": [
+                    {
+                      "name": "Promise",
+                      "package": "global:"
+                    }
+                  ]
+                }
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "bsCollapsedChange",
+              "description": "Fires when `collapsed` changes through user interaction.",
+              "type": {
+                "text": "CustomEvent<boolean>"
+              }
+            },
+            {
+              "name": "bsResize",
+              "description": "Fires after a resize (pointer release or key press) with the pixel size of every pane except the last.",
+              "type": {
+                "text": "CustomEvent<number[]>"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "pane-1",
+              "description": "The first pane (the one that collapses)."
+            },
+            {
+              "name": "pane-2",
+              "description": "The second pane."
+            },
+            {
+              "name": "pane-3",
+              "description": "Optional third pane."
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "container",
+              "description": "The flex wrapper around all panes and dividers."
+            },
+            {
+              "name": "divider",
+              "description": "Every divider (the focusable `role=\"separator\"` element)."
+            },
+            {
+              "name": "divider-thumb",
+              "description": "The visible thumb on a divider."
+            },
+            {
+              "name": "pane",
+              "description": "Every pane wrapper (`pane-1`, `pane-2`, `pane-3` are also exposed as separate parts)."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BsSplitPane",
+          "declaration": {
+            "name": "BsSplitPane"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bs-split-pane",
+          "declaration": {
+            "name": "BsSplitPane"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/bs-stack/bs-stack.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "bs-stack",
+          "name": "BsStack",
+          "description": "A flex layout that arranges its children in a row or column with a token-based gap, optionally\ndrawing a divider between children.\n\nBuilt from: `bs-divider` (when `divider` is set).\n\nWith `divider`, each child is given a generated `slot=\"bs-stack-item-N\"` attribute (plus a\n`data-bs-stack-item` marker) so a divider can be rendered between the named slots. Light-DOM\nnodes are never moved; the attributes are removed again when `divider` is turned off.\n\n## When to use\n- Spacing and aligning a short run of siblings (form fields, button rows, card content).\n\n## When not to use\n- Two-dimensional grids (use CSS grid).\n- Resizable panes (use `bs-split-pane`).",
+          "attributes": [
+            {
+              "name": "align",
+              "description": "Cross-axis alignment.",
+              "type": {
+                "text": "\"baseline\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
+                "references": [
+                  {
+                    "name": "BsStackAlign"
+                  }
+                ]
+              },
+              "default": "'stretch'",
+              "fieldName": "align"
+            },
+            {
+              "name": "direction",
+              "description": "Main axis: `vertical` stacks children in a column, `horizontal` in a row.",
+              "type": {
+                "text": "\"horizontal\" | \"vertical\"",
+                "references": [
+                  {
+                    "name": "BsStackDirection"
+                  }
+                ]
+              },
+              "default": "'vertical'",
+              "fieldName": "direction"
+            },
+            {
+              "name": "divider",
+              "description": "Renders a decorative `bs-divider` between each child.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "divider"
+            },
+            {
+              "name": "gap",
+              "description": "Spacing token name (e.g. `200` => `--bs-spacing-200`). Invalid values fall back to `100`.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'100'",
+              "fieldName": "gap"
+            },
+            {
+              "name": "justify",
+              "description": "Main-axis distribution.",
+              "type": {
+                "text": "\"around\" | \"between\" | \"center\" | \"end\" | \"start\"",
+                "references": [
+                  {
+                    "name": "BsStackJustify"
+                  }
+                ]
+              },
+              "default": "'start'",
+              "fieldName": "justify"
+            },
+            {
+              "name": "wrap",
+              "description": "Lets items wrap onto further lines.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "wrap"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "align",
+              "description": "Cross-axis alignment.",
+              "type": {
+                "text": "\"baseline\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
+                "references": [
+                  {
+                    "name": "BsStackAlign"
+                  }
+                ]
+              },
+              "default": "'stretch'",
+              "attribute": "align",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "direction",
+              "description": "Main axis: `vertical` stacks children in a column, `horizontal` in a row.",
+              "type": {
+                "text": "\"horizontal\" | \"vertical\"",
+                "references": [
+                  {
+                    "name": "BsStackDirection"
+                  }
+                ]
+              },
+              "default": "'vertical'",
+              "attribute": "direction",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "divider",
+              "description": "Renders a decorative `bs-divider` between each child.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "divider",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "gap",
+              "description": "Spacing token name (e.g. `200` => `--bs-spacing-200`). Invalid values fall back to `100`.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'100'",
+              "attribute": "gap"
+            },
+            {
+              "kind": "field",
+              "name": "justify",
+              "description": "Main-axis distribution.",
+              "type": {
+                "text": "\"around\" | \"between\" | \"center\" | \"end\" | \"start\"",
+                "references": [
+                  {
+                    "name": "BsStackJustify"
+                  }
+                ]
+              },
+              "default": "'start'",
+              "attribute": "justify",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "wrap",
+              "description": "Lets items wrap onto further lines.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "wrap",
+              "reflects": true
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "The items to arrange."
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "divider",
+              "description": "Each generated `bs-divider` (only with `divider`)."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BsStack",
+          "declaration": {
+            "name": "BsStack"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bs-stack",
+          "declaration": {
+            "name": "BsStack"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/bs-stepper/bs-stepper/bs-stepper.tsx",