@brandsync/wc 1.1.0 → 1.3.0

package/dist/types/components.d.ts

@@ -26,6 +26,8 @@ import { BsDialogSize } from "./components/bs-dialog/bs-dialog";
 import { BsIconButtonSize, BsIconButtonVariant } from "./components/bs-button/bs-icon-button/bs-icon-button";
 import { BsLogoBackground, BsLogoVariant } from "./components/bs-logo/bs-logo";
 import { BsNavigationHeaderAlignment } from "./components/ui-shell/bs-navigation-header/bs-navigation-header/bs-navigation-header";
+import { BsProgressSize, BsProgressStrokeWidth, BsProgressType } from "./components/bs-progress/bs-progress";
+import { BsProgressLinearSize, BsProgressLinearType } from "./components/bs-progress-linear/bs-progress-linear";
 import { BsSliderType } from "./components/bs-slider/bs-slider";
 import { BsSnackbarVariant } from "./components/bs-snackbar/bs-snackbar";
 import { BsStepperDirection } from "./components/bs-stepper/bs-stepper-step/bs-stepper-step";
@@ -33,6 +35,7 @@ import { BsStepperDirection as BsStepperDirection1, BsStepperStepComputedState }
 import { BsSwitchSize } from "./components/bs-switch/bs-switch";
 import { BsTabIconPosition } from "./components/bs-tab/bs-tab/bs-tab";
 import { BsTabsOrientation, BsTabsType } from "./components/bs-tab/bs-tabs/bs-tabs";
+import { BsToastState } from "./components/bs-toast/bs-toast";
 export { BsAttachmentType } from "./components/bs-attachment/bs-attachment";
 export { BsAvatarSize, BsAvatarType } from "./components/bs-avatar/bs-avatar";
 export { BsBadgeVariant } from "./components/bs-badge/bs-badge";
@@ -54,6 +57,8 @@ export { BsDialogSize } from "./components/bs-dialog/bs-dialog";
 export { BsIconButtonSize, BsIconButtonVariant } from "./components/bs-button/bs-icon-button/bs-icon-button";
 export { BsLogoBackground, BsLogoVariant } from "./components/bs-logo/bs-logo";
 export { BsNavigationHeaderAlignment } from "./components/ui-shell/bs-navigation-header/bs-navigation-header/bs-navigation-header";
+export { BsProgressSize, BsProgressStrokeWidth, BsProgressType } from "./components/bs-progress/bs-progress";
+export { BsProgressLinearSize, BsProgressLinearType } from "./components/bs-progress-linear/bs-progress-linear";
 export { BsSliderType } from "./components/bs-slider/bs-slider";
 export { BsSnackbarVariant } from "./components/bs-snackbar/bs-snackbar";
 export { BsStepperDirection } from "./components/bs-stepper/bs-stepper-step/bs-stepper-step";
@@ -61,6 +66,7 @@ export { BsStepperDirection as BsStepperDirection1, BsStepperStepComputedState }
 export { BsSwitchSize } from "./components/bs-switch/bs-switch";
 export { BsTabIconPosition } from "./components/bs-tab/bs-tab/bs-tab";
 export { BsTabsOrientation, BsTabsType } from "./components/bs-tab/bs-tabs/bs-tabs";
+export { BsToastState } from "./components/bs-toast/bs-toast";
 export namespace Components {
     /**
      * A centered caption disclaimer for Genie AI surfaces, e.g. "AI can make mistakes. Please verify
@@ -1599,6 +1605,82 @@ export namespace Components {
          */
         "totalPages": number;
     }
+    /**
+     * A circular progress indicator -- either a static ring showing a percentage sweep
+     * (`type="determinate"`) or a continuously spinning ring signaling in-progress work with no known
+     * completion percentage (`type="indeterminate"`).
+     * ## When to use
+     * - Showing the progress of a task with a known, quantifiable completion percentage (`determinate`).
+     * - Signaling that work is happening in the background with no meaningful percentage to report
+     *   (`indeterminate`), e.g. while waiting on a network response.
+     * ## When not to use
+     * - For a horizontal, bar-shaped progress indicator -- this component is a ring, not a bar.
+     * - For a percentage that's better expressed as plain text, without the reserved space and visual
+     *   weight of a ring.
+     */
+    interface BsProgress {
+        /**
+          * Shows the `${value}%` label below the ring. Only takes effect for `type="determinate"` -- `indeterminate` never shows a label regardless of this prop, since there's no percentage to show. Defaults to `true`.
+          * @default true
+         */
+        "showLabel": boolean;
+        /**
+          * Overall diameter: `small` (44px), `medium` (48px), or `large` (64px).
+          * @default 'small'
+         */
+        "size": BsProgressSize;
+        /**
+          * Ring stroke width in px -- `4` or `8`, matching Figma's two stroke-width variants. A number, not the Figma label's literal `"4 px"` string.
+          * @default 4
+         */
+        "strokeWidth": BsProgressStrokeWidth;
+        /**
+          * `determinate` renders a static arc sweep reflecting `value` (with an optional percentage label); `indeterminate` renders a continuously spinning ring and never shows a label, since there's no known percentage to report.
+          * @default 'determinate'
+         */
+        "type": BsProgressType;
+        /**
+          * Progress percentage, `0`-`100`. Only meaningful for `type="determinate"` -- ignored (and never rendered) for `type="indeterminate"`. Out-of-range values are clamped defensively.
+          * @default 0
+         */
+        "value": number;
+    }
+    /**
+     * A linear (horizontal) progress indicator -- either a static bar showing a percentage fill
+     * (`type="determinate"`) or a continuously sliding bar signaling in-progress work with no known
+     * completion percentage (`type="indeterminate"`).
+     * ## When to use
+     * - Showing the progress of a task with a known, quantifiable completion percentage (`determinate`),
+     *   e.g. a file upload.
+     * - Signaling that work is happening in the background with no meaningful percentage to report
+     *   (`indeterminate`), e.g. while waiting on a network response.
+     * ## When not to use
+     * - For a compact, ring-shaped progress indicator -- use `bs-progress` (circular) instead.
+     * - For a percentage that's better expressed as plain text, without the reserved space and visual
+     *   weight of a bar.
+     */
+    interface BsProgressLinear {
+        /**
+          * Shows the slotted label below the bar. When `false`, or when no content is slotted, the label wrapper isn't rendered at all. Defaults to `true`.
+          * @default true
+         */
+        "showLabel": boolean;
+        /**
+          * Bar height: `small` (4px) or `large` (8px).
+          * @default 'large'
+         */
+        "size": BsProgressLinearSize;
+        /**
+          * `determinate` renders a static fill reflecting `value`; `indeterminate` renders a continuously sliding gradient bar and ignores `value`.
+          * @default 'determinate'
+         */
+        "type": BsProgressLinearType;
+        /**
+          * Progress percentage, `0`-`100`. Only meaningful for `type="determinate"` -- ignored (and never rendered) for `type="indeterminate"`. Out-of-range values are clamped defensively.
+          * @default 0
+         */
+        "value": number;
+    }
     /**
      * A single radio button with its label, for one mutually-exclusive choice within a group.
      * ## When to use
@@ -1981,6 +2063,21 @@ export namespace Components {
          */
         "type": BsTabsType;
     }
+    /**
+     * A transient status message for confirming the result of an action (e.g. "Files uploaded
+     * successfully.") -- a state-specific icon, a message, and a close button.
+     * This component only renders the toast itself -- it doesn't manage its own visibility, timing, or
+     * stacking. A consumer (typically a small "toast manager" utility) creates one per message and
+     * removes it from the DOM again, whether on a timer or on `bsDismiss`. Figma's spec doesn't show
+     * auto-dismiss timing at all (it's a static visual spec), so this deliberately doesn't invent one.
+     */
+    interface BsToast {
+        /**
+          * Semantic state. Each state has its own icon and matching container/text tokens -- there is no neutral/default state.
+          * @default 'info'
+         */
+        "state": BsToastState;
+    }
     /**
      * A dark tooltip bubble with a pointer arrow, used to surface a short hint of extra information
      * next to a trigger element.
@@ -2116,6 +2213,10 @@ export interface BsTabCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBsTabElement;
 }
+export interface BsToastCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBsToastElement;
+}
 declare global {
     /**
      * A centered caption disclaimer for Genie AI surfaces, e.g. "AI can make mistakes. Please verify
@@ -3377,6 +3478,45 @@ declare global {
         prototype: HTMLBsPaginationElement;
         new (): HTMLBsPaginationElement;
     };
+    /**
+     * A circular progress indicator -- either a static ring showing a percentage sweep
+     * (`type="determinate"`) or a continuously spinning ring signaling in-progress work with no known
+     * completion percentage (`type="indeterminate"`).
+     * ## When to use
+     * - Showing the progress of a task with a known, quantifiable completion percentage (`determinate`).
+     * - Signaling that work is happening in the background with no meaningful percentage to report
+     *   (`indeterminate`), e.g. while waiting on a network response.
+     * ## When not to use
+     * - For a horizontal, bar-shaped progress indicator -- this component is a ring, not a bar.
+     * - For a percentage that's better expressed as plain text, without the reserved space and visual
+     *   weight of a ring.
+     */
+    interface HTMLBsProgressElement extends Components.BsProgress, HTMLStencilElement {
+    }
+    var HTMLBsProgressElement: {
+        prototype: HTMLBsProgressElement;
+        new (): HTMLBsProgressElement;
+    };
+    /**
+     * A linear (horizontal) progress indicator -- either a static bar showing a percentage fill
+     * (`type="determinate"`) or a continuously sliding bar signaling in-progress work with no known
+     * completion percentage (`type="indeterminate"`).
+     * ## When to use
+     * - Showing the progress of a task with a known, quantifiable completion percentage (`determinate`),
+     *   e.g. a file upload.
+     * - Signaling that work is happening in the background with no meaningful percentage to report
+     *   (`indeterminate`), e.g. while waiting on a network response.
+     * ## When not to use
+     * - For a compact, ring-shaped progress indicator -- use `bs-progress` (circular) instead.
+     * - For a percentage that's better expressed as plain text, without the reserved space and visual
+     *   weight of a bar.
+     */
+    interface HTMLBsProgressLinearElement extends Components.BsProgressLinear, HTMLStencilElement {
+    }
+    var HTMLBsProgressLinearElement: {
+        prototype: HTMLBsProgressLinearElement;
+        new (): HTMLBsProgressLinearElement;
+    };
     interface HTMLBsRadioElementEventMap {
         "bsChange": string;
     }
@@ -3652,6 +3792,31 @@ declare global {
         prototype: HTMLBsTabsElement;
         new (): HTMLBsTabsElement;
     };
+    interface HTMLBsToastElementEventMap {
+        "bsDismiss": void;
+    }
+    /**
+     * A transient status message for confirming the result of an action (e.g. "Files uploaded
+     * successfully.") -- a state-specific icon, a message, and a close button.
+     * This component only renders the toast itself -- it doesn't manage its own visibility, timing, or
+     * stacking. A consumer (typically a small "toast manager" utility) creates one per message and
+     * removes it from the DOM again, whether on a timer or on `bsDismiss`. Figma's spec doesn't show
+     * auto-dismiss timing at all (it's a static visual spec), so this deliberately doesn't invent one.
+     */
+    interface HTMLBsToastElement extends Components.BsToast, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBsToastElementEventMap>(type: K, listener: (this: HTMLBsToastElement, ev: BsToastCustomEvent<HTMLBsToastElementEventMap[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 HTMLBsToastElementEventMap>(type: K, listener: (this: HTMLBsToastElement, ev: BsToastCustomEvent<HTMLBsToastElementEventMap[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 HTMLBsToastElement: {
+        prototype: HTMLBsToastElement;
+        new (): HTMLBsToastElement;
+    };
     /**
      * A dark tooltip bubble with a pointer arrow, used to surface a short hint of extra information
      * next to a trigger element.
@@ -3723,6 +3888,8 @@ declare global {
         "bs-navigation-drawer-item": HTMLBsNavigationDrawerItemElement;
         "bs-navigation-header": HTMLBsNavigationHeaderElement;
         "bs-pagination": HTMLBsPaginationElement;
+        "bs-progress": HTMLBsProgressElement;
+        "bs-progress-linear": HTMLBsProgressLinearElement;
         "bs-radio": HTMLBsRadioElement;
         "bs-slider": HTMLBsSliderElement;
         "bs-snackbar": HTMLBsSnackbarElement;
@@ -3732,6 +3899,7 @@ declare global {
         "bs-switch": HTMLBsSwitchElement;
         "bs-tab": HTMLBsTabElement;
         "bs-tabs": HTMLBsTabsElement;
+        "bs-toast": HTMLBsToastElement;
         "bs-tooltip": HTMLBsTooltipElement;
     }
 }
@@ -5446,6 +5614,82 @@ declare namespace LocalJSX {
          */
         "totalPages"?: number;
     }
+    /**
+     * A circular progress indicator -- either a static ring showing a percentage sweep
+     * (`type="determinate"`) or a continuously spinning ring signaling in-progress work with no known
+     * completion percentage (`type="indeterminate"`).
+     * ## When to use
+     * - Showing the progress of a task with a known, quantifiable completion percentage (`determinate`).
+     * - Signaling that work is happening in the background with no meaningful percentage to report
+     *   (`indeterminate`), e.g. while waiting on a network response.
+     * ## When not to use
+     * - For a horizontal, bar-shaped progress indicator -- this component is a ring, not a bar.
+     * - For a percentage that's better expressed as plain text, without the reserved space and visual
+     *   weight of a ring.
+     */
+    interface BsProgress {
+        /**
+          * Shows the `${value}%` label below the ring. Only takes effect for `type="determinate"` -- `indeterminate` never shows a label regardless of this prop, since there's no percentage to show. Defaults to `true`.
+          * @default true
+         */
+        "showLabel"?: boolean;
+        /**
+          * Overall diameter: `small` (44px), `medium` (48px), or `large` (64px).
+          * @default 'small'
+         */
+        "size"?: BsProgressSize;
+        /**
+          * Ring stroke width in px -- `4` or `8`, matching Figma's two stroke-width variants. A number, not the Figma label's literal `"4 px"` string.
+          * @default 4
+         */
+        "strokeWidth"?: BsProgressStrokeWidth;
+        /**
+          * `determinate` renders a static arc sweep reflecting `value` (with an optional percentage label); `indeterminate` renders a continuously spinning ring and never shows a label, since there's no known percentage to report.
+          * @default 'determinate'
+         */
+        "type"?: BsProgressType;
+        /**
+          * Progress percentage, `0`-`100`. Only meaningful for `type="determinate"` -- ignored (and never rendered) for `type="indeterminate"`. Out-of-range values are clamped defensively.
+          * @default 0
+         */
+        "value"?: number;
+    }
+    /**
+     * A linear (horizontal) progress indicator -- either a static bar showing a percentage fill
+     * (`type="determinate"`) or a continuously sliding bar signaling in-progress work with no known
+     * completion percentage (`type="indeterminate"`).
+     * ## When to use
+     * - Showing the progress of a task with a known, quantifiable completion percentage (`determinate`),
+     *   e.g. a file upload.
+     * - Signaling that work is happening in the background with no meaningful percentage to report
+     *   (`indeterminate`), e.g. while waiting on a network response.
+     * ## When not to use
+     * - For a compact, ring-shaped progress indicator -- use `bs-progress` (circular) instead.
+     * - For a percentage that's better expressed as plain text, without the reserved space and visual
+     *   weight of a bar.
+     */
+    interface BsProgressLinear {
+        /**
+          * Shows the slotted label below the bar. When `false`, or when no content is slotted, the label wrapper isn't rendered at all. Defaults to `true`.
+          * @default true
+         */
+        "showLabel"?: boolean;
+        /**
+          * Bar height: `small` (4px) or `large` (8px).
+          * @default 'large'
+         */
+        "size"?: BsProgressLinearSize;
+        /**
+          * `determinate` renders a static fill reflecting `value`; `indeterminate` renders a continuously sliding gradient bar and ignores `value`.
+          * @default 'determinate'
+         */
+        "type"?: BsProgressLinearType;
+        /**
+          * Progress percentage, `0`-`100`. Only meaningful for `type="determinate"` -- ignored (and never rendered) for `type="indeterminate"`. Out-of-range values are clamped defensively.
+          * @default 0
+         */
+        "value"?: number;
+    }
     /**
      * A single radio button with its label, for one mutually-exclusive choice within a group.
      * ## When to use
@@ -5860,6 +6104,25 @@ declare namespace LocalJSX {
          */
         "type"?: BsTabsType;
     }
+    /**
+     * A transient status message for confirming the result of an action (e.g. "Files uploaded
+     * successfully.") -- a state-specific icon, a message, and a close button.
+     * This component only renders the toast itself -- it doesn't manage its own visibility, timing, or
+     * stacking. A consumer (typically a small "toast manager" utility) creates one per message and
+     * removes it from the DOM again, whether on a timer or on `bsDismiss`. Figma's spec doesn't show
+     * auto-dismiss timing at all (it's a static visual spec), so this deliberately doesn't invent one.
+     */
+    interface BsToast {
+        /**
+          * Fires when the close button is clicked. This component doesn't remove itself from the DOM -- the consumer is expected to do that (or hide it) in response to this event.
+         */
+        "onBsDismiss"?: (event: BsToastCustomEvent<void>) => void;
+        /**
+          * Semantic state. Each state has its own icon and matching container/text tokens -- there is no neutral/default state.
+          * @default 'info'
+         */
+        "state"?: BsToastState;
+    }
     /**
      * A dark tooltip bubble with a pointer arrow, used to surface a short hint of extra information
      * next to a trigger element.
@@ -6107,6 +6370,19 @@ declare namespace LocalJSX {
         "previousLabel": string;
         "nextLabel": string;
     }
+    interface BsProgressAttributes {
+        "type": BsProgressType;
+        "size": BsProgressSize;
+        "strokeWidth": BsProgressStrokeWidth;
+        "value": number;
+        "showLabel": boolean;
+    }
+    interface BsProgressLinearAttributes {
+        "type": BsProgressLinearType;
+        "size": BsProgressLinearSize;
+        "value": number;
+        "showLabel": boolean;
+    }
     interface BsRadioAttributes {
         "name": string;
         "value": string;
@@ -6169,6 +6445,9 @@ declare namespace LocalJSX {
         "type": BsTabsType;
         "orientation": BsTabsOrientation;
     }
+    interface BsToastAttributes {
+        "state": BsToastState;
+    }
     interface BsTooltipAttributes {
         "placement": 'top';
     }
@@ -6211,6 +6490,8 @@ declare namespace LocalJSX {
         "bs-navigation-drawer-item": Omit<BsNavigationDrawerItem, keyof BsNavigationDrawerItemAttributes> & { [K in keyof BsNavigationDrawerItem & keyof BsNavigationDrawerItemAttributes]?: BsNavigationDrawerItem[K] } & { [K in keyof BsNavigationDrawerItem & keyof BsNavigationDrawerItemAttributes as `attr:${K}`]?: BsNavigationDrawerItemAttributes[K] } & { [K in keyof BsNavigationDrawerItem & keyof BsNavigationDrawerItemAttributes as `prop:${K}`]?: BsNavigationDrawerItem[K] };
         "bs-navigation-header": Omit<BsNavigationHeader, keyof BsNavigationHeaderAttributes> & { [K in keyof BsNavigationHeader & keyof BsNavigationHeaderAttributes]?: BsNavigationHeader[K] } & { [K in keyof BsNavigationHeader & keyof BsNavigationHeaderAttributes as `attr:${K}`]?: BsNavigationHeaderAttributes[K] } & { [K in keyof BsNavigationHeader & keyof BsNavigationHeaderAttributes as `prop:${K}`]?: BsNavigationHeader[K] };
         "bs-pagination": Omit<BsPagination, keyof BsPaginationAttributes> & { [K in keyof BsPagination & keyof BsPaginationAttributes]?: BsPagination[K] } & { [K in keyof BsPagination & keyof BsPaginationAttributes as `attr:${K}`]?: BsPaginationAttributes[K] } & { [K in keyof BsPagination & keyof BsPaginationAttributes as `prop:${K}`]?: BsPagination[K] };
+        "bs-progress": Omit<BsProgress, keyof BsProgressAttributes> & { [K in keyof BsProgress & keyof BsProgressAttributes]?: BsProgress[K] } & { [K in keyof BsProgress & keyof BsProgressAttributes as `attr:${K}`]?: BsProgressAttributes[K] } & { [K in keyof BsProgress & keyof BsProgressAttributes as `prop:${K}`]?: BsProgress[K] };
+        "bs-progress-linear": Omit<BsProgressLinear, keyof BsProgressLinearAttributes> & { [K in keyof BsProgressLinear & keyof BsProgressLinearAttributes]?: BsProgressLinear[K] } & { [K in keyof BsProgressLinear & keyof BsProgressLinearAttributes as `attr:${K}`]?: BsProgressLinearAttributes[K] } & { [K in keyof BsProgressLinear & keyof BsProgressLinearAttributes as `prop:${K}`]?: BsProgressLinear[K] };
         "bs-radio": Omit<BsRadio, keyof BsRadioAttributes> & { [K in keyof BsRadio & keyof BsRadioAttributes]?: BsRadio[K] } & { [K in keyof BsRadio & keyof BsRadioAttributes as `attr:${K}`]?: BsRadioAttributes[K] } & { [K in keyof BsRadio & keyof BsRadioAttributes as `prop:${K}`]?: BsRadio[K] };
         "bs-slider": Omit<BsSlider, keyof BsSliderAttributes> & { [K in keyof BsSlider & keyof BsSliderAttributes]?: BsSlider[K] } & { [K in keyof BsSlider & keyof BsSliderAttributes as `attr:${K}`]?: BsSliderAttributes[K] } & { [K in keyof BsSlider & keyof BsSliderAttributes as `prop:${K}`]?: BsSlider[K] };
         "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] };
@@ -6220,6 +6501,7 @@ declare namespace LocalJSX {
         "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] };
         "bs-tab": Omit<BsTab, keyof BsTabAttributes> & { [K in keyof BsTab & keyof BsTabAttributes]?: BsTab[K] } & { [K in keyof BsTab & keyof BsTabAttributes as `attr:${K}`]?: BsTabAttributes[K] } & { [K in keyof BsTab & keyof BsTabAttributes as `prop:${K}`]?: BsTab[K] };
         "bs-tabs": Omit<BsTabs, keyof BsTabsAttributes> & { [K in keyof BsTabs & keyof BsTabsAttributes]?: BsTabs[K] } & { [K in keyof BsTabs & keyof BsTabsAttributes as `attr:${K}`]?: BsTabsAttributes[K] } & { [K in keyof BsTabs & keyof BsTabsAttributes as `prop:${K}`]?: BsTabs[K] };
+        "bs-toast": Omit<BsToast, keyof BsToastAttributes> & { [K in keyof BsToast & keyof BsToastAttributes]?: BsToast[K] } & { [K in keyof BsToast & keyof BsToastAttributes as `attr:${K}`]?: BsToastAttributes[K] } & { [K in keyof BsToast & keyof BsToastAttributes as `prop:${K}`]?: BsToast[K] };
         "bs-tooltip": Omit<BsTooltip, keyof BsTooltipAttributes> & { [K in keyof BsTooltip & keyof BsTooltipAttributes]?: BsTooltip[K] } & { [K in keyof BsTooltip & keyof BsTooltipAttributes as `attr:${K}`]?: BsTooltipAttributes[K] } & { [K in keyof BsTooltip & keyof BsTooltipAttributes as `prop:${K}`]?: BsTooltip[K] };
     }
 }
@@ -7065,6 +7347,35 @@ declare module "@stencil/core" {
              *   plain prev/next controls (no numbers) are simpler there.
              */
             "bs-pagination": LocalJSX.IntrinsicElements["bs-pagination"] & JSXBase.HTMLAttributes<HTMLBsPaginationElement>;
+            /**
+             * A circular progress indicator -- either a static ring showing a percentage sweep
+             * (`type="determinate"`) or a continuously spinning ring signaling in-progress work with no known
+             * completion percentage (`type="indeterminate"`).
+             * ## When to use
+             * - Showing the progress of a task with a known, quantifiable completion percentage (`determinate`).
+             * - Signaling that work is happening in the background with no meaningful percentage to report
+             *   (`indeterminate`), e.g. while waiting on a network response.
+             * ## When not to use
+             * - For a horizontal, bar-shaped progress indicator -- this component is a ring, not a bar.
+             * - For a percentage that's better expressed as plain text, without the reserved space and visual
+             *   weight of a ring.
+             */
+            "bs-progress": LocalJSX.IntrinsicElements["bs-progress"] & JSXBase.HTMLAttributes<HTMLBsProgressElement>;
+            /**
+             * A linear (horizontal) progress indicator -- either a static bar showing a percentage fill
+             * (`type="determinate"`) or a continuously sliding bar signaling in-progress work with no known
+             * completion percentage (`type="indeterminate"`).
+             * ## When to use
+             * - Showing the progress of a task with a known, quantifiable completion percentage (`determinate`),
+             *   e.g. a file upload.
+             * - Signaling that work is happening in the background with no meaningful percentage to report
+             *   (`indeterminate`), e.g. while waiting on a network response.
+             * ## When not to use
+             * - For a compact, ring-shaped progress indicator -- use `bs-progress` (circular) instead.
+             * - For a percentage that's better expressed as plain text, without the reserved space and visual
+             *   weight of a bar.
+             */
+            "bs-progress-linear": LocalJSX.IntrinsicElements["bs-progress-linear"] & JSXBase.HTMLAttributes<HTMLBsProgressLinearElement>;
             /**
              * A single radio button with its label, for one mutually-exclusive choice within a group.
              * ## When to use
@@ -7227,6 +7538,15 @@ declare module "@stencil/core" {
              *   directly.
              */
             "bs-tabs": LocalJSX.IntrinsicElements["bs-tabs"] & JSXBase.HTMLAttributes<HTMLBsTabsElement>;
+            /**
+             * A transient status message for confirming the result of an action (e.g. "Files uploaded
+             * successfully.") -- a state-specific icon, a message, and a close button.
+             * This component only renders the toast itself -- it doesn't manage its own visibility, timing, or
+             * stacking. A consumer (typically a small "toast manager" utility) creates one per message and
+             * removes it from the DOM again, whether on a timer or on `bsDismiss`. Figma's spec doesn't show
+             * auto-dismiss timing at all (it's a static visual spec), so this deliberately doesn't invent one.
+             */
+            "bs-toast": LocalJSX.IntrinsicElements["bs-toast"] & JSXBase.HTMLAttributes<HTMLBsToastElement>;
             /**
              * A dark tooltip bubble with a pointer arrow, used to surface a short hint of extra information
              * next to a trigger element.

package/package.json

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

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

@@ -1 +0,0 @@
-import{r as e,c as s,a,h as r}from"./p-CvfB8CQv.js";const o=class{constructor(a){e(this,a),this.bsCollapse=s(this,"bsCollapse")}get el(){return a(this)}heading="Sources";count;bsCollapse;slottedCount=0;onSlotchange=e=>{this.slottedCount=e.target.assignedElements().filter((e=>"bs-source-link"===e.tagName.toLowerCase())).length};onCollapseClick=()=>{this.bsCollapse.emit()};render(){const e=this.count??this.slottedCount;return r("div",{key:"d457067b704c7df5a763ec8ada13f02595e9a450",class:"bs-chatbot-sources-drawer",role:"region","aria-label":this.heading},r("div",{key:"7bed0625e25444d49cb2bc2d85bda4b08f242672",class:"bs-chatbot-sources-drawer__header"},r("div",{key:"b55ce1be49393360840caa2ed824ae2d3eafab59",class:"bs-chatbot-sources-drawer__title-group"},r("h2",{key:"fe97457121b810e09792581e07864c366e5d9121",part:"heading",class:"bs-chatbot-sources-drawer__heading"},this.heading),e>0&&r("span",{key:"41a116982438e62d6d6a870f4eaf8f68d8ff758b",part:"count",class:"bs-chatbot-sources-drawer__count"},e)),r("button",{key:"5026bcd60e49776abff2305793c9d0424fce8cbb",type:"button",part:"collapse",class:"bs-chatbot-sources-drawer__collapse","aria-label":"Collapse sources",onClick:this.onCollapseClick},r("slot",{key:"f9ca644ea20b7d9b440d766ae93e1ee01a5b451b",name:"collapse-icon"},r(t,{key:"ffa427ee1e25cac7e197c5fb1c44edefb45d328e"})))),r("div",{key:"67b518bd9c1da897d44f607d08200ad0ffca067e",part:"list",class:"bs-chatbot-sources-drawer__list"},r("slot",{key:"34f904ce8cc9f0924d0c2012fff054faab4cb306",onSlotchange:this.onSlotchange})))}},t=()=>r("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},r("path",{d:"M7.5 4.375L13.125 10L7.5 15.625",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));o.style=":host{display:block;--bs-chatbot-sources-drawer-bg:var(--bs-surface-raised);--bs-chatbot-sources-drawer-header-shadow:var(--bs-shadow-xs);--bs-chatbot-sources-drawer-header-padding-x:var(--bs-spacing-200);--bs-chatbot-sources-drawer-header-padding-top:var(--bs-spacing-150);--bs-chatbot-sources-drawer-header-padding-bottom:var(--bs-spacing-100);--bs-chatbot-sources-drawer-heading-color:var(--bs-text-default);--bs-chatbot-sources-drawer-count-bg:var(--bs-badge-bg-neutral-container);--bs-chatbot-sources-drawer-count-color:var(--bs-badge-text-neutral);--bs-chatbot-sources-drawer-collapse-hover:var(--bs-surface-hover);--bs-chatbot-sources-drawer-section-gap:var(--bs-spacing-200);--bs-chatbot-sources-drawer-list-padding:var(--bs-spacing-200);--bs-chatbot-sources-drawer-list-gap:var(--bs-spacing-50)}.bs-chatbot-sources-drawer{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-chatbot-sources-drawer-section-gap);width:100%;height:100%;background:var(--bs-chatbot-sources-drawer-bg);font-family:inherit}.bs-chatbot-sources-drawer__header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:var(--bs-chatbot-sources-drawer-header-padding-top) var(--bs-chatbot-sources-drawer-header-padding-x) var(--bs-chatbot-sources-drawer-header-padding-bottom);box-shadow:var(--bs-chatbot-sources-drawer-header-shadow)}.bs-chatbot-sources-drawer__title-group{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-chatbot-sources-drawer__heading{margin:0;color:var(--bs-chatbot-sources-drawer-heading-color);font-size:var(--bs-font-size-2xl);font-weight:var(--bs-font-weight-bold);line-height:calc(var(--bs-line-height-heading-h4) * 1px)}.bs-chatbot-sources-drawer__count{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:16px;max-width:34px;padding:var(--bs-spacing-50) var(--bs-spacing-100);background:var(--bs-chatbot-sources-drawer-count-bg);border-radius:var(--bs-border-radius-50);color:var(--bs-chatbot-sources-drawer-count-color);font-size:var(--bs-font-size-xs);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-chatbot-sources-drawer__collapse{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:none;border-radius:var(--bs-border-radius-100);color:var(--bs-icon-default);cursor:pointer}.bs-chatbot-sources-drawer__collapse:hover{background:var(--bs-chatbot-sources-drawer-collapse-hover)}.bs-chatbot-sources-drawer__collapse:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:1px}.bs-chatbot-sources-drawer__list{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-chatbot-sources-drawer-list-gap);padding:0 var(--bs-chatbot-sources-drawer-list-padding) var(--bs-chatbot-sources-drawer-list-padding);overflow-y:auto}";export{o as bs_chatbot_sources_drawer}

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

@@ -1 +0,0 @@
-import{r as e,a as s,h as a}from"./p-CvfB8CQv.js";const r=class{constructor(s){e(this,s)}get el(){return s(this)}label="Breadcrumb";size="md";onSizeChange(e){this.propagateSize(e)}componentDidLoad(){this.propagateSize(this.size)}onSlotChange=()=>{this.propagateSize(this.size)};propagateSize(e){this.el.querySelectorAll(":scope > bs-breadcrumb, :scope > bs-breadcrumb-overflow").forEach((s=>{s.size=e}))}render(){return a("nav",{key:"78fdf60e00f529cc0eb22f1324f0dd10967d699f","aria-label":this.label},a("ol",{key:"cbee64570bda35661b2ec1e3cd9ad4545f7c9b71",part:"list",class:"bs-breadcrumbs__list"},a("slot",{key:"f9043b5c356e1aee95b0bcbb28ac01e829e32450",onSlotchange:this.onSlotChange})))}static get watchers(){return{size:[{onSizeChange:0}]}}};r.style=":host{display:block;--bs-breadcrumbs-gap:var(--bs-spacing-50)}.bs-breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none;gap:var(--bs-breadcrumbs-gap)}";export{r as bs_breadcrumbs}