@stephen-netu/design-system 0.1.0 → 0.2.1

package/{src → dist}/u0-primitives/button/Button.svelte

@@ -1,13 +1,14 @@
 <script lang="ts">
   import type { Snippet } from 'svelte';
 
-  interface Props {
+  export interface Props {
     variant?: 'primary' | 'secondary' | 'ghost' | 'danger';
     size?: 'sm' | 'md' | 'lg';
     type?: 'button' | 'submit' | 'reset';
     disabled?: boolean;
     loading?: boolean;
     class?: string;
+    'aria-label'?: string;
     onclick?: (e: MouseEvent) => void;
     children?: Snippet;
     iconLeading?: Snippet;
@@ -21,6 +22,7 @@
     disabled = false,
     loading = false,
     class: className = '',
+    'aria-label': ariaLabel,
     onclick,
     children,
     iconLeading,
@@ -30,18 +32,10 @@
   let isPressed = $state(false);
 
   function handlePointerDown() {
-    if (!disabled && !loading) {
-      isPressed = true;
-    }
-  }
-
-  function handlePointerUp() {
-    isPressed = false;
-  }
-
-  function handlePointerLeave() {
-    isPressed = false;
+    if (!disabled && !loading) isPressed = true;
   }
+  function handlePointerUp() { isPressed = false; }
+  function handlePointerLeave() { isPressed = false; }
 </script>
 
 <button
@@ -50,12 +44,11 @@
   class:is-loading={loading}
   class:is-pressed={isPressed}
   disabled={disabled || loading}
+  aria-label={ariaLabel}
   onclick={onclick}
   onpointerdown={handlePointerDown}
   onpointerup={handlePointerUp}
   onpointerleave={handlePointerLeave}
-  data-variant={variant}
-  data-size={size}
 >
   {#if loading}
     <span class="ds-button-spinner"></span>
@@ -80,8 +73,6 @@
       </span>
     {/if}
   </span>
-  
-  <span class="ds-button-shimmer"></span>
 </button>
 
 <style>
@@ -92,33 +83,29 @@
     justify-content: center;
     font-family: var(--font-sans);
     font-weight: 500;
-    border: none;
-    border-radius: var(--radius-md);
+    border: 1px solid var(--border-default);
     cursor: pointer;
     overflow: hidden;
     user-select: none;
     text-decoration: none;
-    transition: all var(--transition-fast);
-    transform: translateZ(0); /* Force GPU acceleration for smooth shimmer */
+    transition: border-color var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast);
+    background: transparent;
+    color: var(--color-text-primary);
+    padding: 0 var(--space-3);
+    line-height: 1;
   }
 
-  /* Focus */
   .ds-button:focus-visible {
-    outline: 2px solid var(--color-accent);
-    outline-offset: 2px;
+    outline: 1px solid var(--color-accent);
+    outline-offset: 1px;
   }
 
-  /* Disabled State */
   .ds-button:disabled {
     cursor: not-allowed;
-    opacity: 0.5;
-  }
-
-  .ds-button:disabled::after {
-    display: none;
+    opacity: 0.4;
+    border-color: var(--border-subtle);
   }
 
-  /* Content Wrapper */
   .ds-button-content {
     display: inline-flex;
     align-items: center;
@@ -127,13 +114,12 @@
     position: relative;
     z-index: 1;
     transition: opacity var(--transition-fast);
+    padding: 0 var(--space-1);
+    height: 100%;
   }
 
-  .opacity-0 {
-    opacity: 0 !important;
-  }
+  .opacity-0 { opacity: 0 !important; }
 
-  /* Icons */
   .ds-button-icon {
     display: inline-flex;
     align-items: center;
@@ -145,76 +131,49 @@
     height: 1.25em;
   }
 
-  /* Text */
   .ds-button-text {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
   }
 
-  /* Shimmer Effect (Subtle highlight that crosses the button) */
-  .ds-button-shimmer {
-    position: absolute;
-    inset: 0;
-    pointer-events: none;
-    background: linear-gradient(
-      90deg, 
-      transparent, 
-      rgba(255, 255, 255, 0.1), 
-      transparent
-    );
-    transform: translateX(-100%);
-    z-index: 0;
-  }
-
-  .ds-button:hover:not(:disabled):not(.is-loading) .ds-button-shimmer {
-    transform: translateX(100%);
-    transition: transform var(--transition-slow) ease-in-out;
-  }
-
   /* --- Variants --- */
-  
-  /* Primary - Solid Brass/Copper */
+
   .variant-primary {
     background: var(--color-accent);
-    color: #111;
-    box-shadow: 0 2px 4px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.2);
+    color: var(--color-bg-app);
+    border-color: var(--color-accent);
   }
 
   .variant-primary:hover:not(:disabled) {
     background: var(--color-accent-hover);
-    box-shadow: var(--shadow-glow), inset 0 1px 1px rgba(255,255,255,0.3);
+    border-color: var(--color-accent-hover);
   }
 
   .variant-primary.is-pressed:not(:disabled) {
     background: var(--color-accent-active);
-    box-shadow: inset 0 2px 4px rgba(0,0,0,0.2);
-    transform: translateY(1px);
+    border-color: var(--color-accent-active);
   }
 
-  /* Secondary - Outline */
   .variant-secondary {
     background: transparent;
     color: var(--color-text-primary);
-    border: 1px solid var(--border-default);
+    border-color: var(--border-default);
   }
 
   .variant-secondary:hover:not(:disabled) {
-    background: var(--color-bg-panel-elevated);
-    border-color: var(--color-accent-subtle);
-    color: var(--color-accent-hover);
+    border-color: var(--color-accent);
   }
 
   .variant-secondary.is-pressed:not(:disabled) {
-    background: rgba(0,0,0,0.2);
+    background: var(--color-bg-panel-elevated);
     border-color: var(--color-accent-active);
-    transform: translateY(1px);
   }
 
-  /* Ghost - Transparent until hover */
   .variant-ghost {
     background: transparent;
     color: var(--color-text-secondary);
+    border-color: transparent;
   }
 
   .variant-ghost:hover:not(:disabled) {
@@ -223,51 +182,31 @@
   }
 
   .variant-ghost.is-pressed:not(:disabled) {
-    background: rgba(0,0,0,0.2);
-    transform: translateY(1px);
+    background: var(--color-bg-panel-elevated);
   }
 
-  /* Danger */
   .variant-danger {
-    background: rgba(166, 94, 94, 0.1);
+    background: transparent;
     color: var(--color-error);
-    border: 1px solid rgba(166, 94, 94, 0.3);
+    border-color: var(--color-error);
   }
 
   .variant-danger:hover:not(:disabled) {
-    background: rgba(166, 94, 94, 0.2);
-    border-color: var(--color-error);
-    box-shadow: 0 0 12px rgba(166, 94, 94, 0.3);
+    background: rgba(193, 74, 74, 0.1);
   }
 
   .variant-danger.is-pressed:not(:disabled) {
-    background: rgba(166, 94, 94, 0.3);
-    transform: translateY(1px);
+    background: rgba(193, 74, 74, 0.2);
   }
 
   /* --- Sizes --- */
-  
-  .size-sm {
-    height: 1.75rem;
-    padding: 0 var(--space-3);
-    font-size: var(--text-xs);
-    border-radius: var(--radius-sm);
-  }
 
-  .size-md {
-    height: 2.25rem;
-    padding: 0 var(--space-4);
-    font-size: var(--text-sm);
-  }
-
-  .size-lg {
-    height: 2.75rem;
-    padding: 0 var(--space-6);
-    font-size: var(--text-base);
-    border-radius: var(--radius-lg);
-  }
+  .size-sm { height: 2rem; font-size: var(--text-xs); }
+  .size-md { height: 2.5rem; font-size: var(--text-sm); }
+  .size-lg { height: 3rem; font-size: var(--text-base); }
 
   /* --- Loading Spinner --- */
+
   .ds-button-spinner {
     position: absolute;
     left: 50%;
@@ -277,14 +216,14 @@
     height: 1.2em;
     border: 2px solid currentColor;
     border-right-color: transparent;
-    border-radius: 50%;
+    border-radius: var(--radius-full);
     animation: ds-button-spin 0.75s linear infinite;
     z-index: 2;
   }
 
   .variant-primary .ds-button-spinner {
-    border-color: rgba(0,0,0,0.2);
-    border-right-color: #111;
+    border-color: rgba(0, 0, 0, 0.2);
+    border-right-color: var(--color-bg-app);
   }
 
   @keyframes ds-button-spin {
@@ -293,9 +232,8 @@
   }
 
   @media (prefers-reduced-motion: reduce) {
-    .ds-button-shimmer { display: none; }
     .ds-button { transition: none; }
-    .is-pressed:not(:disabled) { transform: none; }
+    .is-pressed:not(:disabled) { }
     @keyframes ds-button-spin {
       from { transform: translate(-50%, -50%) rotate(0deg); }
       to { transform: translate(-50%, -50%) rotate(360deg); }

package/dist/u0-primitives/button/Button.svelte.d.ts

@@ -0,0 +1,18 @@
+import type { Snippet } from 'svelte';
+export interface Props {
+    variant?: 'primary' | 'secondary' | 'ghost' | 'danger';
+    size?: 'sm' | 'md' | 'lg';
+    type?: 'button' | 'submit' | 'reset';
+    disabled?: boolean;
+    loading?: boolean;
+    class?: string;
+    'aria-label'?: string;
+    onclick?: (e: MouseEvent) => void;
+    children?: Snippet;
+    iconLeading?: Snippet;
+    iconTrailing?: Snippet;
+}
+declare const Button: import("svelte").Component<Props, {}, "">;
+type Button = ReturnType<typeof Button>;
+export default Button;
+//# sourceMappingURL=Button.svelte.d.ts.map

package/dist/u0-primitives/button/Button.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.svelte.d.ts","sourceRoot":"","sources":["../../../src/u0-primitives/button/Button.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,MAAM,WAAW,KAAK;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;IACvD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AA0DH,QAAA,MAAM,MAAM,2CAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}

package/dist/u0-primitives/button/Button.test.js

@@ -0,0 +1,58 @@
+import { afterEach, describe, it, expect, vi } from 'vitest';
+import { cleanup, render, screen, fireEvent } from '@testing-library/svelte';
+import Button from './Button.svelte';
+describe('Button', () => {
+    afterEach(() => cleanup());
+    it('renders a real <button> element', () => {
+        render(Button, { children: () => 'ok' });
+        expect(screen.getByRole('button')).toBeDefined();
+    });
+    it('calls onclick when clicked', async () => {
+        const handleClick = vi.fn();
+        const { container } = render(Button, { children: () => 'tap', onclick: handleClick });
+        const btn = container.querySelector('button');
+        await fireEvent.click(btn);
+        expect(handleClick).toHaveBeenCalledTimes(1);
+    });
+    it('sets disabled attribute on the native button when disabled', () => {
+        const { container } = render(Button, { children: () => 'tap', disabled: true });
+        expect(container.querySelector('button').hasAttribute('disabled')).toBe(true);
+    });
+    it('sets disabled attribute on the native button when loading', () => {
+        const { container } = render(Button, { children: () => 'tap', loading: true });
+        expect(container.querySelector('button').hasAttribute('disabled')).toBe(true);
+    });
+    it('sets aria-label when provided', () => {
+        const { container } = render(Button, { 'aria-label': 'Submit form' });
+        const btn = container.querySelector('button');
+        expect(btn.getAttribute('aria-label')).toBe('Submit form');
+    });
+    it('renders spinner element when loading is true', () => {
+        const { container } = render(Button, { children: () => 'tap', loading: true });
+        expect(container.querySelector('.ds-button-spinner')).not.toBeNull();
+    });
+    it('applies variant class', () => {
+        const { container } = render(Button, { children: () => 'tap', variant: 'danger' });
+        expect(container.querySelector('.variant-danger')).not.toBeNull();
+    });
+    it('applies size class', () => {
+        const { container } = render(Button, { children: () => 'tap', size: 'lg' });
+        expect(container.querySelector('.size-lg')).not.toBeNull();
+    });
+    it('applies custom class', () => {
+        const { container } = render(Button, { children: () => 'tap', class: 'my-btn' });
+        expect(container.querySelector('.my-btn')).not.toBeNull();
+    });
+    it('applies variant-secondary class', () => {
+        const { container } = render(Button, { children: () => 'tap', variant: 'secondary' });
+        expect(container.querySelector('.variant-secondary')).not.toBeNull();
+    });
+    it('defaults type to "button"', () => {
+        const { container } = render(Button, { children: () => 'Go' });
+        expect(container.querySelector('button').getAttribute('type')).toBe('button');
+    });
+    it('forwards custom type to the native button', () => {
+        const { container } = render(Button, { children: () => 'Go', type: 'submit' });
+        expect(container.querySelector('button').getAttribute('type')).toBe('submit');
+    });
+});

package/dist/u0-primitives/button/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Button } from './Button.svelte';
+export type { Props } from './Button.svelte';
+//# sourceMappingURL=index.d.ts.map

package/dist/u0-primitives/button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/u0-primitives/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,YAAY,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/u0-primitives/button/index.js

@@ -0,0 +1 @@
+export { default as Button } from './Button.svelte';

package/{src → dist}/u0-primitives/card/Card.svelte

@@ -1,11 +1,14 @@
 <script lang="ts">
   import type { Snippet } from 'svelte';
 
-  interface Props {
-    variant?: 'elevated' | 'flat' | 'interactive' | 'glass';
+  export interface Props {
+    variant?: 'elevated' | 'flat' | 'interactive' | 'glass' | 'metal' | 'hazard';
     selected?: boolean;
     class?: string;
+    style?: string;
     onclick?: (e: MouseEvent) => void;
+    onmouseenter?: (e: MouseEvent) => void;
+    onmouseleave?: (e: MouseEvent) => void;
     onkeydown?: (e: KeyboardEvent) => void;
     children?: Snippet;
     header?: Snippet;
@@ -16,7 +19,10 @@
     variant = 'elevated',
     selected = false,
     class: className = '',
+    style = '',
     onclick,
+    onmouseenter,
+    onmouseleave,
     onkeydown,
     children,
     header,
@@ -34,15 +40,16 @@
   }
 </script>
 
-<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
-<!-- svelte-ignore a11y_no_noninteractive_tabindex -->
-<div 
+<div
   class="ds-card variant-{variant} {className}"
+  style={style || undefined}
   class:is-interactive={isInteractive}
   class:is-selected={selected}
   role={isInteractive ? "button" : "region"}
   tabindex={isInteractive ? 0 : undefined}
   onclick={isInteractive ? onclick : undefined}
+  onmouseenter={onmouseenter}
+  onmouseleave={onmouseleave}
   onkeydown={isInteractive ? handleKeydown : undefined}
   aria-pressed={isInteractive ? selected : undefined}
 >
@@ -64,7 +71,6 @@
     </footer>
   {/if}
 
-  <!-- Interactive Glow Effect -->
   {#if isInteractive || selected}
     <div class="ds-card-ring"></div>
   {/if}
@@ -75,108 +81,125 @@
     position: relative;
     display: flex;
     flex-direction: column;
-    border-radius: var(--radius-lg);
+    border: 1px solid var(--border-default);
     background: var(--color-card-bg);
     color: var(--color-card-text-primary);
     overflow: hidden;
-    transition: all var(--transition-normal);
+    transition: border-color var(--transition-fast), background-color var(--transition-fast);
     font-family: var(--font-sans);
   }
 
-  /* Structural Elements */
   .ds-card-header {
-    padding: var(--space-4) var(--space-5);
-    border-bottom: 1px solid var(--border-subtle);
+    padding: var(--space-3) var(--space-4);
+    border-bottom: 1px solid var(--border-default);
     font-weight: 600;
+    background: var(--color-bg-panel);
+    font-size: var(--text-sm);
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
   }
 
   .ds-card-content {
-    padding: var(--space-5);
+    padding: var(--space-4);
     flex: 1;
   }
 
   .ds-card-footer {
-    padding: var(--space-4) var(--space-5);
-    border-top: 1px solid var(--border-subtle);
-    background: rgba(0,0,0,0.02);
+    padding: var(--space-3) var(--space-4);
+    border-top: 1px solid var(--border-default);
+    background: var(--color-accent-faint);
   }
 
   /* --- Variants --- */
-  
-  /* Elevated (Default) */
+
   .variant-elevated {
-    box-shadow: var(--shadow-card);
-    border: 1px solid var(--border-default);
+    background: var(--color-card-bg);
+    border-color: var(--border-default);
   }
 
-  /* Flat */
   .variant-flat {
     background: var(--color-bg-panel);
     color: var(--color-text-primary);
-    border: 1px solid var(--border-subtle);
-    box-shadow: none;
+    border-color: var(--border-subtle);
   }
 
-  /* Glassmorphic */
   .variant-glass {
-    background: rgba(42, 42, 42, 0.4);
-    backdrop-filter: blur(16px);
-    -webkit-backdrop-filter: blur(16px);
+    background: rgba(24, 28, 32, 0.6);
+    backdrop-filter: blur(12px);
+    -webkit-backdrop-filter: blur(12px);
     border: 1px solid rgba(255, 255, 255, 0.08);
     color: var(--color-text-primary);
-    box-shadow: var(--shadow-lg);
   }
 
-  /* Interactive (Hoverable) */
+  .variant-metal {
+    background: linear-gradient(180deg, var(--color-bg-panel-elevated) 0%, var(--color-bg-canvas) 100%);
+    border-color: var(--color-card-border);
+    background-image: repeating-linear-gradient(
+      0deg,
+      transparent 0px,
+      transparent 1px,
+      rgba(255, 255, 255, 0.02) 1px,
+      rgba(255, 255, 255, 0.02) 2px
+    );
+  }
+
+  .variant-hazard {
+    background: var(--color-accent-faint);
+    border-color: var(--color-accent);
+    color: var(--color-accent);
+  }
+
+  /* --- Interactive --- */
+
   .is-interactive {
     cursor: pointer;
-    background: var(--color-card-bg-warm);
-    border: 1px solid var(--border-default);
-    box-shadow: var(--shadow-card);
+    border-color: var(--border-hover);
   }
 
   .is-interactive:hover {
-    transform: translateY(-2px);
-    box-shadow: var(--shadow-card-hover);
-    border-color: var(--border-hover);
+    border-color: var(--color-accent);
+    background: var(--color-card-bg-warm);
   }
 
   .is-interactive:active {
-    transform: translateY(0);
-    box-shadow: var(--shadow-card);
+    background: var(--color-bg-inset);
   }
 
-  .is-interactive:focus-visible {
-    outline: none;
-  }
+  /* --- Selection Ring --- */
 
-  /* Selection Ring */
   .ds-card-ring {
     position: absolute;
     inset: 0;
     pointer-events: none;
-    border-radius: inherit;
-    border: 2px solid transparent;
-    transition: all var(--transition-fast);
+    border: 1px solid transparent;
+    transition: border-color var(--transition-fast);
   }
 
   .is-interactive:focus-visible .ds-card-ring,
   .is-selected .ds-card-ring {
     border-color: var(--color-accent);
+    background: repeating-linear-gradient(
+      45deg,
+      transparent 0px,
+      transparent 2px,
+      var(--color-accent-muted) 2px,
+      var(--color-accent-muted) 4px
+    );
   }
 
   .is-selected {
-    box-shadow: var(--shadow-glow), var(--shadow-card-hover);
-    transform: translateY(-1px);
+    border-color: var(--color-accent);
     background: var(--color-bg-panel-elevated);
     color: var(--color-text-primary);
   }
 
+  .is-selected.variant-hazard {
+    border-color: var(--color-accent);
+    background: var(--color-accent-subtle);
+  }
+
   @media (prefers-reduced-motion: reduce) {
     .ds-card { transition: none; }
-    .is-interactive:hover { transform: none; }
-    .is-interactive:active { transform: none; }
-    .is-selected { transform: none; }
     .ds-card-ring { transition: none; }
   }
 </style>

package/dist/u0-primitives/card/Card.svelte.d.ts

@@ -0,0 +1,18 @@
+import type { Snippet } from 'svelte';
+export interface Props {
+    variant?: 'elevated' | 'flat' | 'interactive' | 'glass' | 'metal' | 'hazard';
+    selected?: boolean;
+    class?: string;
+    style?: string;
+    onclick?: (e: MouseEvent) => void;
+    onmouseenter?: (e: MouseEvent) => void;
+    onmouseleave?: (e: MouseEvent) => void;
+    onkeydown?: (e: KeyboardEvent) => void;
+    children?: Snippet;
+    header?: Snippet;
+    footer?: Snippet;
+}
+declare const Card: import("svelte").Component<Props, {}, "">;
+type Card = ReturnType<typeof Card>;
+export default Card;
+//# sourceMappingURL=Card.svelte.d.ts.map

package/dist/u0-primitives/card/Card.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.svelte.d.ts","sourceRoot":"","sources":["../../../src/u0-primitives/card/Card.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,MAAM,WAAW,KAAK;IACpB,OAAO,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,aAAa,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA0DH,QAAA,MAAM,IAAI,2CAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}

package/dist/u0-primitives/card/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Card } from './Card.svelte';
+export type { Props } from './Card.svelte';
+//# sourceMappingURL=index.d.ts.map

package/dist/u0-primitives/card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/u0-primitives/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,eAAe,CAAC;AAChD,YAAY,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC"}

package/dist/u0-primitives/card/index.js

@@ -0,0 +1 @@
+export { default as Card } from './Card.svelte';