@brightspot/ui 1.0.1-5 → 1.0.1-6

package/dist/tailwind-plugin-badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind-plugin-badge.js","sourceRoot":"","sources":["../src/tailwind-plugin-badge.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,oBAAoB,CAAA;AA4BvC,MAAM,SAAS,GAAG,YAAY,CAAA;AAE9B,MAAM,CAAC,OAAO,GAAG,MAAM,CACrB,UAAU,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,EAAE,cAAc,EAAE;IACnD,MAAM,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,CAAA;IAChC,MAAM,MAAM,GAAoB,KAAK,CAAC,QAAQ,CAAC,CAAA;IAC/C,MAAM,SAAS,GAAkC,KAAK,CAAC,UAAU,CAAC,CAAA;IAClE,MAAM,SAAS,GAAkB,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,CAAA;IAExD,6DAA6D;IAC7D,cAAc,CACZ;QACE,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;YAChC,0BAA0B,EAAE,KAAK;SAClC,CAAC;KACH,EACD,EAAE,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,CACpD,CAAA;IAED,cAAc,CACZ;QACE,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;YAChC,0BAA0B,EAAE,KAAK;SAClC,CAAC;KACH,EACD,EAAE,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,CACpD,CAAA;IAED,IAAI,MAAM,EAAE,CAAC;QACX,MAAM,WAAW,GAAoB,EAAE,CAAA;QACvC,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE,CAAC;YACzB,WAAW,CAAC,IAAI,CAAC;gBACf,CAAC,GAAG,SAAS,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE;oBAC1B,aAAa,EAAE,SAAS,CAAC,IAAI,CAAC;oBAC9B,0BAA0B,EAAE,yBAAyB,GAAG,OAAO;oBAC/D,0BAA0B,EAAE,yBAAyB,GAAG,QAAQ;oBAChE,eAAe,EAAE,+BAA+B;oBAChD,KAAK,EAAE,+BAA+B;oBACtC,cAAc,EAAE,WAAW;oBAC3B,mBAAmB,EAAE,+BAA+B;iBACrD;aACF,CAAC,CAAA;QACJ,CAAC;QACD,aAAa,CAAC,WAAW,CAAC,CAAA;IAC5B,CAAC;IAED,IAAI,KAAK,IAAI,SAAS,EAAE,CAAC;QACvB,MAAM,UAAU,GAAoB,EAAE,CAAA;QACtC,MAAM,cAAc,GAAG;YACrB,OAAO,EAAE,cAAc;YACvB,YAAY,EAAE,MAAM;SACrB,CAAA;QAED,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE,CAAC;YACxB,MAAM,IAAI,GAAS,KAAK,CAAC,GAAG,CAAC,CAAA;YAC7B,MAAM,QAAQ,GAAG,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;YAEzC,IAAI,QAAQ,EAAE,CAAC;gBACb,UAAU,CAAC,IAAI,CAAC;oBACd,CAAC,GAAG,SAAS,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE;wBAC1B,UAAU,EAAE,QAAQ;wBACpB,GAAG,EAAE,SAAS;wBACd,GAAG,cAAc;wBACjB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;wBACrB,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;wBACvB,OAAO,EAAE,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,YAAY,EAAE;wBAClD,QAAQ,EAAE,IAAI,CAAC,QAAQ;wBACvB,QAAQ,EAAE,aAAa;wBACvB,OAAO,EAAE,aAAa;qBACvB;iBACF,CAAC,CAAA;YACJ,CAAC;QACH,CAAC;QACD,aAAa,CAAC,UAAU,CAAC,CAAA;IAC3B,CAAC;AACH,CAAC,EACD;IACE,KAAK,EAAE;QACL,SAAS,EAAE;YACT,EAAE,EAAE;gBACF,QAAQ,EAAE,IAAI;gBACd,UAAU,EAAE,QAAQ;gBACpB,YAAY,EAAE,OAAO;gBACrB,QAAQ,EAAE,UAAU;aACrB;YACD,EAAE,EAAE;gBACF,QAAQ,EAAE,IAAI;gBACd,UAAU,EAAE,QAAQ;gBACpB,YAAY,EAAE,QAAQ;gBACtB,QAAQ,EAAE,UAAU;aACrB;YACD,EAAE,EAAE;gBACF,QAAQ,EAAE,IAAI;gBACd,UAAU,EAAE,QAAQ;gBACpB,YAAY,EAAE,QAAQ;gBACtB,QAAQ,EAAE,UAAU;aACrB;SACF;KACF;CACF,CACF,CAAA"}
+{"version":3,"file":"tailwind-plugin-badge.js","sourceRoot":"","sources":["../src/tailwind-plugin-badge.ts"],"names":[],"mappings":"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"}

package/dist/tailwind-plugin-badge.ts

@@ -21,15 +21,15 @@ declare let module: any
 
 type Size = {
   fontSize: 'xs' | 'sm'
-  paddingTop: string
-  paddingRight: string
   minWidth: string
+  px: string
+  py: string
 }
 
 const className = '.btu-badge'
 
 module.exports = plugin(
-  function ({ addComponents, theme, e, matchUtilities }) {
+  function ({ addComponents, theme, e, matchUtilities, addUtilities }) {
     const sizes = theme('badgeSize')
     const colors: [CSSRuleObject] = theme('colors')
     const fontSizes: Record<string, CSSRuleObject> = theme('fontSize')
@@ -54,6 +54,23 @@ module.exports = plugin(
       { values: theme('colors'), type: ['color', 'any'] },
     )
 
+    addUtilities(
+      {
+        '.btu-badge-dot': {
+          '--badge-dot-size': '6px',
+          '&::before': {
+            content: "''",
+            display: 'inline-block',
+            width: 'var(--badge-dot-size)',
+            height: 'var(--badge-dot-size)',
+            backgroundColor: 'currentColor',
+            clipPath: 'circle(50% at center)',
+          },
+        },
+      },
+      {},
+    )
+
     if (colors) {
       const badgeColors: CSSRuleObject[] = []
       for (const key in colors) {
@@ -76,7 +93,7 @@ module.exports = plugin(
       const badgeSizes: CSSRuleObject[] = []
       const fontSizeStyles = {
         display: 'inline-block',
-        borderRadius: '1rem',
+        borderRadius: 'var(--badge-radius-size, 999px)',
       }
 
       for (const key in sizes) {
@@ -86,12 +103,14 @@ module.exports = plugin(
         if (fontSize) {
           badgeSizes.push({
             [`${className}-${e(key)}`]: {
+              '--badge-px': size.px,
+              '--badge-py': size.py,
               alignItems: 'center',
               gap: '0.38rem',
               ...fontSizeStyles,
               fontSize: fontSize[0],
               lineHeight: fontSize[1],
-              padding: `${size.paddingTop} ${size.paddingRight}`,
+              padding: `var(--badge-py) var(--badge-px)`,
               minWidth: size.minWidth,
               maxWidth: 'max-content',
               display: 'inline-flex',
@@ -106,21 +125,21 @@ module.exports = plugin(
     theme: {
       badgeSize: {
         sm: {
+          px: '0.5rem',
+          py: '.13rem',
           fontSize: 'xs',
-          paddingTop: '.13rem',
-          paddingRight: '.5rem',
           minWidth: '1.375rem',
         },
         md: {
+          px: '0.63rem',
+          py: '.13rem',
           fontSize: 'sm',
-          paddingTop: '.13rem',
-          paddingRight: '.63rem',
           minWidth: '1.813rem',
         },
         lg: {
+          px: '0.75rem',
+          py: '.25rem',
           fontSize: 'sm',
-          paddingTop: '.25rem',
-          paddingRight: '.75rem',
           minWidth: '1.813rem',
         },
       },

package/dist/tailwind-plugin-icon.js

@@ -1,8 +1,8 @@
 import * as LucideExports from 'lucide-static/dist/cjs/lucide-static';
 import icons from 'lucide-static/font/info.json' with { type: 'json' };
 import plugin from 'tailwindcss/plugin';
-import { pascalToKebab } from './util/string';
-import { addNameSpaceXML, encodeSVG } from './util/svg';
+import { pascalToKebab } from './util/string.js';
+import { addNameSpaceXML, encodeSVG } from './util/svg.js';
 /**
  * Lucide Icons | https://lucide.dev/icons/
  * Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency and readability.

package/dist/tailwind-plugin-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind-plugin-icon.js","sourceRoot":"","sources":["../src/tailwind-plugin-icon.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"tailwind-plugin-icon.js","sourceRoot":"","sources":["../src/tailwind-plugin-icon.ts"],"names":[],"mappings":"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"}

package/dist/tailwind-plugin-icon.ts

@@ -1,8 +1,8 @@
 import * as LucideExports from 'lucide-static/dist/cjs/lucide-static'
 import icons from 'lucide-static/font/info.json' with { type: 'json' }
 import plugin from 'tailwindcss/plugin'
-import { pascalToKebab } from './util/string'
-import { addNameSpaceXML, encodeSVG } from './util/svg'
+import { pascalToKebab } from './util/string.js'
+import { addNameSpaceXML, encodeSVG } from './util/svg.js'
 declare let module: any
 
 /**

package/dist/utils/EventEmitterMixin.d.ts

@@ -0,0 +1,53 @@
+import { LitElement } from 'lit';
+type Constructor<T = object> = new (...args: any[]) => T;
+type UnpackCustomEvent<T> = T extends CustomEvent<infer U> ? U : never;
+/**
+ * Map of custom events emitted by Brightspot UI components.
+ * All events use CustomEvent and bubble through the DOM with composed: true.
+ */
+interface CustomEventMap {
+    'btu-element-connected': CustomEvent<unknown>;
+    'btu-element-disconnected': CustomEvent<unknown>;
+    'btu-element-error': CustomEvent<{
+        error: Error;
+    }>;
+    'btu-badge-ready': CustomEvent<unknown>;
+}
+interface CombinedEventMap extends HTMLElementEventMap, CustomEventMap {
+}
+/**
+ * Interface for components using EventEmitterMixin.
+ * Provides type-safe event emission and listener management.
+ */
+export declare class EventEmitterMixinInterface {
+    emit: <K extends keyof CustomEventMap>(type: K, detail?: UnpackCustomEvent<CustomEventMap[K]>) => void;
+    addEventListener<K extends keyof CombinedEventMap>(type: K, listener: (this: HTMLElement, ev: CombinedEventMap[K]) => void, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof CombinedEventMap>(type: K, listener: (this: HTMLElement, ev: CombinedEventMap[K]) => void, options?: boolean | EventListenerOptions): void;
+}
+/**
+ * Mixin that adds standardized event emission capabilities to LitElement components.
+ *
+ * Automatically emits lifecycle events when components connect/disconnect from the DOM.
+ * Provides a type-safe `emit()` method for dispatching custom events with consistent
+ * configuration (bubbles, composed, cancelable).
+ *
+ * @mixin
+ *
+ * @fires {CustomEvent} btu-element-connected - Fired when element connects to DOM
+ * @fires {CustomEvent} btu-element-disconnected - Fired when element disconnects from DOM
+ * @fires {CustomEvent<{error: Error}>} btu-element-error - Fired on connection error
+ *
+ * @example
+ * ```typescript
+ * import { EventEmitterMixin } from './EventEmitterMixin'
+ *
+ * class MyComponent extends EventEmitterMixin(LitElement) {
+ *   handleClick() {
+ *     this.emit('my-custom-event', { data: 'value' })
+ *   }
+ * }
+ * ```
+ */
+export declare const EventEmitterMixin: <T extends Constructor<LitElement>>(superClass: T) => Constructor<EventEmitterMixinInterface> & T;
+export {};
+//# sourceMappingURL=EventEmitterMixin.d.ts.map

package/dist/utils/EventEmitterMixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventEmitterMixin.d.ts","sourceRoot":"","sources":["../../src/utils/EventEmitterMixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAEhC,KAAK,WAAW,CAAC,CAAC,GAAG,MAAM,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAA;AACxD,KAAK,iBAAiB,CAAC,CAAC,IAAI,CAAC,SAAS,WAAW,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;AAEtE;;;GAGG;AACH,UAAU,cAAc;IACtB,uBAAuB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC7C,0BAA0B,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAChD,mBAAmB,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,KAAK,CAAA;KAAE,CAAC,CAAA;IAClD,iBAAiB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;CACxC;AAED,UAAU,gBAAiB,SAAQ,mBAAmB,EAAE,cAAc;CAAG;AAEzE;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,0BAA0B;IAC7C,IAAI,EAAE,CAAC,CAAC,SAAS,MAAM,cAAc,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;IACtG,gBAAgB,CAAC,CAAC,SAAS,MAAM,gBAAgB,EAC/C,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,IAAI,EAC9D,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,IAAI;IACP,mBAAmB,CAAC,CAAC,SAAS,MAAM,gBAAgB,EAClD,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,IAAI,EAC9D,OAAO,CAAC,EAAE,OAAO,GAAG,oBAAoB,GACvC,IAAI;CACR;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EAAE,YAAY,CAAC,KAqD/C,WAAW,CAAC,0BAA0B,CAAC,GAAG,CAC5E,CAAA"}

package/dist/utils/EventEmitterMixin.js

@@ -0,0 +1,74 @@
+import { LitElement } from 'lit';
+/**
+ * Mixin that adds standardized event emission capabilities to LitElement components.
+ *
+ * Automatically emits lifecycle events when components connect/disconnect from the DOM.
+ * Provides a type-safe `emit()` method for dispatching custom events with consistent
+ * configuration (bubbles, composed, cancelable).
+ *
+ * @mixin
+ *
+ * @fires {CustomEvent} btu-element-connected - Fired when element connects to DOM
+ * @fires {CustomEvent} btu-element-disconnected - Fired when element disconnects from DOM
+ * @fires {CustomEvent<{error: Error}>} btu-element-error - Fired on connection error
+ *
+ * @example
+ * ```typescript
+ * import { EventEmitterMixin } from './EventEmitterMixin'
+ *
+ * class MyComponent extends EventEmitterMixin(LitElement) {
+ *   handleClick() {
+ *     this.emit('my-custom-event', { data: 'value' })
+ *   }
+ * }
+ * ```
+ */
+export const EventEmitterMixin = (superClass) => {
+    class EventEmitterMixinClass extends superClass {
+        /**
+         * Lifecycle callback fired when element is connected to the DOM.
+         * Emits btu-element-connected or btu-element-error.
+         * @internal
+         */
+        connectedCallback() {
+            super.connectedCallback();
+            Promise.resolve().then(() => this.emit('btu-element-connected', {}), error => this.emit('btu-element-error', { error }));
+        }
+        /**
+         * Lifecycle callback fired when element is disconnected from the DOM.
+         * Emits btu-element-disconnected.
+         * @internal
+         */
+        disconnectedCallback() {
+            super.disconnectedCallback();
+            this.emit('btu-element-disconnected');
+        }
+        /**
+         * Dispatches a type-safe CustomEvent with standardized configuration.
+         *
+         * All events are configured with:
+         * - bubbles: true (event propagates up the DOM tree)
+         * - cancelable: false (event cannot be cancelled)
+         * - composed: true (event crosses shadow DOM boundaries)
+         *
+         * @param type - Event name from CustomEventMap
+         * @param detail - Optional event detail payload
+         * @returns {boolean} False if event is cancelable and was cancelled, true otherwise
+         *
+         * @example
+         * ```typescript
+         * this.emit('btu-widget-toggle', { collapsed: true })
+         * ```
+         */
+        emit(type, detail) {
+            return this.dispatchEvent(new CustomEvent(type, {
+                bubbles: true,
+                cancelable: false,
+                composed: true,
+                detail,
+            }));
+        }
+    }
+    return EventEmitterMixinClass;
+};
+//# sourceMappingURL=EventEmitterMixin.js.map

package/dist/utils/EventEmitterMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventEmitterMixin.js","sourceRoot":"","sources":["../../src/utils/EventEmitterMixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAoChC;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAoC,UAAa,EAAE,EAAE;IACpF,MAAM,sBAAuB,SAAQ,UAAU;QAC7C;;;;WAIG;QACH,iBAAiB;YACf,KAAK,CAAC,iBAAiB,EAAE,CAAA;YACzB,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CACpB,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,uBAAuB,EAAE,EAAE,CAAC,EAC5C,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE,EAAE,KAAK,EAAE,CAAC,CACnD,CAAA;QACH,CAAC;QAED;;;;WAIG;QACH,oBAAoB;YAClB,KAAK,CAAC,oBAAoB,EAAE,CAAA;YAC5B,IAAI,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAA;QACvC,CAAC;QAED;;;;;;;;;;;;;;;;WAgBG;QACH,IAAI,CAAiC,IAAO,EAAE,MAA6C;YACzF,OAAO,IAAI,CAAC,aAAa,CACvB,IAAI,WAAW,CAAC,IAAI,EAAE;gBACpB,OAAO,EAAE,IAAI;gBACb,UAAU,EAAE,KAAK;gBACjB,QAAQ,EAAE,IAAI;gBACd,MAAM;aACP,CAAC,CACH,CAAA;QACH,CAAC;KACF;IACD,OAAO,sBAAqE,CAAA;AAC9E,CAAC,CAAA"}

package/dist/utils/ReadyMixin.d.ts

@@ -0,0 +1,31 @@
+import { LitElement } from 'lit';
+type Constructor<T = object> = new (...args: any[]) => T;
+export declare class ReadyMixinInterface {
+}
+/**
+ * @mixin
+ * Mixin that ensures DOM is fully loaded before initializing component
+ * Prevents components from querying or manipulating DOM elements before
+ * they're available by deferring \`super.connectedCallback()\` until the DOM is ready.
+ *
+ * @example
+ * ```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
+ * }
+ */
+export declare const ReadyMixin: <T extends Constructor<LitElement>>(superClass: T) => Constructor<ReadyMixinInterface> & T;
+export {};
+//# sourceMappingURL=ReadyMixin.d.ts.map

package/dist/utils/ReadyMixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReadyMixin.d.ts","sourceRoot":"","sources":["../../src/utils/ReadyMixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAChC,KAAK,WAAW,CAAC,CAAC,GAAG,MAAM,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAA;AAExD,MAAM,CAAC,OAAO,OAAO,mBAAmB;CAAG;AAE3C;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EAAE,YAAY,CAAC,KAc/C,WAAW,CAAC,mBAAmB,CAAC,GAAG,CAC9D,CAAA"}

package/dist/utils/ReadyMixin.js

@@ -0,0 +1,42 @@
+import { LitElement } from 'lit';
+/**
+ * @mixin
+ * Mixin that ensures DOM is fully loaded before initializing component
+ * Prevents components from querying or manipulating DOM elements before
+ * they're available by deferring \`super.connectedCallback()\` until the DOM is ready.
+ *
+ * @example
+ * ```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
+ * }
+ */
+export const ReadyMixin = (superClass) => {
+    class ReadyMixinClass extends superClass {
+        connectedCallback() {
+            const init = () => {
+                super.connectedCallback();
+            };
+            if (document.readyState !== 'loading') {
+                init();
+            }
+            else {
+                document.addEventListener('DOMContentLoaded', () => init());
+            }
+        }
+    }
+    return ReadyMixinClass;
+};
+//# sourceMappingURL=ReadyMixin.js.map

package/dist/utils/ReadyMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReadyMixin.js","sourceRoot":"","sources":["../../src/utils/ReadyMixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAKhC;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAoC,UAAa,EAAE,EAAE;IAC7E,MAAM,eAAgB,SAAQ,UAAU;QACtC,iBAAiB;YACf,MAAM,IAAI,GAAG,GAAG,EAAE;gBAChB,KAAK,CAAC,iBAAiB,EAAE,CAAA;YAC3B,CAAC,CAAA;YAED,IAAI,QAAQ,CAAC,UAAU,KAAK,SAAS,EAAE,CAAC;gBACtC,IAAI,EAAE,CAAA;YACR,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,CAAC,CAAA;YAC7D,CAAC;QACH,CAAC;KACF;IACD,OAAO,eAAuD,CAAA;AAChE,CAAC,CAAA"}

package/package.json

@@ -1,28 +1,41 @@
 {
   "name": "@brightspot/ui",
-  "version": "1.0.1-5",
+  "version": "1.0.1-6",
   "type": "module",
   "license": "UNLICENSED",
   "description": "A UI library for building Brightspot CMS components.",
-  "main": "./dist/tailwind.config.ts",
+  "main": "./dist/tailwind.config.js",
+  "customElements": "dist/custom-elements.json",
+  "exports": {
+    ".": "./dist/tailwind.config.js",
+    "./dist/*": "./dist/*",
+    "./custom-elements.json": "./dist/custom-elements.json"
+  },
   "scripts": {
     "format": "prettier --write --ignore-unknown .",
     "clean": "shx rm -rf ./dist/*",
-    "build": "yarn clean && tsc --noEmitOnError && shx cp ./src/*.ts ./dist && shx rm ./dist/tailwind.storybook.config* && shx rm -Rf ./dist/stories",
+    "cem": "cem analyze --litelement",
+    "cem:watch": "cem analyze --litelement --watch",
+    "cem:docs": "yarn cem && node scripts/generate-docs.mjs",
+    "build": "yarn clean && tsc --noEmitOnError && yarn cem && node scripts/copy-component-css.mjs && shx cp ./src/*.ts ./dist && shx rm ./dist/tailwind.storybook.config* && shx rm -Rf ./dist/stories",
     "prepack": "yarn build && yarn build-storybook",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build -o ./dist/storybook",
+    "storybook": "yarn cem && storybook dev -p 6006",
+    "build-storybook": "yarn cem && storybook build -o ./dist/storybook",
     "prepare": "husky"
   },
   "devDependencies": {
     "@commitlint/cli": "^20.1.0",
     "@commitlint/config-conventional": "^20.0.0",
+    "@custom-elements-manifest/analyzer": "^0.11.0",
+    "@custom-elements-manifest/to-markdown": "^0.1.0",
     "@eslint/js": "^9.23.0",
     "@storybook/addon-docs": "^10.0.6",
     "@storybook/addon-themes": "^10.0.6",
     "@storybook/web-components-vite": "^10.0.6",
     "@tailwindcss/container-queries": "^0.1.1",
     "@types/node": "^24.10.0",
+    "@types/postcss-import": "^14.0.3",
+    "@wc-toolkit/storybook-helpers": "^10.0.0",
     "autoprefixer": "10.4.21",
     "css-loader": "^6.7.1",
     "eslint": "^9.39.1",
@@ -54,10 +67,21 @@
     "lucide-static": "0.508.0",
     "tailwindcss": "^3.4.13"
   },
+  "peerDependencies": {
+    "lit": "^3.0.0"
+  },
+  "sideEffects": [
+    "dist/components/**/*.js"
+  ],
   "files": [
     "dist/**/*"
   ],
   "lint-staged": {
+    "src/components/**/*.ts": [
+      "node scripts/run-cem.cjs",
+      "node scripts/generate-docs.mjs",
+      "git add docs/api.md"
+    ],
     "*": "yarn format"
   }
 }

package/dist/storybook/assets/Badge.stories-BUWscv-N.js

@@ -1,43 +0,0 @@
-import{x as i}from"./iframe-D3S76tLX.js";import"./preload-helper-PPVm8Dsz.js";const p=({color:e="gray",affordance:a,size:u="sm",customForegroundColor:n,customBackgroundColor:c,label:g})=>{let l=!1,d=!1;a==="dot"?l=!0:a==="icon"&&(d=!0);const o=[];return n&&o.push(`--badge-color-foreground: ${n}`),c&&o.push(`--badge-color-background: ${c}`),i`
-    <span
-      class=${["btu-badge",`btu-badge-${u}`,`btu-badge-${e}`,l?"before:size-2 before:rounded-lg before:bg-[currentColor]":"",d?"before:btu-icon before:btu-icon-xs before:btu-icon-salad":""].join(" ")}
-      style=${o.length>0?o.join("; "):""}
-    >
-      ${g}
-    </span>
-  `},m=["black","white","primary","teal","gray","purple","rose","error","warning","success"],f={title:"Components/Badge",component:"btu-badge",tags:["autodocs"],parameters:{docs:{subtitle:"btu-badge"},controls:{expanded:!0}},render:e=>p(e),argTypes:{color:{control:{type:"select"},options:m},affordance:{control:{type:"select"},options:["dot","icon"],description:"Display a design affordance next to the label"},size:{control:{type:"select"},options:["sm","md","lg"]},customForegroundColor:{control:{type:"color"},description:"Custom foreground (text) color - overrides the theme color"},customBackgroundColor:{control:{type:"color"},description:"Custom background color - overrides the theme color"}},args:{color:"purple",affordance:"dot",size:"sm",customForegroundColor:"",customBackgroundColor:"",label:"Badge"}},r={args:{}},s={args:{color:"primary",size:"lg",label:"Custom Colors Badge",customForegroundColor:"#a04b4b",customBackgroundColor:"#dce34d"},parameters:{docs:{description:{story:"Badge supports custom colors using the btu-badge-foreground and btu-badge-background utilities. Setting these values will override any theme colors."}}}},t={args:{color:"success",size:"lg",label:"Linked Badge"},decorators:[e=>i`<a href="#" class="hover:text-primary inline-flex items-center gap-2 hover:underline"
-        >Hover over me to see the ${e()} in action.</a
-      >`],parameters:{docs:{description:{story:"Badges inside anchor elements automatically handle underlines properly. The underline uses the badge background color instead of the default link color, ensuring proper visual hierarchy when badges are used as clickable elements."}}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
-  args: {}
-}`,...r.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
-  args: {
-    color: 'primary',
-    size: 'lg',
-    label: 'Custom Colors Badge',
-    customForegroundColor: '#a04b4b',
-    customBackgroundColor: '#dce34d'
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: \`Badge supports custom colors using the btu-badge-foreground and btu-badge-background utilities. Setting these values will override any theme colors.\`
-      }
-    }
-  }
-}`,...s.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
-  args: {
-    color: 'success',
-    size: 'lg',
-    label: 'Linked Badge'
-  },
-  decorators: [story => html\`<a href="#" class="hover:text-primary inline-flex items-center gap-2 hover:underline"
-        >Hover over me to see the \${story()} in action.</a
-      >\`],
-  parameters: {
-    docs: {
-      description: {
-        story: \`Badges inside anchor elements automatically handle underlines properly. The underline uses the badge background color instead of the default link color, ensuring proper visual hierarchy when badges are used as clickable elements.\`
-      }
-    }
-  }
-}`,...t.parameters?.docs?.source}}};const y=["Default","CustomColors","InsideAnchor"];export{s as CustomColors,r as Default,t as InsideAnchor,y as __namedExportsOrder,f as default};

package/dist/storybook/assets/formatter-OMEEQ6HG-VMKmNmlI.js

@@ -1 +0,0 @@
-import{d as i,a as t}from"./WithTooltip-SK46ZJ2J-BQsmdHUK.js";import{c as m}from"./iframe-D3S76tLX.js";import"./preload-helper-PPVm8Dsz.js";var a=m(t(),1),d=(0,a.default)(2)(async(e,r)=>e===!1?r:i(r));export{d as formatter};