@brandsync/wc 1.2.0 → 1.4.0

package/custom-elements.json

@@ -2705,7 +2705,7 @@
             },
             {
               "name": "selected",
-              "description": "Whether the chip reads as toggled on. Mutable so clicking it toggles directly, and\nreflected so consumers can target `bs-chip-filter[selected]` via CSS.",
+              "description": "Whether the chip reads as toggled on. This is the single source of truth for the chip's\nvisual state -- a controlled component, like a controlled `<input>`. Clicking the chip never\nmutates this prop itself; it only emits `bsChange` with the requested new value. If the\nconsumer doesn't update `selected` in response (e.g. their own validation rejects the\nchange), the chip's rendering stays exactly as `selected` says, rather than drifting into\nsome internally-tracked truth. Reflected so consumers can target\n`bs-chip-filter[selected]` via CSS.",
               "type": {
                 "text": "boolean"
               },
@@ -2761,7 +2761,7 @@
             {
               "kind": "field",
               "name": "selected",
-              "description": "Whether the chip reads as toggled on. Mutable so clicking it toggles directly, and\nreflected so consumers can target `bs-chip-filter[selected]` via CSS.",
+              "description": "Whether the chip reads as toggled on. This is the single source of truth for the chip's\nvisual state -- a controlled component, like a controlled `<input>`. Clicking the chip never\nmutates this prop itself; it only emits `bsChange` with the requested new value. If the\nconsumer doesn't update `selected` in response (e.g. their own validation rejects the\nchange), the chip's rendering stays exactly as `selected` says, rather than drifting into\nsome internally-tracked truth. Reflected so consumers can target\n`bs-chip-filter[selected]` via CSS.",
               "type": {
                 "text": "boolean"
               },
@@ -3274,7 +3274,7 @@
             },
             {
               "name": "state",
-              "description": "Which of the four mutually-exclusive composer states to render: `idle` (send, enabled),\n`generating` (stop, while the AI is responding), `disabled` (send, but not interactive), or\n`recording` (voice input in progress -- shows a waveform and a confirm action).",
+              "description": "Which of the four mutually-exclusive composer states to render: `idle` (send, enabled),\n`generating` (stop, while the AI is responding), `disabled` (send, but not interactive), or\n`recording` (voice input in progress -- shows a waveform and a confirm action).\n\nReflects to a `state` attribute on the host, so a consumer can target a specific state from\noutside via a CSS attribute selector (e.g. `bs-composer[state=\"recording\"]`) or by querying\nfor it in JS, the same way `bs-input`'s `open` prop reflects.",
               "type": {
                 "text": "\"disabled\" | \"generating\" | \"idle\" | \"recording\"",
                 "references": [
@@ -3288,7 +3288,7 @@
             },
             {
               "name": "value",
-              "description": "Current text value. Native `input` events don't cross the Shadow DOM boundary, so this\ncomponent re-dispatches them as a `bsInput` custom event instead.\n\nThe field is a `<textarea>` (not a single-line `<input>`) that grows with its content, up to\n`--bs-composer-input-max-lines` (10 by default) -- beyond that it scrolls internally instead\nof growing further. Setting `value` as a prop (not just typing) also re-triggers the resize,\nso e.g. programmatically clearing the field after submit correctly shrinks it back down.",
+              "description": "Current text value. Native `input` events don't cross the Shadow DOM boundary, so this\ncomponent re-dispatches them as a `bsInput` custom event instead.\n\nThe field is a `<textarea>` (not a single-line `<input>`) that grows with its content, up to\n`--bs-composer-input-max-lines` (10 by default) -- beyond that it scrolls internally instead\nof growing further. Setting `value` as a prop (not just typing) also re-triggers the resize,\nso e.g. programmatically clearing the field after submit correctly shrinks it back down.\n\nMutable: kept in sync with the real `<textarea>`'s content on every keystroke (see `onInput`),\nnot pushed one-way from the outside only. Without this, typing alone never updates this prop,\nso a consumer re-setting `value` to e.g. `''` after the user had typed something would be a\nno-op (same as the never-updated internal value) and silently fail to clear the field.",
               "type": {
                 "text": "string"
               },
@@ -3333,7 +3333,7 @@
             {
               "kind": "field",
               "name": "state",
-              "description": "Which of the four mutually-exclusive composer states to render: `idle` (send, enabled),\n`generating` (stop, while the AI is responding), `disabled` (send, but not interactive), or\n`recording` (voice input in progress -- shows a waveform and a confirm action).",
+              "description": "Which of the four mutually-exclusive composer states to render: `idle` (send, enabled),\n`generating` (stop, while the AI is responding), `disabled` (send, but not interactive), or\n`recording` (voice input in progress -- shows a waveform and a confirm action).\n\nReflects to a `state` attribute on the host, so a consumer can target a specific state from\noutside via a CSS attribute selector (e.g. `bs-composer[state=\"recording\"]`) or by querying\nfor it in JS, the same way `bs-input`'s `open` prop reflects.",
               "type": {
                 "text": "\"disabled\" | \"generating\" | \"idle\" | \"recording\"",
                 "references": [
@@ -3343,12 +3343,13 @@
                 ]
               },
               "default": "'idle'",
-              "attribute": "state"
+              "attribute": "state",
+              "reflects": true
             },
             {
               "kind": "field",
               "name": "value",
-              "description": "Current text value. Native `input` events don't cross the Shadow DOM boundary, so this\ncomponent re-dispatches them as a `bsInput` custom event instead.\n\nThe field is a `<textarea>` (not a single-line `<input>`) that grows with its content, up to\n`--bs-composer-input-max-lines` (10 by default) -- beyond that it scrolls internally instead\nof growing further. Setting `value` as a prop (not just typing) also re-triggers the resize,\nso e.g. programmatically clearing the field after submit correctly shrinks it back down.",
+              "description": "Current text value. Native `input` events don't cross the Shadow DOM boundary, so this\ncomponent re-dispatches them as a `bsInput` custom event instead.\n\nThe field is a `<textarea>` (not a single-line `<input>`) that grows with its content, up to\n`--bs-composer-input-max-lines` (10 by default) -- beyond that it scrolls internally instead\nof growing further. Setting `value` as a prop (not just typing) also re-triggers the resize,\nso e.g. programmatically clearing the field after submit correctly shrinks it back down.\n\nMutable: kept in sync with the real `<textarea>`'s content on every keystroke (see `onInput`),\nnot pushed one-way from the outside only. Without this, typing alone never updates this prop,\nso a consumer re-setting `value` to e.g. `''` after the user had typed something would be a\nno-op (same as the never-updated internal value) and silently fail to clear the field.",
               "type": {
                 "text": "string"
               },
@@ -3768,6 +3769,22 @@
               },
               "default": "'asc'",
               "attribute": "sort-direction"
+            },
+            {
+              "kind": "method",
+              "name": "clearSelection",
+              "description": "Clears the current row selection and emits `bsRowSelect` for each row that was selected, so\nparent-held selection state stays in sync. Lets consumers reset selection without remounting\nthe whole table.",
+              "return": {
+                "type": {
+                  "text": "Promise<void>",
+                  "references": [
+                    {
+                      "name": "Promise",
+                      "package": "global:"
+                    }
+                  ]
+                }
+              }
             }
           ],
           "events": [
@@ -4228,11 +4245,15 @@
             },
             {
               "name": "--bs-icon-button-outlined-border",
-              "description": "Border color, variant=\"outlined\", default. Aliased to --bs-border-primary."
+              "description": "Border color, variant=\"outlined\", default. Aliased to --bs-color-primary-default."
             },
             {
               "name": "--bs-icon-button-outlined-border-hover",
-              "description": "Border color, variant=\"outlined\", hover/pressed. Aliased to --bs-border-primary-hover."
+              "description": "Border color, variant=\"outlined\", hover. Aliased to --bs-color-primary-hover."
+            },
+            {
+              "name": "--bs-icon-button-outlined-border-pressed",
+              "description": "Border color, variant=\"outlined\", pressed. Aliased to --bs-color-primary-pressed."
             },
             {
               "name": "--bs-icon-button-outlined-container",
@@ -4242,6 +4263,10 @@
               "name": "--bs-icon-button-outlined-focus",
               "description": "Focus ring color, variant=\"outlined\". Aliased to --bs-border-primary-focus."
             },
+            {
+              "name": "--bs-icon-button-outlined-text-hover",
+              "description": "Icon color, variant=\"outlined\", hover/pressed. Aliased to --bs-text-action-hover."
+            },
             {
               "name": "--bs-icon-button-padding",
               "description": "Padding on all sides, all sizes (constant -- centers the icon inside the container at every size). Aliased to --bs-spacing-150."
@@ -5685,7 +5710,7 @@
             },
             {
               "name": "--bs-navigation-drawer-width",
-              "description": "Default width of the drawer. 280px, matching Figma's own frame -- overridable by a consumer that needs a different fixed width."
+              "description": "Default width of the drawer. 280px, matching Figma's own frame -- overridable by a consumer that needs a different fixed width. Below a 768px viewport width, this is overridden by a `@media (max-width: 768px)` rule that forces the existing `collapsed` 96px icon-only rail treatment instead (see --bs-navigation-drawer-collapsed-width below), so the drawer stops reserving a permanent 280px of layout width on small screens."
             }
           ]
         }
@@ -6449,6 +6474,423 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/bs-progress/bs-progress.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "bs-progress",
+          "name": "BsProgress",
+          "description": "A circular progress indicator -- either a static ring showing a percentage sweep\n(`type=\"determinate\"`) or a continuously spinning ring signaling in-progress work with no known\ncompletion percentage (`type=\"indeterminate\"`).\n\n## When to use\n- Showing the progress of a task with a known, quantifiable completion percentage (`determinate`).\n- Signaling that work is happening in the background with no meaningful percentage to report\n  (`indeterminate`), e.g. while waiting on a network response.\n\n## When not to use\n- For a horizontal, bar-shaped progress indicator -- this component is a ring, not a bar.\n- For a percentage that's better expressed as plain text, without the reserved space and visual\n  weight of a ring.",
+          "attributes": [
+            {
+              "name": "show-label",
+              "description": "Shows the `${value}%` label below the ring. Only takes effect for `type=\"determinate\"` --\n`indeterminate` never shows a label regardless of this prop, since there's no percentage to\nshow. Defaults to `true`.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "fieldName": "showLabel"
+            },
+            {
+              "name": "size",
+              "description": "Overall diameter: `small` (44px), `medium` (48px), or `large` (64px).",
+              "type": {
+                "text": "\"large\" | \"medium\" | \"small\"",
+                "references": [
+                  {
+                    "name": "BsProgressSize"
+                  }
+                ]
+              },
+              "default": "'small'",
+              "fieldName": "size"
+            },
+            {
+              "name": "stroke-width",
+              "description": "Ring stroke width in px -- `4` or `8`, matching Figma's two stroke-width variants. A number,\nnot the Figma label's literal `\"4 px\"` string.",
+              "type": {
+                "text": "4 | 8",
+                "references": [
+                  {
+                    "name": "BsProgressStrokeWidth"
+                  }
+                ]
+              },
+              "default": "4",
+              "fieldName": "strokeWidth"
+            },
+            {
+              "name": "type",
+              "description": "`determinate` renders a static arc sweep reflecting `value` (with an optional percentage\nlabel); `indeterminate` renders a continuously spinning ring and never shows a label, since\nthere's no known percentage to report.",
+              "type": {
+                "text": "\"determinate\" | \"indeterminate\"",
+                "references": [
+                  {
+                    "name": "BsProgressType"
+                  }
+                ]
+              },
+              "default": "'determinate'",
+              "fieldName": "type"
+            },
+            {
+              "name": "value",
+              "description": "Progress percentage, `0`-`100`. Only meaningful for `type=\"determinate\"` -- ignored (and\nnever rendered) for `type=\"indeterminate\"`. Out-of-range values are clamped defensively.",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "fieldName": "value"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "showLabel",
+              "description": "Shows the `${value}%` label below the ring. Only takes effect for `type=\"determinate\"` --\n`indeterminate` never shows a label regardless of this prop, since there's no percentage to\nshow. Defaults to `true`.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "attribute": "show-label"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "description": "Overall diameter: `small` (44px), `medium` (48px), or `large` (64px).",
+              "type": {
+                "text": "\"large\" | \"medium\" | \"small\"",
+                "references": [
+                  {
+                    "name": "BsProgressSize"
+                  }
+                ]
+              },
+              "default": "'small'",
+              "attribute": "size"
+            },
+            {
+              "kind": "field",
+              "name": "strokeWidth",
+              "description": "Ring stroke width in px -- `4` or `8`, matching Figma's two stroke-width variants. A number,\nnot the Figma label's literal `\"4 px\"` string.",
+              "type": {
+                "text": "4 | 8",
+                "references": [
+                  {
+                    "name": "BsProgressStrokeWidth"
+                  }
+                ]
+              },
+              "default": "4",
+              "attribute": "stroke-width"
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "description": "`determinate` renders a static arc sweep reflecting `value` (with an optional percentage\nlabel); `indeterminate` renders a continuously spinning ring and never shows a label, since\nthere's no known percentage to report.",
+              "type": {
+                "text": "\"determinate\" | \"indeterminate\"",
+                "references": [
+                  {
+                    "name": "BsProgressType"
+                  }
+                ]
+              },
+              "default": "'determinate'",
+              "attribute": "type"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "description": "Progress percentage, `0`-`100`. Only meaningful for `type=\"determinate\"` -- ignored (and\nnever rendered) for `type=\"indeterminate\"`. Out-of-range values are clamped defensively.",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "attribute": "value"
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "arc",
+              "description": "The colored progress/spinner arc circle."
+            },
+            {
+              "name": "container",
+              "description": "The outer wrapper (ring + optional label)."
+            },
+            {
+              "name": "label",
+              "description": "The percentage label (`determinate` + `showLabel` only)."
+            },
+            {
+              "name": "track",
+              "description": "The background track circle."
+            }
+          ],
+          "cssProperties": [
+            {
+              "name": "--bs-progress-arc",
+              "description": "Arc/spinner circle color. Aliased to --bs-color-primary-default (the same brand-blue accent bs-button's primary variant uses)."
+            },
+            {
+              "name": "--bs-progress-gap",
+              "description": "Gap between the ring and the label. Aliased to --bs-spacing-100."
+            },
+            {
+              "name": "--bs-progress-label-color",
+              "description": "Percentage label text color. Aliased to --bs-color-primary-default."
+            },
+            {
+              "name": "--bs-progress-label-font-size-lg",
+              "description": "Label font size, size=\"large\". Aliased to --bs-fontsize-body-md."
+            },
+            {
+              "name": "--bs-progress-label-font-size-sm",
+              "description": "Label font size, size=\"small\"/\"medium\". Aliased to --bs-fontsize-caption-md."
+            },
+            {
+              "name": "--bs-progress-label-font-weight",
+              "description": "Label font weight. Aliased to --bs-font-weight-medium."
+            },
+            {
+              "name": "--bs-progress-label-line-height-lg",
+              "description": "Label line height, size=\"large\". Aliased to --bs-line-height-body-md."
+            },
+            {
+              "name": "--bs-progress-label-line-height-sm",
+              "description": "Label line height, size=\"small\"/\"medium\". Aliased to --bs-line-height-caption-md."
+            },
+            {
+              "name": "--bs-progress-spin-duration",
+              "description": "Indeterminate spin duration. Aliased to --bs-duration-slower if defined by brandsync-tokens, otherwise a plain 1.4s fallback."
+            },
+            {
+              "name": "--bs-progress-track",
+              "description": "Track circle color (background ring). Aliased to --bs-neutral-200."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BsProgress",
+          "declaration": {
+            "name": "BsProgress"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bs-progress",
+          "declaration": {
+            "name": "BsProgress"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/bs-progress-linear/bs-progress-linear.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "bs-progress-linear",
+          "name": "BsProgressLinear",
+          "description": "A linear (horizontal) progress indicator -- either a static bar showing a percentage fill\n(`type=\"determinate\"`) or a continuously sliding bar signaling in-progress work with no known\ncompletion percentage (`type=\"indeterminate\"`).\n\n## When to use\n- Showing the progress of a task with a known, quantifiable completion percentage (`determinate`),\n  e.g. a file upload.\n- Signaling that work is happening in the background with no meaningful percentage to report\n  (`indeterminate`), e.g. while waiting on a network response.\n\n## When not to use\n- For a compact, ring-shaped progress indicator -- use `bs-progress` (circular) instead.\n- For a percentage that's better expressed as plain text, without the reserved space and visual\n  weight of a bar.",
+          "attributes": [
+            {
+              "name": "show-label",
+              "description": "Shows the slotted label below the bar. When `false`, or when no content is slotted, the\nlabel wrapper isn't rendered at all. Defaults to `true`.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "fieldName": "showLabel"
+            },
+            {
+              "name": "size",
+              "description": "Bar height: `small` (4px) or `large` (8px).",
+              "type": {
+                "text": "\"large\" | \"small\"",
+                "references": [
+                  {
+                    "name": "BsProgressLinearSize"
+                  }
+                ]
+              },
+              "default": "'large'",
+              "fieldName": "size"
+            },
+            {
+              "name": "type",
+              "description": "`determinate` renders a static fill reflecting `value`; `indeterminate` renders a\ncontinuously sliding gradient bar and ignores `value`.",
+              "type": {
+                "text": "\"determinate\" | \"indeterminate\"",
+                "references": [
+                  {
+                    "name": "BsProgressLinearType"
+                  }
+                ]
+              },
+              "default": "'determinate'",
+              "fieldName": "type"
+            },
+            {
+              "name": "value",
+              "description": "Progress percentage, `0`-`100`. Only meaningful for `type=\"determinate\"` -- ignored (and\nnever rendered) for `type=\"indeterminate\"`. Out-of-range values are clamped defensively.",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "fieldName": "value"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "showLabel",
+              "description": "Shows the slotted label below the bar. When `false`, or when no content is slotted, the\nlabel wrapper isn't rendered at all. Defaults to `true`.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "attribute": "show-label"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "description": "Bar height: `small` (4px) or `large` (8px).",
+              "type": {
+                "text": "\"large\" | \"small\"",
+                "references": [
+                  {
+                    "name": "BsProgressLinearSize"
+                  }
+                ]
+              },
+              "default": "'large'",
+              "attribute": "size"
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "description": "`determinate` renders a static fill reflecting `value`; `indeterminate` renders a\ncontinuously sliding gradient bar and ignores `value`.",
+              "type": {
+                "text": "\"determinate\" | \"indeterminate\"",
+                "references": [
+                  {
+                    "name": "BsProgressLinearType"
+                  }
+                ]
+              },
+              "default": "'determinate'",
+              "attribute": "type"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "description": "Progress percentage, `0`-`100`. Only meaningful for `type=\"determinate\"` -- ignored (and\nnever rendered) for `type=\"indeterminate\"`. Out-of-range values are clamped defensively.",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "attribute": "value"
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "Free-form label content rendered below the bar (e.g. \"Uploading...\"), gated by\n`showLabel`. Unlike `bs-progress`'s label, this is not a computed `${value}%` string -- it's\nconsumer-supplied content, per the Figma spec's free-text \"Label\" placeholder."
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "container",
+              "description": "The outer wrapper (bar + optional label)."
+            },
+            {
+              "name": "fill",
+              "description": "The colored progress/sliding fill bar."
+            },
+            {
+              "name": "label",
+              "description": "The label wrapper (only rendered when `showLabel` is true and slotted content exists)."
+            },
+            {
+              "name": "track",
+              "description": "The background track bar."
+            }
+          ],
+          "cssProperties": [
+            {
+              "name": "--bs-progress-linear-fill",
+              "description": "Determinate fill / indeterminate comet color. Aliased to --bs-color-primary-default (the same brand-blue accent bs-progress's arc and bs-button's primary variant already use)."
+            },
+            {
+              "name": "--bs-progress-linear-gap",
+              "description": "Gap between the bar and the label. Aliased to --bs-spacing-100."
+            },
+            {
+              "name": "--bs-progress-linear-height-lg",
+              "description": "Bar height, size=\"large\". Fixed at 8px per the Figma spec."
+            },
+            {
+              "name": "--bs-progress-linear-height-sm",
+              "description": "Bar height, size=\"small\". Fixed at 4px per the Figma spec."
+            },
+            {
+              "name": "--bs-progress-linear-label-color",
+              "description": "Label text color. Aliased to --bs-text-default."
+            },
+            {
+              "name": "--bs-progress-linear-label-font-size",
+              "description": "Label font size (body/md). Aliased to --bs-fontsize-body-md."
+            },
+            {
+              "name": "--bs-progress-linear-label-line-height",
+              "description": "Label line height (body/md). Aliased to --bs-line-height-body-md."
+            },
+            {
+              "name": "--bs-progress-linear-radius",
+              "description": "Track/fill border-radius (full pill). A fixed 120px, matching the Figma spec's \"rounded-full\" treatment."
+            },
+            {
+              "name": "--bs-progress-linear-slide-duration",
+              "description": "Indeterminate comet slide duration. Aliased to --bs-duration-slower if defined by brandsync-tokens, otherwise a plain 1.6s fallback."
+            },
+            {
+              "name": "--bs-progress-linear-track",
+              "description": "Track bar background color. Aliased to --bs-surface-container (matches the Figma spec's `--color/surface/container` token exactly)."
+            },
+            {
+              "name": "--bs-progress-linear-transition-duration",
+              "description": "Determinate fill width transition. Aliased to --bs-duration-default if defined by brandsync-tokens, otherwise a plain 0.3s fallback."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BsProgressLinear",
+          "declaration": {
+            "name": "BsProgressLinear"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bs-progress-linear",
+          "declaration": {
+            "name": "BsProgressLinear"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/bs-radio/bs-radio.tsx",
@@ -7157,82 +7599,6 @@
             }
           ],
           "cssProperties": [
-            {
-              "name": "--bs-snackbar-action-bg-error",
-              "description": "Action button background, variant=\"error\". Aliased to --bs-snackbar-bg-error (brandsync-tokens)."
-            },
-            {
-              "name": "--bs-snackbar-action-bg-error-hover",
-              "description": "Action button background, variant=\"error\", hover. Aliased to --bs-color-error-hover."
-            },
-            {
-              "name": "--bs-snackbar-action-bg-error-pressed",
-              "description": "Action button background, variant=\"error\", pressed. Aliased to --bs-color-error-pressed."
-            },
-            {
-              "name": "--bs-snackbar-action-bg-info",
-              "description": "Action button background, variant=\"info\". Aliased to --bs-snackbar-bg-info (brandsync-tokens)."
-            },
-            {
-              "name": "--bs-snackbar-action-bg-info-hover",
-              "description": "Action button background, variant=\"info\", hover. Aliased to --bs-color-info-hover."
-            },
-            {
-              "name": "--bs-snackbar-action-bg-info-pressed",
-              "description": "Action button background, variant=\"info\", pressed. Aliased to --bs-color-info-pressed."
-            },
-            {
-              "name": "--bs-snackbar-action-bg-success",
-              "description": "Action button background, variant=\"success\". Aliased to --bs-snackbar-bg-success (brandsync-tokens)."
-            },
-            {
-              "name": "--bs-snackbar-action-bg-success-hover",
-              "description": "Action button background, variant=\"success\", hover. Aliased to --bs-color-success-hover."
-            },
-            {
-              "name": "--bs-snackbar-action-bg-success-pressed",
-              "description": "Action button background, variant=\"success\", pressed. Aliased to --bs-color-success-pressed."
-            },
-            {
-              "name": "--bs-snackbar-action-bg-warning",
-              "description": "Action button background, variant=\"warning\". Aliased to --bs-snackbar-bg-warning (brandsync-tokens)."
-            },
-            {
-              "name": "--bs-snackbar-action-bg-warning-hover",
-              "description": "Action button background, variant=\"warning\", hover. Aliased to --bs-color-warning-hover."
-            },
-            {
-              "name": "--bs-snackbar-action-bg-warning-pressed",
-              "description": "Action button background, variant=\"warning\", pressed. Aliased to --bs-color-warning-pressed."
-            },
-            {
-              "name": "--bs-snackbar-action-border-default",
-              "description": "Action button border, variant=\"default\" (outlined, not filled). Aliased to --bs-blue-300."
-            },
-            {
-              "name": "--bs-snackbar-action-font-size",
-              "description": "Action button font size. Aliased to --bs-font-size-sm."
-            },
-            {
-              "name": "--bs-snackbar-action-font-weight",
-              "description": "Action button font weight. Aliased to --bs-font-weight-medium."
-            },
-            {
-              "name": "--bs-snackbar-action-line-height",
-              "description": "Action button line height. Aliased to --bs-line-height-body-sm."
-            },
-            {
-              "name": "--bs-snackbar-action-radius",
-              "description": "Corner radius of the action button. Aliased to --bs-border-radius-100."
-            },
-            {
-              "name": "--bs-snackbar-action-text-default",
-              "description": "Action button text, variant=\"default\". Aliased to --bs-snackbar-action-text (brandsync-tokens)."
-            },
-            {
-              "name": "--bs-snackbar-action-text-on-action",
-              "description": "Action button text, every colored (filled) variant. Aliased to --bs-text-on-action."
-            },
             {
               "name": "--bs-snackbar-actions-gap",
               "description": "Gap between the action button and the close button. Aliased to --bs-spacing-50."
@@ -7245,10 +7611,6 @@
               "name": "--bs-snackbar-actions-padding-y",
               "description": "Top/bottom padding of the actions area. Aliased to --bs-spacing-50."
             },
-            {
-              "name": "--bs-snackbar-close-radius",
-              "description": "Corner radius of the close button. Aliased to --bs-border-radius-100."
-            },
             {
               "name": "--bs-snackbar-color-default",
               "description": "Icon/message/close color, variant=\"default\". Aliased to --bs-snackbar-text-default (brandsync-tokens) -- named \"-color-\", not \"-text-\", solely to avoid colliding with that vendored token's own name."
@@ -7287,7 +7649,7 @@
             },
             {
               "name": "--bs-snackbar-spinner-track",
-              "description": "Loading spinner's background ring. Aliased to --bs-neutral-200."
+              "description": "Loading spinner's background ring. Aliased to --bs-neutral-200. The action/close buttons are composed from bs-button/bs-icon-button (see bs-snackbar.tsx) -- their own fill colors, hover/pressed states, and focus rings are governed by THOSE components' own custom properties (--bs-button-*, --bs-icon-button-*), not duplicated here."
             },
             {
               "name": "--bs-snackbar-surface-default",