@brightspot/ui 1.0.1-wc.4 → 1.1.0

package/dist/storybook/assets/{Loader.stories-D7Bl-LN9.js → Loader.stories-NxZ0SGA0.js}

@@ -1,3 +1,3 @@
-import{x as r}from"./iframe-mIh0R_Av.js";import"./preload-helper-PPVm8Dsz.js";const o=()=>r` <div class=${["before:btu-loader","before:size-[--Loader-size]"].join(" ")}></div> `,d={title:"Components/Loader",component:"btu-loader",tags:["autodocs"],parameters:{docs:{subtitle:`To avoid changing the markup, btu-loaders work by assigning the "--tw-content" property of a pseudo element the SVG data as a URI for it's background image. Loaders come with light & dark styles and are extrinsically sized. If you need to reference the default loader size for your container, you can do so with: var(--Loader-size)`},controls:{expanded:!0}},render:a=>o(),argTypes:{},args:{}},e={args:{}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
+import{x as r}from"./iframe-BIFmrRK7.js";import"./preload-helper-PPVm8Dsz.js";const o=()=>r` <div class=${["before:btu-loader","before:size-[--Loader-size]"].join(" ")}></div> `,d={title:"Components/Loader",component:"btu-loader",tags:["autodocs"],parameters:{docs:{subtitle:`To avoid changing the markup, btu-loaders work by assigning the "--tw-content" property of a pseudo element the SVG data as a URI for it's background image. Loaders come with light & dark styles and are extrinsically sized. If you need to reference the default loader size for your container, you can do so with: var(--Loader-size)`},controls:{expanded:!0}},render:a=>o(),argTypes:{},args:{}},e={args:{}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
   args: {}
 }`,...e.parameters?.docs?.source}}};const n=["Default"];export{e as Default,n as __namedExportsOrder,d as default};

package/dist/storybook/assets/ReadyMixin.stories-DavcxbQ0.js

@@ -0,0 +1,55 @@
+const i={title:"Mixins/Ready Mixin",tags:["autodocs"],parameters:{docs:{description:{component:`
+\`ReadyMixin\` ensures the DOM is fully loaded **before initializing web
+components**.
+
+Prevents components from querying or manipulating DOM elements before
+they're available by deferring \`super.connectedCallback()\` until the DOM
+is ready.
+
+<h3>What ReadyMixin Does</h3>
+<ul>
+    <li>Checks document.readyState when connectedCallback() is called</li>
+    <li>DOM is ready: calls \`super.connectedCallback()\` immediately</li>
+    <li>If DOM is loading: waits for <b>DOMContentLoaded</b> event, then calls \`super.connectedCallback()\`</li>
+</ul>
+
+<h3>Mixin Composition</h3>
+
+<p>Place ReadyMixin close to LitElement in the composition chain:</p>
+
+<p> ✅ Correct - ReadyMixin near the base
+ComponentStatesMixin(EventEmitterMixin(ReadyMixin(LitElement)))</p>
+
+<p> ❌ Incorrect - ReadyMixin too far out
+ReadyMixin(ComponentStatesMixin(EventEmitterMixin(LitElement)))</p>
+
+<p>This ensures the DOM-ready check happens before other mixins'
+initialization logic.</p>
+
+<h3>Usage</h3>
+ \`\`\`typescript
+  import { ReadyMixin } from './ReadyMixin'
+
+  // Basic usage
+  class MyComponent extends ReadyMixin(LitElement) {
+    connectedCallback() {
+      super.connectedCallback()
+      // DOM is guaranteed to be ready here
+      const child = this.querySelector('.child')
+    }
+  }
+
+  // With multiple mixins
+  class NavRail extends EventEmitterMixin(ReadyMixin(LitElement)) {
+    // All mixins benefit from DOM-ready guarantee
+  }
+        `}}}},e={parameters:{docs:{description:{story:"ReadyMixin provides lifecycle behavior only. It has no visual output, so this story is empty."}}},render:()=>""};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: 'ReadyMixin provides lifecycle behavior only. It has no visual output, so this story is empty.'
+      }
+    }
+  },
+  render: () => ''
+}`,...e.parameters?.docs?.source}}};const t=["ReadyMixin"];export{e as ReadyMixin,t as __namedExportsOrder,i as default};

package/dist/storybook/assets/{ScrollShadow.stories-CWKYDYLk.js → ScrollShadow.stories-1W8nsrPe.js}

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