@brightspot/ui 6.8.0 → 6.8.1

package/dist/storybook/assets/{Icon.stories-AB_v-61c.js → Icon.stories-CVsQvcwd.js}

@@ -1,4 +1,4 @@
-import{g as v,x as s}from"./iframe-B9buZjP7.js";import{o as x}from"./if-defined-BwWBCoAU.js";import{o as f}from"./style-map-qCiIYcp5.js";import{L as g}from"./LucideDynamicLoader-BuoNL33C.js";import"./preload-helper-PPVm8Dsz.js";const h={facebook:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="100 100 500 500" fill="currentColor"><path d="M600.0,350.0C600.0,211.929 488.071,100.0 350.0,100.0C211.929,100.0 100.0,211.929 100.0,350.0C100.0,467.245 180.715,565.622 289.606,592.638L289.606,426.396L238.054,426.396L238.054,350.0L289.606,350.0L289.606,317.081C289.606,231.989 328.114,192.549 411.654,192.549C427.492,192.549 454.821,195.654 466.001,198.76L466.001,268.014C460.1,267.393 449.852,267.082 437.119,267.082C396.126,267.082 380.287,282.61 380.287,322.982L380.287,350.0L461.946,350.0L447.918,426.396L380.287,426.396L380.287,598.169C504.073,583.218 600.0,477.818 600.0,350.0Z"/></svg>',instagram:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" fill="currentColor"><path d="M295.42,6c-53.2,2.51-89.53,11-121.29,23.48-32.87,12.81-60.73,30-88.45,57.82S40.89,143,28.17,175.92c-12.31,31.83-20.65,68.19-23,121.42S2.3,367.68,2.56,503.46,3.42,656.26,6,709.6c2.54,53.19,11,89.51,23.48,121.28,12.83,32.87,30,60.72,57.83,88.45S143,964.09,176,976.83c31.8,12.29,68.17,20.67,121.39,23s70.35,2.87,206.09,2.61,152.83-.86,206.16-3.39S799.1,988,830.88,975.58c32.87-12.86,60.74-30,88.45-57.84S964.1,862,976.81,829.06c12.32-31.8,20.69-68.17,23-121.35,2.33-53.37,2.88-70.41,2.62-206.17s-.87-152.78-3.4-206.1-11-89.53-23.47-121.32c-12.85-32.87-30-60.7-57.82-88.45S862,40.87,829.07,28.19c-31.82-12.31-68.17-20.7-121.39-23S637.33,2.3,501.54,2.56,348.75,3.4,295.42,6m5.84,903.88c-48.75-2.12-75.22-10.22-92.86-17-23.36-9-40-19.88-57.58-37.29s-28.38-34.11-37.5-57.42c-6.85-17.64-15.1-44.08-17.38-92.83-2.48-52.69-3-68.51-3.29-202s.22-149.29,2.53-202c2.08-48.71,10.23-75.21,17-92.84,9-23.39,19.84-40,37.29-57.57s34.1-28.39,57.43-37.51c17.62-6.88,44.06-15.06,92.79-17.38,52.73-2.5,68.53-3,202-3.29s149.31.21,202.06,2.53c48.71,2.12,75.22,10.19,92.83,17,23.37,9,40,19.81,57.57,37.29s28.4,34.07,37.52,57.45c6.89,17.57,15.07,44,17.37,92.76,2.51,52.73,3.08,68.54,3.32,202s-.23,149.31-2.54,202c-2.13,48.75-10.21,75.23-17,92.89-9,23.35-19.85,40-37.31,57.56s-34.09,28.38-57.43,37.5c-17.6,6.87-44.07,15.07-92.76,17.39-52.73,2.48-68.53,3-202.05,3.29s-149.27-.25-202-2.53m407.6-674.61a60,60,0,1,0,59.88-60.1,60,60,0,0,0-59.88,60.1M245.77,503c.28,141.8,115.44,256.49,257.21,256.22S759.52,643.8,759.25,502,643.79,245.48,502,245.76,245.5,361.22,245.77,503m90.06-.18a166.67,166.67,0,1,1,167,166.34,166.65,166.65,0,0,1-167-166.34"/></svg>',slack:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="73.6 73.6 122.8 122.8" fill="currentColor"><path d="M99.4,151.2c0,7.1-5.8,12.9-12.9,12.9s-12.9-5.8-12.9-12.9c0-7.1,5.8-12.9,12.9-12.9h12.9V151.2z"/><path d="M105.9,151.2c0-7.1,5.8-12.9,12.9-12.9s12.9,5.8,12.9,12.9v32.3c0,7.1-5.8,12.9-12.9,12.9s-12.9-5.8-12.9-12.9 C105.9,183.5,105.9,151.2,105.9,151.2z"/><path d="M118.8,99.4c-7.1,0-12.9-5.8-12.9-12.9s5.8-12.9,12.9-12.9s12.9,5.8,12.9,12.9v12.9H118.8z"/><path d="M118.8,105.9c7.1,0,12.9,5.8,12.9,12.9s-5.8,12.9-12.9,12.9H86.5c-7.1,0-12.9-5.8-12.9-12.9s5.8-12.9,12.9-12.9 C86.5,105.9,118.8,105.9,118.8,105.9z"/><path d="M170.6,118.8c0-7.1,5.8-12.9,12.9-12.9c7.1,0,12.9,5.8,12.9,12.9s-5.8,12.9-12.9,12.9h-12.9V118.8z"/><path d="M164.1,118.8c0,7.1-5.8,12.9-12.9,12.9c-7.1,0-12.9-5.8-12.9-12.9V86.5c0-7.1,5.8-12.9,12.9-12.9 c7.1,0,12.9,5.8,12.9,12.9V118.8z"/><path d="M151.2,170.6c7.1,0,12.9,5.8,12.9,12.9c0,7.1-5.8,12.9-12.9,12.9c-7.1,0-12.9-5.8-12.9-12.9v-12.9H151.2z"/><path d="M151.2,164.1c-7.1,0-12.9-5.8-12.9-12.9c0-7.1,5.8-12.9,12.9-12.9h32.3c7.1,0,12.9,5.8,12.9,12.9 c0,7.1-5.8,12.9-12.9,12.9H151.2z"/></svg>',x:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 1227" fill="currentColor"><path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z"/></svg>'},{events:y,args:z,argTypes:n}=v("btu-icon"),u=["xs","sm","md","lg","xl"],w=["ai","error","gray","primary","purple","rose","success","teal","warning"],T={title:"Components/Icon",component:"btu-icon",tags:["autodocs"],parameters:{docs:{subtitle:"An icon component using Lucide icons with built-in support for custom colors and sizes.",description:{component:`
+import{g as v,x as s}from"./iframe-Byo_x5o2.js";import{o as f}from"./if-defined-DL7cQU7O.js";import{o as x}from"./style-map-DxZm5Cj7.js";import{L as g,B as h}from"./Icon-DPQKiWDz.js";import"./preload-helper-PPVm8Dsz.js";import"./property-_few0Xe5.js";import"./ReadyMixin-C8HW2nGE.js";const{events:y,args:z,argTypes:n}=v("btu-icon"),u=["xs","sm","md","lg","xl"],w=["ai","error","gray","primary","purple","rose","success","teal","warning"],B={title:"Components/Icon",component:"btu-icon",tags:["autodocs"],parameters:{docs:{subtitle:"An icon component using Lucide icons with built-in support for custom colors and sizes.",description:{component:`
 <strong>When to use:</strong>
 <ul>
   <li>To visually reinforce actions, states, or categories</li>
@@ -20,11 +20,11 @@ vendored and rendered via the <code>brand</code> attribute instead of <code>symb
 See the <strong>Brands</strong> story below.</p>
         `}},actions:{handles:y},controls:{expanded:!0}},args:{...z,symbol:"heart",size:"md"},argTypes:{...n,"--icon-size":{table:{disable:!0}},"--icon-fill":{table:{disable:!0}},"--icon-stroke-width":{table:{disable:!0}},"--icon-svg":{table:{disable:!0}},symbol:{...n.symbol,control:{type:"text"},description:'<a href="https://lucide.dev/icons/" target="_blank">Lucide</a> icon name. Note that only icons available in Lucide v'+g+" are supported.",table:{...n.symbol?.table,type:{summary:"string"}}},brand:{...n.brand,control:{type:"select"},options:["none",...Object.keys(h)],mapping:{none:void 0},description:"Vendored brand mark to display instead of a Lucide icon (see the Brands story). Takes precedence over `symbol`.",table:{...n.brand?.table,type:{summary:"string"}}},size:{...n.size,control:{type:"select"},options:u,description:"Icon size preset"},gradient:{...n.gradient,control:{type:"select"},options:w,description:"Gradient theme icon fill. When not set, icon inherits parent text color. **Cannot be combined with `emphasize`** — gradient takes precedence."},emphasize:{...n.emphasize,control:{type:"select"},options:["none","static","pulse"],mapping:{none:void 0,static:!0,pulse:"pulse"},description:'Emphasize mode. "static" renders a tonal circle with ring; "pulse" adds a one-shot ring animation. Color derives from currentColor (defaults to primary). **Cannot be combined with `gradient`** — gradient takes precedence and emphasize is ignored.'},customSize:{name:"--icon-size",control:{type:"text"},description:'Custom icon size - overrides the size preset (e.g., "3rem", "48px")',table:{category:"css properties"}},customFill:{name:"--icon-fill",control:{type:"text"},description:'An advanced option for creating filled-in icons via built-in CSS SVG styling. Works best with simple icons like "heart" or "star".',table:{category:"css properties"}},customStrokeWidth:{name:"--icon-stroke-width",control:{type:"range",min:.5,max:4,step:.25},description:"SVG stroke width as a unitless number in viewBox units; scales visually with icon size (default: 2).",table:{category:"css properties"}}},render:e=>{const t={};return e.customSize&&(t["--icon-size"]=e.customSize),e.customFill&&(t["--icon-fill"]=e.customFill),e.customStrokeWidth&&(t["--icon-stroke-width"]=e.customStrokeWidth),s`<btu-icon
       symbol="${e.symbol}"
-      brand="${x(e.brand||void 0)}"
+      brand="${f(e.brand||void 0)}"
       size="${e.size}"
       gradient="${e.gradient||""}"
       .emphasize=${e.emphasize||void 0}
-      style=${f(t)}
+      style=${x(t)}
     ></btu-icon>`}},o={args:{}},i={render:()=>s`<div class="flex items-center gap-4">
       <btu-icon symbol="heart" size="xs"></btu-icon>
       <btu-icon symbol="heart" size="sm"></btu-icon>
@@ -133,10 +133,10 @@ See the <strong>Brands</strong> story below.</p>
       <div>
         <div class="mb-2 text-sm font-semibold">Colors (via Tailwind text-* classes)</div>
         <div class="flex items-center gap-6">
-          ${[{symbol:"search",colorClass:"text-primary-600",label:"primary"},{symbol:"alert-circle",colorClass:"text-error-600",label:"error"},{symbol:"check-circle",colorClass:"text-success-600",label:"success"},{symbol:"settings",colorClass:"text-gray-500",label:"gray"},{symbol:"globe",colorClass:"text-teal-600",label:"teal"},{symbol:"alert-triangle",colorClass:"text-warning-600",label:"warning"}].map(({symbol:t,colorClass:p,label:b})=>s`
+          ${[{symbol:"search",colorClass:"text-primary-600",label:"primary"},{symbol:"alert-circle",colorClass:"text-error-600",label:"error"},{symbol:"check-circle",colorClass:"text-success-600",label:"success"},{symbol:"settings",colorClass:"text-gray-500",label:"gray"},{symbol:"globe",colorClass:"text-teal-600",label:"teal"},{symbol:"alert-triangle",colorClass:"text-warning-600",label:"warning"}].map(({symbol:t,colorClass:b,label:p})=>s`
               <div class="flex flex-col items-center gap-2">
-                <btu-icon symbol="${t}" size="lg" emphasize class="${p}"></btu-icon>
-                <span class="text-xs font-bold">${b}</span>
+                <btu-icon symbol="${t}" size="lg" emphasize class="${b}"></btu-icon>
+                <span class="text-xs font-bold">${p}</span>
               </div>
             `)}
         </div>
@@ -164,10 +164,10 @@ See the <strong>Brands</strong> story below.</p>
       <div>
         <div class="mb-2 text-sm font-semibold">Pulse animation (one-shot ring spring)</div>
         <div class="flex items-center gap-6">
-          ${[{symbol:"bell",colorClass:"text-primary-600",label:"notification"},{symbol:"alert-circle",colorClass:"text-error-600",label:"alert"},{symbol:"check-circle",colorClass:"text-success-600",label:"confirmed"}].map(({symbol:t,colorClass:p,label:b})=>s`
+          ${[{symbol:"bell",colorClass:"text-primary-600",label:"notification"},{symbol:"alert-circle",colorClass:"text-error-600",label:"alert"},{symbol:"check-circle",colorClass:"text-success-600",label:"confirmed"}].map(({symbol:t,colorClass:b,label:p})=>s`
               <div class="flex flex-col items-center gap-2">
-                <btu-icon symbol="${t}" size="lg" emphasize="pulse" class="${p}"></btu-icon>
-                <span class="text-xs font-bold">${b}</span>
+                <btu-icon symbol="${t}" size="lg" emphasize="pulse" class="${b}"></btu-icon>
+                <span class="text-xs font-bold">${p}</span>
               </div>
             `)}
         </div>
@@ -449,4 +449,4 @@ See the <strong>Brands</strong> story below.</p>
       }
     }
   }
-}`,...m.parameters?.docs?.source}}};const B=["Default","Sizes","StrokeWidths","GradientIcons","Brands","AdvancedUsage","Emphasize","EmphasizePulse"];export{c as AdvancedUsage,l as Brands,o as Default,d as Emphasize,m as EmphasizePulse,r as GradientIcons,i as Sizes,a as StrokeWidths,B as __namedExportsOrder,T as default};
+}`,...m.parameters?.docs?.source}}};const N=["Default","Sizes","StrokeWidths","GradientIcons","Brands","AdvancedUsage","Emphasize","EmphasizePulse"];export{c as AdvancedUsage,l as Brands,o as Default,d as Emphasize,m as EmphasizePulse,r as GradientIcons,i as Sizes,a as StrokeWidths,N as __namedExportsOrder,B as default};

package/dist/storybook/assets/IconButton-Dp4Z06bL.js

@@ -0,0 +1,12 @@
+import{i as c,x as d}from"./iframe-Byo_x5o2.js";import{n as r}from"./property-_few0Xe5.js";import{o as l}from"./if-defined-DL7cQU7O.js";import{E as y,R as m}from"./ReadyMixin-C8HW2nGE.js";import{T as h}from"./TooltipMixin-CRNNusJ7.js";import"./Icon-DPQKiWDz.js";var f=Object.defineProperty,n=(a,t,e,s)=>{for(var o=void 0,u=a.length-1,p;u>=0;u--)(p=a[u])&&(o=p(t,e,o)||o);return o&&f(t,e,o),o};const b={primary:["btu-button-primary"],"primary-clear":["btu-button-primary","btu-button-fill-none"],"primary-stroke":["btu-button-primary","btu-button-fill-none","btu-button-outline"],secondary:["btu-button-gray"],"secondary-clear":["btu-button-gray","btu-button-fill-none"],"secondary-stroke":["btu-button-gray","btu-button-fill-none","btu-button-outline"],tertiary:["btu-button-teal"],"tertiary-clear":["btu-button-teal","btu-button-fill-none"],"tertiary-stroke":["btu-button-teal","btu-button-fill-none","btu-button-outline"]},v=new Set(["sm","md","lg"]);class i extends h(y(m(c))){constructor(){super(...arguments),this.type="primary",this.size="md",this.destructive=!1,this.disabled=!1}createRenderRoot(){return this}willUpdate(t){super.willUpdate(t),t.has("type")&&!(this.type in b)&&(console.warn(`[btu-icon-button] Unrecognized type: "${this.type}". Falling back to "primary".`),this.type="primary"),t.has("size")&&!v.has(this.size)&&(console.warn(`[btu-icon-button] Unrecognized size: "${this.size}". Falling back to "md".`),this.size="md")}updated(t){super.updated(t),this._relayTooltipAttrs()}_relayTooltipAttrs(){const t=this.querySelector("button");if(!t)return;const e=this.style.getPropertyValue("anchor-name");e&&(this.style.removeProperty("anchor-name"),t.style.setProperty("anchor-name",e));const s=this.querySelector("[data-tooltip-internal]");s?(this.removeAttribute("aria-describedby"),t.setAttribute("aria-describedby",s.id)):t.removeAttribute("aria-describedby")}firstUpdated(t){super.firstUpdated(t),!this.getAttribute("aria-label")?.trim()&&!this.tooltip?.trim()&&console.warn('[btu-icon-button] No accessible name provided. Set "aria-label" or "tooltip" for screen readers.',this),this.emit("btu-icon-button-ready")}_handleClick(){this.emit("btu-icon-button-click",{name:this.name})}_buildButtonClasses(){const t=b[this.type]??b.primary,e=this.destructive?"btu-button-error":t[0],s=t.slice(1);return["btu-button","btu-button-text-hidden",e,...s,`btu-button-${this.size}`].filter(Boolean).join(" ")}render(){const t=this.getAttribute("aria-label")?.trim()||this.tooltip?.trim()||void 0;return d`
+      <button
+        type="button"
+        class="${this._buildButtonClasses()}"
+        aria-label=${l(t)}
+        name=${l(this.name)}
+        ?disabled=${this.disabled}
+        @click="${this._handleClick}"
+      >
+        <btu-icon symbol="${l(this.symbol)}" size="${this.size}"></btu-icon>
+      </button>
+    `}}n([r()],i.prototype,"name");n([r()],i.prototype,"type");n([r({type:String})],i.prototype,"symbol");n([r()],i.prototype,"size");n([r({type:Boolean})],i.prototype,"destructive");n([r({type:Boolean})],i.prototype,"disabled");customElements.get("btu-icon-button")||customElements.define("btu-icon-button",i);

package/dist/storybook/assets/{IconButton.stories-BHuHsM3k.js → IconButton.stories-DTbfHfcQ.js}

@@ -1,4 +1,4 @@
-import{g as p,x as e}from"./iframe-B9buZjP7.js";import{o as b}from"./if-defined-BwWBCoAU.js";import{L as d}from"./LucideDynamicLoader-BuoNL33C.js";import"./preload-helper-PPVm8Dsz.js";const{events:u,args:y,argTypes:o}=p("btu-icon-button"),x={title:"Components/Icon Button",component:"btu-icon-button",tags:["autodocs"],parameters:{docs:{subtitle:"Combines button styles with the icon component along with an opinionated API",description:{component:`
+import{g as p,x as e}from"./iframe-Byo_x5o2.js";import{o as b}from"./if-defined-DL7cQU7O.js";import"./IconButton-Dp4Z06bL.js";import{L as d}from"./Icon-DPQKiWDz.js";import"./preload-helper-PPVm8Dsz.js";import"./property-_few0Xe5.js";import"./ReadyMixin-C8HW2nGE.js";import"./TooltipMixin-CRNNusJ7.js";const{events:u,args:y,argTypes:o}=p("btu-icon-button"),w={title:"Components/Icon Button",component:"btu-icon-button",tags:["autodocs"],parameters:{docs:{subtitle:"Combines button styles with the icon component along with an opinionated API",description:{component:`
 <h3>When to use:</h3>
 <ul>
   <li>For actions in compact or space-constrained interfaces (toolbars, tables, cards)</li>
@@ -725,4 +725,4 @@ import{g as p,x as e}from"./iframe-B9buZjP7.js";import{o as b}from"./if-defined-
       }
     }
   }
-}`,...c.parameters?.docs?.source}}};const h=["Default","Types","Sizes","Destructive","WithTooltip","CommonActions","AdvancedUsage"];export{c as AdvancedUsage,l as CommonActions,n as Default,r as Destructive,a as Sizes,i as Types,s as WithTooltip,h as __namedExportsOrder,x as default};
+}`,...c.parameters?.docs?.source}}};const C=["Default","Types","Sizes","Destructive","WithTooltip","CommonActions","AdvancedUsage"];export{c as AdvancedUsage,l as CommonActions,n as Default,r as Destructive,a as Sizes,i as Types,s as WithTooltip,C as __namedExportsOrder,w as default};

package/dist/storybook/assets/LinearProgress-DG3tPlGH.js

@@ -0,0 +1,25 @@
+import{i as l,E as i,x as a}from"./iframe-Byo_x5o2.js";import{E as r,R as n}from"./ReadyMixin-C8HW2nGE.js";import{P as o}from"./ProgressMixin-D1atDw3n.js";class c extends o(r(n(l))){constructor(){super(...arguments),this._initialClasses=[],this._initialClassesCaptured=!1}connectedCallback(){super.connectedCallback(),this._initialClassesCaptured||(this.className&&(this._initialClasses=this.className.split(" ").filter(e=>e.trim())),this._initialClassesCaptured=!0)}createRenderRoot(){return this}willUpdate(){const e=[...this._initialClasses,"inline-flex","items-center","w-full"];this.className=e.join(" ")}firstUpdated(e){super.firstUpdated(e),this._setupInitialAnimation()}disconnectedCallback(){super.disconnectedCallback(),this._cleanupInitialAnimation()}updated(e){super.updated(e),this._trackCompletion()}render(){const e=this.thickness??8,t=this._getProgressColorValue(),s=this._getAnimatedProgress();return a`
+      <div class="flex w-full items-center gap-3">
+        <span
+          class="flex-1 blokk"
+          role="progressbar"
+          aria-label="${this.ariaLabel||i}"
+          aria-labelledby="${this.ariaLabelledBy||i}"
+          aria-valuenow="${s}"
+          aria-valuemin="0"
+          aria-valuemax="100"
+          aria-valuetext="${this.ariaValueText||this.label||`${s} percent`}"
+        >
+          <div
+            class="relative overflow-hidden rounded-full bg-[var(--track-color,_oklch(var(--btu-theme-gray-100)))]"
+            style="height: ${e}px;"
+          >
+            <div
+              class="h-full rounded-full [transition:_width_0.3s_ease]"
+              style="width: ${s}%; background-color: ${t};"
+            ></div>
+          </div>
+        </span>
+        ${this.label?a`<span class="flex-shrink-0 whitespace-nowrap text-sm font-medium text-gray-700">${this.label}</span>`:""}
+      </div>
+    `}}customElements.get("btu-linear-progress")||customElements.define("btu-linear-progress",c);

package/dist/storybook/assets/{LinearProgress.stories-BNN5SXe3.js → LinearProgress.stories-VIU6OqYd.js}

@@ -1,4 +1,4 @@
-import{g as D,E as h,x as T}from"./iframe-B9buZjP7.js";import{o as A}from"./style-map-qCiIYcp5.js";import"./preload-helper-PPVm8Dsz.js";const{events:V,args:k,argTypes:g}=D("btu-linear-progress"),W={title:"Components/Linear Progress",component:"btu-linear-progress",tags:["autodocs"],parameters:{docs:{subtitle:"A horizontal progress bar for showing task completion",description:{component:`
+import{g as D,E as h,x as T}from"./iframe-Byo_x5o2.js";import{o as A}from"./style-map-DxZm5Cj7.js";import"./LinearProgress-DG3tPlGH.js";import"./preload-helper-PPVm8Dsz.js";import"./ReadyMixin-C8HW2nGE.js";import"./ProgressMixin-D1atDw3n.js";import"./property-_few0Xe5.js";import"./aria-D5THOgos.js";const{events:V,args:k,argTypes:g}=D("btu-linear-progress"),R={title:"Components/Linear Progress",component:"btu-linear-progress",tags:["autodocs"],parameters:{docs:{subtitle:"A horizontal progress bar for showing task completion",description:{component:`
 <h3>When to use:</h3>
 <ul>
   <li>To show progress of a specific task with known completion percentage</li>
@@ -394,4 +394,4 @@ Demonstrates accessibility best practices for screen reader users:
       }
     }
   }
-}`,...E.parameters?.docs?.source}}};const O=["Default","DeterminateProgress","AnimatedProgress","InitialAnimation","CompletionEvent","Accessibility"];export{E as Accessibility,x as AnimatedProgress,C as CompletionEvent,v as Default,f as DeterminateProgress,y as InitialAnimation,O as __namedExportsOrder,W as default};
+}`,...E.parameters?.docs?.source}}};const z=["Default","DeterminateProgress","AnimatedProgress","InitialAnimation","CompletionEvent","Accessibility"];export{E as Accessibility,x as AnimatedProgress,C as CompletionEvent,v as Default,f as DeterminateProgress,y as InitialAnimation,z as __namedExportsOrder,R as default};

package/dist/storybook/assets/Message-BzkpGg8z.js

@@ -0,0 +1,28 @@
+import{i as u,E as b,x as d}from"./iframe-Byo_x5o2.js";import{n as o}from"./property-_few0Xe5.js";import{E as p,R as h}from"./ReadyMixin-C8HW2nGE.js";import{l as g}from"./i18n-BQ-Uj-0B.js";import{o as f}from"./onFind-BWiaccUj.js";import"./IconButton-Dp4Z06bL.js";import"./Icon-DPQKiWDz.js";var v=Object.defineProperty,l=(c,e,i,r)=>{for(var s=void 0,t=c.length-1,a;t>=0;t--)(a=c[t])&&(s=a(e,i,s)||s);return s&&v(e,i,s),s};const y={primary:"info",info:"info",warning:"triangle-alert",error:"circle-alert",success:"circle-check"},m={primary:"btu-message-primary",info:"btu-message-info",warning:"btu-message-warning",error:"btu-message-error",success:"btu-message-success"};class n extends p(h(u)){constructor(){super(...arguments),this.variant="info",this.dismissible=!1,this._safeVariant="info"}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("btu-message"),this.setAttribute("aria-atomic","true")}willUpdate(e){if(super.willUpdate(e),e.has("variant")){this._safeVariant=this.variant in m?this.variant:"info",this._safeVariant!==this.variant&&console.warn(`[btu-message] Unrecognized variant: "${this.variant}". Falling back to "info".`,this);const i=this._safeVariant==="error"||this._safeVariant==="primary";this.setAttribute("role",i?"alert":"status"),this.setAttribute("aria-live",i?"assertive":"polite");const r=m[this._safeVariant];for(const s of Object.values(m))s!==r&&this.classList.remove(s);this.classList.add(r)}}firstUpdated(){const e=!!this.querySelector(':scope > [slot="description"]');!this.label?.trim()&&!e&&console.warn("[btu-message] No label or description provided.",this);const i=this.querySelector(".btu-message-badge"),r=this.querySelector(".btu-message-description"),s=this.querySelector(".btu-message-actions");i&&r&&s&&f(this,":scope > :not([data-message-internal])",t=>{const a=t.getAttribute("slot");a==="badge"?i.appendChild(t):a==="description"?(r.appendChild(t),this.classList.add("btu-message-has-description")):a==="actions"?s.appendChild(t):console.warn(a?`[btu-message] Unrecognized slot="${a}". Valid slots are "badge", "description", and "actions".`:'[btu-message] Child element has no slot attribute. Use slot="badge", "description", or "actions".',t)}),this.emit("btu-message-ready")}_handleDismiss(){const e=new CustomEvent("btu-message-dismiss",{bubbles:!0,cancelable:!0,composed:!0});this.dispatchEvent(e)&&(this.hidden=!0)}render(){const e=this.symbol??y[this._safeVariant];return d`
+      <btu-icon
+        class="btu-message-icon"
+        symbol="${e}"
+        size="md"
+        aria-hidden="true"
+        data-message-internal
+      ></btu-icon>
+      <div class="btu-message-body" data-message-internal>
+        <div class="btu-message-text">
+          <div class="btu-message-header">
+            <div class="btu-message-badge"></div>
+            ${this.label?d`<span class="btu-message-label">${this.label}</span>`:b}
+          </div>
+          <div class="btu-message-description"></div>
+        </div>
+        <div class="btu-message-actions"></div>
+      </div>
+      ${this.dismissible?d`<btu-icon-button
+            class="btu-message-dismiss"
+            symbol="x"
+            type="tertiary-clear"
+            size="sm"
+            aria-label="${g("message","dismiss","Dismiss")}"
+            @click=${this._handleDismiss}
+            data-message-internal
+          ></btu-icon-button>`:b}
+    `}}l([o({type:String,reflect:!0})],n.prototype,"variant");l([o({type:String})],n.prototype,"label");l([o({type:String})],n.prototype,"symbol");l([o({type:Boolean,reflect:!0})],n.prototype,"dismissible");customElements.get("btu-message")||customElements.define("btu-message",n);

package/dist/storybook/assets/Message-CM3eexdu.css

@@ -0,0 +1 @@
+btu-message:not(:defined)>[slot]{display:none}

package/dist/storybook/assets/{Message.stories-DdLhMXnb.js → Message.stories-C9bzoQes.js}

@@ -1,4 +1,4 @@
-import{g as S,E as v,x as s}from"./iframe-B9buZjP7.js";import{o as f}from"./if-defined-BwWBCoAU.js";import{o as w}from"./style-map-qCiIYcp5.js";import{L as k}from"./LucideDynamicLoader-BuoNL33C.js";import"./preload-helper-PPVm8Dsz.js";const{events:x,args:L,argTypes:o}=S("btu-message"),T=["primary","info","warning","error","success"],C=[{variant:"primary",label:"Scheduled maintenance on Saturday",description:"Expect up to 30 minutes of downtime starting at 02:00 UTC."},{variant:"info",label:"New feature released",description:"The redesigned editor is now available for all workspaces."},{variant:"warning",label:"API rate limits were updated",description:"Review your usage dashboard to make sure your integrations are still within limits."},{variant:"success",label:"Billing anomaly resolved",description:"All affected invoices have been corrected — no action needed."}],$=(e,t)=>{e.setAttribute("variant",t.variant),e.setAttribute("label",t.label);const n=e.querySelector(".btu-message-description");n&&(n.textContent=t.description??"")},D={title:"Components/Message",component:"btu-message",tags:["autodocs"],parameters:{docs:{subtitle:"High-visibility messages and persistent status anchored to a page or container",description:{component:`
+import{g as S,E as v,x as s}from"./iframe-Byo_x5o2.js";import{o as f}from"./if-defined-DL7cQU7O.js";import{o as w}from"./style-map-DxZm5Cj7.js";import"./Badge-AV20mCMJ.js";import"./Message-BzkpGg8z.js";import"./Pagination-CnWa6AX5.js";import{L as k}from"./Icon-DPQKiWDz.js";import"./preload-helper-PPVm8Dsz.js";import"./property-_few0Xe5.js";import"./ReadyMixin-C8HW2nGE.js";import"./i18n-BQ-Uj-0B.js";import"./aria-D5THOgos.js";import"./onFind-BWiaccUj.js";import"./IconButton-Dp4Z06bL.js";import"./TooltipMixin-CRNNusJ7.js";import"./CircularProgress-BeE2fWON.js";import"./ProgressMixin-D1atDw3n.js";import"./DropdownMenu-WoWnJiQk.js";import"./RovingTabindexMixin-DI5rmyR7.js";const{events:x,args:L,argTypes:o}=S("btu-message"),T=["primary","info","warning","error","success"],C=[{variant:"primary",label:"Scheduled maintenance on Saturday",description:"Expect up to 30 minutes of downtime starting at 02:00 UTC."},{variant:"info",label:"New feature released",description:"The redesigned editor is now available for all workspaces."},{variant:"warning",label:"API rate limits were updated",description:"Review your usage dashboard to make sure your integrations are still within limits."},{variant:"success",label:"Billing anomaly resolved",description:"All affected invoices have been corrected — no action needed."}],$=(e,t)=>{e.setAttribute("variant",t.variant),e.setAttribute("label",t.label);const n=e.querySelector(".btu-message-description");n&&(n.textContent=t.description??"")},j={title:"Components/Message",component:"btu-message",tags:["autodocs"],parameters:{docs:{subtitle:"High-visibility messages and persistent status anchored to a page or container",description:{component:`
 <h3>When to use:</h3>
 <ul>
   <li>Communicate messages or provide feedback that is not tied to the user's current action or task</li>
@@ -429,4 +429,4 @@ import{g as S,E as v,x as s}from"./iframe-B9buZjP7.js";import{o as f}from"./if-d
       }
     }
   }
-}`,...g.parameters?.docs?.source}}};const O=["Default","Variants","Dismissible","Paginated","BadgeSlot","DescriptionSlot","CustomIcon","WithActions","CustomStyling"];export{d as BadgeSlot,m as CustomIcon,g as CustomStyling,i as Default,b as DescriptionSlot,u as Dismissible,c as Paginated,l as Variants,p as WithActions,O as __namedExportsOrder,D as default};
+}`,...g.parameters?.docs?.source}}};const J=["Default","Variants","Dismissible","Paginated","BadgeSlot","DescriptionSlot","CustomIcon","WithActions","CustomStyling"];export{d as BadgeSlot,m as CustomIcon,g as CustomStyling,i as Default,b as DescriptionSlot,u as Dismissible,c as Paginated,l as Variants,p as WithActions,J as __namedExportsOrder,j as default};

package/dist/storybook/assets/OnFindMixin-CeeYfx9k.js

@@ -0,0 +1 @@
+import"./iframe-Byo_x5o2.js";import{o as r}from"./onFind-BWiaccUj.js";const d=n=>{class i extends n{#t=[];onFindRegistration(){return null}#s(){if(this.#t.length)return;const t=this.onFindRegistration();if(!t)return;const e=Array.isArray(t)?t:[t];this.#t=e.map(s=>r(this,s.selectors,s.callback))}connectedCallback(){super.connectedCallback(),this.hasUpdated&&this.#s()}firstUpdated(t){super.firstUpdated(t),this.#s()}disconnectedCallback(){super.disconnectedCallback(),this.#t.forEach(t=>t()),this.#t=[]}}return i};export{d as O};

package/dist/storybook/assets/{OnFindMixin.stories-B-5TeBOF.js → OnFindMixin.stories-Dq06nuVf.js}

@@ -1,4 +1,4 @@
-import{x as h,i as v}from"./iframe-B9buZjP7.js";import{o as k}from"./onFind-CGzSFqNN.js";import"./preload-helper-PPVm8Dsz.js";const x=e=>{class n extends e{#t=[];onFindRegistration(){return null}#e(){if(this.#t.length)return;const i=this.onFindRegistration();if(!i)return;const d=Array.isArray(i)?i:[i];this.#t=d.map(c=>k(this,c.selectors,c.callback))}connectedCallback(){super.connectedCallback(),this.hasUpdated&&this.#e()}firstUpdated(i){super.firstUpdated(i),this.#e()}disconnectedCallback(){super.disconnectedCallback(),this.#t.forEach(i=>i()),this.#t=[]}}return n},{expect:a,userEvent:l,waitFor:r,within:w}=__STORYBOOK_MODULE_TEST__,b="ofm-demo";if(!customElements.get(b)){class e extends x(v){onFindRegistration(){return{selectors:":scope > .ofm-item",callback:t=>t.classList.add("ring-2","ring-success-500")}}render(){return h`<slot></slot>`}}customElements.define(b,e)}const p="ofm-multi";if(!customElements.get(p)){class e extends x(v){onFindRegistration(){return[{selectors:":scope > .ofm-a",callback:t=>t.classList.add("ring-2","ring-success-500")},{selectors:":scope > .ofm-b",callback:t=>t.classList.add("ring-2","ring-primary-500")}]}render(){return h`<slot></slot>`}}customElements.define(p,e)}function g(){return globalThis[Symbol.for("brightspot.onFind")]?.callbacks?.length??0}const M={title:"Mixins/OnFind Mixin",tags:["autodocs"],parameters:{docs:{description:{component:`
+import{x as h,i as v}from"./iframe-Byo_x5o2.js";import{O as x}from"./OnFindMixin-CeeYfx9k.js";import"./preload-helper-PPVm8Dsz.js";import"./onFind-BWiaccUj.js";const{expect:o,userEvent:d,waitFor:a,within:w}=__STORYBOOK_MODULE_TEST__,b="ofm-demo";if(!customElements.get(b)){class e extends x(v){onFindRegistration(){return{selectors:":scope > .ofm-item",callback:t=>t.classList.add("ring-2","ring-success-500")}}render(){return h`<slot></slot>`}}customElements.define(b,e)}const p="ofm-multi";if(!customElements.get(p)){class e extends x(v){onFindRegistration(){return[{selectors:":scope > .ofm-a",callback:t=>t.classList.add("ring-2","ring-success-500")},{selectors:":scope > .ofm-b",callback:t=>t.classList.add("ring-2","ring-primary-500")}]}render(){return h`<slot></slot>`}}customElements.define(p,e)}function g(){return globalThis[Symbol.for("brightspot.onFind")]?.callbacks?.length??0}const M={title:"Mixins/OnFind Mixin",tags:["autodocs"],parameters:{docs:{description:{component:`
 \`OnFindMixin\` registers an \`onFind\` child-redistribution callback and
 **tears it down on disconnect**, so a detached component is garbage-collectable
 and stops being visited on every document mutation.
@@ -58,7 +58,7 @@ EventEmitterMixin(OnFindMixin(ReadyMixin(LitElement)))</p>
     }
   }
   \`\`\`
-        `}}}},u={render:()=>{const e=`ofm-${Math.random().toString(36).slice(2,8)}`,n=g();let t=null,i=0;const d=()=>requestAnimationFrame(()=>{const s=document.getElementById(`${e}-count`);s&&(s.textContent=String(g()-n))}),c=()=>{i++;const s=document.createElement("div");return s.className="ofm-item rounded border bg-white p-3 text-sm",s.textContent=`Child ${i}`,s};return h`
+        `}}}},u={render:()=>{const e=`ofm-${Math.random().toString(36).slice(2,8)}`,n=g();let t=null,c=0;const r=()=>requestAnimationFrame(()=>{const i=document.getElementById(`${e}-count`);i&&(i.textContent=String(g()-n))}),l=()=>{c++;const i=document.createElement("div");return i.className="ofm-item rounded border bg-white p-3 text-sm",i.textContent=`Child ${c}`,i};return h`
       <div class="space-y-4">
         <p class="text-base">
           The element below uses <code>OnFindMixin</code>. <strong>Mount</strong> registers its onFind callback;
@@ -68,11 +68,11 @@ EventEmitterMixin(OnFindMixin(ReadyMixin(LitElement)))</p>
         </p>
 
         <div class="flex gap-2">
-          <button data-testid="mount" @click=${()=>{const s=document.getElementById(`${e}-stage`);s&&(t||(t=document.createElement(b),t.append(c(),c())),t.isConnected||s.appendChild(t),d())}} class="btu-button btu-button-primary btu-button-sm">Mount</button>
-          <button data-testid="unmount" @click=${()=>{t?.remove(),d()}} class="btu-button btu-button-gray btu-button-sm">
+          <button data-testid="mount" @click=${()=>{const i=document.getElementById(`${e}-stage`);i&&(t||(t=document.createElement(b),t.append(l(),l())),t.isConnected||i.appendChild(t),r())}} class="btu-button btu-button-primary btu-button-sm">Mount</button>
+          <button data-testid="unmount" @click=${()=>{t?.remove(),r()}} class="btu-button btu-button-gray btu-button-sm">
             Unmount
           </button>
-          <button data-testid="add-child" @click=${()=>{t?.isConnected&&t.appendChild(c())}} class="btu-button btu-button-gray btu-button-sm">
+          <button data-testid="add-child" @click=${()=>{t?.isConnected&&t.appendChild(l())}} class="btu-button btu-button-gray btu-button-sm">
             Add child
           </button>
         </div>
@@ -86,7 +86,7 @@ EventEmitterMixin(OnFindMixin(ReadyMixin(LitElement)))</p>
           <div data-testid="count" id="${e}-count" class="text-2xl font-bold text-primary-600">0</div>
         </div>
       </div>
-    `},parameters:{docs:{description:{story:'Live demo of the OnFindMixin lifecycle. Mounting registers an onFind callback (count → 1), unmounting disposes it (count → 0, so the detached element is collectable), and mounting again re-arms it. "Add child" shows onFind continuing to detect and highlight children added at runtime.'}}},play:async({canvasElement:e,step:n})=>{const t=w(e);await n("Mount registers a callback",async()=>{await l.click(t.getByTestId("mount")),await r(()=>a(t.getByTestId("count")).toHaveTextContent("1"))}),await n("Unmount disposes it (no leak)",async()=>{await l.click(t.getByTestId("unmount")),await r(()=>a(t.getByTestId("count")).toHaveTextContent("0"))}),await n("Re-mount re-arms it",async()=>{await l.click(t.getByTestId("mount")),await r(()=>a(t.getByTestId("count")).toHaveTextContent("1"))})}},m={render:()=>{const e=`ofm-multi-${Math.random().toString(36).slice(2,8)}`,n=g();let t=null;const i=()=>requestAnimationFrame(()=>{const o=document.getElementById(`${e}-count`);o&&(o.textContent=String(g()-n))}),d=(o,y)=>{const s=document.createElement("div");return s.className=`${o} rounded border bg-white p-3 text-sm`,s.textContent=y,s};return h`
+    `},parameters:{docs:{description:{story:'Live demo of the OnFindMixin lifecycle. Mounting registers an onFind callback (count → 1), unmounting disposes it (count → 0, so the detached element is collectable), and mounting again re-arms it. "Add child" shows onFind continuing to detect and highlight children added at runtime.'}}},play:async({canvasElement:e,step:n})=>{const t=w(e);await n("Mount registers a callback",async()=>{await d.click(t.getByTestId("mount")),await a(()=>o(t.getByTestId("count")).toHaveTextContent("1"))}),await n("Unmount disposes it (no leak)",async()=>{await d.click(t.getByTestId("unmount")),await a(()=>o(t.getByTestId("count")).toHaveTextContent("0"))}),await n("Re-mount re-arms it",async()=>{await d.click(t.getByTestId("mount")),await a(()=>o(t.getByTestId("count")).toHaveTextContent("1"))})}},m={render:()=>{const e=`ofm-multi-${Math.random().toString(36).slice(2,8)}`,n=g();let t=null;const c=()=>requestAnimationFrame(()=>{const s=document.getElementById(`${e}-count`);s&&(s.textContent=String(g()-n))}),r=(s,y)=>{const i=document.createElement("div");return i.className=`${s} rounded border bg-white p-3 text-sm`,i.textContent=y,i};return h`
       <div class="space-y-4">
         <p class="text-base">
           This element registers <strong>two</strong> independent onFind sweeps via an array (<code
@@ -97,10 +97,10 @@ EventEmitterMixin(OnFindMixin(ReadyMixin(LitElement)))</p>
         </p>
 
         <div class="flex gap-2">
-          <button data-testid="multi-mount" @click=${()=>{const o=document.getElementById(`${e}-stage`);o&&(t||(t=document.createElement(p),t.append(d("ofm-a","Sweep A child"),d("ofm-b","Sweep B child"))),t.isConnected||o.appendChild(t),i())}} class="btu-button btu-button-primary btu-button-sm">
+          <button data-testid="multi-mount" @click=${()=>{const s=document.getElementById(`${e}-stage`);s&&(t||(t=document.createElement(p),t.append(r("ofm-a","Sweep A child"),r("ofm-b","Sweep B child"))),t.isConnected||s.appendChild(t),c())}} class="btu-button btu-button-primary btu-button-sm">
             Mount
           </button>
-          <button data-testid="multi-unmount" @click=${()=>{t?.remove(),i()}} class="btu-button btu-button-gray btu-button-sm">
+          <button data-testid="multi-unmount" @click=${()=>{t?.remove(),c()}} class="btu-button btu-button-gray btu-button-sm">
             Unmount
           </button>
         </div>
@@ -114,7 +114,7 @@ EventEmitterMixin(OnFindMixin(ReadyMixin(LitElement)))</p>
           <div data-testid="multi-count" id="${e}-count" class="text-2xl font-bold text-primary-600">0</div>
         </div>
       </div>
-    `},parameters:{docs:{description:{story:"Exercises the array form of onFindRegistration: one element registers two independent sweeps. Mounting registers both callbacks (count → 2), each sweep highlights only its own child type, and unmounting disposes both together (count → 0)."}}},play:async({canvasElement:e,step:n})=>{const t=w(e);await n("Mount registers both sweeps",async()=>{await l.click(t.getByTestId("multi-mount")),await r(()=>a(t.getByTestId("multi-count")).toHaveTextContent("2"))}),await n("Each sweep detects its own children",async()=>{await r(()=>{a(e.querySelector(".ofm-a.ring-2")).toBeTruthy(),a(e.querySelector(".ofm-b.ring-2")).toBeTruthy()})}),await n("Unmount disposes both",async()=>{await l.click(t.getByTestId("multi-unmount")),await r(()=>a(t.getByTestId("multi-count")).toHaveTextContent("0"))}),await n("Re-mount re-arms both",async()=>{await l.click(t.getByTestId("multi-mount")),await r(()=>a(t.getByTestId("multi-count")).toHaveTextContent("2"))})}};u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`{
+    `},parameters:{docs:{description:{story:"Exercises the array form of onFindRegistration: one element registers two independent sweeps. Mounting registers both callbacks (count → 2), each sweep highlights only its own child type, and unmounting disposes both together (count → 0)."}}},play:async({canvasElement:e,step:n})=>{const t=w(e);await n("Mount registers both sweeps",async()=>{await d.click(t.getByTestId("multi-mount")),await a(()=>o(t.getByTestId("multi-count")).toHaveTextContent("2"))}),await n("Each sweep detects its own children",async()=>{await a(()=>{o(e.querySelector(".ofm-a.ring-2")).toBeTruthy(),o(e.querySelector(".ofm-b.ring-2")).toBeTruthy()})}),await n("Unmount disposes both",async()=>{await d.click(t.getByTestId("multi-unmount")),await a(()=>o(t.getByTestId("multi-count")).toHaveTextContent("0"))}),await n("Re-mount re-arms both",async()=>{await d.click(t.getByTestId("multi-mount")),await a(()=>o(t.getByTestId("multi-count")).toHaveTextContent("2"))})}};u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`{
   render: () => {
     const id = \`ofm-\${Math.random().toString(36).slice(2, 8)}\`;
     const baseline = onFindCallbackCount();

package/dist/storybook/assets/Pagination-CnWa6AX5.js

@@ -0,0 +1,88 @@
+import{i as d,E as p,x as o}from"./iframe-Byo_x5o2.js";import{n}from"./property-_few0Xe5.js";import{E as b,R as c}from"./ReadyMixin-C8HW2nGE.js";import{l}from"./i18n-BQ-Uj-0B.js";import"./CircularProgress-BeE2fWON.js";import"./DropdownMenu-WoWnJiQk.js";import"./IconButton-Dp4Z06bL.js";var m=Object.defineProperty,r=(u,t,e,i)=>{for(var a=void 0,g=u.length-1,h;g>=0;g--)(h=u[g])&&(a=h(t,e,a)||a);return a&&m(t,e,a),a};class s extends b(c(d)){constructor(){super(...arguments),this.page=1,this.pageSize=0,this.disabled=!1,this.loading=!1,this.hideOnSinglePage=!0,this.pageSizeChanger=!0,this.pageSizeOptions="10, 20, 50",this.totalItems=0,this.boundaryButtons=!0,this.hideTotalCount=!1,this.pageJumper=!1,this._userInitiated=!1,this.initialClasses=[],this._initialClassesCaptured=!1,this._hideControls=!1}get _parsedPageSizeOptions(){const t=this.pageSizeOptions.split(",").map(e=>parseInt(e.trim(),10)).filter(e=>!isNaN(e)&&e>0);return t.length>0?t:[10]}get _totalPages(){return this.pageSize<=0?1:Math.max(1,Math.ceil(this.totalItems/this.pageSize))}get _startItem(){return this.totalItems===0?0:(this.page-1)*this.pageSize+1}get _endItem(){return this.totalItems===0?0:Math.min(this.page*this.pageSize,this.totalItems)}connectedCallback(){super.connectedCallback(),this._initialClassesCaptured||(this.className&&(this.initialClasses=this.className.split(" ").filter(t=>t.trim())),this._initialClassesCaptured=!0)}createRenderRoot(){return this}willUpdate(){(isNaN(this.totalItems)||this.totalItems<0)&&(this.totalItems=0),this.pageSize<=0&&(this.pageSize=this._parsedPageSizeOptions[0]);const t=this._parsedPageSizeOptions;t.includes(this.pageSize)||(this.pageSize=t[0]);const e=this._totalPages;this.page<1&&(this.page=1),this.page>e&&(this.page=e),this._hideControls=this.hideOnSinglePage&&this._totalPages<=1;const i=this._hideControls&&this.hideTotalCount,a=[...this.initialClasses,"btu-pagination",i?"btu-pagination-hidden":"",this.disabled?"btu-pagination-disabled":"",this.loading?"btu-pagination-loading":""];this.className=a.filter(Boolean).join(" ")}firstUpdated(){this.emit("btu-pagination-ready")}updated(t){super.updated(t),this._setupSlots(),this._userInitiated&&(this._userInitiated=!1,t.has("pageSize")&&this.emit("btu-pagination-page-size-change",{page:this.page,pageSize:this.pageSize}),t.has("page")&&this.emit("btu-pagination-change",{page:this.page,pageSize:this.pageSize}))}_setupSlots(){const t=this.querySelector(':scope > [slot="page-size"]');if(t){const i=this.querySelector(".btu-pagination-size-changer");i&&t.parentElement!==i&&i.appendChild(t)}const e=this.querySelector(':scope > [slot="jumper"]');if(e){const i=this.querySelector(".btu-pagination-jumper");i&&e.parentElement!==i&&i.appendChild(e)}}_goToFirstPage(t){this._userInitiated=!0,this.page=1,this._manageBoundaryFocus(t.currentTarget)}_goToPreviousPage(t){this._userInitiated=!0,this.page=Math.max(1,this.page-1),this._manageBoundaryFocus(t.currentTarget)}_goToNextPage(t){this._userInitiated=!0,this.page=Math.min(this._totalPages,this.page+1),this._manageBoundaryFocus(t.currentTarget)}_goToLastPage(t){this._userInitiated=!0,this.page=this._totalPages,this._manageBoundaryFocus(t.currentTarget)}_manageBoundaryFocus(t){this.updateComplete.then(()=>{if(t.disabled){const e=this.querySelectorAll(".btu-pagination-controls > btu-icon-button:not([disabled]) .btu-button");e.length>0&&e[0].focus()}})}_onBuiltinPageSizeSelect(t){const e=t.detail,i=parseInt(e.value,10);if(isNaN(i)||i<=0)return;this._userInitiated=!0,this.pageSize=i;const a=Math.max(1,Math.ceil(this.totalItems/i));this.page>a&&(this.page=a)}_onBuiltinJumperSelect(t){const e=parseInt(t.detail.value,10);!isNaN(e)&&e>=1&&e<=this._totalPages&&(this._userInitiated=!0,this.page=e)}render(){const t=this.page<=1,e=this.page>=this._totalPages,i=this._parsedPageSizeOptions;return o`
+      <nav class="btu-pagination-nav" aria-label="${this.label??l("pagination","navLabel","Pagination")}">
+        ${this._hideControls?p:o`<div class="btu-pagination-size-changer">
+              ${this.pageSizeChanger&&!this.querySelector('[slot="page-size"]')?o`
+                    <btu-dropdown
+                      label="${this.pageSize}"
+                      variant="secondary"
+                      size="sm"
+                      aria-label="${l("pagination","itemsPerPage","Items per page")}"
+                      ?disabled=${this.disabled||this.loading}
+                      @btu-dropdown-item-select=${this._onBuiltinPageSizeSelect}
+                    >
+                      <btu-dropdown-menu>
+                        ${i.map(a=>o`<btu-dropdown-item
+                              label="${a}"
+                              value="${a}"
+                              ?selected=${a===this.pageSize}
+                            ></btu-dropdown-item>`)}
+                      </btu-dropdown-menu>
+                    </btu-dropdown>
+                  `:p}
+            </div>`}
+        ${this.hideTotalCount?p:o`<div class="btu-pagination-total" aria-live="polite" aria-atomic="true" aria-busy="${this.loading}">
+              ${this.totalItems>0?l("pagination","status","___-___ of ___",[this._startItem,this._endItem,this.totalItems]):p}
+            </div>`}
+        ${this._hideControls?p:o`<div
+              class="btu-pagination-controls"
+              role="group"
+              aria-label="${l("pagination","pageNavigation","Page navigation")}"
+            >
+              ${this.boundaryButtons?o`<btu-icon-button
+                    symbol="chevrons-left"
+                    size="sm"
+                    type="secondary-clear"
+                    aria-label="${l("pagination","goToFirstPage","Go to first page")}"
+                    ?disabled=${t||this.disabled||this.loading}
+                    @click=${this._goToFirstPage}
+                  ></btu-icon-button>`:p}
+
+              <btu-icon-button
+                symbol="chevron-left"
+                size="sm"
+                type="secondary-clear"
+                aria-label="${l("pagination","goToPreviousPage","Go to previous page")}"
+                ?disabled=${t||this.disabled||this.loading}
+                @click=${this._goToPreviousPage}
+              ></btu-icon-button>
+
+              ${this.pageJumper&&!this.querySelector('[slot="jumper"]')?o`<div class="btu-pagination-jumper">
+                    <btu-dropdown
+                      label="${l("pagination","pageLabel","Page ___",[this.page])}"
+                      variant="secondary"
+                      size="sm"
+                      aria-label="${l("pagination","goToPage","Go to page")}"
+                      ?disabled=${this.disabled||this.loading}
+                      @btu-dropdown-item-select=${this._onBuiltinJumperSelect}
+                    >
+                      <btu-dropdown-menu>
+                        ${Array.from({length:this._totalPages},(a,g)=>o`<btu-dropdown-item
+                              label="${l("pagination","pageLabel","Page ___",[g+1])}"
+                              value="${g+1}"
+                              ?selected=${g+1===this.page}
+                            ></btu-dropdown-item>`)}
+                      </btu-dropdown-menu>
+                    </btu-dropdown>
+                  </div>`:o`<div class="btu-pagination-jumper"></div>`}
+
+              <btu-icon-button
+                symbol="chevron-right"
+                size="sm"
+                type="secondary-clear"
+                aria-label="${l("pagination","goToNextPage","Go to next page")}"
+                ?disabled=${e||this.disabled||this.loading}
+                @click=${this._goToNextPage}
+              ></btu-icon-button>
+
+              ${this.boundaryButtons?o`<btu-icon-button
+                    symbol="chevrons-right"
+                    size="sm"
+                    type="secondary-clear"
+                    aria-label="${l("pagination","goToLastPage","Go to last page")}"
+                    ?disabled=${e||this.disabled||this.loading}
+                    @click=${this._goToLastPage}
+                  ></btu-icon-button>`:p}
+              ${this.loading?o`<btu-circular-progress size="sm"></btu-circular-progress>`:p}
+            </div>`}
+      </nav>
+    `}}r([n({type:Number})],s.prototype,"page");r([n({type:Number,attribute:"page-size"})],s.prototype,"pageSize");r([n({type:Boolean})],s.prototype,"disabled");r([n({type:Boolean})],s.prototype,"loading");r([n({type:Boolean,attribute:"hide-on-single-page"})],s.prototype,"hideOnSinglePage");r([n({type:Boolean,attribute:"page-size-changer"})],s.prototype,"pageSizeChanger");r([n({type:String,attribute:"page-size-options"})],s.prototype,"pageSizeOptions");r([n({type:Number,attribute:"total-items"})],s.prototype,"totalItems");r([n({type:Boolean,attribute:"boundary-buttons"})],s.prototype,"boundaryButtons");r([n({type:Boolean,attribute:"hide-total-count"})],s.prototype,"hideTotalCount");r([n({type:Boolean,attribute:"page-jumper"})],s.prototype,"pageJumper");r([n({type:String})],s.prototype,"label");customElements.get("btu-pagination")||customElements.define("btu-pagination",s);

package/dist/storybook/assets/{Pagination.stories-C9zsOdb2.js → Pagination.stories-BsH2eN2W.js}

@@ -1,4 +1,4 @@
-import{g as m,x as u}from"./iframe-B9buZjP7.js";import{o as g}from"./style-map-qCiIYcp5.js";import"./preload-helper-PPVm8Dsz.js";const{events:b,args:h,argTypes:y}=m("btu-pagination"),c=e=>{const t={};return e.customBackgroundColor&&(t["--pagination-color-background"]=e.customBackgroundColor),e.customForegroundColor&&(t["--pagination-color-foreground"]=e.customForegroundColor),t},$={title:"Components/Pagination",component:"btu-pagination",tags:["autodocs"],parameters:{docs:{subtitle:"A component for navigating through paged content",description:{component:`
+import{g as m,x as p}from"./iframe-Byo_x5o2.js";import{o as g}from"./style-map-DxZm5Cj7.js";import"./Icon-DPQKiWDz.js";import"./Pagination-CnWa6AX5.js";import"./preload-helper-PPVm8Dsz.js";import"./property-_few0Xe5.js";import"./ReadyMixin-C8HW2nGE.js";import"./i18n-BQ-Uj-0B.js";import"./aria-D5THOgos.js";import"./CircularProgress-BeE2fWON.js";import"./ProgressMixin-D1atDw3n.js";import"./DropdownMenu-WoWnJiQk.js";import"./TooltipMixin-CRNNusJ7.js";import"./Badge-AV20mCMJ.js";import"./RovingTabindexMixin-DI5rmyR7.js";import"./IconButton-Dp4Z06bL.js";import"./if-defined-DL7cQU7O.js";const{events:b,args:h,argTypes:y}=m("btu-pagination"),c=t=>{const e={};return t.customBackgroundColor&&(e["--pagination-color-background"]=t.customBackgroundColor),t.customForegroundColor&&(e["--pagination-color-foreground"]=t.customForegroundColor),e},M={title:"Components/Pagination",component:"btu-pagination",tags:["autodocs"],parameters:{docs:{subtitle:"A component for navigating through paged content",description:{component:`
 <h3>When to use:</h3>
 <ul>
   <li>To navigate through large sets of data</li>
@@ -19,33 +19,33 @@ import{g as m,x as u}from"./iframe-B9buZjP7.js";import{o as g}from"./style-map-q
   <li><strong>Built-in</strong>: No <code>slot="page-size"</code> — Pagination renders its own <code>btu-dropdown</code> from <code>page-size-options</code> and manages everything automatically.</li>
   <li><strong>Custom</strong>: Provide <code>slot="page-size"</code> — built-in dropdown is suppressed. Consumer owns all behavior (events, label sync, etc.).</li>
 </ul>
-        `}},actions:{handles:b},controls:{expanded:!0}},args:{...h,"total-items":200,"boundary-buttons":!0,"hide-on-single-page":!0,"page-size-changer":!0},argTypes:{...y,"--pagination-color-background":{table:{disable:!0}},"--pagination-color-foreground":{table:{disable:!0}},customBackgroundColor:{name:"--pagination-color-background",control:{type:"color"},description:"Custom background color for buttons and dropdowns",table:{category:"css properties"}},customForegroundColor:{name:"--pagination-color-foreground",control:{type:"color"},description:"Custom foreground (text/icon) color",table:{category:"css properties"}}},render:e=>u`
+        `}},actions:{handles:b},controls:{expanded:!0}},args:{...h,"total-items":200,"boundary-buttons":!0,"hide-on-single-page":!0,"page-size-changer":!0},argTypes:{...y,"--pagination-color-background":{table:{disable:!0}},"--pagination-color-foreground":{table:{disable:!0}},customBackgroundColor:{name:"--pagination-color-background",control:{type:"color"},description:"Custom background color for buttons and dropdowns",table:{category:"css properties"}},customForegroundColor:{name:"--pagination-color-foreground",control:{type:"color"},description:"Custom foreground (text/icon) color",table:{category:"css properties"}}},render:t=>p`
     <btu-pagination
-      total-items="${e["total-items"]??200}"
-      page="${e.page??1}"
-      page-size="${e["page-size"]??0}"
-      page-size-options="${e["page-size-options"]??"10, 20, 50"}"
-      ?disabled="${e.disabled}"
-      ?loading="${e.loading}"
-      .hideOnSinglePage=${e["hide-on-single-page"]??!0}
-      .pageSizeChanger=${e["page-size-changer"]??!0}
-      .boundaryButtons=${e["boundary-buttons"]??!0}
-      .pageJumper=${e["page-jumper"]??!1}
-      ?hide-total-count=${e["hide-total-count"]}
-      style=${g(c(e))}
+      total-items="${t["total-items"]??200}"
+      page="${t.page??1}"
+      page-size="${t["page-size"]??0}"
+      page-size-options="${t["page-size-options"]??"10, 20, 50"}"
+      ?disabled="${t.disabled}"
+      ?loading="${t.loading}"
+      .hideOnSinglePage=${t["hide-on-single-page"]??!0}
+      .pageSizeChanger=${t["page-size-changer"]??!0}
+      .boundaryButtons=${t["boundary-buttons"]??!0}
+      .pageJumper=${t["page-jumper"]??!1}
+      ?hide-total-count=${t["hide-total-count"]}
+      style=${g(c(t))}
     ></btu-pagination>
-  `},a={args:{},parameters:{docs:{description:{story:"Default Widget variant with page size selector, total display, and full navigation controls."}}}},o={args:{"total-items":500,"page-size-options":"10, 25, 50, 100","page-jumper":!0},parameters:{docs:{description:{story:'Search variant with `page-jumper` enabled. The built-in dropdown renders "Page 1" through "Page N" and updates automatically when page size or total items change.'}}}},s={args:{"total-items":100,"boundary-buttons":!1},parameters:{docs:{description:{story:"Compact widget variant without first/last page buttons. Suitable for tight spaces."}}}},i={args:{"total-items":52},render:e=>u`
+  `},a={args:{},parameters:{docs:{description:{story:"Default Widget variant with page size selector, total display, and full navigation controls."}}}},o={args:{"total-items":500,"page-size-options":"10, 25, 50, 100","page-jumper":!0},parameters:{docs:{description:{story:'Search variant with `page-jumper` enabled. The built-in dropdown renders "Page 1" through "Page N" and updates automatically when page size or total items change.'}}}},i={args:{"total-items":100,"boundary-buttons":!1},parameters:{docs:{description:{story:"Compact widget variant without first/last page buttons. Suitable for tight spaces."}}}},s={args:{"total-items":52},render:t=>p`
     <btu-pagination
-      total-items="${e["total-items"]??52}"
-      page="${e.page??1}"
+      total-items="${t["total-items"]??52}"
+      page="${t.page??1}"
       page-size="1"
-      ?disabled="${e.disabled}"
-      ?loading="${e.loading}"
-      .hideOnSinglePage=${e["hide-on-single-page"]??!0}
+      ?disabled="${t.disabled}"
+      ?loading="${t.loading}"
+      .hideOnSinglePage=${t["hide-on-single-page"]??!0}
       .pageSizeChanger=${!1}
-      .boundaryButtons=${e["boundary-buttons"]??!0}
-      ?hide-total-count=${e["hide-total-count"]}
-      style=${g(c(e))}
+      .boundaryButtons=${t["boundary-buttons"]??!0}
+      ?hide-total-count=${t["hide-total-count"]}
+      style=${g(c(t))}
     >
       <btu-dropdown
         slot="page-size"
@@ -53,7 +53,7 @@ import{g as m,x as u}from"./iframe-B9buZjP7.js";import{o as g}from"./style-map-q
         variant="secondary"
         size="sm"
         aria-label="View type"
-        @btu-dropdown-item-select=${t=>{t.currentTarget.label=t.detail.label}}
+        @btu-dropdown-item-select=${e=>{e.currentTarget.label=e.detail.label}}
       >
         <btu-dropdown-menu>
           <btu-dropdown-item label="Week" value="week" selected></btu-dropdown-item>
@@ -63,12 +63,12 @@ import{g as m,x as u}from"./iframe-B9buZjP7.js";import{o as g}from"./style-map-q
       <button
         slot="jumper"
         class="btu-button btu-button-sm"
-        @click=${t=>{const n=t.target.closest("btu-pagination");n&&(n.page=1)}}
+        @click=${e=>{const n=e.target.closest("btu-pagination");n&&(n.page=1)}}
       >
         Today
       </button>
     </btu-pagination>
-  `,parameters:{docs:{description:{story:'Calendar variant using `slot="page-size"` with a consumer-managed `btu-dropdown` for week/month selection and `slot="jumper"` for a Today button. The page-size dropdown is fully consumer-owned — Pagination does not manage its events or label.'}}}},r={args:{"total-items":200,loading:!0},parameters:{docs:{description:{story:"Loading state shows a spinner and dims the navigation controls. The `aria-busy` attribute is set on the live region."}}}},l={args:{"total-items":200,disabled:!0,page:3},parameters:{docs:{description:{story:"Disabled state prevents all interaction. All buttons and dropdowns receive the native `disabled` attribute."}}}},d={render:()=>{const e=t=>{const n=t.target;n.loading=!0,setTimeout(()=>{n.loading=!1},1e3)};return u`
+  `,parameters:{docs:{description:{story:'Calendar variant using `slot="page-size"` with a consumer-managed `btu-dropdown` for week/month selection and `slot="jumper"` for a Today button. The page-size dropdown is fully consumer-owned — Pagination does not manage its events or label.'}}}},r={args:{"total-items":200,loading:!0},parameters:{docs:{description:{story:"Loading state shows a spinner and dims the navigation controls. The `aria-busy` attribute is set on the live region."}}}},l={args:{"total-items":200,disabled:!0,page:3},parameters:{docs:{description:{story:"Disabled state prevents all interaction. All buttons and dropdowns receive the native `disabled` attribute."}}}},d={render:()=>{const t=e=>{const n=e.target;n.loading=!0,setTimeout(()=>{n.loading=!1},1e3)};return p`
       <div class="flex flex-col gap-4">
         <div class="flex items-center gap-2">
           <label for="total-input" class="text-sm font-medium">Total Items:</label>
@@ -78,13 +78,13 @@ import{g as m,x as u}from"./iframe-B9buZjP7.js";import{o as g}from"./style-map-q
             value="200"
             min="0"
             class="w-24 rounded border px-2 py-1 text-sm"
-            @input=${t=>{const n=t.target,p=n.closest(".flex.flex-col")?.querySelector("btu-pagination");p&&(p.totalItems=parseInt(n.value,10)||0)}}
+            @input=${e=>{const n=e.target,u=n.closest(".flex.flex-col")?.querySelector("btu-pagination");u&&(u.totalItems=parseInt(n.value,10)||0)}}
           />
         </div>
         <btu-pagination
           total-items="200"
-          @btu-pagination-change=${e}
-          @btu-pagination-page-size-change=${e}
+          @btu-pagination-change=${t}
+          @btu-pagination-page-size-change=${t}
         ></btu-pagination>
       </div>
     `},parameters:{docs:{description:{story:"Interactive example demonstrating dynamic `totalItems` changes at runtime. Navigation triggers a simulated 1s loading state."}}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
@@ -109,7 +109,7 @@ import{g as m,x as u}from"./iframe-B9buZjP7.js";import{o as g}from"./style-map-q
       }
     }
   }
-}`,...o.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+}`,...o.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
   args: {
     'total-items': 100,
     'boundary-buttons': false
@@ -121,7 +121,7 @@ import{g as m,x as u}from"./iframe-B9buZjP7.js";import{o as g}from"./style-map-q
       }
     }
   }
-}`,...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: {
     'total-items': 52
   },
@@ -179,7 +179,7 @@ import{g as m,x as u}from"./iframe-B9buZjP7.js";import{o as g}from"./style-map-q
       }
     }
   }
-}`,...i.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+}`,...s.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
   args: {
     'total-items': 200,
     loading: true
@@ -249,4 +249,4 @@ import{g as m,x as u}from"./iframe-B9buZjP7.js";import{o as g}from"./style-map-q
       }
     }
   }
-}`,...d.parameters?.docs?.source}}};const z=["Default","Search","WidgetSmall","Calendar","Loading","Disabled","DynamicTotal"];export{i as Calendar,a as Default,l as Disabled,d as DynamicTotal,r as Loading,o as Search,s as WidgetSmall,z as __namedExportsOrder,$ as default};
+}`,...d.parameters?.docs?.source}}};const B=["Default","Search","WidgetSmall","Calendar","Loading","Disabled","DynamicTotal"];export{s as Calendar,a as Default,l as Disabled,d as DynamicTotal,r as Loading,o as Search,i as WidgetSmall,B as __namedExportsOrder,M as default};