@brightspot/ui 6.8.0 → 6.8.2

package/dist/storybook/assets/{Popover.stories-BiqIwebU.js → Popover.stories-CVljlVHc.js}

@@ -1,4 +1,4 @@
-import{g as f,x as a}from"./iframe-B9buZjP7.js";import{o as y}from"./if-defined-BwWBCoAU.js";import{o as x}from"./style-map-qCiIYcp5.js";import"./preload-helper-PPVm8Dsz.js";const{expect:s,waitFor:h}=__STORYBOOK_MODULE_TEST__,{events:k,args:w,argTypes:r}=f("btu-popover"),P={title:"Components/Popover",component:"btu-popover",tags:["autodocs"],parameters:{docs:{subtitle:"Rich interactive content anchored to a trigger element",description:{component:`
+import{i as x,g as E,x as h}from"./iframe-DlBK9Drk.js";import{o as T}from"./if-defined-DerKRcyC.js";import{o as k}from"./style-map-DE4G47KD.js";import{n as p}from"./property-Bmq4RTSP.js";import{E as C,R as L}from"./ReadyMixin-CvX_eidU.js";import"./preload-helper-PPVm8Dsz.js";var S=Object.defineProperty,d=(t,e,i,n)=>{for(var o=void 0,r=t.length-1,s;r>=0;r--)(s=t[r])&&(o=s(e,i,o)||o);return o&&S(e,i,o),o};const A={top:"btu-popover-top",bottom:"btu-popover-bottom",left:"btu-popover-left",right:"btu-popover-right"},P={up:"btu-popover-tail-up",down:"btu-popover-tail-down",left:"btu-popover-tail-left",right:"btu-popover-tail-right"},D={top:"down",bottom:"up",left:"right",right:"left"},_={sm:"btu-popover-offset-sm",md:"btu-popover-offset-md",lg:"btu-popover-offset-lg",xl:"btu-popover-offset-xl"};class l extends C(L(x)){constructor(){super(...arguments),this.position="bottom",this.trigger="click",this.delay=300,this.offset=null,this.noArrow=!1,this.inverted=!1,this.open=!1,this.panelLabel="",this._panelEl=null,this._panelId=`btu-popover-${crypto.randomUUID()}`,this._anchorName=`--btu-popover-trigger-${crypto.randomUUID()}`,this._tailDirection=null,this._tailSyncQueued=!1,this._showTimer=null,this._hideTimer=null,this._isVisible=!1,this.initialClasses=[],this._initialClassesCaptured=!1,this._onTriggerMouseEnter=this._handleTriggerMouseEnter.bind(this),this._onTriggerMouseLeave=this._handleTriggerMouseLeave.bind(this),this._onTriggerFocusIn=this._handleTriggerFocusIn.bind(this),this._onTriggerFocusOut=this._handleTriggerFocusOut.bind(this),this._onPanelMouseEnter=this._handlePanelMouseEnter.bind(this),this._onPanelMouseLeave=this._handlePanelMouseLeave.bind(this),this._onNativeToggle=this._handleNativeToggle.bind(this),this._onKeyDown=this._handleKeyDown.bind(this),this._onViewportChange=this._handleViewportChange.bind(this)}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this._initialClassesCaptured||(this.className&&(this.initialClasses=this.className.split(" ").filter(e=>e.trim())),this._initialClassesCaptured=!0)}disconnectedCallback(){if(this._clearTimers(),this._unbindTriggerListeners(),this._unbindPanelListeners(),this._unbindViewportListeners(),document.removeEventListener("keydown",this._onKeyDown),this._panelEl){try{this._panelEl.hidePopover()}catch(e){e instanceof DOMException&&e.name==="InvalidStateError"||console.warn("[btu-popover] Failed to hide popover during disconnect:",e)}this._panelEl.removeEventListener("toggle",this._onNativeToggle),this._panelEl.remove(),this._panelEl=null}this._isVisible=!1,super.disconnectedCallback()}willUpdate(){const e=[...this.initialClasses];this.className=e.filter(Boolean).join(" ")}firstUpdated(){this._setupPanel(),this._bindTriggerListeners(),this.open&&this._show()}updated(e){super.updated(e),e.has("trigger")&&e.get("trigger")!==void 0&&(this._unbindTriggerListeners(),this._bindTriggerListeners(),this._panelEl&&(this._isVisible&&this._hide(),this._panelEl.setAttribute("popover",this.trigger==="click"?"auto":"manual"))),(e.has("position")||e.has("noArrow")||e.has("offset")||e.has("inverted"))&&(e.has("position")&&(this._tailDirection=null),this._panelEl&&(this._panelEl.className=this._buildPanelClasses(),e.has("position")&&requestAnimationFrame(()=>this._syncTailDirection()))),e.has("panelLabel")&&this._panelEl&&(this.panelLabel?this._panelEl.setAttribute("aria-label",this.panelLabel):this._panelEl.removeAttribute("aria-label")),e.has("open")&&e.get("open")!==void 0&&(this.open&&!this._isVisible?this._show():!this.open&&this._isVisible&&this._hide())}_setupPanel(){const e=this.querySelector('[slot="trigger"]'),i=this.querySelector('[slot="content"]');if(!e){console.warn('[btu-popover] Missing required slot="trigger" element.');return}e.style.setProperty("anchor-name",this._anchorName),this._panelEl=document.createElement("div"),this._panelEl.id=this._panelId,this._panelEl.className=this._buildPanelClasses(),this._panelEl.setAttribute("role","dialog"),this.panelLabel&&this._panelEl.setAttribute("aria-label",this.panelLabel),this._panelEl.setAttribute("data-popover-internal",""),this._panelEl.style.setProperty("position-anchor",this._anchorName),this._panelEl.setAttribute("popover",this.trigger==="click"?"auto":"manual"),this._panelEl.addEventListener("toggle",this._onNativeToggle),i&&(i.removeAttribute("slot"),i.style.display="",this._panelEl.appendChild(i)),this.appendChild(this._panelEl),e.setAttribute("aria-expanded","false"),e.setAttribute("aria-controls",this._panelId),this._bindPanelListeners()}_buildPanelClasses(){const e=["btu-popover",A[this.position]];return this.offset&&_[this.offset]&&e.push(_[this.offset]),this.noArrow&&e.push("btu-popover-no-arrow"),this.inverted&&e.push("btu-popover-inverted"),this._tailDirection&&e.push(P[this._tailDirection]),e.join(" ")}_syncTailDirection(){const e=this._panelEl,i=this._getTriggerEl();if(!e||!i||!this._isVisible)return;const n=e.getBoundingClientRect(),o=i.getBoundingClientRect();if(n.width===0||o.width===0)return;const s=this.position==="top"||this.position==="bottom"?n.top+n.height/2>=o.top+o.height/2?"up":"down":n.left+n.width/2>=o.left+o.width/2?"left":"right",a=s===D[this.position]?null:s;a!==this._tailDirection&&(this._tailDirection=a,e.className=this._buildPanelClasses())}_handleViewportChange(){this._tailSyncQueued||(this._tailSyncQueued=!0,requestAnimationFrame(()=>{this._tailSyncQueued=!1,this._syncTailDirection()}))}_bindViewportListeners(){window.addEventListener("scroll",this._onViewportChange,!0),window.addEventListener("resize",this._onViewportChange)}_unbindViewportListeners(){window.removeEventListener("scroll",this._onViewportChange,!0),window.removeEventListener("resize",this._onViewportChange)}_getTriggerEl(){return this.querySelector('[slot="trigger"]')}_bindTriggerListeners(){const e=this._getTriggerEl();e&&(this.trigger==="click"&&e.setAttribute("popovertarget",this._panelId),this.trigger==="hover"&&(e.addEventListener("mouseenter",this._onTriggerMouseEnter),e.addEventListener("mouseleave",this._onTriggerMouseLeave)),this.trigger==="focus"&&(e.addEventListener("focusin",this._onTriggerFocusIn),e.addEventListener("focusout",this._onTriggerFocusOut)),this.trigger!=="click"&&document.addEventListener("keydown",this._onKeyDown))}_unbindTriggerListeners(){const e=this._getTriggerEl();e&&(e.removeAttribute("popovertarget"),e.removeEventListener("mouseenter",this._onTriggerMouseEnter),e.removeEventListener("mouseleave",this._onTriggerMouseLeave),e.removeEventListener("focusin",this._onTriggerFocusIn),e.removeEventListener("focusout",this._onTriggerFocusOut),document.removeEventListener("keydown",this._onKeyDown))}_bindPanelListeners(){this._panelEl&&(this._panelEl.addEventListener("mouseenter",this._onPanelMouseEnter),this._panelEl.addEventListener("mouseleave",this._onPanelMouseLeave))}_unbindPanelListeners(){this._panelEl&&(this._panelEl.removeEventListener("mouseenter",this._onPanelMouseEnter),this._panelEl.removeEventListener("mouseleave",this._onPanelMouseLeave))}_show(){if(this._clearHideTimer(),!(this._isVisible||!this._panelEl))try{this._panelEl.showPopover()}catch(e){e instanceof DOMException&&e.name==="InvalidStateError"||console.warn("[btu-popover] Failed to show popover:",e)}}_hide(){if(this._clearTimers(),!(!this._isVisible||!this._panelEl))try{this._panelEl.hidePopover()}catch(e){e instanceof DOMException&&e.name==="InvalidStateError"||console.warn("[btu-popover] Failed to hide popover:",e)}}_handleNativeToggle(e){const{newState:i}=e;if(i==="open"){this._isVisible=!0,this.open=!0;const n=this._getTriggerEl();n&&n.setAttribute("aria-expanded","true"),requestAnimationFrame(()=>this._syncTailDirection()),this._bindViewportListeners(),this.emit("btu-popover-show")}else{this._isVisible=!1,this.open=!1,this._unbindViewportListeners();const n=this._getTriggerEl();n&&(n.setAttribute("aria-expanded","false"),document.activeElement===document.body&&n.focus()),this.emit("btu-popover-hide")}}_handleKeyDown(e){e.key==="Escape"&&(this._clearTimers(),this._hide())}_clearShowTimer(){this._showTimer!==null&&(clearTimeout(this._showTimer),this._showTimer=null)}_clearHideTimer(){this._hideTimer!==null&&(clearTimeout(this._hideTimer),this._hideTimer=null)}_clearTimers(){this._clearShowTimer(),this._clearHideTimer()}_handleTriggerMouseEnter(){this._clearTimers(),this._showTimer=setTimeout(()=>this._show(),this.delay)}_handleTriggerMouseLeave(){this._clearTimers(),this._hideTimer=setTimeout(()=>this._hide(),100)}_handleTriggerFocusIn(){this._clearTimers(),this._show()}_handleTriggerFocusOut(){this._clearTimers(),this._hide()}_handlePanelMouseEnter(){this.trigger==="hover"&&this._clearTimers()}_handlePanelMouseLeave(){this.trigger==="hover"&&(this._clearTimers(),this._hideTimer=setTimeout(()=>this._hide(),100))}}d([p({attribute:"position"})],l.prototype,"position");d([p({attribute:"trigger"})],l.prototype,"trigger");d([p({attribute:"delay",type:Number})],l.prototype,"delay");d([p({attribute:"offset"})],l.prototype,"offset");d([p({attribute:"no-arrow",type:Boolean})],l.prototype,"noArrow");d([p({attribute:"inverted",type:Boolean})],l.prototype,"inverted");d([p({attribute:"open",type:Boolean,reflect:!0})],l.prototype,"open");d([p({attribute:"panel-label"})],l.prototype,"panelLabel");customElements.get("btu-popover")||customElements.define("btu-popover",l);const{expect:u,waitFor:w}=__STORYBOOK_MODULE_TEST__,{events:F,args:B,argTypes:c}=E("btu-popover"),z={title:"Components/Popover",component:"btu-popover",tags:["autodocs"],parameters:{docs:{subtitle:"Rich interactive content anchored to a trigger element",description:{component:`
 \`btu-popover\` displays rich interactive content anchored to a trigger element using CSS anchor positioning and the native Popover API.
 
 <h3>When to use:</h3>
@@ -24,14 +24,14 @@ import{g as f,x as a}from"./iframe-B9buZjP7.js";import{o as y}from"./if-defined-
   <li>Focus restored to trigger on close</li>
   <li>Add <code>autofocus</code> to an element inside <code>slot="content"</code> for auto-focus on open</li>
 </ul>
-        `}},actions:{handles:k},controls:{expanded:!0}},args:{...w,position:"bottom",trigger:"click",delay:300,open:!1,inverted:!1},argTypes:{...r,position:{...r.position,control:{type:"select"},options:["top","bottom","left","right"]},trigger:{...r.trigger,control:{type:"select"},options:["click","hover","focus"]},delay:{...r.delay,control:{type:"number"},description:"Show delay in ms (hover trigger only)"},offset:{...r.offset,control:{type:"select"},options:["sm","md","lg","xl"],description:"Gap between trigger and popover (sm=4px, md=8px, lg=12px, xl=16px)"},open:{...r.open,control:{type:"boolean"},description:"Programmatic open/close (reflected)"},inverted:{...r.inverted,control:{type:"boolean"},description:"Invert the panel surface (dark on light pages, light on dark pages)"},customBg:{name:"--popover-color-background",description:"Background color",control:{type:"color"},table:{category:"css properties",defaultValue:{summary:"white"}}},customTitleColor:{name:"--popover-color-title",description:"Title text color",control:{type:"color"},table:{category:"css properties",defaultValue:{summary:"oklch(var(--btu-theme-gray-900))"}}},customContentColor:{name:"--popover-color-content",description:"Content text color",control:{type:"color"},table:{category:"css properties",defaultValue:{summary:"oklch(var(--btu-theme-gray-900))"}}},customRadius:{name:"--popover-border-radius",description:"Border radius",control:{type:"select"},options:["0px","0.125rem","0.25rem","0.375rem","0.5rem","0.75rem","1rem","1.5rem","9999px"],labels:{"0px":"none (0px)","0.125rem":"sm (0.125rem)","0.25rem":"DEFAULT (0.25rem)","0.375rem":"md (0.375rem)","0.5rem":"lg (0.5rem)","0.75rem":"xl (0.75rem)","1rem":"2xl (1rem)","1.5rem":"3xl (1.5rem)","9999px":"full (9999px)"},table:{category:"css properties",defaultValue:{summary:"0.5rem (lg)"}}}},render:t=>{const o={};return t.customBg&&(o["--popover-color-background"]=t.customBg),t.customTitleColor&&(o["--popover-color-title"]=t.customTitleColor),t.customContentColor&&(o["--popover-color-content"]=t.customContentColor),t.customRadius&&(o["--popover-border-radius"]=t.customRadius),a`
+        `}},actions:{handles:F},controls:{expanded:!0}},args:{...B,position:"bottom",trigger:"click",delay:300,open:!1,inverted:!1},argTypes:{...c,position:{...c.position,control:{type:"select"},options:["top","bottom","left","right"]},trigger:{...c.trigger,control:{type:"select"},options:["click","hover","focus"]},delay:{...c.delay,control:{type:"number"},description:"Show delay in ms (hover trigger only)"},offset:{...c.offset,control:{type:"select"},options:["sm","md","lg","xl"],description:"Gap between trigger and popover (sm=4px, md=8px, lg=12px, xl=16px)"},open:{...c.open,control:{type:"boolean"},description:"Programmatic open/close (reflected)"},inverted:{...c.inverted,control:{type:"boolean"},description:"Invert the panel surface (dark on light pages, light on dark pages)"},customBg:{name:"--popover-color-background",description:"Background color",control:{type:"color"},table:{category:"css properties",defaultValue:{summary:"white"}}},customTitleColor:{name:"--popover-color-title",description:"Title text color",control:{type:"color"},table:{category:"css properties",defaultValue:{summary:"oklch(var(--btu-theme-gray-900))"}}},customContentColor:{name:"--popover-color-content",description:"Content text color",control:{type:"color"},table:{category:"css properties",defaultValue:{summary:"oklch(var(--btu-theme-gray-900))"}}},customRadius:{name:"--popover-border-radius",description:"Border radius",control:{type:"select"},options:["0px","0.125rem","0.25rem","0.375rem","0.5rem","0.75rem","1rem","1.5rem","9999px"],labels:{"0px":"none (0px)","0.125rem":"sm (0.125rem)","0.25rem":"DEFAULT (0.25rem)","0.375rem":"md (0.375rem)","0.5rem":"lg (0.5rem)","0.75rem":"xl (0.75rem)","1rem":"2xl (1rem)","1.5rem":"3xl (1.5rem)","9999px":"full (9999px)"},table:{category:"css properties",defaultValue:{summary:"0.5rem (lg)"}}}},render:t=>{const e={};return t.customBg&&(e["--popover-color-background"]=t.customBg),t.customTitleColor&&(e["--popover-color-title"]=t.customTitleColor),t.customContentColor&&(e["--popover-color-content"]=t.customContentColor),t.customRadius&&(e["--popover-border-radius"]=t.customRadius),h`
       <div style="display: flex; justify-content: center; padding: 6rem 2rem;">
-        <div style=${x(o)}>
+        <div style=${k(e)}>
           <btu-popover
             position="${t.position}"
             trigger="${t.trigger}"
             delay="${t.delay}"
-            offset="${y(t.offset)}"
+            offset="${T(t.offset)}"
             ?no-arrow="${t["no-arrow"]}"
             ?open="${t.open}"
             ?inverted="${t.inverted}"
@@ -49,7 +49,7 @@ import{g as f,x as a}from"./iframe-B9buZjP7.js";import{o as y}from"./if-defined-
           </btu-popover>
         </div>
       </div>
-    `}},u={args:{"no-arrow":!1,offset:void 0}},b={render:()=>a`
+    `}},b={args:{"no-arrow":!1,offset:void 0}},m={render:()=>h`
     <div style="display: flex; gap: 2rem; justify-content: center; padding: 6rem 2rem; flex-wrap: wrap;">
       <btu-popover position="top">
         <button class="btu-button btu-button-primary btu-button-sm" slot="trigger">Top</button>
@@ -68,7 +68,7 @@ import{g as f,x as a}from"./iframe-B9buZjP7.js";import{o as y}from"./if-defined-
         <div slot="content">Popover positioned right of the trigger</div>
       </btu-popover>
     </div>
-  `,parameters:{docs:{description:{story:"Popovers support four positions: `top`, `bottom`, `left`, and `right`. Each auto-flips if constrained by the viewport."}}}},g={render:()=>a`
+  `,parameters:{docs:{description:{story:"Popovers support four positions: `top`, `bottom`, `left`, and `right`. Each auto-flips if constrained by the viewport."}}}},v={render:()=>h`
     <style>
       .popover-custom-content {
         display: flex;
@@ -160,7 +160,7 @@ import{g as f,x as a}from"./iframe-B9buZjP7.js";import{o as y}from"./if-defined-
         </div>
       </btu-popover>
     </div>
-  `,parameters:{docs:{description:{story:"Two examples of rich popover content: a confirmation dialog with action buttons (click trigger), and a chart legend with colored series data (hover trigger)."}}}},m={render:()=>a`
+  `,parameters:{docs:{description:{story:"Two examples of rich popover content: a confirmation dialog with action buttons (click trigger), and a chart legend with colored series data (hover trigger)."}}}},f={render:()=>h`
     <div style="display: flex; gap: 2rem; justify-content: center; padding: 6rem 2rem; flex-wrap: wrap;">
       <btu-popover position="bottom">
         <button class="btu-button btu-button-gray btu-button-sm" slot="trigger">Default surface</button>
@@ -177,7 +177,7 @@ import{g as f,x as a}from"./iframe-B9buZjP7.js";import{o as y}from"./if-defined-
         </div>
       </btu-popover>
     </div>
-  `,parameters:{docs:{description:{story:"The `inverted` attribute flips the panel surface to the inverse of the page — a dark panel on light pages and a light panel on dark pages — using the mode-flipping black/white tokens. It's opt-in because the panel holds arbitrary rich content that may assume a light surface."}}}},v={render:()=>a`
+  `,parameters:{docs:{description:{story:"The `inverted` attribute flips the panel surface to the inverse of the page — a dark panel on light pages and a light panel on dark pages — using the mode-flipping black/white tokens. It's opt-in because the panel holds arbitrary rich content that may assume a light surface."}}}},y={render:()=>h`
     <style>
       .custom-popover-trigger {
         display: inline-flex;
@@ -219,7 +219,7 @@ import{g as f,x as a}from"./iframe-B9buZjP7.js";import{o as y}from"./if-defined-
         </btu-popover>
       </div>
     </div>
-  `,parameters:{docs:{description:{story:"Demonstrates full customization of all CSS custom properties. Set these on a parent element or directly on the component:\n\n- `--popover-color-background` — Background color\n- `--popover-color-title` — Title text color\n- `--popover-color-content` — Content text color\n- `--popover-border-radius` — Border radius"}}}},l={tags:["!autodocs","!dev"],render:()=>a`
+  `,parameters:{docs:{description:{story:"Demonstrates full customization of all CSS custom properties. Set these on a parent element or directly on the component:\n\n- `--popover-color-background` — Background color\n- `--popover-color-title` — Title text color\n- `--popover-color-content` — Content text color\n- `--popover-border-radius` — Border radius"}}}},g={tags:["!autodocs","!dev"],render:()=>h`
     <div style="height: 100vh;">
       <btu-popover id="tail-anchored" position="bottom" trigger="focus" style="position: fixed; top: 24px; left: 24px;">
         <button class="btu-button btu-button-primary btu-button-sm" slot="trigger">Anchored</button>
@@ -235,12 +235,12 @@ import{g as f,x as a}from"./iframe-B9buZjP7.js";import{o as y}from"./if-defined-
         <div slot="content">No room below</div>
       </btu-popover>
     </div>
-  `,play:async()=>{const t=async e=>{const n=document.getElementById(e);n.open=!0;const i=await h(()=>{const p=n.querySelector(".btu-popover");if(!p?.matches(":popover-open"))throw new Error(`${e} did not open`);return p});return{host:n,panel:i}},o=(e,n)=>{const i=e.getBoundingClientRect(),p=n.querySelector('[slot="trigger"]').getBoundingClientRect();return i.top+i.height/2>=p.top+p.height/2?"below":"above"},d=await t("tail-anchored"),c=await t("tail-flipped");s(o(d.panel,d.host)).toBe("below"),s(o(c.panel,c.host)).toBe("above"),await h(()=>s(c.panel.className).toContain("btu-popover-tail-down")),s(d.panel.className).not.toContain("btu-popover-tail-");for(const{panel:e}of[d,c]){s(getComputedStyle(e,"::after").content).toBe("none");const n=parseFloat(getComputedStyle(e).getPropertyValue("--popover-offset")),i=parseFloat(getComputedStyle(e).borderTopWidth);s(parseFloat(getComputedStyle(e,"::before").height)).toBeCloseTo(n+i,1)}}};u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`{
+  `,play:async()=>{const t=async o=>{const r=document.getElementById(o);r.open=!0;const s=await w(()=>{const a=r.querySelector(".btu-popover");if(!a?.matches(":popover-open"))throw new Error(`${o} did not open`);return a});return{host:r,panel:s}},e=(o,r)=>{const s=o.getBoundingClientRect(),a=r.querySelector('[slot="trigger"]').getBoundingClientRect();return s.top+s.height/2>=a.top+a.height/2?"below":"above"},i=await t("tail-anchored"),n=await t("tail-flipped");u(e(i.panel,i.host)).toBe("below"),u(e(n.panel,n.host)).toBe("above"),await w(()=>u(n.panel.className).toContain("btu-popover-tail-down")),u(i.panel.className).not.toContain("btu-popover-tail-");for(const{panel:o}of[i,n]){u(getComputedStyle(o,"::after").content).toBe("none");const r=parseFloat(getComputedStyle(o).getPropertyValue("--popover-offset")),s=parseFloat(getComputedStyle(o).borderTopWidth);u(parseFloat(getComputedStyle(o,"::before").height)).toBeCloseTo(r+s,1)}}};b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
   args: {
     'no-arrow': false,
     offset: undefined
   }
-}`,...u.parameters?.docs?.source}}};b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
+}`,...b.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
   render: () => html\`
     <div style="display: flex; gap: 2rem; justify-content: center; padding: 6rem 2rem; flex-wrap: wrap;">
       <btu-popover position="top">
@@ -268,7 +268,7 @@ import{g as f,x as a}from"./iframe-B9buZjP7.js";import{o as y}from"./if-defined-
       }
     }
   }
-}`,...b.parameters?.docs?.source}}};g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
+}`,...m.parameters?.docs?.source}}};v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
   render: () => html\`
     <style>
       .popover-custom-content {
@@ -369,7 +369,7 @@ import{g as f,x as a}from"./iframe-B9buZjP7.js";import{o as y}from"./if-defined-
       }
     }
   }
-}`,...g.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+}`,...v.parameters?.docs?.source}}};f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{
   render: () => html\`
     <div style="display: flex; gap: 2rem; justify-content: center; padding: 6rem 2rem; flex-wrap: wrap;">
       <btu-popover position="bottom">
@@ -395,7 +395,7 @@ import{g as f,x as a}from"./iframe-B9buZjP7.js";import{o as y}from"./if-defined-
       }
     }
   }
-}`,...m.parameters?.docs?.source}}};v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
+}`,...f.parameters?.docs?.source}}};y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
   render: () => html\`
     <style>
       .custom-popover-trigger {
@@ -451,7 +451,7 @@ import{g as f,x as a}from"./iframe-B9buZjP7.js";import{o as y}from"./if-defined-
       }
     }
   }
-}`,...v.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
+}`,...y.parameters?.docs?.source}}};g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
   tags: ['!autodocs', '!dev'],
   render: () => html\`
     <div style="height: 100vh;">
@@ -518,4 +518,4 @@ import{g as f,x as a}from"./iframe-B9buZjP7.js";import{o as y}from"./if-defined-
       expect(parseFloat(getComputedStyle(panel, '::before').height)).toBeCloseTo(offset + border, 1);
     }
   }
-}`,...l.parameters?.docs?.source},description:{story:"Regression coverage for the tail. Hidden from the sidebar and the docs page;\nit exists to be run by `vitest --project=storybook`.",...l.parameters?.docs?.description}}};const R=["Default","Positions","RichContent","Inverted","AdvancedUsage","TailRegression"];export{v as AdvancedUsage,u as Default,m as Inverted,b as Positions,g as RichContent,l as TailRegression,R as __namedExportsOrder,P as default};
+}`,...g.parameters?.docs?.source},description:{story:"Regression coverage for the tail. Hidden from the sidebar and the docs page;\nit exists to be run by `vitest --project=storybook`.",...g.parameters?.docs?.description}}};const j=["Default","Positions","RichContent","Inverted","AdvancedUsage","TailRegression"];export{y as AdvancedUsage,b as Default,f as Inverted,m as Positions,v as RichContent,g as TailRegression,j as __namedExportsOrder,z as default};

package/dist/storybook/assets/ProgressMixin-CeSrn0_P.js

@@ -0,0 +1 @@
+import{n as r}from"./property-Bmq4RTSP.js";import{a as p}from"./aria-D5THOgos.js";var h=Object.defineProperty,m=Object.getOwnPropertyDescriptor,s=(n,t,o,e)=>{for(var i=e>1?void 0:e?m(t,o):t,a=n.length-1,l;a>=0;a--)(l=n[a])&&(i=(e?l(t,o,i):l(i))||i);return e&&i&&h(t,o,i),i};const _=n=>{class t extends n{constructor(){super(...arguments),this.color="primary",this._progress=0,this.initialAnimation=!0,this.ariaLabel=null,this.ariaLabelledBy=null,this.ariaValueText=null,this._isAnimationInitialized=!1,this._hasCompletedAt100=!1}get progress(){return this._progress}set progress(e){const i=isNaN(e)?0:e;this._progress=Math.min(Math.max(i,0),100)}_getProgressColorValue(){return this.color==="white"||this.color==="black"?`var(--progress-color, var(--btu-theme-${this.color}))`:`var(--progress-color, oklch(var(--btu-theme-${this.color}-600)))`}_getAnimatedProgress(){return this.initialAnimation&&!this._isAnimationInitialized?0:this._progress}_setupInitialAnimation(){if(!this.initialAnimation||this._isAnimationInitialized){this._isAnimationInitialized=!0;return}this._cleanupInitialAnimation(),this._intersectionObserver=new IntersectionObserver(e=>{e.forEach(i=>{i.isIntersecting&&!this._isAnimationInitialized&&(requestAnimationFrame(()=>{this._isAnimationInitialized=!0,this.requestUpdate()}),this._intersectionObserver?.disconnect())})},{threshold:.1}),this._intersectionObserver.observe(this)}_cleanupInitialAnimation(){this._intersectionObserver?.disconnect()}get _hostTag(){return this.tagName.toLowerCase()}firstUpdated(e){super.firstUpdated(e),this.emit(`${this._hostTag}-ready`)}_trackCompletion(){this._progress===100&&!this._hasCompletedAt100?(this._hasCompletedAt100=!0,this.emit(`${this._hostTag}-complete`),this.completionAnnouncement&&p(this.completionAnnouncement)):this._progress<100&&this._hasCompletedAt100&&(this._hasCompletedAt100=!1)}}return s([r({type:String})],t.prototype,"color",2),s([r({type:Number})],t.prototype,"thickness",2),s([r({type:Number})],t.prototype,"progress",1),s([r({type:String})],t.prototype,"label",2),s([r({type:Boolean,attribute:"initial-animation"})],t.prototype,"initialAnimation",2),s([r({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",2),s([r({type:String,attribute:"aria-labelledby"})],t.prototype,"ariaLabelledBy",2),s([r({type:String,attribute:"aria-valuetext"})],t.prototype,"ariaValueText",2),s([r({type:String,attribute:"completion-announcement"})],t.prototype,"completionAnnouncement",2),t};export{_ as P};

package/dist/storybook/assets/Radio-rvfGhZwK.js

@@ -0,0 +1,25 @@
+import{e as f,ae as _,af as d,al as m,ag as u,E as c,am as y,i as v,x as l}from"./iframe-DlBK9Drk.js";import{n as r}from"./property-Bmq4RTSP.js";import{o as h}from"./if-defined-DerKRcyC.js";import{E as g,R as k}from"./ReadyMixin-CvX_eidU.js";import{T as C}from"./TooltipMixin-CVKslCDt.js";const I=f(class extends _{constructor(t){if(super(t),t.type!==d.PROPERTY&&t.type!==d.ATTRIBUTE&&t.type!==d.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!m(t))throw Error("`live` bindings can only contain a single expression")}render(t){return t}update(t,[e]){if(e===u||e===c)return e;const i=t.element,o=t.name;if(t.type===d.PROPERTY){if(e===i[o])return u}else if(t.type===d.BOOLEAN_ATTRIBUTE){if(!!e===i.hasAttribute(o))return u}else if(t.type===d.ATTRIBUTE&&i.getAttribute(o)===e+"")return u;return y(t),e}});var E=Object.defineProperty,a=(t,e,i,o)=>{for(var n=void 0,p=t.length-1,b;p>=0;p--)(b=t[p])&&(n=b(e,i,n)||n);return n&&E(e,i,n),n};class s extends C(g(k(v))){constructor(){super(...arguments),this.size="sm",this.checked=!1,this.disabled=!1,this.invalid=!1,this._tabindex=0,this._groupDisabled=!1,this._groupRequired=!1,this._userInitiated=!1,this._initialClasses=[],this._initialClassesCaptured=!1,this._descId=`radio-desc-${crypto.randomUUID()}`,this._errorId=`radio-error-${crypto.randomUUID()}`,this._handleClick=e=>{if(this._isDisabled||e.target.closest(".btu-radio-input"))return;const i=this.renderRoot.querySelector(".btu-radio-input");i?.focus({focusVisible:!1}),i?.click()}}connectedCallback(){super.connectedCallback(),this._initialClassesCaptured||(this.className&&(this._initialClasses=this.className.split(" ").filter(e=>e.trim())),this._initialClassesCaptured=!0),this.addEventListener("click",this._handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this._handleClick)}createRenderRoot(){return this}willUpdate(e){super.willUpdate(e);const i=[...this._initialClasses,"btu-radio",this.size==="md"&&"btu-radio-md",(this.invalid||this.error)&&"btu-radio-invalid"];this.className=i.filter(Boolean).join(" ")}firstUpdated(e){super.firstUpdated(e),this.emit("btu-radio-ready")}updated(e){super.updated(e),this._relayAriaDescribedBy(),this._userInitiated&&(this._userInitiated=!1,e.has("checked")&&(this.value==null&&console.warn("btu-radio: selected without a `value`; the parent btu-radio-group cannot track this option.",this),this.emit("btu-radio-change",{checked:this.checked,value:this.value??""})))}_onInputChange(e){const i=e.target;this._userInitiated=!0,this.checked=i.checked}get _isDisabled(){return this.disabled||this._groupDisabled}get _describedBy(){const e=[];return this.description&&e.push(this._descId),this.error&&e.push(this._errorId),e.length?e.join(" "):void 0}_relayAriaDescribedBy(){const e=this.renderRoot.querySelector(".btu-radio-input");if(!e)return;this.removeAttribute("aria-describedby");const i=this.renderRoot.querySelector("[data-tooltip-internal]")?.id,o=[this._describedBy,i].filter(Boolean).join(" ");o?e.setAttribute("aria-describedby",o):e.removeAttribute("aria-describedby")}render(){return l`
+      <input
+        type="radio"
+        class="btu-radio-input"
+        .checked=${I(this.checked)}
+        ?disabled=${this._isDisabled}
+        ?required=${this._groupRequired}
+        name=${h(this.name)}
+        value=${h(this.value)}
+        tabindex=${this._tabindex}
+        aria-label=${h(this.label)}
+        aria-invalid=${h(this.invalid||this.error?"true":void 0)}
+        @change=${this._onInputChange}
+      />
+      <span class="btu-radio-box">
+        <span class="btu-radio-dot"></span>
+      </span>
+      ${this.label||this.description||this.error?l`
+            <span class="btu-radio-text">
+              ${this.label?l`<span class="btu-radio-label">${this.label}</span>`:c}
+              ${this.description?l`<span id=${this._descId} class="btu-radio-description">${this.description}</span>`:c}
+              ${this.error?l`<span id=${this._errorId} class="btu-radio-error">${this.error}</span>`:c}
+            </span>
+          `:c}
+    `}}a([r()],s.prototype,"label");a([r()],s.prototype,"description");a([r({reflect:!0})],s.prototype,"size");a([r({type:Boolean,reflect:!0})],s.prototype,"checked");a([r({type:Boolean,reflect:!0})],s.prototype,"disabled");a([r({type:Boolean,reflect:!0})],s.prototype,"invalid");a([r()],s.prototype,"error");a([r()],s.prototype,"value");a([r()],s.prototype,"name");customElements.get("btu-radio")||customElements.define("btu-radio",s);

package/dist/storybook/assets/{Radio.stories-BmrEdPkm.js → Radio.stories-B0wHdJuc.js}

@@ -1,4 +1,4 @@
-import{g as h,x as m}from"./iframe-B9buZjP7.js";import{o}from"./if-defined-BwWBCoAU.js";import{o as g}from"./style-map-qCiIYcp5.js";import"./preload-helper-PPVm8Dsz.js";const{events:y,args:S,argTypes:u}=h("btu-radio"),f={customColorPrimary:"--radio-color-primary",customColorBorder:"--radio-color-border",customColorError:"--radio-color-error",customLabelSpacing:"--radio-label-spacing"},v=e=>Object.entries(f).reduce((d,[p,b])=>(e[p]&&(d[b]=e[p]),d),{}),$={title:"Components/Radio",component:"btu-radio",tags:["autodocs"],parameters:{docs:{subtitle:"A single option within a radio group",description:{component:"\nA single radio option. Place several inside a `btu-radio-group`, which owns the shared\n`name`, selection state, and keyboard navigation. See the <strong>Radio Group</strong> stories\nfor the full pattern — the stories here show a single option's visual states.\n        "}},actions:{handles:y},controls:{expanded:!0}},args:{...S,label:"Pro",checked:!1},argTypes:{...u,"--radio-color-primary":{table:{disable:!0}},"--radio-color-border":{table:{disable:!0}},"--radio-color-error":{table:{disable:!0}},"--radio-label-spacing":{table:{disable:!0}},"--radio-box-size":{table:{disable:!0}},"--radio-dot-size":{table:{disable:!0}},size:{...u.size,control:{type:"select"},options:["sm","md"]},customColorPrimary:{name:"--radio-color-primary",control:{type:"color"},description:"Fill and border color when selected",table:{category:"CSS Properties"}},customColorBorder:{name:"--radio-color-border",control:{type:"color"},description:"Border color in the unselected state",table:{category:"CSS Properties"}},customColorError:{name:"--radio-color-error",control:{type:"color"},description:"Border and text color in the error state",table:{category:"CSS Properties"}},customLabelSpacing:{name:"--radio-label-spacing",control:{type:"text"},description:"Distance between the radio and the label (default: 0.75rem)",table:{category:"CSS Properties"}}},render:e=>m`
+import{g as h,x as m}from"./iframe-DlBK9Drk.js";import{o}from"./if-defined-DerKRcyC.js";import{o as g}from"./style-map-DE4G47KD.js";import"./Radio-rvfGhZwK.js";import"./preload-helper-PPVm8Dsz.js";import"./property-Bmq4RTSP.js";import"./ReadyMixin-CvX_eidU.js";import"./TooltipMixin-CVKslCDt.js";const{events:y,args:S,argTypes:u}=h("btu-radio"),f={customColorPrimary:"--radio-color-primary",customColorBorder:"--radio-color-border",customColorError:"--radio-color-error",customLabelSpacing:"--radio-label-spacing"},v=e=>Object.entries(f).reduce((d,[p,b])=>(e[p]&&(d[b]=e[p]),d),{}),T={title:"Components/Radio",component:"btu-radio",tags:["autodocs"],parameters:{docs:{subtitle:"A single option within a radio group",description:{component:"\nA single radio option. Place several inside a `btu-radio-group`, which owns the shared\n`name`, selection state, and keyboard navigation. See the <strong>Radio Group</strong> stories\nfor the full pattern — the stories here show a single option's visual states.\n        "}},actions:{handles:y},controls:{expanded:!0}},args:{...S,label:"Pro",checked:!1},argTypes:{...u,"--radio-color-primary":{table:{disable:!0}},"--radio-color-border":{table:{disable:!0}},"--radio-color-error":{table:{disable:!0}},"--radio-label-spacing":{table:{disable:!0}},"--radio-box-size":{table:{disable:!0}},"--radio-dot-size":{table:{disable:!0}},size:{...u.size,control:{type:"select"},options:["sm","md"]},customColorPrimary:{name:"--radio-color-primary",control:{type:"color"},description:"Fill and border color when selected",table:{category:"CSS Properties"}},customColorBorder:{name:"--radio-color-border",control:{type:"color"},description:"Border color in the unselected state",table:{category:"CSS Properties"}},customColorError:{name:"--radio-color-error",control:{type:"color"},description:"Border and text color in the error state",table:{category:"CSS Properties"}},customLabelSpacing:{name:"--radio-label-spacing",control:{type:"text"},description:"Distance between the radio and the label (default: 0.75rem)",table:{category:"CSS Properties"}}},render:e=>m`
     <btu-radio
       size=${o(e.size)}
       label=${o(e.label)}
@@ -13,7 +13,7 @@ import{g as h,x as m}from"./iframe-B9buZjP7.js";import{o}from"./if-defined-BwWBC
       ?invalid=${e.invalid}
       style=${g(v(e))}
     ></btu-radio>
-  `},r={args:{}},t={args:{checked:!0,label:"Pro"}},a={args:{label:"Pro",description:"For professionals who need more power.",checked:!0}},s={args:{label:"Team (coming soon)",disabled:!0}},i={args:{label:"Current plan",disabled:!0,checked:!0}},n={args:{label:"Accept the terms",invalid:!0,error:"You must choose an option to continue."}},l={args:{label:"Pro",tooltip:"Includes priority support and higher limits.",tooltipPosition:"right"},parameters:{docs:{description:{story:"Hover or focus the option to reveal a tooltip. Provided by `TooltipMixin` (`tooltip`, `tooltip-position`, …)."}}}},c={render:()=>m`
+  `},r={args:{}},t={args:{checked:!0,label:"Pro"}},a={args:{label:"Pro",description:"For professionals who need more power.",checked:!0}},i={args:{label:"Team (coming soon)",disabled:!0}},s={args:{label:"Current plan",disabled:!0,checked:!0}},n={args:{label:"Accept the terms",invalid:!0,error:"You must choose an option to continue."}},l={args:{label:"Pro",tooltip:"Includes priority support and higher limits.",tooltipPosition:"right"},parameters:{docs:{description:{story:"Hover or focus the option to reveal a tooltip. Provided by `TooltipMixin` (`tooltip`, `tooltip-position`, …)."}}}},c={render:()=>m`
     <div style="display: flex; flex-direction: column; gap: 1rem;">
       <btu-radio size="sm" label="Small (default)" checked></btu-radio>
       <btu-radio size="md" label="Medium" checked></btu-radio>
@@ -31,18 +31,18 @@ import{g as h,x as m}from"./iframe-B9buZjP7.js";import{o}from"./if-defined-BwWBC
     description: 'For professionals who need more power.',
     checked: true
   }
-}`,...a.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+}`,...a.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
   args: {
     label: 'Team (coming soon)',
     disabled: true
   }
-}`,...s.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
+}`,...i.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
   args: {
     label: 'Current plan',
     disabled: true,
     checked: true
   }
-}`,...i.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
+}`,...s.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
   args: {
     label: 'Accept the terms',
     invalid: true,
@@ -68,4 +68,4 @@ import{g as h,x as m}from"./iframe-B9buZjP7.js";import{o}from"./if-defined-BwWBC
       <btu-radio size="md" label="Medium" checked></btu-radio>
     </div>
   \`
-}`,...c.parameters?.docs?.source}}};const z=["Default","Checked","WithDescription","Disabled","DisabledChecked","InvalidWithError","WithTooltip","Sizes"];export{t as Checked,r as Default,s as Disabled,i as DisabledChecked,n as InvalidWithError,c as Sizes,a as WithDescription,l as WithTooltip,z as __namedExportsOrder,$ as default};
+}`,...c.parameters?.docs?.source}}};const W=["Default","Checked","WithDescription","Disabled","DisabledChecked","InvalidWithError","WithTooltip","Sizes"];export{t as Checked,r as Default,i as Disabled,s as DisabledChecked,n as InvalidWithError,c as Sizes,a as WithDescription,l as WithTooltip,W as __namedExportsOrder,T as default};

package/dist/storybook/assets/{RadioGroup.stories-ChARVXs3.js → RadioGroup.stories-D8krOSlP.js}

@@ -1,4 +1,4 @@
-import{g as w,x as n}from"./iframe-B9buZjP7.js";import{o as l}from"./if-defined-BwWBCoAU.js";import{o as x}from"./style-map-qCiIYcp5.js";import"./preload-helper-PPVm8Dsz.js";const{expect:o,userEvent:h,waitFor:i}=__STORYBOOK_MODULE_TEST__,{events:S,args:q,argTypes:f}=w("btu-radio-group"),B={customColorPrimary:"--radio-color-primary",customColorBorder:"--radio-color-border",customLabelSpacing:"--radio-label-spacing"},k=e=>Object.entries(B).reduce((r,[t,a])=>(e[t]&&(r[a]=e[t]),r),{}),T={title:"Components/Radio Group",component:"btu-radio-group",tags:["autodocs"],parameters:{docs:{subtitle:"A set of mutually exclusive options",description:{component:`
+import{i as q,x as u,g as S}from"./iframe-DlBK9Drk.js";import{o as p}from"./if-defined-DerKRcyC.js";import{o as A}from"./style-map-DE4G47KD.js";import"./Radio-rvfGhZwK.js";import{n as d}from"./property-Bmq4RTSP.js";import{E as R,R as D}from"./ReadyMixin-CvX_eidU.js";import{R as F}from"./RovingTabindexMixin-9z8lwaM9.js";import"./preload-helper-PPVm8Dsz.js";import"./TooltipMixin-CVKslCDt.js";var B=Object.defineProperty,c=(o,e,r,t)=>{for(var a=void 0,s=o.length-1,k;s>=0;s--)(k=o[s])&&(a=k(e,r,a)||a);return a&&B(e,r,a),a};class n extends F(R(D(q))){constructor(){super(...arguments),this.orientation="vertical",this.size="sm",this.required=!1,this.disabled=!1,this._initialClasses=[],this._initialClassesCaptured=!1,this._boundHandleRadioChange=this._handleRadioChange.bind(this),this._boundHandleKeyDown=this._handleKeyDown.bind(this)}connectedCallback(){super.connectedCallback(),this._initialClassesCaptured||(this.className&&(this._initialClasses=this.className.split(" ").filter(e=>e.trim())),this._initialClassesCaptured=!0),this.setAttribute("role","radiogroup"),this.addEventListener("btu-radio-change",this._boundHandleRadioChange),this.addEventListener("keydown",this._boundHandleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("btu-radio-change",this._boundHandleRadioChange),this.removeEventListener("keydown",this._boundHandleKeyDown)}createRenderRoot(){return this}willUpdate(e){super.willUpdate(e),this.className=[...this._initialClasses,"btu-radio-group",this.orientation==="horizontal"&&"btu-radio-group-horizontal"].filter(Boolean).join(" "),this.setAttribute("aria-orientation",this.orientation),this.required?this.setAttribute("aria-required","true"):this.removeAttribute("aria-required")}firstUpdated(e){super.firstUpdated(e),this.value==null&&(this.value=this._getRadios().find(t=>t.checked)?.value),this._syncRadios();const r=this._getRovingTargets();if(r.length>0){const t=r.findIndex(a=>a.checked);this._rovingFocus(t>=0?t:0,!1)}this.emit("btu-radio-group-ready")}updated(e){super.updated(e),(e.has("value")||e.has("name")||e.has("size")||e.has("disabled")||e.has("required"))&&this._syncRadios()}_getRovingTargets(){if(this.disabled)return[];const e=[];for(const r of this._getRadios()){if(r.disabled)continue;const t=r.querySelector(".btu-radio-input");t&&e.push(t)}return e}_getRadios(){return Array.from(this.querySelectorAll("btu-radio"))}_syncRadios(){const e=this.value!=null&&this.value!=="";let r=e;this._getRadios().forEach(t=>{t.name=this.name,t.size=this.size,t._groupDisabled=this.disabled,t._groupRequired=this.required,t.checked=e&&t.value===this.value,e?t._tabindex=t.value===this.value?0:-1:!r&&!t.disabled?(t._tabindex=0,r=!0):t._tabindex=-1,t.requestUpdate()})}_selectValue(e){const r=this._getRadios().find(t=>t.value===e);!r||r.disabled||this.disabled||e===this.value||(this.value=e,this._syncRadios(),this.emit("btu-radio-group-change",{value:e}))}_handleRadioChange(e){this._selectValue(e.detail.value)}_selectFocusedRadio(){const e=document.activeElement,r=this._getRadios().find(t=>t.querySelector(".btu-radio-input")===e);r?.value==null||r.value===this.value||(this._selectValue(r.value),r.emit("btu-radio-change",{checked:!0,value:r.value}))}_handleKeyDown(e){if(this.disabled)return;const r=this.orientation==="horizontal"?"ArrowRight":"ArrowDown",t=this.orientation==="horizontal"?"ArrowLeft":"ArrowUp";switch(e.key){case r:e.preventDefault(),this._rovingNext(),this._selectFocusedRadio();break;case t:e.preventDefault(),this._rovingPrev(),this._selectFocusedRadio();break;case"Home":e.preventDefault(),this._rovingFirst(),this._selectFocusedRadio();break;case"End":e.preventDefault(),this._rovingLast(),this._selectFocusedRadio();break}}render(){return u``}}c([d()],n.prototype,"name");c([d()],n.prototype,"value");c([d({reflect:!0})],n.prototype,"orientation");c([d({reflect:!0})],n.prototype,"size");c([d({type:Boolean,reflect:!0})],n.prototype,"required");c([d({type:Boolean,reflect:!0})],n.prototype,"disabled");customElements.get("btu-radio-group")||customElements.define("btu-radio-group",n);const{expect:i,userEvent:x,waitFor:l}=__STORYBOOK_MODULE_TEST__,{events:E,args:C,argTypes:_}=S("btu-radio-group"),z={customColorPrimary:"--radio-color-primary",customColorBorder:"--radio-color-border",customLabelSpacing:"--radio-label-spacing"},T=o=>Object.entries(z).reduce((e,[r,t])=>(o[r]&&(e[t]=o[r]),e),{}),V={title:"Components/Radio Group",component:"btu-radio-group",tags:["autodocs"],parameters:{docs:{subtitle:"A set of mutually exclusive options",description:{component:`
 <h3>When to use:</h3>
 <ul>
   <li>For selecting exactly one option from a small, visible set</li>
@@ -11,35 +11,35 @@ import{g as w,x as n}from"./iframe-B9buZjP7.js";import{o as l}from"./if-defined-
   <li><strong>Home / End</strong> — jump to the first / last option</li>
   <li><strong>Tab</strong> — enter and exit the group (a single roving tabstop)</li>
 </ul>
-        `}},actions:{handles:S},controls:{expanded:!0}},args:{...q,name:"plan",value:"pro",orientation:"vertical",size:"sm"},argTypes:{...f,"--radio-color-primary":{table:{disable:!0}},"--radio-color-border":{table:{disable:!0}},"--radio-label-spacing":{table:{disable:!0}},orientation:{...f.orientation,control:{type:"select"},options:["vertical","horizontal"]},size:{...f.size,control:{type:"select"},options:["sm","md"]},customColorPrimary:{name:"--radio-color-primary",control:{type:"color"},description:"Fill and border color when an option is selected",table:{category:"CSS Properties"}},customColorBorder:{name:"--radio-color-border",control:{type:"color"},description:"Border color in the unselected state",table:{category:"CSS Properties"}},customLabelSpacing:{name:"--radio-label-spacing",control:{type:"text"},description:"Distance between an option control and its label (default: 0.75rem)",table:{category:"CSS Properties"}}},render:e=>n`
+        `}},actions:{handles:E},controls:{expanded:!0}},args:{...C,name:"plan",value:"pro",orientation:"vertical",size:"sm"},argTypes:{..._,"--radio-color-primary":{table:{disable:!0}},"--radio-color-border":{table:{disable:!0}},"--radio-label-spacing":{table:{disable:!0}},orientation:{..._.orientation,control:{type:"select"},options:["vertical","horizontal"]},size:{..._.size,control:{type:"select"},options:["sm","md"]},customColorPrimary:{name:"--radio-color-primary",control:{type:"color"},description:"Fill and border color when an option is selected",table:{category:"CSS Properties"}},customColorBorder:{name:"--radio-color-border",control:{type:"color"},description:"Border color in the unselected state",table:{category:"CSS Properties"}},customLabelSpacing:{name:"--radio-label-spacing",control:{type:"text"},description:"Distance between an option control and its label (default: 0.75rem)",table:{category:"CSS Properties"}}},render:o=>u`
     <form>
       <btu-radio-group
-        name=${l(e.name)}
-        value=${l(e.value)}
-        orientation=${l(e.orientation)}
-        size=${l(e.size)}
-        ?required=${e.required}
-        ?disabled=${e.disabled}
-        style=${x(k(e))}
+        name=${p(o.name)}
+        value=${p(o.value)}
+        orientation=${p(o.orientation)}
+        size=${p(o.size)}
+        ?required=${o.required}
+        ?disabled=${o.disabled}
+        style=${A(T(o))}
       >
         <btu-radio value="free" label="Free"></btu-radio>
         <btu-radio value="pro" label="Pro"></btu-radio>
         <btu-radio value="team" label="Team"></btu-radio>
       </btu-radio-group>
     </form>
-  `},u={},d={render:()=>n`
+  `},b={},m={render:()=>u`
     <btu-radio-group name="plan-desc" value="pro">
       <btu-radio value="free" label="Free" description="For personal projects and evaluation."></btu-radio>
       <btu-radio value="pro" label="Pro" description="For professionals who need more power."></btu-radio>
       <btu-radio value="team" label="Team" description="Best for growing teams and collaboration."></btu-radio>
     </btu-radio-group>
-  `},p={args:{orientation:"horizontal"}},c={render:()=>n`
+  `},h={args:{orientation:"horizontal"}},v={render:()=>u`
     <btu-radio-group name="plan-disabled-option" value="free">
       <btu-radio value="free" label="Free"></btu-radio>
       <btu-radio value="pro" label="Pro"></btu-radio>
       <btu-radio value="team" label="Team (coming soon)" disabled></btu-radio>
     </btu-radio-group>
-  `,play:async({canvasElement:e,step:r})=>{const t=e.querySelector("btu-radio-group"),a=Array.from(e.querySelectorAll(".btu-radio-input"));await r("the selected option is the sole tabstop",async()=>{await i(()=>o(a[0].getAttribute("tabindex")).toBe("0")),o(a[1].getAttribute("tabindex")).toBe("-1")}),await r("ArrowDown moves focus to the next option and selects it",async()=>{a[0].focus(),await h.keyboard("{ArrowDown}"),await i(()=>o(t.value).toBe("pro")),o(a[1].checked).toBe(!0)}),await r("the disabled option is skipped — ArrowDown wraps back to the first",async()=>{await h.keyboard("{ArrowDown}"),await i(()=>o(t.value).toBe("free")),o(a[2].checked).toBe(!1)})},parameters:{docs:{description:{story:"A single option can be disabled; it is skipped during keyboard navigation."}}}},b={args:{disabled:!0},parameters:{docs:{description:{story:"Setting `disabled` on the group disables every option."}}}},m={render:()=>n`
+  `,play:async({canvasElement:o,step:e})=>{const r=o.querySelector("btu-radio-group"),t=Array.from(o.querySelectorAll(".btu-radio-input"));await e("the selected option is the sole tabstop",async()=>{await l(()=>i(t[0].getAttribute("tabindex")).toBe("0")),i(t[1].getAttribute("tabindex")).toBe("-1")}),await e("ArrowDown moves focus to the next option and selects it",async()=>{t[0].focus(),await x.keyboard("{ArrowDown}"),await l(()=>i(r.value).toBe("pro")),i(t[1].checked).toBe(!0)}),await e("the disabled option is skipped — ArrowDown wraps back to the first",async()=>{await x.keyboard("{ArrowDown}"),await l(()=>i(r.value).toBe("free")),i(t[2].checked).toBe(!1)})},parameters:{docs:{description:{story:"A single option can be disabled; it is skipped during keyboard navigation."}}}},g={args:{disabled:!0},parameters:{docs:{description:{story:"Setting `disabled` on the group disables every option."}}}},f={render:()=>u`
     <div style="display: flex; gap: 3rem;">
       <btu-radio-group name="plan-sm" value="pro" size="sm">
         <btu-radio value="free" label="Free"></btu-radio>
@@ -50,12 +50,12 @@ import{g as w,x as n}from"./iframe-B9buZjP7.js";import{o as l}from"./if-defined-
         <btu-radio value="pro" label="Pro"></btu-radio>
       </btu-radio-group>
     </div>
-  `},g={args:{name:"plan-required",value:"",required:!0},play:async({canvasElement:e,step:r})=>{const t=e.querySelector("form"),a=e.querySelector("btu-radio-group"),s=Array.from(e.querySelectorAll(".btu-radio-input"));await r("with nothing selected, the form is invalid and submits no value",async()=>{await i(()=>o(s.every(y=>y.required)).toBe(!0)),o(t.checkValidity()).toBe(!1),o(new FormData(t).get("plan-required")).toBeNull()}),await r("once an option is selected, the form validates and submits its value",async()=>{s[1].focus(),await h.click(s[1]),await i(()=>o(a.value).toBe("pro")),o(t.checkValidity()).toBe(!0),o(new FormData(t).get("plan-required")).toBe("pro")}),await r("reset to the unselected state",async()=>{a.value="",await i(()=>o(s.every(y=>!y.checked)).toBe(!0))})},parameters:{docs:{description:{story:"`required` blocks form submission until an option is selected, mirroring a native required radio set."}}}},v={render:()=>n`
+  `},y={args:{name:"plan-required",value:"",required:!0},play:async({canvasElement:o,step:e})=>{const r=o.querySelector("form"),t=o.querySelector("btu-radio-group"),a=Array.from(o.querySelectorAll(".btu-radio-input"));await e("with nothing selected, the form is invalid and submits no value",async()=>{await l(()=>i(a.every(s=>s.required)).toBe(!0)),i(r.checkValidity()).toBe(!1),i(new FormData(r).get("plan-required")).toBeNull()}),await e("once an option is selected, the form validates and submits its value",async()=>{a[1].focus(),await x.click(a[1]),await l(()=>i(t.value).toBe("pro")),i(r.checkValidity()).toBe(!0),i(new FormData(r).get("plan-required")).toBe("pro")}),await e("reset to the unselected state",async()=>{t.value="",await l(()=>i(a.every(s=>!s.checked)).toBe(!0))})},parameters:{docs:{description:{story:"`required` blocks form submission until an option is selected, mirroring a native required radio set."}}}},w={render:()=>u`
     <div style="display: flex; flex-direction: column; gap: 0.75rem;">
       <btu-radio-group
         name="plan-events"
         value="free"
-        @btu-radio-group-change=${e=>{const r=e.target.parentElement?.querySelector("#radio-group-event-output");r&&(r.textContent=`value: ${e.detail.value}`)}}
+        @btu-radio-group-change=${o=>{const e=o.target.parentElement?.querySelector("#radio-group-event-output");e&&(e.textContent=`value: ${o.detail.value}`)}}
       >
         <btu-radio value="free" label="Free"></btu-radio>
         <btu-radio value="pro" label="Pro"></btu-radio>
@@ -67,7 +67,7 @@ import{g as w,x as n}from"./iframe-B9buZjP7.js";import{o as l}from"./if-defined-
         >—</span
       >
     </div>
-  `,parameters:{docs:{description:{story:"Demonstrates the `btu-radio-group-change` event, which provides `{ value: string }` in its detail."}}}};u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:"{}",...u.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
+  `,parameters:{docs:{description:{story:"Demonstrates the `btu-radio-group-change` event, which provides `{ value: string }` in its detail."}}}};b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:"{}",...b.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
   render: () => html\`
     <btu-radio-group name="plan-desc" value="pro">
       <btu-radio value="free" label="Free" description="For personal projects and evaluation."></btu-radio>
@@ -75,11 +75,11 @@ import{g as w,x as n}from"./iframe-B9buZjP7.js";import{o as l}from"./if-defined-
       <btu-radio value="team" label="Team" description="Best for growing teams and collaboration."></btu-radio>
     </btu-radio-group>
   \`
-}`,...d.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+}`,...m.parameters?.docs?.source}}};h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
   args: {
     orientation: 'horizontal'
   }
-}`,...p.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
+}`,...h.parameters?.docs?.source}}};v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
   render: () => html\`
     <btu-radio-group name="plan-disabled-option" value="free">
       <btu-radio value="free" label="Free"></btu-radio>
@@ -118,7 +118,7 @@ import{g as w,x as n}from"./iframe-B9buZjP7.js";import{o as l}from"./if-defined-
       }
     }
   }
-}`,...c.parameters?.docs?.source}}};b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
+}`,...v.parameters?.docs?.source}}};g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
   args: {
     disabled: true
   },
@@ -129,7 +129,7 @@ import{g as w,x as n}from"./iframe-B9buZjP7.js";import{o as l}from"./if-defined-
       }
     }
   }
-}`,...b.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+}`,...g.parameters?.docs?.source}}};f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{
   render: () => html\`
     <div style="display: flex; gap: 3rem;">
       <btu-radio-group name="plan-sm" value="pro" size="sm">
@@ -142,7 +142,7 @@ import{g as w,x as n}from"./iframe-B9buZjP7.js";import{o as l}from"./if-defined-
       </btu-radio-group>
     </div>
   \`
-}`,...m.parameters?.docs?.source}}};g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
+}`,...f.parameters?.docs?.source}}};y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
   // Inherit the meta render so the Controls (value, required, …) drive this story.
   // Start with an empty value (not undefined — Storybook ignores undefined overrides
   // and would fall back to the meta default) so nothing is selected out of the box.
@@ -187,7 +187,7 @@ import{g as w,x as n}from"./iframe-B9buZjP7.js";import{o as l}from"./if-defined-
       }
     }
   }
-}`,...g.parameters?.docs?.source}}};v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
+}`,...y.parameters?.docs?.source}}};w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
   render: () => html\`
     <div style="display: flex; flex-direction: column; gap: 0.75rem;">
       <btu-radio-group
@@ -218,4 +218,4 @@ import{g as w,x as n}from"./iframe-B9buZjP7.js";import{o as l}from"./if-defined-
       }
     }
   }
-}`,...v.parameters?.docs?.source}}};const z=["Default","WithDescriptions","Horizontal","DisabledOption","DisabledGroup","Sizes","Required","Events"];export{u as Default,b as DisabledGroup,c as DisabledOption,v as Events,p as Horizontal,g as Required,m as Sizes,d as WithDescriptions,z as __namedExportsOrder,T as default};
+}`,...w.parameters?.docs?.source}}};const j=["Default","WithDescriptions","Horizontal","DisabledOption","DisabledGroup","Sizes","Required","Events"];export{b as Default,g as DisabledGroup,v as DisabledOption,w as Events,h as Horizontal,y as Required,f as Sizes,m as WithDescriptions,j as __namedExportsOrder,V as default};

package/dist/storybook/assets/{ReadyMixin-BbuzH3uO.js → ReadyMixin-CvX_eidU.js}

@@ -1 +1 @@
-import"./iframe-B9buZjP7.js";const l=t=>{class n extends t{connectedCallback(){super.connectedCallback(),Promise.resolve().then(()=>this.emit("btu-element-connected",{}),e=>this.emit("btu-element-error",{error:e}))}disconnectedCallback(){super.disconnectedCallback(),this.emit("btu-element-disconnected")}emit(e,c){const a=new CustomEvent(e,{bubbles:!0,cancelable:!1,composed:!0,detail:c});return this.dispatchEvent(a)}}return n},d=t=>{class n extends t{connectedCallback(){const e=()=>{super.connectedCallback()};document.readyState!=="loading"?e():document.addEventListener("DOMContentLoaded",()=>e())}}return n};export{l as E,d as R};
+import"./iframe-DlBK9Drk.js";const l=t=>{class n extends t{connectedCallback(){super.connectedCallback(),Promise.resolve().then(()=>this.emit("btu-element-connected",{}),e=>this.emit("btu-element-error",{error:e}))}disconnectedCallback(){super.disconnectedCallback(),this.emit("btu-element-disconnected")}emit(e,c){const a=new CustomEvent(e,{bubbles:!0,cancelable:!1,composed:!0,detail:c});return this.dispatchEvent(a)}}return n},d=t=>{class n extends t{connectedCallback(){const e=()=>{super.connectedCallback()};document.readyState!=="loading"?e():document.addEventListener("DOMContentLoaded",()=>e())}}return n};export{l as E,d as R};

package/dist/storybook/assets/RovingTabindexMixin-9z8lwaM9.js

@@ -0,0 +1 @@
+import"./iframe-DlBK9Drk.js";const v=i=>{class s extends i{constructor(){super(...arguments),this._rovingIndex=0}_getRovingTargets(){return[]}_rovingFocus(t,n=!0){const e=this._getRovingTargets();if(e.length===0)return;const r=Math.max(0,Math.min(t,e.length-1));e.forEach((g,o)=>g.setAttribute("tabindex",o===r?"0":"-1")),n&&e[r]?.focus(),this._rovingIndex=r}_rovingNext(){const t=this._getRovingTargets();if(t.length===0)return;const n=this._rovingCurrentIndex(),e=n<t.length-1?n+1:0;this._rovingFocus(e)}_rovingPrev(){const t=this._getRovingTargets();if(t.length===0)return;const n=this._rovingCurrentIndex(),e=n>0?n-1:t.length-1;this._rovingFocus(e)}_rovingFirst(){this._rovingFocus(0)}_rovingLast(){const t=this._getRovingTargets();t.length>0&&this._rovingFocus(t.length-1)}_rovingCurrentIndex(){const t=document.activeElement;return this._getRovingTargets().findIndex(n=>n===t||n.contains(t))}}return s};export{v as R};

package/dist/storybook/assets/{RovingTabindexMixin.stories-xm4b394_.js → RovingTabindexMixin.stories-Y8vBWjJp.js}

@@ -1,4 +1,4 @@
-import{x as l,i as v}from"./iframe-B9buZjP7.js";import{t as m}from"./custom-element-UsVr97OX.js";import"./preload-helper-PPVm8Dsz.js";const h=n=>{class i extends n{constructor(){super(...arguments),this._rovingIndex=0}_getRovingTargets(){return[]}_rovingFocus(t,e=!0){const o=this._getRovingTargets();if(o.length===0)return;const r=Math.max(0,Math.min(t,o.length-1));o.forEach((u,b)=>u.setAttribute("tabindex",b===r?"0":"-1")),e&&o[r]?.focus(),this._rovingIndex=r}_rovingNext(){const t=this._getRovingTargets();if(t.length===0)return;const e=this._rovingCurrentIndex(),o=e<t.length-1?e+1:0;this._rovingFocus(o)}_rovingPrev(){const t=this._getRovingTargets();if(t.length===0)return;const e=this._rovingCurrentIndex(),o=e>0?e-1:t.length-1;this._rovingFocus(o)}_rovingFirst(){this._rovingFocus(0)}_rovingLast(){const t=this._getRovingTargets();t.length>0&&this._rovingFocus(t.length-1)}_rovingCurrentIndex(){const t=document.activeElement;return this._getRovingTargets().findIndex(e=>e===t||e.contains(t))}}return i};var a=Object.freeze,x=Object.defineProperty,p=Object.getOwnPropertyDescriptor,f=(n,i,d,t)=>{for(var e=t>1?void 0:t?p(i,d):i,o=n.length-1,r;o>=0;o--)(r=n[o])&&(e=r(e)||e);return e},y=(n,i)=>a(x(n,"raw",{value:a(n.slice())})),c;const T={title:"Mixins/Roving Tabindex",tags:["autodocs"],parameters:{docs:{description:{component:`
+import{x as l,i as u}from"./iframe-DlBK9Drk.js";import{t as g}from"./custom-element-UsVr97OX.js";import{R as m}from"./RovingTabindexMixin-9z8lwaM9.js";import"./preload-helper-PPVm8Dsz.js";var s=Object.freeze,v=Object.defineProperty,h=Object.getOwnPropertyDescriptor,p=(t,n,b,i)=>{for(var e=i>1?void 0:i?h(n,b):n,r=t.length-1,d;r>=0;r--)(d=t[r])&&(e=d(e)||e);return e},x=(t,n)=>s(v(t,"raw",{value:s(t.slice())})),a;const A={title:"Mixins/Roving Tabindex",tags:["autodocs"],parameters:{docs:{description:{component:`
 \`RovingTabindexMixin\` provides **roving tabindex** navigation primitives for toolbar and menu components following the <a href="https://www.w3.org/WAI/ARIA/apd/practices/keyboard-interface/#kbd_roving_tabindex" target="_blank">WAI-ARIA Keyboard Interface Pattern</a>.
 
 In a roving tabindex, only one element in the group has \`tabindex="0"\` (reachable via Tab), while all others have \`tabindex="-1"\`. Arrow keys move focus between items, wrapping at both ends.
@@ -107,7 +107,7 @@ class MyToolbar extends RovingTabindexMixin(EventEmitterMixin(ReadyMixin(LitElem
 \`\`\`typescript
 class MyComponent extends RovingTabindexMixin(EventEmitterMixin(ReadyMixin(LitElement))) {}
 \`\`\`
-        `}}}};let g=class extends h(v){constructor(){super(...arguments),this._handleKeydown=n=>{switch(n.key){case"ArrowRight":n.preventDefault(),this._rovingNext();break;case"ArrowLeft":n.preventDefault(),this._rovingPrev();break;case"Home":n.preventDefault(),this._rovingFirst();break;case"End":n.preventDefault(),this._rovingLast();break}}}createRenderRoot(){return this}_getRovingTargets(){return Array.from(this.querySelectorAll(".roving-demo-btn"))}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this._handleKeydown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._handleKeydown)}render(){return l`
+        `}}}};let c=class extends m(u){constructor(){super(...arguments),this._handleKeydown=t=>{switch(t.key){case"ArrowRight":t.preventDefault(),this._rovingNext();break;case"ArrowLeft":t.preventDefault(),this._rovingPrev();break;case"Home":t.preventDefault(),this._rovingFirst();break;case"End":t.preventDefault(),this._rovingLast();break}}}createRenderRoot(){return this}_getRovingTargets(){return Array.from(this.querySelectorAll(".roving-demo-btn"))}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this._handleKeydown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._handleKeydown)}render(){return l`
       <div role="toolbar" aria-label="Demo toolbar" style="display: flex; gap: 0.5rem;">
         <button class="roving-demo-btn btu-button btu-button-gray btu-button-md" tabindex="0">Item 1</button>
         <button class="roving-demo-btn btu-button btu-button-gray btu-button-md" tabindex="-1">Item 2</button>
@@ -115,7 +115,7 @@ class MyComponent extends RovingTabindexMixin(EventEmitterMixin(ReadyMixin(LitEl
         <button class="roving-demo-btn btu-button btu-button-gray btu-button-md" tabindex="-1">Item 4</button>
         <button class="roving-demo-btn btu-button btu-button-gray btu-button-md" tabindex="-1">Item 5</button>
       </div>
-    `}};g=f([m("roving-demo")],g);const s={render:()=>l(c||(c=y([`<div class="flex flex-col gap-4">
+    `}};c=p([g("roving-demo")],c);const o={render:()=>l(a||(a=x([`<div class="flex flex-col gap-4">
       <div>
         <h4 class="mb-2 font-bold">Interactive Roving Tabindex Demo</h4>
         <p class="mb-2 text-sm text-gray-600">
@@ -151,7 +151,7 @@ class MyComponent extends RovingTabindexMixin(EventEmitterMixin(ReadyMixin(LitEl
           })
         })()
       <\/script>
-    </div>`])))};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+    </div>`])))};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
   render: () => html\`<div class="flex flex-col gap-4">
       <div>
         <h4 class="mb-2 font-bold">Interactive Roving Tabindex Demo</h4>
@@ -189,4 +189,4 @@ class MyComponent extends RovingTabindexMixin(EventEmitterMixin(ReadyMixin(LitEl
         })()
       <\/script>
     </div>\`
-}`,...s.parameters?.docs?.source}}};const A=["RovingTabindex"];export{s as RovingTabindex,A as __namedExportsOrder,T as default};
+}`,...o.parameters?.docs?.source}}};const E=["RovingTabindex"];export{o as RovingTabindex,E as __namedExportsOrder,A as default};

package/dist/storybook/assets/{Rtc.stories-DdcMaELA.js → Rtc.stories-D3Y-z8y_.js}

@@ -1,4 +1,4 @@
-import{x as o}from"./iframe-B9buZjP7.js";import"./preload-helper-PPVm8Dsz.js";const r={title:"Utilities/RTC",tags:["autodocs"],parameters:{docs:{subtitle:"The `rtc` module provides real-time communication between browser tabs and the Brightspot CMS server. Uses BroadcastChannel for cross-tab coordination with leader election, and Server-Sent Events for server communication."},controls:{expanded:!0}}},e={render:()=>o`
+import{x as o}from"./iframe-DlBK9Drk.js";import"./preload-helper-PPVm8Dsz.js";const r={title:"Utilities/RTC",tags:["autodocs"],parameters:{docs:{subtitle:"The `rtc` module provides real-time communication between browser tabs and the Brightspot CMS server. Uses BroadcastChannel for cross-tab coordination with leader election, and Server-Sent Events for server communication."},controls:{expanded:!0}}},e={render:()=>o`
     <div class="space-y-6 text-sm">
       <div>
         <h3 class="mb-2 font-bold">Overview</h3>

package/dist/storybook/assets/{ScrollShadow.stories-CI67Ougx.js → ScrollShadow.stories-1KD0lWHX.js}

@@ -1,4 +1,4 @@
-import{x as a}from"./iframe-B9buZjP7.js";import"./preload-helper-PPVm8Dsz.js";const l=({theme:e="btu-scrollshadow-25"})=>{const r=new Array(100).fill(0).map((s,t)=>`Item ${t+1}`);return a`
+import{x as a}from"./iframe-DlBK9Drk.js";import"./preload-helper-PPVm8Dsz.js";const l=({theme:e="btu-scrollshadow-25"})=>{const r=new Array(100).fill(0).map((s,t)=>`Item ${t+1}`);return a`
     <style>
       :root {
         --can-scroll:   ;