@brandsync/wc 1.1.0 → 1.2.0

package/dist/types/components.d.ts

@@ -33,6 +33,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";
@@ -61,6 +62,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
@@ -1981,6 +1983,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 +2133,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
@@ -3652,6 +3673,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.
@@ -3732,6 +3778,7 @@ declare global {
         "bs-switch": HTMLBsSwitchElement;
         "bs-tab": HTMLBsTabElement;
         "bs-tabs": HTMLBsTabsElement;
+        "bs-toast": HTMLBsToastElement;
         "bs-tooltip": HTMLBsTooltipElement;
     }
 }
@@ -5860,6 +5907,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.
@@ -6169,6 +6235,9 @@ declare namespace LocalJSX {
         "type": BsTabsType;
         "orientation": BsTabsOrientation;
     }
+    interface BsToastAttributes {
+        "state": BsToastState;
+    }
     interface BsTooltipAttributes {
         "placement": 'top';
     }
@@ -6220,6 +6289,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] };
     }
 }
@@ -7227,6 +7297,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.2.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}