@getmicdrop/svelte-components 5.18.0 → 5.18.1

package/dist/primitives/Pagination/Pagination.svelte

@@ -3,6 +3,16 @@
   import { ChevronLeftOutline, ChevronRightOutline } from "../Icons";
   import { typography } from "../../tokens/typography";
 
+  const defaultLabels = {
+    showing: 'Showing',
+    to: 'to',
+    of: 'of',
+    entries: 'entries',
+    previousPage: 'Previous page',
+    nextPage: 'Next page',
+    pagination: 'Pagination',
+  };
+
   interface Props {
     currentPage?: number;
     totalPages?: number;
@@ -20,6 +30,7 @@
     onPageChange?: (page: number) => void;
     prev?: Snippet;
     next?: Snippet;
+    labels?: Partial<typeof defaultLabels>;
     [key: string]: unknown;
   }
 
@@ -40,9 +51,12 @@
     onPageChange,
     prev,
     next,
+    labels: userLabels = {},
     ...restProps
   }: Props = $props();
 
+  let labels = $derived({ ...defaultLabels, ...userLabels });
+
   // Support flowbite's showIcons prop
   let effectiveShowPrevNext = $derived(showIcons !== undefined ? showIcons : showPrevNext);
 
@@ -114,16 +128,16 @@
 {#if variant === 'table'}
   <div class="flex flex-col items-center gap-3 sm:flex-row sm:justify-between {className}" {...restProps}>
     <span class={`${typography.sm} text-gray-700 dark:text-gray-400`}>
-      Showing <span class={`font-semibold ${typography.sm}`}>{startItem}</span> to <span class={`font-semibold ${typography.sm}`}>{endItem}</span> of <span class={`font-semibold ${typography.sm}`}>{totalItems}</span> entries
+      {labels.showing} <span class={`font-semibold ${typography.sm}`}>{startItem}</span> {labels.to} <span class={`font-semibold ${typography.sm}`}>{endItem}</span> {labels.of} <span class={`font-semibold ${typography.sm}`}>{totalItems}</span> {labels.entries}
     </span>
-    <nav class="inline-flex -space-x-px rtl:space-x-reverse" aria-label="Pagination">
+    <nav class="inline-flex -space-x-px rtl:space-x-reverse" aria-label={labels.pagination}>
       {#if effectiveShowPrevNext}
         <button
           type="button"
           class="{baseButtonClasses} {sizeClasses} rounded-s-lg {currentPage === 1 ? disabledClasses : ''}"
           disabled={currentPage === 1}
           onclick={previous}
-          aria-label="Previous page"
+          aria-label={labels.previousPage}
         >
           {#if prev}
             {@render prev()}
@@ -174,7 +188,7 @@
           class="{baseButtonClasses} {sizeClasses} rounded-e-lg {currentPage === totalPages ? disabledClasses : ''}"
           disabled={currentPage === totalPages}
           onclick={nextPage}
-          aria-label="Next page"
+          aria-label={labels.nextPage}
         >
           {#if next}
             {@render next()}
@@ -188,14 +202,14 @@
     </nav>
   </div>
 {:else}
-  <nav class="inline-flex -space-x-px rtl:space-x-reverse text-sm {className}" aria-label="Pagination" {...restProps}>
+  <nav class="inline-flex -space-x-px rtl:space-x-reverse text-sm {className}" aria-label={labels.pagination} {...restProps}>
     {#if effectiveShowPrevNext}
       <button
         type="button"
         class="{baseButtonClasses} {sizeClasses} rounded-s-lg {currentPage === 1 ? disabledClasses : ''}"
         disabled={currentPage === 1}
         onclick={previous}
-        aria-label="Previous page"
+        aria-label={labels.previousPage}
       >
         {#if prev}
           {@render prev()}
@@ -246,7 +260,7 @@
         class="{baseButtonClasses} {sizeClasses} rounded-e-lg {currentPage === totalPages ? disabledClasses : ''}"
         disabled={currentPage === totalPages}
         onclick={nextPage}
-        aria-label="Next page"
+        aria-label={labels.nextPage}
       >
         {#if next}
           {@render next()}

package/dist/primitives/Pagination/Pagination.svelte.d.ts

@@ -1,5 +1,6 @@
 import type { Snippet } from 'svelte';
-interface Props {
+declare const Pagination: import("svelte").Component<{
+    [key: string]: unknown;
     currentPage?: number;
     totalPages?: number;
     maxVisible?: number;
@@ -7,8 +8,8 @@ interface Props {
     showIcons?: boolean;
     previousLabel?: string;
     nextLabel?: string;
-    variant?: 'default' | 'table';
-    size?: 'sm' | 'md' | 'lg';
+    variant?: "default" | "table";
+    size?: "sm" | "md" | "lg";
     totalItems?: number;
     perPage?: number;
     class?: string;
@@ -18,9 +19,16 @@ interface Props {
     onPageChange?: (page: number) => void;
     prev?: Snippet;
     next?: Snippet;
-    [key: string]: unknown;
-}
-declare const Pagination: import("svelte").Component<Props, {}, "currentPage">;
+    labels?: Partial<{
+        showing: string;
+        to: string;
+        of: string;
+        entries: string;
+        previousPage: string;
+        nextPage: string;
+        pagination: string;
+    }>;
+}, {}, "currentPage">;
 type Pagination = ReturnType<typeof Pagination>;
 export default Pagination;
 //# sourceMappingURL=Pagination.svelte.d.ts.map

package/dist/primitives/Pagination/Pagination.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Pagination/Pagination.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAKpC,UAAU,KAAK;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC9C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAoMH,QAAA,MAAM,UAAU,sDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"Pagination.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Pagination/Pagination.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAwOtC,QAAA,MAAM,UAAU;;kBApNE,MAAM;iBACP,MAAM;iBACN,MAAM;mBACJ,OAAO;gBACV,OAAO;oBACH,MAAM;gBACV,MAAM;cACR,SAAS,GAAG,OAAO;WACtB,IAAI,GAAG,IAAI,GAAG,IAAI;iBACZ,MAAM;cACT,MAAM;YACR,MAAM;eACH,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI;mBAC9B,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI;WAC9B,OAAO;WACP,OAAO;aACL,OAAO;;;;;;;;MAAsB;qBAoMc,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/primitives/Skeleton/CardPlaceholder.svelte

@@ -1,10 +1,16 @@
 <script lang="ts">
+  const defaultLabels = {
+    loadingCard: 'Loading card',
+    loading: 'Loading...',
+  };
+
   interface Props {
     size?: 'sm' | 'md' | 'lg' | 'xl' | '2xl';
     animate?: boolean;
     showAvatar?: boolean;
     showImage?: boolean;
     class?: string;
+    labels?: Partial<typeof defaultLabels>;
     [key: string]: unknown;
   }
 
@@ -14,9 +20,12 @@
     showAvatar = true,
     showImage = true,
     class: className = '',
+    labels: userLabels = {},
     ...restProps
   }: Props = $props();
 
+  let labels = $derived({ ...defaultLabels, ...userLabels });
+
   const cardSizeClasses = {
     sm: 'max-w-xs',
     md: 'max-w-sm',
@@ -41,7 +50,7 @@
 <div
   role="status"
   class="{cardWidthClass} p-4 border border-gray-200 rounded-lg shadow dark:border-gray-700 {animateClass} {className}"
-  aria-label="Loading card"
+  aria-label={labels.loadingCard}
   {...restProps}
 >
   {#if showImage}
@@ -83,5 +92,5 @@
     </div>
   {/if}
 
-  <span class="sr-only">Loading...</span>
+  <span class="sr-only">{labels.loading}</span>
 </div>

package/dist/primitives/Skeleton/CardPlaceholder.svelte.d.ts

@@ -1,12 +1,15 @@
-interface Props {
-    size?: 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+declare const CardPlaceholder: import("svelte").Component<{
+    [key: string]: unknown;
+    size?: "sm" | "md" | "lg" | "xl" | "2xl";
     animate?: boolean;
     showAvatar?: boolean;
     showImage?: boolean;
     class?: string;
-    [key: string]: unknown;
-}
-declare const CardPlaceholder: import("svelte").Component<Props, {}, "">;
+    labels?: Partial<{
+        loadingCard: string;
+        loading: string;
+    }>;
+}, {}, "">;
 type CardPlaceholder = ReturnType<typeof CardPlaceholder>;
 export default CardPlaceholder;
 //# sourceMappingURL=CardPlaceholder.svelte.d.ts.map

package/dist/primitives/Skeleton/CardPlaceholder.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardPlaceholder.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Skeleton/CardPlaceholder.svelte.ts"],"names":[],"mappings":"AAGE,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAmEH,QAAA,MAAM,eAAe,2CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}
+{"version":3,"file":"CardPlaceholder.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Skeleton/CardPlaceholder.svelte.ts"],"names":[],"mappings":"AAqFA,QAAA,MAAM,eAAe;;WA3EV,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK;cAC9B,OAAO;iBACJ,OAAO;gBACR,OAAO;YACX,MAAM;aACL,OAAO;;;MAAsB;UAsEmB,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/primitives/Skeleton/ImagePlaceholder.svelte

@@ -1,9 +1,15 @@
 <script lang="ts">
+  const defaultLabels = {
+    loadingImage: 'Loading image',
+    loading: 'Loading...',
+  };
+
   interface Props {
     size?: 'sm' | 'md' | 'lg' | 'xl' | '2xl';
     animate?: boolean;
     showText?: boolean;
     class?: string;
+    labels?: Partial<typeof defaultLabels>;
     [key: string]: unknown;
   }
 
@@ -12,9 +18,12 @@
     animate = true,
     showText = false,
     class: className = '',
+    labels: userLabels = {},
     ...restProps
   }: Props = $props();
 
+  let labels = $derived({ ...defaultLabels, ...userLabels });
+
   const imageSizeClasses = {
     sm: 'h-32',
     md: 'h-48',
@@ -30,7 +39,7 @@
 <div
   role="status"
   class="{animateClass} {className}"
-  aria-label="Loading image"
+  aria-label={labels.loadingImage}
   {...restProps}
 >
   <div class="flex items-center justify-center w-full {imageHeightClass} bg-gray-300 rounded-lg dark:bg-gray-700">
@@ -55,5 +64,5 @@
     </div>
   {/if}
 
-  <span class="sr-only">Loading...</span>
+  <span class="sr-only">{labels.loading}</span>
 </div>

package/dist/primitives/Skeleton/ImagePlaceholder.svelte.d.ts

@@ -1,11 +1,14 @@
-interface Props {
-    size?: 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+declare const ImagePlaceholder: import("svelte").Component<{
+    [key: string]: unknown;
+    size?: "sm" | "md" | "lg" | "xl" | "2xl";
     animate?: boolean;
     showText?: boolean;
     class?: string;
-    [key: string]: unknown;
-}
-declare const ImagePlaceholder: import("svelte").Component<Props, {}, "">;
+    labels?: Partial<{
+        loadingImage: string;
+        loading: string;
+    }>;
+}, {}, "">;
 type ImagePlaceholder = ReturnType<typeof ImagePlaceholder>;
 export default ImagePlaceholder;
 //# sourceMappingURL=ImagePlaceholder.svelte.d.ts.map

package/dist/primitives/Skeleton/ImagePlaceholder.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImagePlaceholder.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Skeleton/ImagePlaceholder.svelte.ts"],"names":[],"mappings":"AAGE,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AA8CH,QAAA,MAAM,gBAAgB,2CAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"ImagePlaceholder.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Skeleton/ImagePlaceholder.svelte.ts"],"names":[],"mappings":"AA+DA,QAAA,MAAM,gBAAgB;;WArDX,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK;cAC9B,OAAO;eACN,OAAO;YACV,MAAM;aACL,OAAO;;;MAAsB;UAiDoB,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/primitives/Skeleton/ListPlaceholder.svelte

@@ -1,4 +1,9 @@
 <script lang="ts">
+  const defaultLabels = {
+    loadingList: 'Loading list',
+    loading: 'Loading...',
+  };
+
   interface Props {
     size?: 'sm' | 'md' | 'lg' | 'xl' | '2xl';
     items?: number;
@@ -6,6 +11,7 @@
     showIcon?: boolean;
     showAction?: boolean;
     class?: string;
+    labels?: Partial<typeof defaultLabels>;
     [key: string]: unknown;
   }
 
@@ -16,9 +22,12 @@
     showIcon = true,
     showAction = true,
     class: className = '',
+    labels: userLabels = {},
     ...restProps
   }: Props = $props();
 
+  let labels = $derived({ ...defaultLabels, ...userLabels });
+
   const containerSizeClasses = {
     sm: 'max-w-xs',
     md: 'max-w-sm',
@@ -43,7 +52,7 @@
 <div
   role="status"
   class="{containerWidthClass} p-4 space-y-4 border border-gray-200 divide-y divide-gray-200 rounded-lg shadow dark:divide-gray-700 dark:border-gray-700 {animateClass} {className}"
-  aria-label="Loading list"
+  aria-label={labels.loadingList}
   {...restProps}
 >
   {#each Array(items) as _, i}
@@ -72,5 +81,5 @@
     </div>
   {/each}
 
-  <span class="sr-only">Loading...</span>
+  <span class="sr-only">{labels.loading}</span>
 </div>

package/dist/primitives/Skeleton/ListPlaceholder.svelte.d.ts

@@ -1,13 +1,16 @@
-interface Props {
-    size?: 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+declare const ListPlaceholder: import("svelte").Component<{
+    [key: string]: unknown;
+    size?: "sm" | "md" | "lg" | "xl" | "2xl";
     items?: number;
     animate?: boolean;
     showIcon?: boolean;
     showAction?: boolean;
     class?: string;
-    [key: string]: unknown;
-}
-declare const ListPlaceholder: import("svelte").Component<Props, {}, "">;
+    labels?: Partial<{
+        loadingList: string;
+        loading: string;
+    }>;
+}, {}, "">;
 type ListPlaceholder = ReturnType<typeof ListPlaceholder>;
 export default ListPlaceholder;
 //# sourceMappingURL=ListPlaceholder.svelte.d.ts.map

package/dist/primitives/Skeleton/ListPlaceholder.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListPlaceholder.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Skeleton/ListPlaceholder.svelte.ts"],"names":[],"mappings":"AAGE,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AA6DH,QAAA,MAAM,eAAe,2CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ListPlaceholder.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Skeleton/ListPlaceholder.svelte.ts"],"names":[],"mappings":"AAgFA,QAAA,MAAM,eAAe;;WAtEV,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK;YAChC,MAAM;cACJ,OAAO;eACN,OAAO;iBACL,OAAO;YACZ,MAAM;aACL,OAAO;;;MAAsB;UAgEmB,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/primitives/Skeleton/Skeleton.svelte

@@ -1,11 +1,17 @@
 <script lang="ts">
   import { skeletonSizes, type SkeletonSize } from '../../tokens/sizing.js';
 
+  const defaultLabels = {
+    loadingContent: 'Loading content',
+    loading: 'Loading...',
+  };
+
   interface Props {
     size?: SkeletonSize;
     lines?: number;
     animate?: boolean;
     class?: string;
+    labels?: Partial<typeof defaultLabels>;
     [key: string]: unknown;
   }
 
@@ -14,9 +20,12 @@
     lines = 3,
     animate = true,
     class: className = '',
+    labels: userLabels = {},
     ...restProps
   }: Props = $props();
 
+  let labels = $derived({ ...defaultLabels, ...userLabels });
+
   const widthPatterns = [
     'w-full',
     'max-w-sm',
@@ -34,7 +43,7 @@
 <div
   role="status"
   class="{animateClass} {className}"
-  aria-label="Loading content"
+  aria-label={labels.loadingContent}
   {...restProps}
 >
   {#each Array(lines) as _, i}
@@ -42,5 +51,5 @@
       class="{heightClass} bg-gray-200 rounded-full dark:bg-gray-700 {widthPatterns[i % widthPatterns.length]} {i < lines - 1 ? 'mb-2.5' : ''}"
     ></div>
   {/each}
-  <span class="sr-only">Loading...</span>
+  <span class="sr-only">{labels.loading}</span>
 </div>

package/dist/primitives/Skeleton/Skeleton.svelte.d.ts

@@ -1,12 +1,15 @@
 import { type SkeletonSize } from '../../tokens/sizing.js';
-interface Props {
+declare const Skeleton: import("svelte").Component<{
+    [key: string]: unknown;
     size?: SkeletonSize;
     lines?: number;
     animate?: boolean;
     class?: string;
-    [key: string]: unknown;
-}
-declare const Skeleton: import("svelte").Component<Props, {}, "">;
+    labels?: Partial<{
+        loadingContent: string;
+        loading: string;
+    }>;
+}, {}, "">;
 type Skeleton = ReturnType<typeof Skeleton>;
 export default Skeleton;
 //# sourceMappingURL=Skeleton.svelte.d.ts.map

package/dist/primitives/Skeleton/Skeleton.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Skeleton/Skeleton.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAiB,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGxE,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAoCH,QAAA,MAAM,QAAQ,2CAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Skeleton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Skeleton/Skeleton.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAiB,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAqD1E,QAAA,MAAM,QAAQ;;WA1CH,YAAY;YACX,MAAM;cACJ,OAAO;YACT,MAAM;aACL,OAAO;;;MAAsB;UAsCY,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/primitives/Spinner/Spinner.svelte

@@ -5,10 +5,15 @@
   } from '../../tokens/variants.js';
   import { iconSizes, type IconSize } from '../../tokens/sizing.js';
 
+  const defaultLabels = {
+    loading: 'Loading...',
+  };
+
   interface Props {
     size?: IconSize;
     color?: SpinnerColorVariant;
     class?: string;
+    labels?: Partial<typeof defaultLabels>;
     [key: string]: unknown;
   }
 
@@ -16,9 +21,12 @@
     size = 'md',
     color = 'blue',
     class: className = '',
+    labels: userLabels = {},
     ...restProps
   }: Props = $props();
 
+  let labels = $derived({ ...defaultLabels, ...userLabels });
+
   let sizeClass = $derived(iconSizes[size] || iconSizes.md);
   let colorClass = $derived(spinnerColorVariants[color] || spinnerColorVariants.blue);
 </script>
@@ -41,4 +49,4 @@
     fill="currentFill"
   />
 </svg>
-<span class="sr-only">Loading...</span>
+<span class="sr-only">{labels.loading}</span>

package/dist/primitives/Spinner/Spinner.svelte.d.ts

@@ -1,12 +1,14 @@
 import { type SpinnerColorVariant } from '../../tokens/variants.js';
 import { type IconSize } from '../../tokens/sizing.js';
-interface Props {
+declare const Spinner: import("svelte").Component<{
+    [key: string]: unknown;
     size?: IconSize;
     color?: SpinnerColorVariant;
     class?: string;
-    [key: string]: unknown;
-}
-declare const Spinner: import("svelte").Component<Props, {}, "">;
+    labels?: Partial<{
+        loading: string;
+    }>;
+}, {}, "">;
 type Spinner = ReturnType<typeof Spinner>;
 export default Spinner;
 //# sourceMappingURL=Spinner.svelte.d.ts.map

package/dist/primitives/Spinner/Spinner.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Spinner/Spinner.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAEH,KAAK,mBAAmB,EACzB,MAAM,0BAA0B,CAAC;AACpC,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAGhE,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAyBH,QAAA,MAAM,OAAO,2CAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Spinner.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Spinner/Spinner.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAEH,KAAK,mBAAmB,EACzB,MAAM,0BAA0B,CAAC;AACpC,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAwClE,QAAA,MAAM,OAAO;;WA7BF,QAAQ;YACP,mBAAmB;YACnB,MAAM;aACL,OAAO;;MAAsB;UA0BW,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}

package/dist/recipes/ImageUploader/ImageUploader.svelte

@@ -55,6 +55,7 @@
     fileTypes: 'JPG, PNG, WebP',
     uploadedAlt: 'Uploaded',
     closeModal: 'Close',
+    emptyLabel: 'Drag & drop or click to upload',
   };
 
   interface Props {
@@ -119,7 +120,7 @@
     showMainBadge = true,
     maxFileSize = '20MB',
     acceptedTypes = ['image/jpeg', 'image/png', 'image/webp', 'image/heic', 'image/heif'],
-    emptyLabel = 'Drag & drop or click to upload',
+    emptyLabel = undefined,
     constraintsText = '',
     helperText = '',
     onUpload,
@@ -135,6 +136,7 @@
   }: Props = $props();
 
   let labels = $derived({ ...defaultLabels, ...userLabels });
+  let resolvedEmptyLabel = $derived(emptyLabel ?? labels.emptyLabel);
 
   // Normalize images to array
   let imageArray = $derived(
@@ -255,7 +257,7 @@
         <svg class="w-8 h-8 mb-5 text-gray-400 dark:text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
         </svg>
-        <span class="text-sm font-medium text-gray-600 dark:text-gray-300">${emptyLabel}</span>
+        <span class="text-sm font-medium text-gray-600 dark:text-gray-300">${resolvedEmptyLabel}</span>
         <span class="text-[11px] text-gray-400 dark:text-gray-500 mt-2 block">${labels.fileTypes}</span>
         ${constraintsText ? `<span class="text-[10px] text-gray-400/50 dark:text-gray-500/50 mt-1 block">${constraintsText}</span>` : ''}
       </div>
@@ -804,7 +806,7 @@
             ondrop={(e) => handleModalDrop(e)}
           >
             <PlusOutline class="w-8 h-8 mb-2 text-gray-400" />
-            <span class={typography.smMuted}>{emptyLabel}</span>
+            <span class={typography.smMuted}>{resolvedEmptyLabel}</span>
             <span class={`${typography.xsMuted} mt-1`}>{labels.fileTypes}</span>
           </div>
           <input

package/dist/recipes/ImageUploader/ImageUploader.svelte.d.ts

@@ -63,6 +63,7 @@ declare const ImageUploader: import("svelte").Component<{
         fileTypes: string;
         uploadedAlt: string;
         closeModal: string;
+        emptyLabel: string;
     }>;
 }, {}, "images">;
 type ImageUploader = ReturnType<typeof ImageUploader>;

package/dist/recipes/ImageUploader/ImageUploader.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageUploader.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/recipes/ImageUploader/ImageUploader.svelte.ts"],"names":[],"mappings":"AAoBA,OAAO,gCAAgC,CAAC;AACxC,OAAO,sEAAsE,CAAC;AAkuB9E,QAAA,MAAM,aAAa;IAtqBf,6CAA6C;aACpC,MAAM,GAAG,MAAM,EAAE;IAC1B,qDAAqD;gBACzC,MAAM;IAClB,2BAA2B;iBACd,OAAO;IACpB,wBAAwB;;IAExB,mDAAmD;oBACnC,OAAO;IACvB,wDAAwD;;IAExD,gEAAgE;;IAEhE,oDAAoD;oBACpC,OAAO;IACvB,uCAAuC;kBACzB,MAAM;IACpB,0BAA0B;oBACV,MAAM,EAAE;IACxB,6BAA6B;iBAChB,MAAM;IACnB,wEAAwE;sBACtD,MAAM;IACxB,uCAAuC;iBAC1B,MAAM;IACnB;;sEAEkE;eACvD,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,IAAI;IAC/D,qCAAqC;eAC1B,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;IAClC,8DAA8D;gBAClD,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI;IACtC,oFAAoF;uBACjE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI;IAC/D,4EAA4E;gBAChE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI;IAC7C,2DAA2D;eAChD,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI;IACrC,wBAAwB;YAChB,MAAM;IACd,qBAAqB;eACV,OAAO;IAClB,+BAA+B;YACvB,MAAM;IACd,oCAAoC;aAC3B,OAAO;;;;;;;;;;MAAsB;gBAunBiB,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ImageUploader.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/recipes/ImageUploader/ImageUploader.svelte.ts"],"names":[],"mappings":"AAoBA,OAAO,gCAAgC,CAAC;AACxC,OAAO,sEAAsE,CAAC;AAouB9E,QAAA,MAAM,aAAa;IAvqBf,6CAA6C;aACpC,MAAM,GAAG,MAAM,EAAE;IAC1B,qDAAqD;gBACzC,MAAM;IAClB,2BAA2B;iBACd,OAAO;IACpB,wBAAwB;;IAExB,mDAAmD;oBACnC,OAAO;IACvB,wDAAwD;;IAExD,gEAAgE;;IAEhE,oDAAoD;oBACpC,OAAO;IACvB,uCAAuC;kBACzB,MAAM;IACpB,0BAA0B;oBACV,MAAM,EAAE;IACxB,6BAA6B;iBAChB,MAAM;IACnB,wEAAwE;sBACtD,MAAM;IACxB,uCAAuC;iBAC1B,MAAM;IACnB;;sEAEkE;eACvD,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,IAAI;IAC/D,qCAAqC;eAC1B,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;IAClC,8DAA8D;gBAClD,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI;IACtC,oFAAoF;uBACjE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI;IAC/D,4EAA4E;gBAChE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI;IAC7C,2DAA2D;eAChD,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI;IACrC,wBAAwB;YAChB,MAAM;IACd,qBAAqB;eACV,OAAO;IAClB,+BAA+B;YACvB,MAAM;IACd,oCAAoC;aAC3B,OAAO;;;;;;;;;;;MAAsB;gBAwnBiB,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}