@brightspot/ui 6.8.0 → 6.8.1

package/dist/storybook/assets/AvatarGroup.stories-2ar6gCeX.js

@@ -0,0 +1,225 @@
+import{g as m,x as i}from"./iframe-Byo_x5o2.js";import{o as p}from"./style-map-DxZm5Cj7.js";import"./Avatar-CIQcHS8b.js";import"./AvatarGroup-Chs0VKPg.js";import"./preload-helper-PPVm8Dsz.js";import"./property-_few0Xe5.js";import"./state-BBcPmYaV.js";import"./ReadyMixin-C8HW2nGE.js";import"./TooltipMixin-CRNNusJ7.js";const{events:x,args:h,argTypes:b}=m("btu-avatar-group"),d=["purple","primary","teal","rose","error","warning","success"],P=t=>{let a=5381;for(let n=0;n<t.length;n++)a=a*33^t.charCodeAt(n);return a>>>0},e=t=>{const a=P(t)%d.length;return`oklch(var(--btu-theme-${d[a]}-600))`},S="data:image/jpeg;base64,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",A=[{initials:"AC",name:"Ashley",color:e("AC")},{initials:"DG",name:"Dylan",color:e("DG"),image:S},{initials:"JP",name:"Pencola",color:e("JP")},{initials:"JR",name:"John R.",color:e("JR")},{initials:"KW",name:"Kat(e)",color:e("KW")},{initials:"KL",name:"hotpink",color:e("KL")},{initials:"ML",name:"Lunsford",color:e("ML")},{initials:"MW",name:"Wardian",color:e("MW")},{initials:"PS",name:"Praneetha",color:e("PS")},{initials:"TN",name:"Tom",color:e("TN")}],T={title:"Components/Avatar Group",component:"btu-avatar-group",tags:["autodocs"],parameters:{docs:{subtitle:"Group multiple avatars with overflow handling",description:{component:`
+<h3>When to use:</h3>
+<ul>
+  <li>To display multiple Avatars in a compact layout</li>
+  <li>In RTC-driven interfaces that involve live editing with multiple users</li>
+  <li>When you need to show a list of participants with overflow handling</li>
+</ul>
+
+<h3>When not to use:</h3>
+<ul>
+  <li>For a single avatar (use Avatar instead)</li>
+</ul>
+        `}},actions:{handles:x},controls:{expanded:!0}},args:{...h},argTypes:{...b,max:{control:{type:"number"},description:'Maximum number of visible avatars. Remaining avatars shown as "+N"'},size:{...b.size,control:{type:"select"},description:"Size variant for all child avatars (unless individually overridden)"}},render:t=>i`
+    <btu-avatar-group size=${t.size} max=${t.max}>
+      ${A.slice(0,5).map(a=>i`<btu-avatar
+            src="${a.image||""}"
+            fallback="${a.initials}"
+            alt="${a.name}"
+            tooltip="${a.name}"
+            style=${p({"--avatar-bg-color":a.color})}
+          ></btu-avatar>`)}
+    </btu-avatar-group>
+  `},u={args:{},parameters:{docs:{description:{story:"A basic avatar group showing multiple users. Child avatars manage their own colors and styling."}}}},v={render:()=>i`<div class="flex flex-col gap-4">
+      <btu-avatar-group max="5" size="md">
+        ${A.map(t=>i`<btu-avatar
+              src="${t.image||""}"
+              fallback="${t.initials}"
+              alt="${t.name}"
+              tooltip="${t.name}"
+              style=${p({"--avatar-bg-color":t.color})}
+            ></btu-avatar>`)}
+      </btu-avatar-group>
+    </div>`,parameters:{docs:{description:{story:'Use the `max` property to limit visible avatars. Remaining avatars are shown as a "+N" indicator.'}}}},f={render:()=>{let t=A.slice(0,3),a;const n=()=>{if(!a)return;a.querySelectorAll("btu-avatar-group").forEach(l=>{Array.from(l.children).forEach(o=>{o.classList.contains("btu-avatar-group-overflow")||o.remove()}),t.forEach(o=>{const s=document.createElement("btu-avatar");s.src=o.image||"",s.setAttribute("fallback",o.initials),s.setAttribute("alt",o.name),s.setAttribute("tooltip",o.name),s.style.setProperty("--avatar-bg-color",o.color),l.appendChild(s)}),l.processAvatars()});const c=a.querySelector(".user-count");c&&(c.textContent=`${t.length} users`)},g=()=>{const r=A.filter(c=>!t.find(l=>l.initials===c.initials));r.length>0&&(t=[...t,r[0]],n())},w=()=>{t.length>0&&(t=t.slice(0,-1),n())};return setTimeout(()=>{a=document.querySelector("#dynamic-avatar-container"),a&&(a.querySelector(".add-btn")?.addEventListener("click",g),a.querySelector(".remove-btn")?.addEventListener("click",w))},0),i`
+      <div id="dynamic-avatar-container" class="flex flex-col gap-6">
+        <div class="flex items-center gap-2">
+          <button
+            class="add-btn btu-button btu-button-outline btu-button-fill-none btu-button-success btu-button-md px-4 py-2"
+            type="button"
+          >
+            Add User
+          </button>
+          <button
+            class="remove-btn btu-button btu-button-outline btu-button-fill-none btu-button-error btu-button-md px-4 py-2"
+            type="button"
+          >
+            Remove User
+          </button>
+          <span class="user-count text-xs text-gray-600 dark:text-gray-400">3 users</span>
+        </div>
+
+        <div class="flex flex-col gap-6">
+          <div>
+            <div class="mb-2 text-xs text-gray-600">With max="5"</div>
+            <btu-avatar-group max="5" size="md">
+              ${A.slice(0,3).map(r=>i`<btu-avatar
+                    src="${r.image||""}"
+                    fallback="${r.initials}"
+                    alt="${r.name}"
+                    tooltip="${r.name}"
+                    style=${p({"--avatar-bg-color":r.color})}
+                  ></btu-avatar>`)}
+            </btu-avatar-group>
+          </div>
+
+          <div>
+            <div class="mb-2 text-xs text-gray-600">Without max limit</div>
+            <btu-avatar-group size="md">
+              ${A.slice(0,3).map(r=>i`<btu-avatar
+                    src="${r.image||""}"
+                    fallback="${r.initials}"
+                    alt="${r.name}"
+                    tooltip="${r.name}"
+                    style=${p({"--avatar-bg-color":r.color})}
+                  ></btu-avatar>`)}
+            </btu-avatar-group>
+          </div>
+        </div>
+      </div>
+    `},parameters:{docs:{description:{story:'Add or remove users dynamically to see how the overflow logic works. The top group has a max of 5 avatars and will show a "+N" indicator when exceeded. The bottom group has no limit. Each avatar gets a consistent color based on its initials using a hash function.'}}}};u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`{
+  args: {},
+  parameters: {
+    docs: {
+      description: {
+        story: 'A basic avatar group showing multiple users. Child avatars manage their own colors and styling.'
+      }
+    }
+  }
+}`,...u.parameters?.docs?.source}}};v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
+  render: () => html\`<div class="flex flex-col gap-4">
+      <btu-avatar-group max="5" size="md">
+        \${AVATAR_USERS.map(user => html\`<btu-avatar
+              src="\${user.image || ''}"
+              fallback="\${user.initials}"
+              alt="\${user.name}"
+              tooltip="\${user.name}"
+              style=\${styleMap({
+    '--avatar-bg-color': user.color
+  })}
+            ></btu-avatar>\`)}
+      </btu-avatar-group>
+    </div>\`,
+  parameters: {
+    docs: {
+      description: {
+        story: 'Use the \`max\` property to limit visible avatars. Remaining avatars are shown as a "+N" indicator.'
+      }
+    }
+  }
+}`,...v.parameters?.docs?.source}}};f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{
+  render: () => {
+    let currentUsers = AVATAR_USERS.slice(0, 3);
+    let container: HTMLElement;
+    const updateGroups = () => {
+      if (!container) return;
+      const groups = container.querySelectorAll('btu-avatar-group');
+      groups.forEach(group => {
+        // Remove existing avatars (but not overflow avatar)
+        Array.from(group.children).forEach(child => {
+          if (!child.classList.contains('btu-avatar-group-overflow')) {
+            child.remove();
+          }
+        });
+
+        // Add current avatars
+        currentUsers.forEach(user => {
+          const avatar = document.createElement('btu-avatar');
+          avatar.src = user.image || '';
+          avatar.setAttribute('fallback', user.initials);
+          avatar.setAttribute('alt', user.name);
+          avatar.setAttribute('tooltip', user.name);
+          avatar.style.setProperty('--avatar-bg-color', user.color);
+          group.appendChild(avatar);
+        })
+
+        // Trigger component to reprocess avatars
+        ;
+        (group as any).processAvatars();
+      });
+
+      // Update counter
+      const counter = container.querySelector('.user-count');
+      if (counter) {
+        counter.textContent = \`\${currentUsers.length} users\`;
+      }
+    };
+    const addUser = () => {
+      const availableToAdd = AVATAR_USERS.filter(u => !currentUsers.find(c => c.initials === u.initials));
+      if (availableToAdd.length > 0) {
+        currentUsers = [...currentUsers, availableToAdd[0]];
+        updateGroups();
+      }
+    };
+    const removeUser = () => {
+      if (currentUsers.length > 0) {
+        currentUsers = currentUsers.slice(0, -1);
+        updateGroups();
+      }
+    };
+    setTimeout(() => {
+      container = document.querySelector('#dynamic-avatar-container') as HTMLElement;
+      if (container) {
+        container.querySelector('.add-btn')?.addEventListener('click', addUser);
+        container.querySelector('.remove-btn')?.addEventListener('click', removeUser);
+      }
+    }, 0);
+    return html\`
+      <div id="dynamic-avatar-container" class="flex flex-col gap-6">
+        <div class="flex items-center gap-2">
+          <button
+            class="add-btn btu-button btu-button-outline btu-button-fill-none btu-button-success btu-button-md px-4 py-2"
+            type="button"
+          >
+            Add User
+          </button>
+          <button
+            class="remove-btn btu-button btu-button-outline btu-button-fill-none btu-button-error btu-button-md px-4 py-2"
+            type="button"
+          >
+            Remove User
+          </button>
+          <span class="user-count text-xs text-gray-600 dark:text-gray-400">3 users</span>
+        </div>
+
+        <div class="flex flex-col gap-6">
+          <div>
+            <div class="mb-2 text-xs text-gray-600">With max="5"</div>
+            <btu-avatar-group max="5" size="md">
+              \${AVATAR_USERS.slice(0, 3).map(user => html\`<btu-avatar
+                    src="\${user.image || ''}"
+                    fallback="\${user.initials}"
+                    alt="\${user.name}"
+                    tooltip="\${user.name}"
+                    style=\${styleMap({
+      '--avatar-bg-color': user.color
+    })}
+                  ></btu-avatar>\`)}
+            </btu-avatar-group>
+          </div>
+
+          <div>
+            <div class="mb-2 text-xs text-gray-600">Without max limit</div>
+            <btu-avatar-group size="md">
+              \${AVATAR_USERS.slice(0, 3).map(user => html\`<btu-avatar
+                    src="\${user.image || ''}"
+                    fallback="\${user.initials}"
+                    alt="\${user.name}"
+                    tooltip="\${user.name}"
+                    style=\${styleMap({
+      '--avatar-bg-color': user.color
+    })}
+                  ></btu-avatar>\`)}
+            </btu-avatar-group>
+          </div>
+        </div>
+      </div>
+    \`;
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: 'Add or remove users dynamically to see how the overflow logic works. The top group has a max of 5 avatars and will show a "+N" indicator when exceeded. The bottom group has no limit. Each avatar gets a consistent color based on its initials using a hash function.'
+      }
+    }
+  }
+}`,...f.parameters?.docs?.source}}};const q=["Default","WithMaxLimit","DynamicAvatars"];export{u as Default,f as DynamicAvatars,v as WithMaxLimit,q as __namedExportsOrder,T as default};

package/dist/storybook/assets/Badge-AV20mCMJ.js

@@ -0,0 +1 @@
+import{x as p,i as c}from"./iframe-Byo_x5o2.js";import{n as s}from"./property-_few0Xe5.js";import{E as u,R as h}from"./ReadyMixin-C8HW2nGE.js";var f=Object.defineProperty,a=(o,t,r,l)=>{for(var i=void 0,n=o.length-1,d;n>=0;n--)(d=o[n])&&(i=d(t,r,i)||i);return i&&f(t,r,i),i};class e extends u(h(c)){constructor(){super(...arguments),this.variant="info",this.dot=!1,this.size="sm",this.fill="soft",this.initialClasses=[],this._initialClassesCaptured=!1}connectedCallback(){super.connectedCallback(),this._initialClassesCaptured||(this.className&&(this.initialClasses=this.className.split(" ").filter(t=>t.trim())),this._initialClassesCaptured=!0)}createRenderRoot(){return this}willUpdate(){const t={info:"gray",primary:"primary",error:"error",success:"success",warning:"warning"},r=this.dot||this.activity==="live",l=[...this.initialClasses,"btu-badge",`btu-badge-${this.size}`,`btu-badge-${t[this.variant]}`,this.fill==="solid"?"btu-badge-solid":"",r?"btu-badge-dot":"",this.activity?`btu-badge-activity-${this.activity}`:""];this.className=l.filter(Boolean).join(" ")}firstUpdated(){this.emit("btu-badge-ready")}render(){return p``}}a([s({type:String})],e.prototype,"variant");a([s({type:Boolean})],e.prototype,"dot");a([s({type:String})],e.prototype,"size");a([s({type:String})],e.prototype,"activity");a([s({type:String})],e.prototype,"fill");customElements.get("btu-badge")||customElements.define("btu-badge",e);

package/dist/storybook/assets/{Badge.stories-DEpoJpUZ.js → Badge.stories-w9LqNw0A.js}

@@ -1,4 +1,4 @@
-import{g as l,x as i}from"./iframe-B9buZjP7.js";import{o as g}from"./if-defined-BwWBCoAU.js";import{o as u}from"./style-map-qCiIYcp5.js";import"./preload-helper-PPVm8Dsz.js";const{events:m,args:b,argTypes:a}=l("btu-badge"),d=["info","primary","error","success","warning"],y={title:"Components/Badge",component:"btu-badge",tags:["autodocs"],parameters:{docs:{subtitle:"A component for highlighting important information",description:{component:`
+import{g as l,x as i}from"./iframe-Byo_x5o2.js";import{o as g}from"./if-defined-DL7cQU7O.js";import{o as m}from"./style-map-DxZm5Cj7.js";import"./Badge-AV20mCMJ.js";import"./Icon-DPQKiWDz.js";import"./preload-helper-PPVm8Dsz.js";import"./property-_few0Xe5.js";import"./ReadyMixin-C8HW2nGE.js";const{events:u,args:b,argTypes:a}=l("btu-badge"),d=["info","primary","error","success","warning"],S={title:"Components/Badge",component:"btu-badge",tags:["autodocs"],parameters:{docs:{subtitle:"A component for highlighting important information",description:{component:`
 <h3>When to use:</h3>
 <ul>
   <li>To call attention to something</li>
@@ -11,13 +11,13 @@ import{g as l,x as i}from"./iframe-B9buZjP7.js";import{o as g}from"./if-defined-
   <li>For very short numbers. Instead use a notification</li>
   <li>For circled notifications</li>
 </ul>
-        `}},actions:{handles:m},controls:{expanded:!0}},args:{...b,variant:"success",dot:!1,size:"sm",activity:void 0,fill:"soft"},argTypes:{...a,"--badge-color-foreground":{table:{disable:!0}},"--badge-color-background":{table:{disable:!0}},"--badge-radius-size":{table:{disable:!0}},"--badge-px":{table:{disable:!0}},"--badge-py":{table:{disable:!0}},"--badge-dot-size":{table:{disable:!0}},variant:{...a.variant,control:{type:"select"},options:d},dot:{...a.dot,control:{type:"boolean"}},size:{...a.size,control:{type:"select"},options:["sm","md","lg"]},activity:{...a.activity,control:{type:"select"},options:["none","busy","live"],mapping:{none:void 0}},fill:{...a.fill,control:{type:"select"},options:["soft","solid"]},customBackgroundColor:{name:"--badge-color-background",control:{type:"color"},description:"Custom background color - overrides the theme color",table:{category:"css properties"}},customForegroundColor:{name:"--badge-color-foreground",control:{type:"color"},description:"Custom foreground (text) color - overrides the theme color",table:{category:"css properties"}},customRadiusSize:{name:"--badge-radius-size",control:{type:"text"},description:"Custom border radius size - overrides the shape default (default: 999px)",table:{category:"css properties"}},customPadX:{name:"--badge-px",control:{type:"text"},description:"Horizontal padding - overrides the size default",table:{category:"css properties"}},customPadY:{name:"--badge-py",control:{type:"text"},description:"Vertical padding - overrides the size default",table:{category:"css properties"}},customDotSize:{name:"--badge-dot-size",control:{type:"text"},description:"Size of the dot affordance (default: 6px)",table:{category:"css properties"}}},render:e=>{const t={};return e.customBackgroundColor&&(t["--badge-color-background"]=e.customBackgroundColor),e.customForegroundColor&&(t["--badge-color-foreground"]=e.customForegroundColor),e.customRadiusSize&&(t["--badge-radius-size"]=e.customRadiusSize),e.customPadX&&(t["--badge-px"]=e.customPadX),e.customPadY&&(t["--badge-py"]=e.customPadY),e.customDotSize&&(t["--badge-dot-size"]=e.customDotSize),i`<btu-badge
+        `}},actions:{handles:u},controls:{expanded:!0}},args:{...b,variant:"success",dot:!1,size:"sm",activity:void 0,fill:"soft"},argTypes:{...a,"--badge-color-foreground":{table:{disable:!0}},"--badge-color-background":{table:{disable:!0}},"--badge-radius-size":{table:{disable:!0}},"--badge-px":{table:{disable:!0}},"--badge-py":{table:{disable:!0}},"--badge-dot-size":{table:{disable:!0}},variant:{...a.variant,control:{type:"select"},options:d},dot:{...a.dot,control:{type:"boolean"}},size:{...a.size,control:{type:"select"},options:["sm","md","lg"]},activity:{...a.activity,control:{type:"select"},options:["none","busy","live"],mapping:{none:void 0}},fill:{...a.fill,control:{type:"select"},options:["soft","solid"]},customBackgroundColor:{name:"--badge-color-background",control:{type:"color"},description:"Custom background color - overrides the theme color",table:{category:"css properties"}},customForegroundColor:{name:"--badge-color-foreground",control:{type:"color"},description:"Custom foreground (text) color - overrides the theme color",table:{category:"css properties"}},customRadiusSize:{name:"--badge-radius-size",control:{type:"text"},description:"Custom border radius size - overrides the shape default (default: 999px)",table:{category:"css properties"}},customPadX:{name:"--badge-px",control:{type:"text"},description:"Horizontal padding - overrides the size default",table:{category:"css properties"}},customPadY:{name:"--badge-py",control:{type:"text"},description:"Vertical padding - overrides the size default",table:{category:"css properties"}},customDotSize:{name:"--badge-dot-size",control:{type:"text"},description:"Size of the dot affordance (default: 6px)",table:{category:"css properties"}}},render:e=>{const t={};return e.customBackgroundColor&&(t["--badge-color-background"]=e.customBackgroundColor),e.customForegroundColor&&(t["--badge-color-foreground"]=e.customForegroundColor),e.customRadiusSize&&(t["--badge-radius-size"]=e.customRadiusSize),e.customPadX&&(t["--badge-px"]=e.customPadX),e.customPadY&&(t["--badge-py"]=e.customPadY),e.customDotSize&&(t["--badge-dot-size"]=e.customDotSize),i`<btu-badge
       variant="${e.variant}"
       ?dot="${e.dot}"
       size="${e.size}"
       activity="${g(e.activity)}"
       fill="${e.fill}"
-      style=${u(t)}
+      style=${m(t)}
       >Badge</btu-badge
     >`}},s={args:{}},o={args:{variant:"success",size:"lg"},render:e=>i`<a href="#" class="hover:text-primary inline-flex items-center gap-2 hover:underline">
       Hover over me to see the
@@ -224,4 +224,4 @@ Badges support advanced customization through CSS properties and content composi
       }
     }
   }
-}`,...c.parameters?.docs?.source}}};const z=["Default","InsideAnchor","AttentionEffects","Fill","AdvancedUsage"];export{c as AdvancedUsage,n as AttentionEffects,s as Default,r as Fill,o as InsideAnchor,z as __namedExportsOrder,y as default};
+}`,...c.parameters?.docs?.source}}};const x=["Default","InsideAnchor","AttentionEffects","Fill","AdvancedUsage"];export{c as AdvancedUsage,n as AttentionEffects,s as Default,r as Fill,o as InsideAnchor,x as __namedExportsOrder,S as default};

package/dist/storybook/assets/Banner-FSFX1AIb.css

@@ -0,0 +1 @@
+btu-banner:not(:defined){width:100%;display:block}btu-banner:not([data-paginated])>btu-message:not(:first-of-type){display:none}btu-banner[data-paginated]>btu-message{padding-inline-end:5rem}btu-banner[data-paginated]>btu-pagination{position:absolute;inset-block:0;inset-inline-end:1rem;display:flex;align-items:center}

package/dist/storybook/assets/{Banner.stories--jeU6fKq.js → Banner.stories-Clhh1bBs.js}

@@ -1,4 +1,4 @@
-import{g as i,x as e}from"./iframe-B9buZjP7.js";import"./preload-helper-PPVm8Dsz.js";const{events:b,args:d,argTypes:l}=i("btu-banner"),p={title:"Components/Banner",component:"btu-banner",tags:["autodocs"],parameters:{docs:{subtitle:"Full-width wrapper that pins a message to the top of the CMS",description:{component:`
+import{i as p,x as t,g as m}from"./iframe-Byo_x5o2.js";import"./Badge-AV20mCMJ.js";import{E as g,R as h}from"./ReadyMixin-C8HW2nGE.js";import"./Pagination-CnWa6AX5.js";import"./Message-BzkpGg8z.js";import"./preload-helper-PPVm8Dsz.js";import"./property-_few0Xe5.js";import"./i18n-BQ-Uj-0B.js";import"./aria-D5THOgos.js";import"./CircularProgress-BeE2fWON.js";import"./ProgressMixin-D1atDw3n.js";import"./DropdownMenu-WoWnJiQk.js";import"./style-map-DxZm5Cj7.js";import"./TooltipMixin-CRNNusJ7.js";import"./Icon-DPQKiWDz.js";import"./RovingTabindexMixin-DI5rmyR7.js";import"./IconButton-Dp4Z06bL.js";import"./if-defined-DL7cQU7O.js";import"./onFind-BWiaccUj.js";class f extends g(h(p)){createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("btu-banner")}firstUpdated(){const n=Array.from(this.querySelectorAll(":scope > btu-message"));n.length===0?console.warn("[btu-banner] Expected at least one <btu-message> child.",this):n.length>1&&this._paginate(n),this.emit("btu-banner-ready")}_paginate(n){const e=document.createElement("btu-pagination");e.totalItems=n.length,e.pageSize=1,e.pageSizeOptions="1",e.hideTotalCount=!0,e.pageSizeChanger=!1,e.boundaryButtons=!1;const l=d=>{n.forEach((u,c)=>{u.hidden=c!==d-1})};e.addEventListener("btu-pagination-change",d=>{l(d.detail.page)}),l(1),this.dataset.paginated="",this.append(e)}render(){return t``}}customElements.get("btu-banner")||customElements.define("btu-banner",f);const{events:v,args:w,argTypes:y}=m("btu-banner"),H={title:"Components/Banner",component:"btu-banner",tags:["autodocs"],parameters:{docs:{subtitle:"Full-width wrapper that pins a message to the top of the CMS",description:{component:`
 <h3>When to use:</h3>
 <ul>
   <li>Pin a high-visibility message to the full width of the page — a site-wide alert above the CMS content area or a content edit page</li>
@@ -6,7 +6,7 @@ import{g as i,x as e}from"./iframe-B9buZjP7.js";import"./preload-helper-PPVm8Dsz
 
 <h3>Structure:</h3>
 <p>The banner is a thin container with no content API of its own: compose a single <code>&lt;btu-message&gt;</code> inside it and the banner spans it edge-to-edge with only a bottom border and no corner rounding. Set all content — <code>variant</code>, <code>label</code>, <code>symbol</code>, <code>dismissible</code>, and the <code>badge</code>/<code>description</code>/<code>actions</code> slots — on the <a href="?path=/docs/components-message--docs">Message</a> itself. Because the banner is always full width, the message inside it has no <code>full-width</code> attribute. Use <a href="?path=/docs/components-message--docs">Message</a> directly when you want a contained, rounded card instead.</p>
-        `}},actions:{handles:b},controls:{disable:!0}},args:{...d},argTypes:{...l,"default-slot":{table:{disable:!0}}}},t={render:()=>e`
+        `}},actions:{handles:v},controls:{disable:!0}},args:{...w},argTypes:{...y,"default-slot":{table:{disable:!0}}}},a={render:()=>t`
     <btu-banner>
       <btu-message variant="primary" label="Scheduled maintenance on Saturday.">
         <span slot="description">Expect up to 30 minutes of downtime starting at 02:00 UTC.</span>
@@ -15,7 +15,7 @@ import{g as i,x as e}from"./iframe-B9buZjP7.js";import"./preload-helper-PPVm8Dsz
         </button>
       </btu-message>
     </btu-banner>
-  `,parameters:{docs:{description:{story:"Compose a single `<btu-message>` inside the banner. The banner spans it to the full width of its host and strips its corner rounding, leaving only a bottom border."}}}},n={render:()=>e`
+  `,parameters:{docs:{description:{story:"Compose a single `<btu-message>` inside the banner. The banner spans it to the full width of its host and strips its corner rounding, leaving only a bottom border."}}}},s={render:()=>t`
     <div class="flex flex-col gap-6">
       <btu-banner>
         <btu-message variant="info" label="New feature released">
@@ -38,11 +38,11 @@ import{g as i,x as e}from"./iframe-B9buZjP7.js";import"./preload-helper-PPVm8Dsz
         </btu-message>
       </btu-banner>
     </div>
-  `,parameters:{docs:{description:{story:"Each variant renders edge-to-edge with a bottom border in its semantic color."}}}},a={render:()=>e`
+  `,parameters:{docs:{description:{story:"Each variant renders edge-to-edge with a bottom border in its semantic color."}}}},o={render:()=>t`
     <btu-banner>
       <btu-message variant="info" label="Heads up — this banner can be dismissed." dismissible></btu-message>
     </btu-banner>
-  `,parameters:{docs:{description:{story:"The message keeps its full API inside a banner — set `dismissible` on the `<btu-message>` to add a close button (it emits `btu-message-dismiss`)."}}}},s={render:()=>e`
+  `,parameters:{docs:{description:{story:"The message keeps its full API inside a banner — set `dismissible` on the `<btu-message>` to add a close button (it emits `btu-message-dismiss`)."}}}},r={render:()=>t`
     <btu-banner>
       <btu-message variant="info" label="New feature released" dismissible>
         <btu-badge slot="badge" variant="info" size="sm">v2.4</btu-badge>
@@ -52,7 +52,7 @@ import{g as i,x as e}from"./iframe-B9buZjP7.js";import"./preload-helper-PPVm8Dsz
         </button>
       </btu-message>
     </btu-banner>
-  `,parameters:{docs:{description:{story:"All of the message’s slots work inside a banner — `badge`, `description`, and `actions` — alongside `dismissible`."}}}},o={render:()=>e`
+  `,parameters:{docs:{description:{story:"All of the message’s slots work inside a banner — `badge`, `description`, and `actions` — alongside `dismissible`."}}}},i={render:()=>t`
     <btu-banner>
       <btu-message variant="primary" label="Scheduled maintenance on Saturday">
         <span slot="description">Expect up to 30 minutes of downtime starting at 02:00 UTC.</span>
@@ -64,7 +64,7 @@ import{g as i,x as e}from"./iframe-B9buZjP7.js";import"./preload-helper-PPVm8Dsz
         <span slot="description">Review your usage dashboard to stay within the new limits.</span>
       </btu-message>
     </btu-banner>
-  `,parameters:{docs:{description:{story:"Drop multiple `<btu-message>` children into a banner and it automatically creates a `<btu-pagination>`, shows one message at a time, and wires the navigation — no pagination markup or event handling required."}}}},r={render:()=>e`
+  `,parameters:{docs:{description:{story:"Drop multiple `<btu-message>` children into a banner and it automatically creates a `<btu-pagination>`, shows one message at a time, and wires the navigation — no pagination markup or event handling required."}}}},b={render:()=>t`
     <div class="flex flex-col">
       <btu-banner>
         <btu-message variant="warning" label="Read-only mode">
@@ -76,7 +76,7 @@ import{g as i,x as e}from"./iframe-B9buZjP7.js";import"./preload-helper-PPVm8Dsz
       </btu-banner>
       <div class="p-6 text-sm text-gray-500">Page content sits below the full-width banner.</div>
     </div>
-  `,parameters:{docs:{description:{story:"A banner pinned above page content — the typical placement at the top of a CMS content edit page."}}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
+  `,parameters:{docs:{description:{story:"A banner pinned above page content — the typical placement at the top of a CMS content edit page."}}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
   render: () => html\`
     <btu-banner>
       <btu-message variant="primary" label="Scheduled maintenance on Saturday.">
@@ -94,7 +94,7 @@ import{g as i,x as e}from"./iframe-B9buZjP7.js";import"./preload-helper-PPVm8Dsz
       }
     }
   }
-}`,...t.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
+}`,...a.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
   render: () => html\`
     <div class="flex flex-col gap-6">
       <btu-banner>
@@ -126,7 +126,7 @@ import{g as i,x as e}from"./iframe-B9buZjP7.js";import"./preload-helper-PPVm8Dsz
       }
     }
   }
-}`,...n.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
+}`,...s.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
   render: () => html\`
     <btu-banner>
       <btu-message variant="info" label="Heads up — this banner can be dismissed." dismissible></btu-message>
@@ -139,7 +139,7 @@ import{g as i,x as e}from"./iframe-B9buZjP7.js";import"./preload-helper-PPVm8Dsz
       }
     }
   }
-}`,...a.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+}`,...o.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
   render: () => html\`
     <btu-banner>
       <btu-message variant="info" label="New feature released" dismissible>
@@ -158,7 +158,7 @@ import{g as i,x as e}from"./iframe-B9buZjP7.js";import"./preload-helper-PPVm8Dsz
       }
     }
   }
-}`,...s.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
+}`,...r.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
   render: () => html\`
     <btu-banner>
       <btu-message variant="primary" label="Scheduled maintenance on Saturday">
@@ -179,7 +179,7 @@ import{g as i,x as e}from"./iframe-B9buZjP7.js";import"./preload-helper-PPVm8Dsz
       }
     }
   }
-}`,...o.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+}`,...i.parameters?.docs?.source}}};b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
   render: () => html\`
     <div class="flex flex-col">
       <btu-banner>
@@ -200,4 +200,4 @@ import{g as i,x as e}from"./iframe-B9buZjP7.js";import"./preload-helper-PPVm8Dsz
       }
     }
   }
-}`,...r.parameters?.docs?.source}}};const m=["Default","Variants","Dismissible","AllSlots","Paginated","InContext"];export{s as AllSlots,t as Default,a as Dismissible,r as InContext,o as Paginated,n as Variants,m as __namedExportsOrder,p as default};
+}`,...b.parameters?.docs?.source}}};const W=["Default","Variants","Dismissible","AllSlots","Paginated","InContext"];export{r as AllSlots,a as Default,o as Dismissible,b as InContext,i as Paginated,s as Variants,W as __namedExportsOrder,H as default};

package/dist/storybook/assets/Button-B7fn_wd5.js

@@ -0,0 +1,10 @@
+import{x as o}from"./iframe-Byo_x5o2.js";import"./Icon-DPQKiWDz.js";const x=({color:u="primary",pressed:b,fill:e,contained:i,outlined:s,size:t="sm",label:r,icon:n,hideText:l,disabled:a})=>{const c=e?"":"btu-button-fill-none",$=i?"":"btu-button-container-none",d=s?"btu-button-outline":"",m=l?"btu-button-text-hidden":"";return o`
+    <button
+      type="button"
+      class=${["btu-button",`btu-button-${u}`,`btu-button-${t}`,c,$,d,m].join(" ")}
+      ?disabled=${a}
+      aria-pressed=${b?"true":"false"}
+    >
+      ${n?o`<btu-icon symbol=${n} size=${t}></btu-icon>`:""} ${r}
+    </button>
+  `};export{x as B};

package/dist/storybook/assets/Button.stories-5h4M8nd2.js

@@ -0,0 +1,54 @@
+import{B as a}from"./Button-B7fn_wd5.js";import"./iframe-Byo_x5o2.js";import"./preload-helper-PPVm8Dsz.js";import"./Icon-DPQKiWDz.js";import"./property-_few0Xe5.js";import"./ReadyMixin-C8HW2nGE.js";const i=["ai","black","white","primary","teal","gray","purple","rose","error","warning","success"],m={title:"CSS Plugins/Button",component:"btu-button",tags:["autodocs"],parameters:{docs:{subtitle:"This Tailwind CSS plugin provides the `.btu-button` utility class for styling buttons. Use it on `<button>` elements preferably, but it can also be used on `<a>` or other clickable elements. The plugin includes variants for different colors, sizes, and styles such as filled, outlined, and contained buttons."},controls:{expanded:!0}},render:r=>a(r),argTypes:{color:{control:{type:"select"},options:i},contained:{control:{type:"boolean"},description:"Does the button have a container?"},disabled:{control:{type:"boolean"},description:"Is the button disabled?"},fill:{control:{type:"boolean"},description:"Is the button filled?"},hideText:{control:{type:"boolean"},description:"Icon only mode (hides label)"},icon:{control:{type:"text"},description:'Lucide icon name (e.g., "search", "smile", "check")'},label:{control:{type:"text"},description:"Button label text"},outlined:{control:{type:"boolean"},description:"Is the button outlined?"},pressed:{control:{type:"boolean"},description:"Is the button pressed?"},size:{control:{type:"select"},options:["sm","md","lg","xl","2xl"]}},args:{color:"primary",contained:!0,disabled:!1,fill:!0,hideText:!1,icon:"",label:"Button",outlined:!1,pressed:!1,size:"md"}},e={args:{}},t={args:{label:"Search",icon:"search"},parameters:{docs:{description:{story:"Button with an icon alongside text. Uses the `<btu-icon>` component."}}}},s={args:{icon:"smile",hideText:!0},parameters:{docs:{description:{story:"Icon-only button. Uses `btu-button-text-hidden` to hide the label and `<btu-icon>` for the icon."}}}},o={args:{label:"Disabled Button",disabled:!0},parameters:{docs:{description:{story:"Disabled button state. Uses the `[disabled]` attribute to trigger disabled styling with reduced opacity and pointer events disabled."}}}},n={args:{label:"Active Button",pressed:!0,fill:!1,icon:"check",hideText:!0},parameters:{docs:{description:{story:'Active/pressed button state. Uses `[aria-pressed="true"]` attribute to trigger the pressed styling, typically used for toggle buttons or to show an active state.'}}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
+  args: {}
+}`,...e.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
+  args: {
+    label: 'Search',
+    icon: 'search'
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: \`Button with an icon alongside text. Uses the \\\`<btu-icon>\\\` component.\`
+      }
+    }
+  }
+}`,...t.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+  args: {
+    icon: 'smile',
+    hideText: true
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: \`Icon-only button. Uses \\\`btu-button-text-hidden\\\` to hide the label and \\\`<btu-icon>\\\` for the icon.\`
+      }
+    }
+  }
+}`,...s.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
+  args: {
+    label: 'Disabled Button',
+    disabled: true
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: \`Disabled button state. Uses the \\\`[disabled]\\\` attribute to trigger disabled styling with reduced opacity and pointer events disabled.\`
+      }
+    }
+  }
+}`,...o.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
+  args: {
+    label: 'Active Button',
+    pressed: true,
+    fill: false,
+    icon: 'check',
+    hideText: true
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: \`Active/pressed button state. Uses \\\`[aria-pressed="true"]\\\` attribute to trigger the pressed styling, typically used for toggle buttons or to show an active state.\`
+      }
+    }
+  }
+}`,...n.parameters?.docs?.source}}};const h=["Default","WithIcon","IconOnly","Disabled","ActivePressed"];export{n as ActivePressed,e as Default,o as Disabled,s as IconOnly,t as WithIcon,h as __namedExportsOrder,m as default};

package/dist/storybook/assets/ButtonGroup-BmndBsBy.js

@@ -0,0 +1 @@
+import{x as h,i as d}from"./iframe-Byo_x5o2.js";import{n as o}from"./property-_few0Xe5.js";import{C as b}from"./ComponentStatesMixin-CG-Dx_Vk.js";import{E as f,R as v}from"./ReadyMixin-C8HW2nGE.js";import{O as p}from"./OnFindMixin-CeeYfx9k.js";import{R as m}from"./RovingTabindexMixin-DI5rmyR7.js";var y=Object.defineProperty,a=(u,t,e,i)=>{for(var s=void 0,n=u.length-1,l;n>=0;n--)(l=u[n])&&(s=l(t,e,s)||s);return s&&y(t,e,s),s};const g=new Set(["BTU-ICON-BUTTON","BTU-DROPDOWN"]),c=new Set(["BTU-ICON-BUTTON"]);class r extends m(b(f(p(v(d))))){constructor(){super(...arguments),this.label="",this.orientation="horizontal",this.variant="connected",this.size="md",this.disabled=!1,this.selection="none",this.value="",this.name="",this.initialClasses=[],this._initialClassesCaptured=!1,this.boundHandleClick=this.handleClick.bind(this),this.boundHandleKeyDown=this.handleKeyDown.bind(this)}static get tagName(){return"BTU-BUTTON-GROUP"}_getRovingTargets(){if(this.selection==="none")return[];const t=[];for(const e of Array.from(this.children))if(e instanceof HTMLElement&&!(e.hasAttribute("hidden")||e.getAttribute("type")==="hidden"))if(c.has(e.tagName)){const i=e.querySelector("button");i&&t.push(i)}else(e.matches(".btu-button")||e.matches("button")||e.tabIndex>=0)&&t.push(e);return t}connectedCallback(){super.connectedCallback(),this._initialClassesCaptured||(this.className&&(this.initialClasses=this.className.split(" ").filter(t=>t.trim())),this._initialClassesCaptured=!0),this.setAttribute("role","group"),this.addEventListener("click",this.boundHandleClick),this.addEventListener("keydown",this.boundHandleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.boundHandleClick),this.removeEventListener("keydown",this.boundHandleKeyDown)}createRenderRoot(){return this}willUpdate(){this.className=[...this.initialClasses,"btu-button-group"].filter(Boolean).join(" "),this.syncStates(),this.label?this.setAttribute("aria-label",this.label):this.removeAttribute("aria-label"),this.orientation==="vertical"?this.setAttribute("aria-orientation","vertical"):this.removeAttribute("aria-orientation")}firstUpdated(t){super.firstUpdated(t),this.emit("btu-button-group-ready")}onFindRegistration(){return{selectors:".btu-button",callback:t=>{const e=t;if(!this.contains(e))return;const i=e.closest("btu-icon-button, btu-dropdown");i&&this.contains(i)?this.syncChild(i):this.syncChild(e),this.syncRovingTabindex()}}}updated(t){(t.has("size")||t.has("disabled")||t.has("selection")||t.has("value"))&&this.syncAllChildren(),(t.has("name")||t.has("value")||t.has("selection"))&&this.syncHiddenInputs(),t.has("selection")&&this.syncRovingTabindex()}syncChild(t){g.has(t.tagName)?(t.setAttribute("size",this.size),this.disabled?t.setAttribute("disabled",""):t.removeAttribute("disabled"),c.has(t.tagName)&&this.syncSelection(t)):t.classList.contains("btu-button")&&(t.setAttribute("type","button"),this.disabled?(t.setAttribute("disabled",""),t.setAttribute("aria-disabled","true")):(t.removeAttribute("disabled"),t.removeAttribute("aria-disabled")),this.syncSelection(t))}syncSelection(t){const e=c.has(t.tagName)?t.querySelector("button"):t;if(!e)return;if(this.selection==="none"){e.removeAttribute("aria-pressed");return}const i=this.resolveButtonValue(t),s=i!==""&&this.selectedValues.includes(i);e.setAttribute("aria-pressed",String(s))}syncAllChildren(){for(const t of Array.from(this.children))t instanceof HTMLElement&&this.syncChild(t);this.syncAllSelected()}syncAllSelected(){if(this.selection==="none"||!this.value){this.removeAttribute("data-all-selected");return}const t=Array.from(this.querySelectorAll(".btu-button[aria-pressed]"));if(t.length===0){this.removeAttribute("data-all-selected");return}t.every(i=>i.getAttribute("aria-pressed")==="true")?this.setAttribute("data-all-selected",""):this.removeAttribute("data-all-selected")}syncRovingTabindex(){const t=this._getRovingTargets();if(t.length===0)return;let e=0;if(this.selection==="single"&&this.value){const i=t.findIndex(s=>{const n=s.closest("btu-icon-button")??s;return this.resolveButtonValue(n)===this.value});i>=0&&(e=i)}this._rovingFocus(e,!1)}get selectedValues(){return this.value?this.value.split(",").filter(Boolean):[]}resolveButtonValue(t){if(t.hasAttribute("value"))return t.getAttribute("value")??"";const e=t.textContent?.trim()??"";return!e&&this.selection!=="none"&&console.warn("[btu-button-group] Button has no resolvable value. Add a value attribute.",t),e}resolveGroupItem(t){const e=t.closest("btu-icon-button");if(e&&this.contains(e))return e;const i=t.closest(".btu-button");return i&&this.contains(i)?i:null}syncHiddenInputs(){for(const t of Array.from(this.querySelectorAll('input[type="hidden"][data-btu-form]')))t.remove();if(!(!this.name||this.selection==="none"||!this.value))for(const t of this.selectedValues){const e=document.createElement("input");e.type="hidden",e.name=this.name,e.value=t,e.setAttribute("data-btu-form",""),this.appendChild(e)}}setSelection(t){this.value=t,this.emit("btu-button-group-change",{value:this.value})}handleClick(t){if(this.selection==="none"||this.disabled)return;const e=t.target;if(!(e instanceof Element))return;const i=this.resolveGroupItem(e);if(!i||i.hasAttribute("disabled"))return;const s=this.resolveButtonValue(i);if(s)if(this.selection==="single")this.setSelection(this.value===s?"":s);else{const n=this.selectedValues,l=n.indexOf(s);l>=0?n.splice(l,1):n.push(s),this.setSelection(n.join(","))}}handleKeyDown(t){if(this.selection==="none")return;const e=i=>{t.preventDefault(),i(),this.selection==="single"&&this.activateFocusedButton()};switch(t.key){case"ArrowRight":case"ArrowDown":e(()=>this._rovingNext());break;case"ArrowLeft":case"ArrowUp":e(()=>this._rovingPrev());break;case"Home":e(()=>this._rovingFirst());break;case"End":e(()=>this._rovingLast());break;case" ":case"Enter":this.selection==="multiple"&&(t.preventDefault(),this._getRovingTargets()[this._rovingCurrentIndex()]?.click());break}}activateFocusedButton(){const t=this._getRovingTargets()[this._rovingCurrentIndex()];if(!t)return;const e=t.closest("btu-icon-button")??t;if(e.hasAttribute("disabled"))return;const i=this.resolveButtonValue(e);i&&this.setSelection(i)}syncStates(){const t={"btu-connected":this.variant==="connected","btu-spaced":this.variant==="spaced","btu-horizontal":this.orientation==="horizontal","btu-vertical":this.orientation==="vertical","btu-disabled":this.disabled};for(const[e,i]of Object.entries(t))i?this.states.add(e):this.states.delete(e)}render(){return h``}}a([o({type:String})],r.prototype,"label");a([o({type:String,reflect:!0})],r.prototype,"orientation");a([o({type:String,reflect:!0})],r.prototype,"variant");a([o({type:String,reflect:!0})],r.prototype,"size");a([o({type:Boolean})],r.prototype,"disabled");a([o({type:String,reflect:!0})],r.prototype,"selection");a([o({type:String,reflect:!0})],r.prototype,"value");a([o({type:String})],r.prototype,"name");customElements.get("btu-button-group")||customElements.define("btu-button-group",r);

package/dist/storybook/assets/{ButtonGroup.stories-CerE_0AC.js → ButtonGroup.stories-CR1H4H7u.js}

@@ -1,4 +1,4 @@
-import{g as k,x as e}from"./iframe-B9buZjP7.js";import{o}from"./style-map-qCiIYcp5.js";import"./preload-helper-PPVm8Dsz.js";const{events:w,args:f,argTypes:n}=k("btu-button-group");function u(t){const a={};return t.customGap&&(a["--button-group-gap"]=t.customGap),t.customBorderRadius&&(a["--button-group-border-radius"]=t.customBorderRadius),t.customBorderColor&&(a["--button-group-border-color"]=t.customBorderColor),a}const z={title:"Components/Button Group",component:"btu-button-group",tags:["autodocs"],parameters:{docs:{subtitle:"btu-button-group",description:{component:`
+import{g as k,x as e}from"./iframe-Byo_x5o2.js";import{o}from"./style-map-DxZm5Cj7.js";import"./ButtonGroup-BmndBsBy.js";import"./DropdownMenu-WoWnJiQk.js";import"./IconButton-Dp4Z06bL.js";import"./Icon-DPQKiWDz.js";import"./preload-helper-PPVm8Dsz.js";import"./property-_few0Xe5.js";import"./ComponentStatesMixin-CG-Dx_Vk.js";import"./ReadyMixin-C8HW2nGE.js";import"./OnFindMixin-CeeYfx9k.js";import"./onFind-BWiaccUj.js";import"./RovingTabindexMixin-DI5rmyR7.js";import"./aria-D5THOgos.js";import"./TooltipMixin-CRNNusJ7.js";import"./Badge-AV20mCMJ.js";import"./if-defined-DL7cQU7O.js";const{events:w,args:f,argTypes:n}=k("btu-button-group");function u(t){const a={};return t.customGap&&(a["--button-group-gap"]=t.customGap),t.customBorderRadius&&(a["--button-group-border-radius"]=t.customBorderRadius),t.customBorderColor&&(a["--button-group-border-color"]=t.customBorderColor),a}const G={title:"Components/Button Group",component:"btu-button-group",tags:["autodocs"],parameters:{docs:{subtitle:"btu-button-group",description:{component:`
 A semantic container for grouping related buttons together.
 
 <h3>When to use:</h3>
@@ -97,7 +97,7 @@ A semantic container for grouping related buttons together.
       <button class="btu-button btu-button-outline btu-button-gray" value="grid">Grid</button>
       <button class="btu-button btu-button-outline btu-button-gray" value="table">Table</button>
     </btu-button-group>
-  `,parameters:{docs:{description:{story:"The `value` attribute can be set declaratively in HTML to pre-select a button on first render."}}}},y={args:{label:"Toolbar",selection:"multiple",value:""},render:t=>e`
+  `,parameters:{docs:{description:{story:"The `value` attribute can be set declaratively in HTML to pre-select a button on first render."}}}},m={args:{label:"Toolbar",selection:"multiple",value:""},render:t=>e`
     <btu-button-group
       label=${t.label}
       selection=${t.selection}
@@ -121,7 +121,7 @@ A semantic container for grouping related buttons together.
         aria-label="Strikethrough"
       ></btu-icon-button>
     </btu-button-group>
-  `,parameters:{docs:{description:{story:"Icon-only buttons using `btu-icon-button`. Accessible labels are provided via `aria-label`."}}}},m={render:()=>e`
+  `,parameters:{docs:{description:{story:"Icon-only buttons using `btu-icon-button`. Accessible labels are provided via `aria-label`."}}}},y={render:()=>e`
     <btu-button-group label="Actions" variant="connected">
       <button class="btu-button btu-button-outline btu-button-success" value="save">Save</button>
       <button class="btu-button-secondary btu-button btu-button-outline" value="preview">Preview</button>
@@ -399,7 +399,7 @@ A semantic container for grouping related buttons together.
       }
     }
   }
-}`,...g.parameters?.docs?.source}}};y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
+}`,...g.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
   args: {
     label: 'Toolbar',
     selection: 'multiple',
@@ -437,7 +437,7 @@ A semantic container for grouping related buttons together.
       }
     }
   }
-}`,...y.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+}`,...m.parameters?.docs?.source}}};y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
   render: () => html\`
     <btu-button-group label="Actions" variant="connected">
       <button class="btu-button btu-button-outline btu-button-success" value="save">Save</button>
@@ -458,7 +458,7 @@ A semantic container for grouping related buttons together.
       }
     }
   }
-}`,...m.parameters?.docs?.source}}};v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
+}`,...y.parameters?.docs?.source}}};v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
   render: () => html\`
     <div
       style="display: flex; flex-direction: column; height: 400px; width: min-content; border: 1px solid oklch(var(--btu-theme-gray-200)); border-radius: 0.5rem; padding: 0.25rem;"
@@ -585,4 +585,4 @@ A semantic container for grouping related buttons together.
       }
     }
   }
-}`,...h.parameters?.docs?.source}}};const C=["Default","Spaced","VerticalConnected","VerticalSpaced","Sizes","Disabled","SingleSelection","MultipleSelection","PreSelectedValue","WithIcons","MixedContent","VerticalSidebar","RTEToolbar"];export{r as Default,c as Disabled,m as MixedContent,p as MultipleSelection,g as PreSelectedValue,h as RTEToolbar,d as SingleSelection,i as Sizes,b as Spaced,l as VerticalConnected,v as VerticalSidebar,s as VerticalSpaced,y as WithIcons,C as __namedExportsOrder,z as default};
+}`,...h.parameters?.docs?.source}}};const H=["Default","Spaced","VerticalConnected","VerticalSpaced","Sizes","Disabled","SingleSelection","MultipleSelection","PreSelectedValue","WithIcons","MixedContent","VerticalSidebar","RTEToolbar"];export{r as Default,c as Disabled,y as MixedContent,p as MultipleSelection,g as PreSelectedValue,h as RTEToolbar,d as SingleSelection,i as Sizes,b as Spaced,l as VerticalConnected,v as VerticalSidebar,s as VerticalSpaced,m as WithIcons,H as __namedExportsOrder,G as default};

package/dist/storybook/assets/Card-DyntwdY-.css

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