archos-ui 0.0.0-stage → 0.1.0

package/dist/components/bottom-navigation/BottomNavigation.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomNavigation.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/bottom-navigation/BottomNavigation.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG/C,KAAK,gBAAgB,GAAI;IACtB,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC3B,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KACzB,EAAE,CAAC;IACJ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAyCJ,QAAA,MAAM,gBAAgB,qCAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/components/bottom-navigation/index.d.ts

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

package/dist/components/bottom-navigation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/bottom-navigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/components/bottom-navigation/index.js

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

package/dist/components/bottom-sheet/BottomSheet.svelte

@@ -0,0 +1,68 @@
+<script lang="ts" module>
+  import type { Snippet } from 'svelte';
+
+  export type BottomSheetProps = {
+    open?: boolean;
+    title?: string;
+    description?: string;
+    children: Snippet;
+    footer?: Snippet;
+    class?: string;
+  };
+</script>
+
+<script lang="ts">
+  import { Dialog as DialogPrimitive } from 'bits-ui';
+  import { cn } from '../../utils';
+
+  let {
+    open = $bindable(false),
+    title,
+    description,
+    children,
+    footer,
+    class: className
+  }: BottomSheetProps = $props();
+</script>
+
+<!-- One UI: choice/confirmation surfaces rise from the bottom of the screen. -->
+<DialogPrimitive.Root bind:open>
+  <DialogPrimitive.Portal>
+    <DialogPrimitive.Overlay
+      data-slot="bottom-sheet-overlay"
+      class="reduce-transparency:bg-black/50 reduce-transparency:backdrop-blur-none fixed inset-0 z-100 bg-black/30 backdrop-blur-sm"
+    />
+    <DialogPrimitive.Content
+      data-slot="bottom-sheet-content"
+      class={cn(
+        'bg-card text-card-foreground shadow-overlay fixed inset-x-0 bottom-0 z-101 mx-auto flex max-h-[85dvh] w-full flex-col rounded-t-2xl outline-none',
+        className
+      )}
+    >
+      <div class="flex justify-center pt-3 pb-1">
+        <span class="bg-muted-foreground/30 h-1 w-9 rounded-full"></span>
+      </div>
+
+      {#if title}
+        <div class="px-5 pt-2">
+          <DialogPrimitive.Title class="text-[17px] font-semibold">{title}</DialogPrimitive.Title>
+          {#if description}
+            <DialogPrimitive.Description class="text-muted-foreground text-[13px]"
+              >{description}</DialogPrimitive.Description
+            >
+          {/if}
+        </div>
+      {/if}
+
+      <div class="overflow-y-auto px-5 py-4">
+        {@render children()}
+      </div>
+
+      {#if footer}
+        <div class="border-border mt-auto flex items-center gap-2 border-t px-5 py-3">
+          {@render footer()}
+        </div>
+      {/if}
+    </DialogPrimitive.Content>
+  </DialogPrimitive.Portal>
+</DialogPrimitive.Root>

package/dist/components/bottom-sheet/BottomSheet.svelte.d.ts

@@ -0,0 +1,13 @@
+import type { Snippet } from 'svelte';
+export type BottomSheetProps = {
+    open?: boolean;
+    title?: string;
+    description?: string;
+    children: Snippet;
+    footer?: Snippet;
+    class?: string;
+};
+declare const BottomSheet: import("svelte").Component<BottomSheetProps, {}, "open">;
+type BottomSheet = ReturnType<typeof BottomSheet>;
+export default BottomSheet;
+//# sourceMappingURL=BottomSheet.svelte.d.ts.map

package/dist/components/bottom-sheet/BottomSheet.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/bottom-sheet/BottomSheet.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA0DJ,QAAA,MAAM,WAAW,0DAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/components/bottom-sheet/index.d.ts

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

package/dist/components/bottom-sheet/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/bottom-sheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/bottom-sheet/index.js

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

package/dist/components/button/button.svelte

@@ -0,0 +1,128 @@
+<script lang="ts" module>
+  import { cn, type WithElementRef } from '../../utils';
+  import type { HTMLAnchorAttributes, HTMLButtonAttributes } from 'svelte/elements';
+  import { type VariantProps, tv } from 'tailwind-variants';
+
+  export const buttonVariants = tv({
+    base: "cursor-pointer focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-control border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] active:not-aria-[haspopup]:translate-y-px aria-invalid:ring-[3px] [&_svg:not([class*='size-'])]:size-4 group/button inline-flex shrink-0 items-center justify-center whitespace-nowrap transition-[color,background-color,border-color,box-shadow,translate] outline-none select-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+    variants: {
+      variant: {
+        default: 'bg-primary text-primary-foreground hover:bg-primary/80',
+        outline:
+          'border-border bg-input/30 hover:bg-input/50 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground',
+        secondary:
+          'bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground',
+        ghost:
+          'hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground',
+        destructive:
+          'bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30',
+        link: 'text-primary-text underline-offset-4 hover:underline'
+      },
+      size: {
+        default:
+          'h-9 gap-1.5 px-3 has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5',
+        xs: "h-6 gap-1 px-2.5 text-xs has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-3",
+        sm: 'h-8 gap-1 px-3 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2',
+        lg: 'h-10 gap-1.5 px-4 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3',
+        icon: 'size-9',
+        'icon-xs': "size-6 [&_svg:not([class*='size-'])]:size-3",
+        'icon-sm': 'size-8',
+        'icon-lg': 'size-10'
+      }
+    },
+    defaultVariants: {
+      variant: 'default',
+      size: 'default'
+    }
+  });
+
+  export type ButtonVariant = VariantProps<typeof buttonVariants>['variant'];
+  export type ButtonSize = VariantProps<typeof buttonVariants>['size'];
+
+  export type ButtonProps = Omit<
+    WithElementRef<HTMLButtonAttributes> & WithElementRef<HTMLAnchorAttributes>,
+    'onclick' | 'onkeydown'
+  > & {
+    onclick?: (event: MouseEvent) => void;
+    onkeydown?: (event: KeyboardEvent) => void;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    loading?: boolean;
+    loadingText?: string;
+  };
+</script>
+
+<script lang="ts">
+  import Spinner from '../spinner/spinner.svelte';
+
+  let {
+    class: className,
+    variant = 'default',
+    size = 'default',
+    ref = $bindable(null),
+    href = undefined,
+    type = 'button',
+    disabled,
+    loading = false,
+    loadingText,
+    tabindex,
+    onclick,
+    onkeydown,
+    children,
+    ...restProps
+  }: ButtonProps = $props();
+
+  const inactive = $derived(!!disabled || loading);
+
+  function handleClick(event: MouseEvent) {
+    if (inactive) {
+      event.preventDefault();
+      event.stopPropagation();
+      return;
+    }
+    onclick?.(event);
+  }
+
+  function handleKeydown(event: KeyboardEvent) {
+    if (inactive) {
+      if (event.key === 'Enter' || event.key === ' ') event.preventDefault();
+      return;
+    }
+    onkeydown?.(event);
+  }
+</script>
+
+{#if href !== undefined}
+  <a
+    bind:this={ref}
+    data-slot="button"
+    class={cn(buttonVariants({ variant, size }), className)}
+    href={inactive ? undefined : href}
+    aria-disabled={inactive || undefined}
+    aria-busy={loading || undefined}
+    role={inactive ? 'link' : undefined}
+    tabindex={inactive ? -1 : tabindex}
+    {...restProps}
+    onclick={handleClick}
+    onkeydown={handleKeydown}
+  >
+    {#if loading}<Spinner class="size-3.5 text-current" />{/if}
+    {#if loading && loadingText}{loadingText}{:else}{@render children?.()}{/if}
+  </a>
+{:else}
+  <button
+    bind:this={ref}
+    data-slot="button"
+    class={cn(buttonVariants({ variant, size }), className)}
+    {type}
+    disabled={inactive}
+    aria-busy={loading || undefined}
+    {tabindex}
+    {...restProps}
+    onclick={handleClick}
+    onkeydown={handleKeydown}
+  >
+    {#if loading}<Spinner class="size-3.5 text-current" />{/if}
+    {#if loading && loadingText}{loadingText}{:else}{@render children?.()}{/if}
+  </button>
+{/if}

package/dist/components/button/button.svelte.d.ts

@@ -0,0 +1,75 @@
+import { type WithElementRef } from '../../utils';
+import type { HTMLAnchorAttributes, HTMLButtonAttributes } from 'svelte/elements';
+import { type VariantProps } from 'tailwind-variants';
+export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+        secondary: string;
+        ghost: string;
+        destructive: string;
+        link: string;
+    };
+    size: {
+        default: string;
+        xs: string;
+        sm: string;
+        lg: string;
+        icon: string;
+        'icon-xs': string;
+        'icon-sm': string;
+        'icon-lg': string;
+    };
+}, undefined, "cursor-pointer focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-control border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] active:not-aria-[haspopup]:translate-y-px aria-invalid:ring-[3px] [&_svg:not([class*='size-'])]:size-4 group/button inline-flex shrink-0 items-center justify-center whitespace-nowrap transition-[color,background-color,border-color,box-shadow,translate] outline-none select-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+    variant: {
+        default: string;
+        outline: string;
+        secondary: string;
+        ghost: string;
+        destructive: string;
+        link: string;
+    };
+    size: {
+        default: string;
+        xs: string;
+        sm: string;
+        lg: string;
+        icon: string;
+        'icon-xs': string;
+        'icon-sm': string;
+        'icon-lg': string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+        secondary: string;
+        ghost: string;
+        destructive: string;
+        link: string;
+    };
+    size: {
+        default: string;
+        xs: string;
+        sm: string;
+        lg: string;
+        icon: string;
+        'icon-xs': string;
+        'icon-sm': string;
+        'icon-lg': string;
+    };
+}, undefined, "cursor-pointer focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-control border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] active:not-aria-[haspopup]:translate-y-px aria-invalid:ring-[3px] [&_svg:not([class*='size-'])]:size-4 group/button inline-flex shrink-0 items-center justify-center whitespace-nowrap transition-[color,background-color,border-color,box-shadow,translate] outline-none select-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", unknown, unknown, undefined>>;
+export type ButtonVariant = VariantProps<typeof buttonVariants>['variant'];
+export type ButtonSize = VariantProps<typeof buttonVariants>['size'];
+export type ButtonProps = Omit<WithElementRef<HTMLButtonAttributes> & WithElementRef<HTMLAnchorAttributes>, 'onclick' | 'onkeydown'> & {
+    onclick?: (event: MouseEvent) => void;
+    onkeydown?: (event: KeyboardEvent) => void;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    loading?: boolean;
+    loadingText?: string;
+};
+declare const Button: import("svelte").Component<ButtonProps, {}, "ref">;
+type Button = ReturnType<typeof Button>;
+export default Button;
+//# sourceMappingURL=button.svelte.d.ts.map

package/dist/components/button/button.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/button/button.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,EAAM,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAClF,OAAO,EAAE,KAAK,YAAY,EAAM,MAAM,mBAAmB,CAAC;AAE1D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4tBA+BzB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;AAC3E,MAAM,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAErE,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,cAAc,CAAC,oBAAoB,CAAC,GAAG,cAAc,CAAC,oBAAoB,CAAC,EAC3E,SAAS,GAAG,WAAW,CACxB,GAAG;IACF,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3C,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AA6DJ,QAAA,MAAM,MAAM,oDAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}

package/dist/components/button/index.d.ts

@@ -0,0 +1,3 @@
+import Root, { type ButtonProps, type ButtonSize, type ButtonVariant, buttonVariants } from './button.svelte';
+export { Root, type ButtonProps as Props, Root as Button, buttonVariants, type ButtonProps, type ButtonSize, type ButtonVariant };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,EAAE,EACX,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,cAAc,EACf,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EACL,IAAI,EACJ,KAAK,WAAW,IAAI,KAAK,EAEzB,IAAI,IAAI,MAAM,EACd,cAAc,EACd,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,aAAa,EACnB,CAAC"}

package/dist/components/button/index.js

@@ -0,0 +1,4 @@
+import Root, { buttonVariants } from './button.svelte';
+export { Root, 
+//
+Root as Button, buttonVariants };

package/dist/components/card/Card.svelte

@@ -0,0 +1,38 @@
+<script lang="ts" module>
+  import type { Snippet } from 'svelte';
+  import type { HTMLAttributes } from 'svelte/elements';
+  import type { WithElementRef } from '../../utils';
+
+  export type CardProps = WithElementRef<HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
+    children: Snippet;
+    title?: string;
+  };
+</script>
+
+<script lang="ts">
+  import { cn } from '../../utils';
+
+  let {
+    ref = $bindable(null),
+    children,
+    class: className,
+    title,
+    ...restProps
+  }: CardProps = $props();
+</script>
+
+<div class="space-y-small" data-slot="card-wrapper">
+  {#if title}
+    <h2 class="text-muted-foreground line-clamp-1 truncate pl-2 font-semibold">
+      {title}
+    </h2>
+  {/if}
+  <div
+    bind:this={ref}
+    data-slot="card"
+    class={cn('bg-card text-card-foreground p-base shadow-elevated rounded-2xl', className)}
+    {...restProps}
+  >
+    {@render children()}
+  </div>
+</div>

package/dist/components/card/Card.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+import type { WithElementRef } from '../../utils';
+export type CardProps = WithElementRef<HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
+    children: Snippet;
+    title?: string;
+};
+declare const Card: import("svelte").Component<CardProps, {}, "ref">;
+type Card = ReturnType<typeof Card>;
+export default Card;
+//# sourceMappingURL=Card.svelte.d.ts.map

package/dist/components/card/Card.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/card/Card.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,GAAG;IACvF,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAgCJ,QAAA,MAAM,IAAI,kDAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}

package/dist/components/card/card-action.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+  import { cn, type WithElementRef } from '../../utils';
+  import type { HTMLAttributes } from 'svelte/elements';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...restProps
+  }: WithElementRef<HTMLAttributes<HTMLDivElement>, HTMLDivElement> = $props();
+</script>
+
+<div bind:this={ref} data-slot="card-action" class={cn('ml-auto', className)} {...restProps}>
+  {@render children?.()}
+</div>

package/dist/components/card/card-action.svelte.d.ts

@@ -0,0 +1,6 @@
+import { type WithElementRef } from '../../utils';
+import type { HTMLAttributes } from 'svelte/elements';
+declare const CardAction: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}, "ref">;
+type CardAction = ReturnType<typeof CardAction>;
+export default CardAction;
+//# sourceMappingURL=card-action.svelte.d.ts.map

package/dist/components/card/card-action.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-action.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/card/card-action.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAM,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAoBtD,QAAA,MAAM,UAAU,uGAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/components/card/card-content.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+  import { cn, type WithElementRef } from '../../utils';
+  import type { HTMLAttributes } from 'svelte/elements';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...restProps
+  }: WithElementRef<HTMLAttributes<HTMLDivElement>, HTMLDivElement> = $props();
+</script>
+
+<div bind:this={ref} data-slot="card-content" class={cn('pt-4', className)} {...restProps}>
+  {@render children?.()}
+</div>

package/dist/components/card/card-content.svelte.d.ts

@@ -0,0 +1,6 @@
+import { type WithElementRef } from '../../utils';
+import type { HTMLAttributes } from 'svelte/elements';
+declare const CardContent: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}, "ref">;
+type CardContent = ReturnType<typeof CardContent>;
+export default CardContent;
+//# sourceMappingURL=card-content.svelte.d.ts.map

package/dist/components/card/card-content.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-content.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/card/card-content.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAM,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAoBtD,QAAA,MAAM,WAAW,uGAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/components/card/card-description.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { cn, type WithElementRef } from '../../utils';
+  import type { HTMLAttributes } from 'svelte/elements';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...restProps
+  }: WithElementRef<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement> = $props();
+</script>
+
+<p
+  bind:this={ref}
+  data-slot="card-description"
+  class={cn('text-muted-foreground text-sm leading-normal', className)}
+  {...restProps}
+>
+  {@render children?.()}
+</p>

package/dist/components/card/card-description.svelte.d.ts

@@ -0,0 +1,6 @@
+import { type WithElementRef } from '../../utils';
+import type { HTMLAttributes } from 'svelte/elements';
+declare const CardDescription: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}, "ref">;
+type CardDescription = ReturnType<typeof CardDescription>;
+export default CardDescription;
+//# sourceMappingURL=card-description.svelte.d.ts.map

package/dist/components/card/card-description.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-description.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/card/card-description.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAM,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAoBtD,QAAA,MAAM,eAAe,mHAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/components/card/card-footer.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { cn, type WithElementRef } from '../../utils';
+  import type { HTMLAttributes } from 'svelte/elements';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...restProps
+  }: WithElementRef<HTMLAttributes<HTMLDivElement>, HTMLDivElement> = $props();
+</script>
+
+<div
+  bind:this={ref}
+  data-slot="card-footer"
+  class={cn('flex items-center gap-2 pt-4', className)}
+  {...restProps}
+>
+  {@render children?.()}
+</div>

package/dist/components/card/card-footer.svelte.d.ts

@@ -0,0 +1,6 @@
+import { type WithElementRef } from '../../utils';
+import type { HTMLAttributes } from 'svelte/elements';
+declare const CardFooter: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}, "ref">;
+type CardFooter = ReturnType<typeof CardFooter>;
+export default CardFooter;
+//# sourceMappingURL=card-footer.svelte.d.ts.map

package/dist/components/card/card-footer.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-footer.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/card/card-footer.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAM,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAoBtD,QAAA,MAAM,UAAU,uGAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/components/card/card-header.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { cn, type WithElementRef } from '../../utils';
+  import type { HTMLAttributes } from 'svelte/elements';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...restProps
+  }: WithElementRef<HTMLAttributes<HTMLDivElement>, HTMLDivElement> = $props();
+</script>
+
+<div
+  bind:this={ref}
+  data-slot="card-header"
+  class={cn('flex flex-col gap-1.5', className)}
+  {...restProps}
+>
+  {@render children?.()}
+</div>

package/dist/components/card/card-header.svelte.d.ts

@@ -0,0 +1,6 @@
+import { type WithElementRef } from '../../utils';
+import type { HTMLAttributes } from 'svelte/elements';
+declare const CardHeader: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}, "ref">;
+type CardHeader = ReturnType<typeof CardHeader>;
+export default CardHeader;
+//# sourceMappingURL=card-header.svelte.d.ts.map

package/dist/components/card/card-header.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-header.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/card/card-header.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAM,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAoBtD,QAAA,MAAM,UAAU,uGAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/components/card/card-title.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { cn, type WithElementRef } from '../../utils';
+  import type { HTMLAttributes } from 'svelte/elements';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...restProps
+  }: WithElementRef<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> = $props();
+</script>
+
+<h3
+  bind:this={ref}
+  data-slot="card-title"
+  class={cn('text-base leading-snug font-semibold', className)}
+  {...restProps}
+>
+  {@render children?.()}
+</h3>

package/dist/components/card/card-title.svelte.d.ts

@@ -0,0 +1,6 @@
+import { type WithElementRef } from '../../utils';
+import type { HTMLAttributes } from 'svelte/elements';
+declare const CardTitle: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}, "ref">;
+type CardTitle = ReturnType<typeof CardTitle>;
+export default CardTitle;
+//# sourceMappingURL=card-title.svelte.d.ts.map

package/dist/components/card/card-title.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-title.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/card/card-title.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAM,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAoBtD,QAAA,MAAM,SAAS,+GAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/components/card/index.d.ts

@@ -0,0 +1,10 @@
+import Root from './Card.svelte';
+import Header from './card-header.svelte';
+import Title from './card-title.svelte';
+import Description from './card-description.svelte';
+import Content from './card-content.svelte';
+import Footer from './card-footer.svelte';
+import Action from './card-action.svelte';
+export type { CardProps } from './Card.svelte';
+export { Root, Header, Title, Description, Content, Footer, Action, Root as Card };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,eAAe,CAAC;AACjC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAE1C,YAAY,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,EACL,IAAI,EACJ,MAAM,EACN,KAAK,EACL,WAAW,EACX,OAAO,EACP,MAAM,EACN,MAAM,EAEN,IAAI,IAAI,IAAI,EACb,CAAC"}

package/dist/components/card/index.js

@@ -0,0 +1,10 @@
+import Root from './Card.svelte';
+import Header from './card-header.svelte';
+import Title from './card-title.svelte';
+import Description from './card-description.svelte';
+import Content from './card-content.svelte';
+import Footer from './card-footer.svelte';
+import Action from './card-action.svelte';
+export { Root, Header, Title, Description, Content, Footer, Action, 
+//
+Root as Card };