@brightspot/ui 6.5.0 → 6.6.1

package/dist/storybook/assets/{CopyToClipboard.stories-CkdYHm8U.js → CopyToClipboard.stories-BD3hmKKD.js}

@@ -1,4 +1,4 @@
-import{g as s,x as i}from"./iframe-ChxxW2FZ.js";import"./preload-helper-PPVm8Dsz.js";var r=Object.freeze,c=Object.defineProperty,p=(e,l)=>r(c(e,"raw",{value:r(l||e.slice())})),d;const{events:b,args:u,argTypes:a}=s("btu-copy-to-clipboard"),f={title:"Components/Copy to Clipboard",component:"btu-copy-to-clipboard",tags:["autodocs"],parameters:{docs:{subtitle:"btu-copy-to-clipboard",description:{component:`
+import{g as s,x as i}from"./iframe-BcvNVHT1.js";import"./preload-helper-PPVm8Dsz.js";var r=Object.freeze,c=Object.defineProperty,p=(e,l)=>r(c(e,"raw",{value:r(l||e.slice())})),d;const{events:b,args:u,argTypes:a}=s("btu-copy-to-clipboard"),f={title:"Components/Copy to Clipboard",component:"btu-copy-to-clipboard",tags:["autodocs"],parameters:{docs:{subtitle:"btu-copy-to-clipboard",description:{component:`
 A button component for copying text to the clipboard. The button becomes disabled and displays a success state for 3 seconds after copying.
 
 <h3>When to use:</h3>
@@ -25,11 +25,11 @@ A button component for copying text to the clipboard. The button becomes disable
   <li>The button is disabled when there is no text to copy (<code>copydata</code> is empty or not set)</li>
   <li>Success styles are dependent on the <code>btu-copy-to-clipboard-copied</code> state, which can be styled using the <code>:state()</code> pseudo-class</li>
 </ul>
-        `}},actions:{handles:b},controls:{expanded:!0}},args:{...u,copydata:"https://example.com/cms/content/edit",buttonClasses:""},argTypes:{...a,copydata:{...a.copydata,control:{type:"text"},description:"The text to copy to clipboard"},buttonClasses:{...a.buttonClasses,control:{type:"text"},description:"Custom CSS classes for the button. If provided, replaces the default classes."}},render:e=>i`
+        `}},actions:{handles:b},controls:{expanded:!0}},args:{...u,copydata:"https://example.com/cms/content/edit",buttonclasses:""},argTypes:{...a,copydata:{...a.copydata,control:{type:"text"},description:"The text to copy to clipboard"},buttonclasses:{...a.buttonclasses,control:{type:"text"},description:"Custom CSS classes for the button. If provided, replaces the default classes."}},render:e=>i`
       <div style="display: flex; flex-direction: column; gap: 1rem;">
         <div style="display: flex; align-items: center; gap: 1rem;">
           <code style="padding: 0.5rem; background: #f5f5f5; border-radius: 4px; flex: 1;">${e.copydata}</code>
-          <btu-copy-to-clipboard copydata="${e.copydata}" .buttonClasses="${e.buttonClasses||void 0}"
+          <btu-copy-to-clipboard copydata="${e.copydata}" .buttonClasses="${e.buttonclasses||void 0}"
             >Copy to Clipboard</btu-copy-to-clipboard
           >
         </div>
@@ -117,7 +117,7 @@ A button component for copying text to the clipboard. The button becomes disable
             </code>
             <btu-copy-to-clipboard
               copydata="https://example.com/cms/content/edit"
-              buttonClasses="btu-button btu-button-primary btu-button-fill-none after:btu-icon after:btu-icon-clipboard-copy"
+              buttonclasses="btu-button btu-button-primary btu-button-fill-none after:btu-icon after:btu-icon-clipboard-copy"
               >Copy Link</btu-copy-to-clipboard
             >
           </div>
@@ -141,7 +141,7 @@ A button component for copying text to the clipboard. The button becomes disable
               id="icon-only-demo"
               aria-label="Copy API key to clipboard"
               copydata="sk_live_abc123xyz789secret"
-              buttonClasses="btu-button btu-button-primary before:btu-icon before:btu-icon-clipboard-copy btu-button-text-hidden"
+              buttonclasses="btu-button btu-button-primary before:btu-icon before:btu-icon-clipboard-copy btu-button-text-hidden"
               >Copy API Key</btu-copy-to-clipboard
             >
           </div>
@@ -160,7 +160,7 @@ A button component for copying text to the clipboard. The button becomes disable
           </style>
         </div>
       </div>
-    `,parameters:{docs:{description:{story:"\n**Custom Button Styling:** Use the `buttonClasses` attribute to override default button classes with your own styling.\n\n**Icon-Only Button:** An icon-only button for a minimal style. Uses `buttonClasses` for initial styles, notably `btu-button-text-hidden` to hide the text. The `aria-label` attribute is passed from the host element to the inner button for accessibility. CSS `:state(btu-copy-to-clipboard-copied)` is used to change styles when copied.\n        "}}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
+    `,parameters:{docs:{description:{story:"\n**Custom Button Styling:** Use the `buttonclasses` attribute to override default button classes with your own styling.\n\n**Icon-Only Button:** An icon-only button for a minimal style. Uses `buttonclasses` for initial styles, notably `btu-button-text-hidden` to hide the text. The `aria-label` attribute is passed from the host element to the inner button for accessibility. CSS `:state(btu-copy-to-clipboard-copied)` is used to change styles when copied.\n        "}}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
   args: {}
 }`,...t.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
   render: () => {
@@ -218,7 +218,7 @@ A button component for copying text to the clipboard. The button becomes disable
             </code>
             <btu-copy-to-clipboard
               copydata="https://example.com/cms/content/edit"
-              buttonClasses="btu-button btu-button-primary btu-button-fill-none after:btu-icon after:btu-icon-clipboard-copy"
+              buttonclasses="btu-button btu-button-primary btu-button-fill-none after:btu-icon after:btu-icon-clipboard-copy"
               >Copy Link</btu-copy-to-clipboard
             >
           </div>
@@ -242,7 +242,7 @@ A button component for copying text to the clipboard. The button becomes disable
               id="icon-only-demo"
               aria-label="Copy API key to clipboard"
               copydata="sk_live_abc123xyz789secret"
-              buttonClasses="btu-button btu-button-primary before:btu-icon before:btu-icon-clipboard-copy btu-button-text-hidden"
+              buttonclasses="btu-button btu-button-primary before:btu-icon before:btu-icon-clipboard-copy btu-button-text-hidden"
               >Copy API Key</btu-copy-to-clipboard
             >
           </div>
@@ -267,9 +267,9 @@ A button component for copying text to the clipboard. The button becomes disable
     docs: {
       description: {
         story: \`
-**Custom Button Styling:** Use the \\\`buttonClasses\\\` attribute to override default button classes with your own styling.
+**Custom Button Styling:** Use the \\\`buttonclasses\\\` attribute to override default button classes with your own styling.
 
-**Icon-Only Button:** An icon-only button for a minimal style. Uses \\\`buttonClasses\\\` for initial styles, notably \\\`btu-button-text-hidden\\\` to hide the text. The \\\`aria-label\\\` attribute is passed from the host element to the inner button for accessibility. CSS \\\`:state(btu-copy-to-clipboard-copied)\\\` is used to change styles when copied.
+**Icon-Only Button:** An icon-only button for a minimal style. Uses \\\`buttonclasses\\\` for initial styles, notably \\\`btu-button-text-hidden\\\` to hide the text. The \\\`aria-label\\\` attribute is passed from the host element to the inner button for accessibility. CSS \\\`:state(btu-copy-to-clipboard-copied)\\\` is used to change styles when copied.
         \`
       }
     }

package/dist/storybook/assets/{Debounce.stories-CZSMfS-h.js → Debounce.stories-zJt-mtTD.js}

@@ -1,4 +1,4 @@
-import{x as c}from"./iframe-ChxxW2FZ.js";import"./preload-helper-PPVm8Dsz.js";function p(n,e){if(n<=0)return e;let t;return function(){clearTimeout(t),t=setTimeout(()=>{t=void 0,e.apply(this,[...arguments])},n)}}const h={title:"Utilities/Debounce",tags:["autodocs"],parameters:{docs:{subtitle:"The `debounce` utility delays function execution until a specified wait period has elapsed since the last invocation. Useful for search inputs, form validation, and window resize handlers."},controls:{expanded:!0}},argTypes:{wait:{control:{type:"number",min:0,max:2e3,step:50},description:"Debounce wait time in milliseconds"}},args:{wait:300}},o={render:n=>{const e=`debounce-${Math.random().toString(36).substring(2,9)}`;let t=0,i=0;const a=()=>{const d=document.getElementById(`${e}-normal-count`),r=document.getElementById(`${e}-debounced-count`);d&&(d.textContent=String(t)),r&&(r.textContent=String(i))},l=p(n.wait,()=>{i++,a()}),u=()=>{t++,a(),l()};return c`
+import{x as c}from"./iframe-BcvNVHT1.js";import"./preload-helper-PPVm8Dsz.js";function p(n,e){if(n<=0)return e;let t;return function(){clearTimeout(t),t=setTimeout(()=>{t=void 0,e.apply(this,[...arguments])},n)}}const h={title:"Utilities/Debounce",tags:["autodocs"],parameters:{docs:{subtitle:"The `debounce` utility delays function execution until a specified wait period has elapsed since the last invocation. Useful for search inputs, form validation, and window resize handlers."},controls:{expanded:!0}},argTypes:{wait:{control:{type:"number",min:0,max:2e3,step:50},description:"Debounce wait time in milliseconds"}},args:{wait:300}},o={render:n=>{const e=`debounce-${Math.random().toString(36).substring(2,9)}`;let t=0,i=0;const a=()=>{const d=document.getElementById(`${e}-normal-count`),r=document.getElementById(`${e}-debounced-count`);d&&(d.textContent=String(t)),r&&(r.textContent=String(i))},l=p(n.wait,()=>{i++,a()}),u=()=>{t++,a(),l()};return c`
       <div class="space-y-4">
         <div class="text-base">
           <p class="mb-2">