@visitwonders/assembly 0.1.0 → 0.2.0

package/dist/overlay/tooltip.css

@@ -1,12 +1,13 @@
+/* src/overlay/tooltip.css */
 /* ===================================
  * Tooltip Component
  * =================================== */
 
-.tooltip {
+.tooltip_e1d3ad271 {
   display: inline-flex;
 }
 
-.tooltip-provider {
+.tooltip-provider_e1d3ad271 {
   display: contents;
 }
 
@@ -14,7 +15,7 @@
  * Trigger
  * =================================== */
 
-.tooltip-trigger {
+.tooltip-trigger_e1d3ad271 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -24,7 +25,7 @@
  * Content - Dark variant (default)
  * =================================== */
 
-.tooltip-content {
+.tooltip-content_e1d3ad271 {
   /* Positioning */
   position: absolute;
   z-index: var(--z-tooltip, 9999);
@@ -42,14 +43,14 @@
   /* Typography */
   font-size: var(--font-size-sm, 14px);
   font-weight: var(--font-weight-medium, 500);
-  line-height: var(--line-height-tight, 1.25);
+  line-height: var(--line-height-tight);
 
   /* Sizing */
   max-width: 240px;
   padding: 6px 10px;
 
   /* Animation */
-  animation: tooltip-fade-in var(--duration-150, 150ms)
+  animation: tooltip-fade-in__e1d3ad271 var(--duration-150, 150ms)
     var(--easing-out, ease-out);
 
   /* Prevent text selection */
@@ -58,26 +59,26 @@
 }
 
 /* Light variant */
-.tooltip-content[data-variant="light"] {
+.tooltip-content_e1d3ad271[data-variant="light"] {
   background: var(--white, #fff);
   color: var(--gray-900, #161a2e);
   border: 1px solid var(--gray-200, #d8dcea);
 }
 
 /* Transform origin based on side */
-.tooltip-content[data-side="top"] {
+.tooltip-content_e1d3ad271[data-side="top"] {
   --transform-origin: bottom center;
 }
 
-.tooltip-content[data-side="bottom"] {
+.tooltip-content_e1d3ad271[data-side="bottom"] {
   --transform-origin: top center;
 }
 
-.tooltip-content[data-side="left"] {
+.tooltip-content_e1d3ad271[data-side="left"] {
   --transform-origin: right center;
 }
 
-.tooltip-content[data-side="right"] {
+.tooltip-content_e1d3ad271[data-side="right"] {
   --transform-origin: left center;
 }
 
@@ -85,7 +86,7 @@
  * Animation
  * =================================== */
 
-@keyframes tooltip-fade-in {
+@keyframes tooltip-fade-in__e1d3ad271 {
   from {
     opacity: 0;
     transform: scale(0.96);
@@ -100,7 +101,7 @@
  * Arrow (Caret)
  * =================================== */
 
-.tooltip-arrow {
+.tooltip-arrow_e1d3ad271 {
   position: absolute;
   width: 0;
   height: 0;
@@ -108,37 +109,37 @@
 }
 
 /* Arrow pointing down (tooltip on top) */
-.tooltip-arrow[data-side="top"] {
+.tooltip-arrow_e1d3ad271[data-side="top"] {
   border-width: 6px 6px 0 6px;
   border-color: var(--gray-900, #161a2e) transparent transparent transparent;
 }
 
 /* Arrow pointing up (tooltip on bottom) */
-.tooltip-arrow[data-side="bottom"] {
+.tooltip-arrow_e1d3ad271[data-side="bottom"] {
   border-width: 0 6px 6px 6px;
   border-color: transparent transparent var(--gray-900, #161a2e) transparent;
 }
 
 /* Arrow pointing right (tooltip on left) */
-.tooltip-arrow[data-side="left"] {
+.tooltip-arrow_e1d3ad271[data-side="left"] {
   border-width: 6px 0 6px 6px;
   border-color: transparent transparent transparent var(--gray-900, #161a2e);
 }
 
 /* Arrow pointing left (tooltip on right) */
-.tooltip-arrow[data-side="right"] {
+.tooltip-arrow_e1d3ad271[data-side="right"] {
   border-width: 6px 6px 6px 0;
   border-color: transparent var(--gray-900, #161a2e) transparent transparent;
 }
 
 /* Light variant arrow - uses pseudo-element for border effect */
-.tooltip-content[data-variant="light"] .tooltip-arrow {
+.tooltip-content_e1d3ad271[data-variant="light"] .tooltip-arrow_e1d3ad271 {
   /* Hide the default arrow, we'll use pseudo-elements instead */
   border-color: transparent;
 }
 
-.tooltip-content[data-variant="light"] .tooltip-arrow::before,
-.tooltip-content[data-variant="light"] .tooltip-arrow::after {
+.tooltip-content_e1d3ad271[data-variant="light"] .tooltip-arrow_e1d3ad271::before,
+.tooltip-content_e1d3ad271[data-variant="light"] .tooltip-arrow_e1d3ad271::after {
   content: "";
   position: absolute;
   width: 0;
@@ -147,24 +148,24 @@
 }
 
 /* Border layer (behind) */
-.tooltip-content[data-variant="light"] .tooltip-arrow::before {
+.tooltip-content_e1d3ad271[data-variant="light"] .tooltip-arrow_e1d3ad271::before {
   z-index: 0;
 }
 
 /* Fill layer (in front) */
-.tooltip-content[data-variant="light"] .tooltip-arrow::after {
+.tooltip-content_e1d3ad271[data-variant="light"] .tooltip-arrow_e1d3ad271::after {
   z-index: 1;
 }
 
 /* Top arrow (pointing down) - light variant */
-.tooltip-content[data-variant="light"] .tooltip-arrow[data-side="top"]::before {
+.tooltip-content_e1d3ad271[data-variant="light"] .tooltip-arrow_e1d3ad271[data-side="top"]::before {
   border-width: 7px 7px 0 7px;
   border-color: var(--gray-200, #d8dcea) transparent transparent transparent;
   top: 0;
   left: -1px;
 }
 
-.tooltip-content[data-variant="light"] .tooltip-arrow[data-side="top"]::after {
+.tooltip-content_e1d3ad271[data-variant="light"] .tooltip-arrow_e1d3ad271[data-side="top"]::after {
   border-width: 6px 6px 0 6px;
   border-color: var(--white, #fff) transparent transparent transparent;
   top: 0;
@@ -172,16 +173,16 @@
 }
 
 /* Bottom arrow (pointing up) - light variant */
-.tooltip-content[data-variant="light"]
-  .tooltip-arrow[data-side="bottom"]::before {
+.tooltip-content_e1d3ad271[data-variant="light"]
+  .tooltip-arrow_e1d3ad271[data-side="bottom"]::before {
   border-width: 0 7px 7px 7px;
   border-color: transparent transparent var(--gray-200, #d8dcea) transparent;
   bottom: 0;
   left: -1px;
 }
 
-.tooltip-content[data-variant="light"]
-  .tooltip-arrow[data-side="bottom"]::after {
+.tooltip-content_e1d3ad271[data-variant="light"]
+  .tooltip-arrow_e1d3ad271[data-side="bottom"]::after {
   border-width: 0 6px 6px 6px;
   border-color: transparent transparent var(--white, #fff) transparent;
   bottom: 0;
@@ -189,15 +190,15 @@
 }
 
 /* Left arrow (pointing right) - light variant */
-.tooltip-content[data-variant="light"]
-  .tooltip-arrow[data-side="left"]::before {
+.tooltip-content_e1d3ad271[data-variant="light"]
+  .tooltip-arrow_e1d3ad271[data-side="left"]::before {
   border-width: 7px 0 7px 7px;
   border-color: transparent transparent transparent var(--gray-200, #d8dcea);
   top: -1px;
   left: 0;
 }
 
-.tooltip-content[data-variant="light"] .tooltip-arrow[data-side="left"]::after {
+.tooltip-content_e1d3ad271[data-variant="light"] .tooltip-arrow_e1d3ad271[data-side="left"]::after {
   border-width: 6px 0 6px 6px;
   border-color: transparent transparent transparent var(--white, #fff);
   top: 0;
@@ -205,16 +206,16 @@
 }
 
 /* Right arrow (pointing left) - light variant */
-.tooltip-content[data-variant="light"]
-  .tooltip-arrow[data-side="right"]::before {
+.tooltip-content_e1d3ad271[data-variant="light"]
+  .tooltip-arrow_e1d3ad271[data-side="right"]::before {
   border-width: 7px 7px 7px 0;
   border-color: transparent var(--gray-200, #d8dcea) transparent transparent;
   top: -1px;
   right: 0;
 }
 
-.tooltip-content[data-variant="light"]
-  .tooltip-arrow[data-side="right"]::after {
+.tooltip-content_e1d3ad271[data-variant="light"]
+  .tooltip-arrow_e1d3ad271[data-side="right"]::after {
   border-width: 6px 6px 6px 0;
   border-color: transparent var(--white, #fff) transparent transparent;
   top: 0;
@@ -225,7 +226,7 @@
  * Keyboard Shortcut Badge
  * =================================== */
 
-.tooltip-kbd {
+.tooltip-kbd_e1d3ad271 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -241,6 +242,6 @@
   color: var(--gray-300, #c2c7d9);
 }
 
-.tooltip-kbd + .tooltip-kbd {
+.tooltip-kbd_e1d3ad271 + .tooltip-kbd_e1d3ad271 {
   margin-left: var(--spacing-1, 4px);
 }

package/dist/overlay/tooltip.js

@@ -48,7 +48,7 @@ class TooltipProvider extends Component {
     };
   });
   static {
-    setComponentTemplate(precompileTemplate("<div class=\"tooltip-provider\" {{this.setupProvider}} ...attributes>\n  {{yield}}\n</div>", {
+    setComponentTemplate(precompileTemplate("<div class=\"tooltip-provider_e1d3ad271\" {{this.setupProvider}} ...attributes>\n  {{yield}}\n</div>", {
       strictMode: true
     }), this);
   }
@@ -355,7 +355,7 @@ class Tooltip extends Component {
     return this.isOpen ? this.contentId : undefined;
   }
   static {
-    setComponentTemplate(precompileTemplate("<span class=\"tooltip\" {{this.setupEventListeners}} data-test-tooltip ...attributes>\n  <span class=\"tooltip-trigger\" aria-describedby={{this.ariaDescribedBy}} {{on \"mouseenter\" this.handleMouseEnter}} {{on \"mouseleave\" this.handleMouseLeave}} {{on \"focusin\" this.handleFocusIn}} {{on \"focusout\" this.handleFocusOut}} {{this.registerTrigger}} data-test-tooltip-trigger>\n    {{yield}}\n  </span>\n\n  {{#if this.isOpen}}\n    {{#in-element this.destinationElement insertBefore=null}}\n      <div id={{this.contentId}} class=\"tooltip-content\" role=\"tooltip\" aria-label={{@aria-label}} data-side={{this.actualSide}} data-variant={{this.variant}} {{on \"mouseenter\" this.handleContentMouseEnter}} {{on \"mouseleave\" this.handleContentMouseLeave}} {{this.applyPositioning trigger=this.triggerElement placement=this.placement offsetOptions=this.offsetOptions flipOptions=this.flipOptions shiftOptions=this.shiftOptions}} data-test-tooltip-content>\n        {{#if (has-block \"content\")}}\n          {{yield to=\"content\"}}\n        {{else}}\n          {{@content}}\n        {{/if}}\n        {{#if this.showArrow}}\n          <div class=\"tooltip-arrow\" data-test-tooltip-arrow></div>\n        {{/if}}\n      </div>\n    {{/in-element}}\n  {{/if}}\n</span>", {
+    setComponentTemplate(precompileTemplate("<span class=\"tooltip_e1d3ad271\" {{this.setupEventListeners}} data-test-tooltip ...attributes>\n  <span class=\"tooltip-trigger_e1d3ad271\" aria-describedby={{this.ariaDescribedBy}} {{on \"mouseenter\" this.handleMouseEnter}} {{on \"mouseleave\" this.handleMouseLeave}} {{on \"focusin\" this.handleFocusIn}} {{on \"focusout\" this.handleFocusOut}} {{this.registerTrigger}} data-test-tooltip-trigger>\n    {{yield}}\n  </span>\n\n  {{#if this.isOpen}}\n    {{#in-element this.destinationElement insertBefore=null}}\n      <div id={{this.contentId}} class=\"tooltip-content_e1d3ad271\" role=\"tooltip\" aria-label={{@aria-label}} data-side={{this.actualSide}} data-variant={{this.variant}} {{on \"mouseenter\" this.handleContentMouseEnter}} {{on \"mouseleave\" this.handleContentMouseLeave}} {{this.applyPositioning trigger=this.triggerElement placement=this.placement offsetOptions=this.offsetOptions flipOptions=this.flipOptions shiftOptions=this.shiftOptions}} data-test-tooltip-content>\n        {{#if (has-block \"content\")}}\n          {{yield to=\"content\"}}\n        {{else}}\n          {{@content}}\n        {{/if}}\n        {{#if this.showArrow}}\n          <div class=\"tooltip-arrow_e1d3ad271\" data-test-tooltip-arrow></div>\n        {{/if}}\n      </div>\n    {{/in-element}}\n  {{/if}}\n</span>", {
       strictMode: true,
       scope: () => ({
         on

package/dist/skeleton-shared-BTA5oAjw.js

@@ -0,0 +1,3 @@
+import "./status/skeleton-shared.css"
+;
+//# sourceMappingURL=skeleton-shared-BTA5oAjw.js.map

package/dist/skeleton-shared-BTA5oAjw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-shared-BTA5oAjw.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/status/badge.css

@@ -1,8 +1,9 @@
+/* src/status/badge.css */
 /* ===================================
  * Badge Component
  * =================================== */
 
-.badge {
+.badge_e706d9725 {
   /* Layout */
   display: inline-flex;
   align-items: center;
@@ -28,30 +29,30 @@
  * Sizes
  * =================================== */
 
-.badge[data-size="sm"] {
+.badge_e706d9725[data-size="sm"] {
   height: 20px;
   padding: 0 var(--spacing-2);
   font-size: var(--font-size-xs);
 }
 
-.badge[data-size="md"] {
+.badge_e706d9725[data-size="md"] {
   height: 24px;
   padding: 0 var(--spacing-2-5);
   font-size: var(--font-size-sm);
 }
 
 /* Count mode - pill shape */
-.badge[data-count="true"] {
+.badge_e706d9725[data-count="true"] {
   border-radius: var(--radius-full);
   min-width: 20px;
 }
 
-.badge[data-count="true"][data-size="sm"] {
+.badge_e706d9725[data-count="true"][data-size="sm"] {
   min-width: 18px;
   padding: 0 var(--spacing-1-5);
 }
 
-.badge[data-count="true"][data-size="md"] {
+.badge_e706d9725[data-count="true"][data-size="md"] {
   min-width: 22px;
   padding: 0 var(--spacing-2);
 }
@@ -60,7 +61,7 @@
  * Dot Indicator
  * =================================== */
 
-.badge[data-dot="true"]::before {
+.badge_e706d9725[data-dot="true"]::before {
   content: "";
   display: block;
   width: 6px;
@@ -70,7 +71,7 @@
   flex-shrink: 0;
 }
 
-.badge[data-dot="true"][data-size="sm"]::before {
+.badge_e706d9725[data-dot="true"][data-size="sm"]::before {
   width: 5px;
   height: 5px;
 }
@@ -80,37 +81,37 @@
  * =================================== */
 
 /* Neutral */
-.badge[data-variant="default"][data-tone="neutral"] {
+.badge_e706d9725[data-variant="default"][data-tone="neutral"] {
   background: var(--color-bg-fill-neutral);
   color: var(--color-text-on-neutral);
 }
 
 /* Primary */
-.badge[data-variant="default"][data-tone="primary"] {
+.badge_e706d9725[data-variant="default"][data-tone="primary"] {
   background: var(--color-bg-fill-primary);
   color: var(--color-text-on-primary);
 }
 
 /* Success */
-.badge[data-variant="default"][data-tone="success"] {
+.badge_e706d9725[data-variant="default"][data-tone="success"] {
   background: var(--color-bg-fill-success);
   color: var(--color-text-on-success);
 }
 
 /* Warning */
-.badge[data-variant="default"][data-tone="warning"] {
+.badge_e706d9725[data-variant="default"][data-tone="warning"] {
   background: var(--color-bg-fill-warning);
   color: var(--color-text-on-warning);
 }
 
 /* Critical */
-.badge[data-variant="default"][data-tone="critical"] {
+.badge_e706d9725[data-variant="default"][data-tone="critical"] {
   background: var(--color-bg-fill-critical);
   color: var(--color-text-on-critical);
 }
 
 /* Info */
-.badge[data-variant="default"][data-tone="info"] {
+.badge_e706d9725[data-variant="default"][data-tone="info"] {
   background: var(--color-bg-fill-info);
   color: var(--color-text-on-info);
 }
@@ -120,37 +121,37 @@
  * =================================== */
 
 /* Neutral */
-.badge[data-variant="subtle"][data-tone="neutral"] {
+.badge_e706d9725[data-variant="subtle"][data-tone="neutral"] {
   background: var(--color-bg-neutral-subtle);
   color: var(--color-text);
 }
 
 /* Primary */
-.badge[data-variant="subtle"][data-tone="primary"] {
+.badge_e706d9725[data-variant="subtle"][data-tone="primary"] {
   background: var(--color-bg-primary-subtle);
   color: var(--color-text-primary);
 }
 
 /* Success */
-.badge[data-variant="subtle"][data-tone="success"] {
+.badge_e706d9725[data-variant="subtle"][data-tone="success"] {
   background: var(--color-bg-success-subtle);
   color: var(--color-text-success);
 }
 
 /* Warning */
-.badge[data-variant="subtle"][data-tone="warning"] {
+.badge_e706d9725[data-variant="subtle"][data-tone="warning"] {
   background: var(--color-bg-warning-subtle);
   color: var(--color-text-warning);
 }
 
 /* Critical */
-.badge[data-variant="subtle"][data-tone="critical"] {
+.badge_e706d9725[data-variant="subtle"][data-tone="critical"] {
   background: var(--color-bg-critical-subtle);
   color: var(--color-text-critical);
 }
 
 /* Info */
-.badge[data-variant="subtle"][data-tone="info"] {
+.badge_e706d9725[data-variant="subtle"][data-tone="info"] {
   background: var(--color-bg-info-subtle);
   color: var(--color-text-info);
 }
@@ -160,42 +161,42 @@
  * =================================== */
 
 /* Neutral */
-.badge[data-variant="outline"][data-tone="neutral"] {
+.badge_e706d9725[data-variant="outline"][data-tone="neutral"] {
   background: transparent;
   border: 1px solid var(--color-border-neutral);
   color: var(--color-text);
 }
 
 /* Primary */
-.badge[data-variant="outline"][data-tone="primary"] {
+.badge_e706d9725[data-variant="outline"][data-tone="primary"] {
   background: transparent;
   border: 1px solid var(--color-border-primary);
   color: var(--color-text-primary);
 }
 
 /* Success */
-.badge[data-variant="outline"][data-tone="success"] {
+.badge_e706d9725[data-variant="outline"][data-tone="success"] {
   background: transparent;
   border: 1px solid var(--color-border-success);
   color: var(--color-text-success);
 }
 
 /* Warning */
-.badge[data-variant="outline"][data-tone="warning"] {
+.badge_e706d9725[data-variant="outline"][data-tone="warning"] {
   background: transparent;
   border: 1px solid var(--color-border-warning);
   color: var(--color-text-warning);
 }
 
 /* Critical */
-.badge[data-variant="outline"][data-tone="critical"] {
+.badge_e706d9725[data-variant="outline"][data-tone="critical"] {
   background: transparent;
   border: 1px solid var(--color-border-critical);
   color: var(--color-text-critical);
 }
 
 /* Info */
-.badge[data-variant="outline"][data-tone="info"] {
+.badge_e706d9725[data-variant="outline"][data-tone="info"] {
   background: transparent;
   border: 1px solid var(--color-border-info);
   color: var(--color-text-info);
@@ -205,14 +206,14 @@
  * Inner Elements
  * =================================== */
 
-.badge-prefix,
-.badge-suffix {
+.badge-prefix_e706d9725,
+.badge-suffix_e706d9725 {
   display: flex;
   align-items: center;
   flex-shrink: 0;
 }
 
-.badge-content {
+.badge-content_e706d9725 {
   flex: 1 1 auto;
   text-align: center;
 }

package/dist/status/badge.js

@@ -28,7 +28,7 @@ class Badge extends Component {
     return String(count);
   }
   static {
-    setComponentTemplate(precompileTemplate("<span class=\"badge\" aria-label={{@aria-label}} data-tone={{this.tone}} data-variant={{this.variant}} data-size={{this.size}} data-dot={{if @dot \"true\"}} data-count={{if this.isCountMode \"true\"}} data-test-badge ...attributes>\n  {{#if (has-block \"prefix\")}}\n    <span class=\"badge-prefix\" data-test-badge-prefix>\n      {{yield to=\"prefix\"}}\n    </span>\n  {{/if}}\n  <span class=\"badge-content\">\n    {{#if this.isCountMode}}\n      {{this.displayCount}}\n    {{else}}\n      {{yield}}\n    {{/if}}\n  </span>\n  {{#if (has-block \"suffix\")}}\n    <span class=\"badge-suffix\" data-test-badge-suffix>\n      {{yield to=\"suffix\"}}\n    </span>\n  {{/if}}\n</span>", {
+    setComponentTemplate(precompileTemplate("<span class=\"badge_e706d9725\" aria-label={{@aria-label}} data-tone={{this.tone}} data-variant={{this.variant}} data-size={{this.size}} data-dot={{if @dot \"true\"}} data-count={{if this.isCountMode \"true\"}} data-test-badge ...attributes>\n  {{#if (has-block \"prefix\")}}\n    <span class=\"badge-prefix_e706d9725\" data-test-badge-prefix>\n      {{yield to=\"prefix\"}}\n    </span>\n  {{/if}}\n  <span class=\"badge-content_e706d9725\">\n    {{#if this.isCountMode}}\n      {{this.displayCount}}\n    {{else}}\n      {{yield}}\n    {{/if}}\n  </span>\n  {{#if (has-block \"suffix\")}}\n    <span class=\"badge-suffix_e706d9725\" data-test-badge-suffix>\n      {{yield to=\"suffix\"}}\n    </span>\n  {{/if}}\n</span>", {
       strictMode: true
     }), this);
   }

package/dist/status/skeleton-avatar.js

@@ -1,5 +1,5 @@
 import Component from '@glimmer/component';
-import '../skeleton-CL5Pcwrk.js';
+import '../skeleton-shared-BTA5oAjw.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 

package/dist/status/skeleton-avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-avatar.js","sources":["../../src/status/skeleton-avatar.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport type { SkeletonAnimation } from './skeleton.gts';\nimport './skeleton.css';\n\nexport type SkeletonAvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nexport interface SkeletonAvatarSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** Avatar size */\n    size?: SkeletonAvatarSize;\n\n    /** Custom size in pixels (overrides size prop) */\n    customSize?: number;\n\n    /** Animation style */\n    animation?: SkeletonAnimation;\n  };\n}\n\nexport default class SkeletonAvatar extends Component<SkeletonAvatarSignature> {\n  get size(): SkeletonAvatarSize {\n    return this.args.size ?? 'md';\n  }\n\n  get animation(): SkeletonAnimation {\n    return this.args.animation ?? 'wave';\n  }\n\n  get hasCustomSize(): boolean {\n    return this.args.customSize !== undefined;\n  }\n\n  get style(): string | undefined {\n    if (!this.hasCustomSize) return undefined;\n    const size = `${this.args.customSize}px`;\n    return `width: ${size}; height: ${size}`;\n  }\n\n  <template>\n    <div\n      class=\"skeleton skeleton-avatar\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      data-variant=\"circular\"\n      data-animation={{this.animation}}\n      data-size={{unless this.hasCustomSize this.size}}\n      style={{this.style}}\n      data-test-skeleton-avatar\n      ...attributes\n    ></div>\n  </template>\n}\n"],"names":["SkeletonAvatar","Component","size","args","animation","hasCustomSize","customSize","undefined","style","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;AAoBe,MAAMA,uBAAuBC,SAAA,CAAU;EACpD,IAAIC,OAA2B;AAC7B,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,IAAI,IAAI,IAAA;AAC3B,EAAA;EAEA,IAAIE,YAA+B;AACjC,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,SAAS,IAAI,MAAA;AAChC,EAAA;EAEA,IAAIC,aAAAA,GAAyB;AAC3B,IAAA,OAAO,IAAI,CAACF,IAAI,CAACG,UAAU,KAAKC,SAAA;AAClC,EAAA;EAEA,IAAIC,KAAAA,GAA4B;AAC9B,IAAA,IAAI,CAAC,IAAI,CAACH,aAAa,EAAE,OAAOE,SAAA;IAChC,MAAML,IAAA,GAAO,CAAA,EAAG,IAAI,CAACC,IAAI,CAACG,UAAU,CAAA,EAAA,CAAI;AACxC,IAAA,OAAO,CAAA,OAAA,EAAUJ,iBAAiBA,MAAM;AAC1C,EAAA;AAEA,EAAA;IAAAO,oBAAA,CAAAC,kBAAA,CAAA,sQAAA,EAYA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"skeleton-avatar.js","sources":["../../src/status/skeleton-avatar.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport type { SkeletonAnimation } from './skeleton.gts';\nimport './skeleton-shared.css';\n\nexport type SkeletonAvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nexport interface SkeletonAvatarSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** Avatar size */\n    size?: SkeletonAvatarSize;\n\n    /** Custom size in pixels (overrides size prop) */\n    customSize?: number;\n\n    /** Animation style */\n    animation?: SkeletonAnimation;\n  };\n}\n\nexport default class SkeletonAvatar extends Component<SkeletonAvatarSignature> {\n  get size(): SkeletonAvatarSize {\n    return this.args.size ?? 'md';\n  }\n\n  get animation(): SkeletonAnimation {\n    return this.args.animation ?? 'wave';\n  }\n\n  get hasCustomSize(): boolean {\n    return this.args.customSize !== undefined;\n  }\n\n  get style(): string | undefined {\n    if (!this.hasCustomSize) return undefined;\n    const size = `${this.args.customSize}px`;\n    return `width: ${size}; height: ${size}`;\n  }\n\n  <template>\n    <div\n      class=\"skeleton skeleton-avatar\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      data-variant=\"circular\"\n      data-animation={{this.animation}}\n      data-size={{unless this.hasCustomSize this.size}}\n      style={{this.style}}\n      data-test-skeleton-avatar\n      ...attributes\n    ></div>\n  </template>\n}\n"],"names":["SkeletonAvatar","Component","size","args","animation","hasCustomSize","customSize","undefined","style","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;AAoBe,MAAMA,uBAAuBC,SAAA,CAAU;EACpD,IAAIC,OAA2B;AAC7B,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,IAAI,IAAI,IAAA;AAC3B,EAAA;EAEA,IAAIE,YAA+B;AACjC,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,SAAS,IAAI,MAAA;AAChC,EAAA;EAEA,IAAIC,aAAAA,GAAyB;AAC3B,IAAA,OAAO,IAAI,CAACF,IAAI,CAACG,UAAU,KAAKC,SAAA;AAClC,EAAA;EAEA,IAAIC,KAAAA,GAA4B;AAC9B,IAAA,IAAI,CAAC,IAAI,CAACH,aAAa,EAAE,OAAOE,SAAA;IAChC,MAAML,IAAA,GAAO,CAAA,EAAG,IAAI,CAACC,IAAI,CAACG,UAAU,CAAA,EAAA,CAAI;AACxC,IAAA,OAAO,CAAA,OAAA,EAAUJ,iBAAiBA,MAAM;AAC1C,EAAA;AAEA,EAAA;IAAAO,oBAAA,CAAAC,kBAAA,CAAA,sQAAA,EAYA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/status/skeleton-button.js

@@ -1,5 +1,5 @@
 import Component from '@glimmer/component';
-import '../skeleton-CL5Pcwrk.js';
+import '../skeleton-shared-BTA5oAjw.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 

package/dist/status/skeleton-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-button.js","sources":["../../src/status/skeleton-button.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport type { SkeletonAnimation } from './skeleton.gts';\nimport './skeleton.css';\n\nexport type SkeletonButtonSize = 'sm' | 'md' | 'lg';\n\nexport interface SkeletonButtonSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** Button size (matches Button component sizes) */\n    size?: SkeletonButtonSize;\n\n    /** Custom width (CSS value) */\n    width?: string;\n\n    /** Animation style */\n    animation?: SkeletonAnimation;\n  };\n}\n\nexport default class SkeletonButton extends Component<SkeletonButtonSignature> {\n  get size(): SkeletonButtonSize {\n    return this.args.size ?? 'md';\n  }\n\n  get animation(): SkeletonAnimation {\n    return this.args.animation ?? 'wave';\n  }\n\n  get style(): string | undefined {\n    if (!this.args.width) return undefined;\n    return `width: ${this.args.width}`;\n  }\n\n  <template>\n    <div\n      class=\"skeleton skeleton-button\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      data-variant=\"rectangular\"\n      data-animation={{this.animation}}\n      data-size={{this.size}}\n      style={{this.style}}\n      data-test-skeleton-button\n      ...attributes\n    ></div>\n  </template>\n}\n"],"names":["SkeletonButton","Component","size","args","animation","style","width","undefined","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;AAoBe,MAAMA,uBAAuBC,SAAA,CAAU;EACpD,IAAIC,OAA2B;AAC7B,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,IAAI,IAAI,IAAA;AAC3B,EAAA;EAEA,IAAIE,YAA+B;AACjC,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,SAAS,IAAI,MAAA;AAChC,EAAA;EAEA,IAAIC,KAAAA,GAA4B;IAC9B,IAAI,CAAC,IAAI,CAACF,IAAI,CAACG,KAAK,EAAE,OAAOC,SAAA;AAC7B,IAAA,OAAO,UAAU,IAAI,CAACJ,IAAI,CAACG,KAAK,CAAA,CAAE;AACpC,EAAA;AAEA,EAAA;IAAAE,oBAAA,CAAAC,kBAAA,CAAA,+OAAA,EAYA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"skeleton-button.js","sources":["../../src/status/skeleton-button.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport type { SkeletonAnimation } from './skeleton.gts';\nimport './skeleton-shared.css';\n\nexport type SkeletonButtonSize = 'sm' | 'md' | 'lg';\n\nexport interface SkeletonButtonSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** Button size (matches Button component sizes) */\n    size?: SkeletonButtonSize;\n\n    /** Custom width (CSS value) */\n    width?: string;\n\n    /** Animation style */\n    animation?: SkeletonAnimation;\n  };\n}\n\nexport default class SkeletonButton extends Component<SkeletonButtonSignature> {\n  get size(): SkeletonButtonSize {\n    return this.args.size ?? 'md';\n  }\n\n  get animation(): SkeletonAnimation {\n    return this.args.animation ?? 'wave';\n  }\n\n  get style(): string | undefined {\n    if (!this.args.width) return undefined;\n    return `width: ${this.args.width}`;\n  }\n\n  <template>\n    <div\n      class=\"skeleton skeleton-button\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      data-variant=\"rectangular\"\n      data-animation={{this.animation}}\n      data-size={{this.size}}\n      style={{this.style}}\n      data-test-skeleton-button\n      ...attributes\n    ></div>\n  </template>\n}\n"],"names":["SkeletonButton","Component","size","args","animation","style","width","undefined","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;AAoBe,MAAMA,uBAAuBC,SAAA,CAAU;EACpD,IAAIC,OAA2B;AAC7B,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,IAAI,IAAI,IAAA;AAC3B,EAAA;EAEA,IAAIE,YAA+B;AACjC,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,SAAS,IAAI,MAAA;AAChC,EAAA;EAEA,IAAIC,KAAAA,GAA4B;IAC9B,IAAI,CAAC,IAAI,CAACF,IAAI,CAACG,KAAK,EAAE,OAAOC,SAAA;AAC7B,IAAA,OAAO,UAAU,IAAI,CAACJ,IAAI,CAACG,KAAK,CAAA,CAAE;AACpC,EAAA;AAEA,EAAA;IAAAE,oBAAA,CAAAC,kBAAA,CAAA,+OAAA,EAYA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/status/skeleton-image.js

@@ -1,5 +1,5 @@
 import Component from '@glimmer/component';
-import '../skeleton-CL5Pcwrk.js';
+import '../skeleton-shared-BTA5oAjw.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 

package/dist/status/skeleton-image.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-image.js","sources":["../../src/status/skeleton-image.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport type { SkeletonAnimation } from './skeleton.gts';\nimport './skeleton.css';\n\nexport interface SkeletonImageSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** Width of the image skeleton (CSS value) */\n    width?: string;\n\n    /** Height of the image skeleton (CSS value) */\n    height?: string;\n\n    /** Aspect ratio (e.g., \"16/9\", \"4/3\", \"1/1\") */\n    aspectRatio?: string;\n\n    /** Animation style */\n    animation?: SkeletonAnimation;\n  };\n}\n\nexport default class SkeletonImage extends Component<SkeletonImageSignature> {\n  get animation(): SkeletonAnimation {\n    return this.args.animation ?? 'wave';\n  }\n\n  get style(): string {\n    const styles: string[] = [];\n\n    if (this.args.width) {\n      styles.push(`width: ${this.args.width}`);\n    }\n\n    if (this.args.height) {\n      styles.push(`height: ${this.args.height}`);\n    }\n\n    if (this.args.aspectRatio) {\n      styles.push(`aspect-ratio: ${this.args.aspectRatio}`);\n    }\n\n    return styles.join('; ');\n  }\n\n  <template>\n    <div\n      class=\"skeleton skeleton-image\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      data-variant=\"rectangular\"\n      data-animation={{this.animation}}\n      style={{this.style}}\n      data-test-skeleton-image\n      ...attributes\n    ></div>\n  </template>\n}\n"],"names":["SkeletonImage","Component","animation","args","style","styles","width","push","height","aspectRatio","join","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;AAqBe,MAAMA,sBAAsBC,SAAA,CAAU;EACnD,IAAIC,YAA+B;AACjC,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,IAAI,MAAA;AAChC,EAAA;EAEA,IAAIE,KAAAA,GAAgB;IAClB,MAAMC,MAAc,GAAK,EAAE;AAE3B,IAAA,IAAI,IAAI,CAACF,IAAI,CAACG,KAAK,EAAE;MACnBD,MAAA,CAAOE,IAAI,CAAC,CAAA,OAAA,EAAU,IAAI,CAACJ,IAAI,CAACG,KAAK,CAAA,CAAE,CAAA;AACzC,IAAA;AAEA,IAAA,IAAI,IAAI,CAACH,IAAI,CAACK,MAAM,EAAE;MACpBH,MAAA,CAAOE,IAAI,CAAC,CAAA,QAAA,EAAW,IAAI,CAACJ,IAAI,CAACK,MAAM,CAAA,CAAE,CAAA;AAC3C,IAAA;AAEA,IAAA,IAAI,IAAI,CAACL,IAAI,CAACM,WAAW,EAAE;MACzBJ,MAAA,CAAOE,IAAI,CAAC,CAAA,cAAA,EAAiB,IAAI,CAACJ,IAAI,CAACM,WAAW,CAAA,CAAE,CAAA;AACtD,IAAA;AAEA,IAAA,OAAOJ,MAAA,CAAOK,IAAI,CAAC,IAAA,CAAA;AACrB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,qNAAA,EAWA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"skeleton-image.js","sources":["../../src/status/skeleton-image.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport type { SkeletonAnimation } from './skeleton.gts';\nimport './skeleton-shared.css';\n\nexport interface SkeletonImageSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** Width of the image skeleton (CSS value) */\n    width?: string;\n\n    /** Height of the image skeleton (CSS value) */\n    height?: string;\n\n    /** Aspect ratio (e.g., \"16/9\", \"4/3\", \"1/1\") */\n    aspectRatio?: string;\n\n    /** Animation style */\n    animation?: SkeletonAnimation;\n  };\n}\n\nexport default class SkeletonImage extends Component<SkeletonImageSignature> {\n  get animation(): SkeletonAnimation {\n    return this.args.animation ?? 'wave';\n  }\n\n  get style(): string {\n    const styles: string[] = [];\n\n    if (this.args.width) {\n      styles.push(`width: ${this.args.width}`);\n    }\n\n    if (this.args.height) {\n      styles.push(`height: ${this.args.height}`);\n    }\n\n    if (this.args.aspectRatio) {\n      styles.push(`aspect-ratio: ${this.args.aspectRatio}`);\n    }\n\n    return styles.join('; ');\n  }\n\n  <template>\n    <div\n      class=\"skeleton skeleton-image\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      data-variant=\"rectangular\"\n      data-animation={{this.animation}}\n      style={{this.style}}\n      data-test-skeleton-image\n      ...attributes\n    ></div>\n  </template>\n}\n"],"names":["SkeletonImage","Component","animation","args","style","styles","width","push","height","aspectRatio","join","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;AAqBe,MAAMA,sBAAsBC,SAAA,CAAU;EACnD,IAAIC,YAA+B;AACjC,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,IAAI,MAAA;AAChC,EAAA;EAEA,IAAIE,KAAAA,GAAgB;IAClB,MAAMC,MAAc,GAAK,EAAE;AAE3B,IAAA,IAAI,IAAI,CAACF,IAAI,CAACG,KAAK,EAAE;MACnBD,MAAA,CAAOE,IAAI,CAAC,CAAA,OAAA,EAAU,IAAI,CAACJ,IAAI,CAACG,KAAK,CAAA,CAAE,CAAA;AACzC,IAAA;AAEA,IAAA,IAAI,IAAI,CAACH,IAAI,CAACK,MAAM,EAAE;MACpBH,MAAA,CAAOE,IAAI,CAAC,CAAA,QAAA,EAAW,IAAI,CAACJ,IAAI,CAACK,MAAM,CAAA,CAAE,CAAA;AAC3C,IAAA;AAEA,IAAA,IAAI,IAAI,CAACL,IAAI,CAACM,WAAW,EAAE;MACzBJ,MAAA,CAAOE,IAAI,CAAC,CAAA,cAAA,EAAiB,IAAI,CAACJ,IAAI,CAACM,WAAW,CAAA,CAAE,CAAA;AACtD,IAAA;AAEA,IAAA,OAAOJ,MAAA,CAAOK,IAAI,CAAC,IAAA,CAAA;AACrB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,qNAAA,EAWA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/status/skeleton-text.js

@@ -1,6 +1,6 @@
 import Component from '@glimmer/component';
 import Skeleton from './skeleton.js';
-import '../skeleton-CL5Pcwrk.js';
+import '../skeleton-shared-BTA5oAjw.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 

package/dist/status/skeleton-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-text.js","sources":["../../src/status/skeleton-text.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport Skeleton from './skeleton.gts';\nimport type { SkeletonAnimation } from './skeleton.gts';\nimport './skeleton.css';\n\nexport interface SkeletonTextSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** Number of text lines to render */\n    lines?: number;\n\n    /** Gap between lines (CSS value) */\n    gap?: string;\n\n    /** Width of the last line (CSS value or percentage) */\n    lastLineWidth?: string;\n\n    /** Animation style */\n    animation?: SkeletonAnimation;\n  };\n}\n\nexport default class SkeletonText extends Component<SkeletonTextSignature> {\n  get lines(): number {\n    return this.args.lines ?? 3;\n  }\n\n  get gap(): string {\n    return this.args.gap ?? 'var(--spacing-2)';\n  }\n\n  get animation(): SkeletonAnimation {\n    return this.args.animation ?? 'wave';\n  }\n\n  get lineNumbers(): number[] {\n    return Array.from({ length: this.lines }, (_, i) => i);\n  }\n\n  get style(): string {\n    const styles: string[] = [];\n\n    styles.push(`gap: ${this.gap}`);\n\n    if (this.args.lastLineWidth) {\n      styles.push(`--skeleton-text-last-width: ${this.args.lastLineWidth}`);\n    }\n\n    return styles.join('; ');\n  }\n\n  <template>\n    <div\n      class=\"skeleton-text\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      style={{this.style}}\n      data-test-skeleton-text\n      ...attributes\n    >\n      {{#each this.lineNumbers as |index|}}\n        <Skeleton\n          @variant=\"text\"\n          @animation={{this.animation}}\n          data-line={{index}}\n        />\n      {{/each}}\n    </div>\n  </template>\n}\n"],"names":["SkeletonText","Component","lines","args","gap","animation","lineNumbers","Array","from","length","_","i","style","styles","push","lastLineWidth","join","setComponentTemplate","precompileTemplate","strictMode","scope","Skeleton"],"mappings":";;;;;;AAsBe,MAAMA,qBAAqBC,SAAA,CAAU;EAClD,IAAIC,KAAAA,GAAgB;AAClB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,KAAK,IAAI,CAAA;AAC5B,EAAA;EAEA,IAAIE,GAAAA,GAAc;AAChB,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,GAAG,IAAI,kBAAA;AAC1B,EAAA;EAEA,IAAIC,YAA+B;AACjC,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,SAAS,IAAI,MAAA;AAChC,EAAA;EAEA,IAAIC,WAAAA,GAAwB;IAC1B,OAAOC,KAAA,CAAMC,IAAI,CAAC;MAAEC,MAAA,EAAQ,IAAI,CAACP;AAAM,KAAA,EAAG,CAACQ,GAAGC,CAAA,KAAMA,CAAA,CAAA;AACtD,EAAA;EAEA,IAAIC,KAAAA,GAAgB;IAClB,MAAMC,MAAc,GAAK,EAAE;IAE3BA,MAAA,CAAOC,IAAI,CAAC,CAAA,KAAA,EAAQ,IAAI,CAACV,GAAG,EAAE,CAAA;AAE9B,IAAA,IAAI,IAAI,CAACD,IAAI,CAACY,aAAa,EAAE;MAC3BF,MAAA,CAAOC,IAAI,CAAC,CAAA,4BAAA,EAA+B,IAAI,CAACX,IAAI,CAACY,aAAa,CAAA,CAAE,CAAA;AACtE,IAAA;AAEA,IAAA,OAAOF,MAAA,CAAOG,IAAI,CAAC,IAAA,CAAA;AACrB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,yRAAA,EAiBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"skeleton-text.js","sources":["../../src/status/skeleton-text.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport Skeleton from './skeleton.gts';\nimport type { SkeletonAnimation } from './skeleton.gts';\nimport './skeleton-shared.css';\n\nexport interface SkeletonTextSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** Number of text lines to render */\n    lines?: number;\n\n    /** Gap between lines (CSS value) */\n    gap?: string;\n\n    /** Width of the last line (CSS value or percentage) */\n    lastLineWidth?: string;\n\n    /** Animation style */\n    animation?: SkeletonAnimation;\n  };\n}\n\nexport default class SkeletonText extends Component<SkeletonTextSignature> {\n  get lines(): number {\n    return this.args.lines ?? 3;\n  }\n\n  get gap(): string {\n    return this.args.gap ?? 'var(--spacing-2)';\n  }\n\n  get animation(): SkeletonAnimation {\n    return this.args.animation ?? 'wave';\n  }\n\n  get lineNumbers(): number[] {\n    return Array.from({ length: this.lines }, (_, i) => i);\n  }\n\n  get style(): string {\n    const styles: string[] = [];\n\n    styles.push(`gap: ${this.gap}`);\n\n    if (this.args.lastLineWidth) {\n      styles.push(`--skeleton-text-last-width: ${this.args.lastLineWidth}`);\n    }\n\n    return styles.join('; ');\n  }\n\n  <template>\n    <div\n      class=\"skeleton-text\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      style={{this.style}}\n      data-test-skeleton-text\n      ...attributes\n    >\n      {{#each this.lineNumbers as |index|}}\n        <Skeleton\n          @variant=\"text\"\n          @animation={{this.animation}}\n          data-line={{index}}\n        />\n      {{/each}}\n    </div>\n  </template>\n}\n"],"names":["SkeletonText","Component","lines","args","gap","animation","lineNumbers","Array","from","length","_","i","style","styles","push","lastLineWidth","join","setComponentTemplate","precompileTemplate","strictMode","scope","Skeleton"],"mappings":";;;;;;AAsBe,MAAMA,qBAAqBC,SAAA,CAAU;EAClD,IAAIC,KAAAA,GAAgB;AAClB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,KAAK,IAAI,CAAA;AAC5B,EAAA;EAEA,IAAIE,GAAAA,GAAc;AAChB,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,GAAG,IAAI,kBAAA;AAC1B,EAAA;EAEA,IAAIC,YAA+B;AACjC,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,SAAS,IAAI,MAAA;AAChC,EAAA;EAEA,IAAIC,WAAAA,GAAwB;IAC1B,OAAOC,KAAA,CAAMC,IAAI,CAAC;MAAEC,MAAA,EAAQ,IAAI,CAACP;AAAM,KAAA,EAAG,CAACQ,GAAGC,CAAA,KAAMA,CAAA,CAAA;AACtD,EAAA;EAEA,IAAIC,KAAAA,GAAgB;IAClB,MAAMC,MAAc,GAAK,EAAE;IAE3BA,MAAA,CAAOC,IAAI,CAAC,CAAA,KAAA,EAAQ,IAAI,CAACV,GAAG,EAAE,CAAA;AAE9B,IAAA,IAAI,IAAI,CAACD,IAAI,CAACY,aAAa,EAAE;MAC3BF,MAAA,CAAOC,IAAI,CAAC,CAAA,4BAAA,EAA+B,IAAI,CAACX,IAAI,CAACY,aAAa,CAAA,CAAE,CAAA;AACtE,IAAA;AAEA,IAAA,OAAOF,MAAA,CAAOG,IAAI,CAAC,IAAA,CAAA;AACrB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,yRAAA,EAiBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/status/skeleton.js

@@ -1,5 +1,5 @@
 import Component from '@glimmer/component';
-import '../skeleton-CL5Pcwrk.js';
+import '../skeleton-shared-BTA5oAjw.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 

package/dist/status/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","sources":["../../src/status/skeleton.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport './skeleton.css';\n\nexport type SkeletonVariant = 'text' | 'rectangular' | 'circular';\nexport type SkeletonRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';\nexport type SkeletonAnimation = 'pulse' | 'wave' | 'none';\n\nexport interface SkeletonSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** Width of the skeleton (CSS value or number for pixels) */\n    width?: string | number;\n\n    /** Height of the skeleton (CSS value or number for pixels) */\n    height?: string | number;\n\n    /** Shape variant */\n    variant?: SkeletonVariant;\n\n    /** Border radius override */\n    radius?: SkeletonRadius;\n\n    /** Animation style */\n    animation?: SkeletonAnimation;\n\n    /** When false, renders children instead of skeleton */\n    loading?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nfunction formatDimension(\n  value: string | number | undefined,\n): string | undefined {\n  if (value === undefined) return undefined;\n  if (typeof value === 'number') return `${value}px`;\n  return value;\n}\n\nexport default class Skeleton extends Component<SkeletonSignature> {\n  get variant(): SkeletonVariant {\n    return this.args.variant ?? 'text';\n  }\n\n  get animation(): SkeletonAnimation {\n    return this.args.animation ?? 'wave';\n  }\n\n  get radius(): SkeletonRadius | undefined {\n    return this.args.radius;\n  }\n\n  get isLoading(): boolean {\n    return this.args.loading !== false;\n  }\n\n  get style(): string {\n    const styles: string[] = [];\n\n    const width = formatDimension(this.args.width);\n    const height = formatDimension(this.args.height);\n\n    if (width) {\n      styles.push(`width: ${width}`);\n    }\n    if (height) {\n      styles.push(`height: ${height}`);\n    }\n\n    return styles.join('; ');\n  }\n\n  <template>\n    {{#if this.isLoading}}\n      <div\n        class=\"skeleton\"\n        role=\"presentation\"\n        aria-hidden=\"true\"\n        data-variant={{this.variant}}\n        data-animation={{this.animation}}\n        data-radius={{this.radius}}\n        style={{this.style}}\n        data-test-skeleton\n        ...attributes\n      ></div>\n    {{else}}\n      {{yield}}\n    {{/if}}\n  </template>\n}\n"],"names":["formatDimension","value","undefined","Skeleton","Component","variant","args","animation","radius","isLoading","loading","style","styles","width","height","push","join","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;AAiCA,SAASA,eAAAA,CACPC,KAAkC,EACf;AACnB,EAAA,IAAIA,KAAA,KAAUC,WAAW,OAAOA,SAAA;EAChC,IAAI,OAAOD,UAAU,QAAA,EAAU,OAAO,CAAA,EAAGA,KAAA,CAAA,EAAA,CAAS;AAClD,EAAA,OAAOA,KAAA;AACT;AAEe,MAAME,iBAAiBC,SAAA,CAAU;EAC9C,IAAIC,UAA2B;AAC7B,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,OAAO,IAAI,MAAA;AAC9B,EAAA;EAEA,IAAIE,YAA+B;AACjC,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,SAAS,IAAI,MAAA;AAChC,EAAA;EAEA,IAAIC,MAAAA,GAAqC;AACvC,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,MAAM;AACzB,EAAA;EAEA,IAAIC,SAAAA,GAAqB;AACvB,IAAA,OAAO,IAAI,CAACH,IAAI,CAACI,OAAO,KAAK,KAAA;AAC/B,EAAA;EAEA,IAAIC,KAAAA,GAAgB;IAClB,MAAMC,MAAc,GAAK,EAAE;IAE3B,MAAMC,QAAQb,eAAA,CAAgB,IAAI,CAACM,IAAI,CAACO,KAAK,CAAA;IAC7C,MAAMC,SAASd,eAAA,CAAgB,IAAI,CAACM,IAAI,CAACQ,MAAM,CAAA;AAE/C,IAAA,IAAID,KAAA,EAAO;AACTD,MAAAA,MAAA,CAAOG,IAAI,CAAC,CAAA,OAAA,EAAUF,OAAO,CAAA;AAC/B,IAAA;AACA,IAAA,IAAIC,MAAA,EAAQ;AACVF,MAAAA,MAAA,CAAOG,IAAI,CAAC,CAAA,QAAA,EAAWD,QAAQ,CAAA;AACjC,IAAA;AAEA,IAAA,OAAOF,MAAA,CAAOI,IAAI,CAAC,IAAA,CAAA;AACrB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,uRAAA,EAgBA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"skeleton.js","sources":["../../src/status/skeleton.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport './skeleton-shared.css';\n\nexport type SkeletonVariant = 'text' | 'rectangular' | 'circular';\nexport type SkeletonRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';\nexport type SkeletonAnimation = 'pulse' | 'wave' | 'none';\n\nexport interface SkeletonSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** Width of the skeleton (CSS value or number for pixels) */\n    width?: string | number;\n\n    /** Height of the skeleton (CSS value or number for pixels) */\n    height?: string | number;\n\n    /** Shape variant */\n    variant?: SkeletonVariant;\n\n    /** Border radius override */\n    radius?: SkeletonRadius;\n\n    /** Animation style */\n    animation?: SkeletonAnimation;\n\n    /** When false, renders children instead of skeleton */\n    loading?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nfunction formatDimension(\n  value: string | number | undefined,\n): string | undefined {\n  if (value === undefined) return undefined;\n  if (typeof value === 'number') return `${value}px`;\n  return value;\n}\n\nexport default class Skeleton extends Component<SkeletonSignature> {\n  get variant(): SkeletonVariant {\n    return this.args.variant ?? 'text';\n  }\n\n  get animation(): SkeletonAnimation {\n    return this.args.animation ?? 'wave';\n  }\n\n  get radius(): SkeletonRadius | undefined {\n    return this.args.radius;\n  }\n\n  get isLoading(): boolean {\n    return this.args.loading !== false;\n  }\n\n  get style(): string {\n    const styles: string[] = [];\n\n    const width = formatDimension(this.args.width);\n    const height = formatDimension(this.args.height);\n\n    if (width) {\n      styles.push(`width: ${width}`);\n    }\n    if (height) {\n      styles.push(`height: ${height}`);\n    }\n\n    return styles.join('; ');\n  }\n\n  <template>\n    {{#if this.isLoading}}\n      <div\n        class=\"skeleton\"\n        role=\"presentation\"\n        aria-hidden=\"true\"\n        data-variant={{this.variant}}\n        data-animation={{this.animation}}\n        data-radius={{this.radius}}\n        style={{this.style}}\n        data-test-skeleton\n        ...attributes\n      ></div>\n    {{else}}\n      {{yield}}\n    {{/if}}\n  </template>\n}\n"],"names":["formatDimension","value","undefined","Skeleton","Component","variant","args","animation","radius","isLoading","loading","style","styles","width","height","push","join","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;AAiCA,SAASA,eAAAA,CACPC,KAAkC,EACf;AACnB,EAAA,IAAIA,KAAA,KAAUC,WAAW,OAAOA,SAAA;EAChC,IAAI,OAAOD,UAAU,QAAA,EAAU,OAAO,CAAA,EAAGA,KAAA,CAAA,EAAA,CAAS;AAClD,EAAA,OAAOA,KAAA;AACT;AAEe,MAAME,iBAAiBC,SAAA,CAAU;EAC9C,IAAIC,UAA2B;AAC7B,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,OAAO,IAAI,MAAA;AAC9B,EAAA;EAEA,IAAIE,YAA+B;AACjC,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,SAAS,IAAI,MAAA;AAChC,EAAA;EAEA,IAAIC,MAAAA,GAAqC;AACvC,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,MAAM;AACzB,EAAA;EAEA,IAAIC,SAAAA,GAAqB;AACvB,IAAA,OAAO,IAAI,CAACH,IAAI,CAACI,OAAO,KAAK,KAAA;AAC/B,EAAA;EAEA,IAAIC,KAAAA,GAAgB;IAClB,MAAMC,MAAc,GAAK,EAAE;IAE3B,MAAMC,QAAQb,eAAA,CAAgB,IAAI,CAACM,IAAI,CAACO,KAAK,CAAA;IAC7C,MAAMC,SAASd,eAAA,CAAgB,IAAI,CAACM,IAAI,CAACQ,MAAM,CAAA;AAE/C,IAAA,IAAID,KAAA,EAAO;AACTD,MAAAA,MAAA,CAAOG,IAAI,CAAC,CAAA,OAAA,EAAUF,OAAO,CAAA;AAC/B,IAAA;AACA,IAAA,IAAIC,MAAA,EAAQ;AACVF,MAAAA,MAAA,CAAOG,IAAI,CAAC,CAAA,QAAA,EAAWD,QAAQ,CAAA;AACjC,IAAA;AAEA,IAAA,OAAOF,MAAA,CAAOI,IAAI,CAAC,IAAA,CAAA;AACrB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,uRAAA,EAgBA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}