@getmicdrop/svelte-components 2.3.0 → 2.6.0

package/dist/components/Layout/PageLayout.svelte

@@ -0,0 +1,64 @@
+<script>
+  import Breadcrumb from '../Breadcrumb/Breadcrumb.svelte';
+  import Card from '../Card.svelte';
+
+  /**
+   * Breadcrumb navigation data
+   * @type {Array<{name: string, href: string}>}
+   */
+  export let breadcrumb = [];
+
+  /**
+   * Page title displayed below breadcrumb
+   * @type {string}
+   */
+  export let title = '';
+
+  /**
+   * Subtitle displayed below title
+   * @type {string}
+   */
+  export let subtitle = '';
+
+  /**
+   * Layout variant
+   * - 'default': Content with standard padding, no wrapper
+   * - 'card': Content wrapped in Card component with max-width
+   * @type {'default' | 'card'}
+   */
+  export let variant = 'default';
+
+  /**
+   * Max width class for card variant (e.g., 'max-w-4xl', 'max-w-6xl')
+   * @type {string}
+   */
+  export let maxWidth = 'max-w-4xl';
+
+  /**
+   * Additional CSS classes for the content container
+   * @type {string}
+   */
+  export let className = '';
+
+  /**
+   * Whether to show the header (breadcrumb, title, subtitle)
+   * @type {boolean}
+   */
+  export let showHeader = true;
+</script>
+
+{#if showHeader}
+  <nav class="pt-4 px-4 text-text-primary text-lg font-semibold">
+    <Breadcrumb data={breadcrumb} {title} {subtitle} />
+  </nav>
+{/if}
+
+<div class="px-4 pb-20 md:pb-6 {className}">
+  {#if variant === 'card'}
+    <Card className="dark:bg-bg-primary {maxWidth}">
+      <slot />
+    </Card>
+  {:else}
+    <slot />
+  {/if}
+</div>

package/dist/components/Layout/PageLayout.svelte.d.ts

@@ -0,0 +1,58 @@
+export default PageLayout;
+type PageLayout = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
+    title?: string | undefined;
+    className?: string | undefined;
+    variant?: "default" | "card" | undefined;
+    subtitle?: string | undefined;
+    breadcrumb?: {
+        name: string;
+        href: string;
+    }[] | undefined;
+    maxWidth?: string | undefined;
+    showHeader?: boolean | undefined;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> & {
+    $$bindings?: string | undefined;
+};
+declare const PageLayout: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    title?: string | undefined;
+    className?: string | undefined;
+    variant?: "default" | "card" | undefined;
+    subtitle?: string | undefined;
+    breadcrumb?: {
+        name: string;
+        href: string;
+    }[] | undefined;
+    maxWidth?: string | undefined;
+    showHeader?: boolean | undefined;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+//# sourceMappingURL=PageLayout.svelte.d.ts.map

package/dist/components/Layout/PageLayout.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayout.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Layout/PageLayout.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqHA;;;;;;cA1CyB,MAAM;cAAQ,MAAM;;;;;;;;;;eA0CgK;sCATvK,KAAK,EAAE,KAAK;;;;;6CALL,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}

package/dist/components/Modal/InputModal.svelte

@@ -9,6 +9,7 @@
   export let title = "";
   export let description = "";
   export let closeBtn = false; // To show close button
+  export let persistent = false; // When true, prevents closing by clicking backdrop or pressing Escape
 
   // Input configuration
   export let inputLabel = "";
@@ -76,7 +77,7 @@
   }
 </script>
 
-<Modal bind:show {size}>
+<Modal bind:show {size} {persistent}>
   <div slot="header" class="text-left">
     {#if closeBtn}
       <div class="flex justify-end -mt-2 -mr-2 mb-2">

package/dist/components/Modal/InputModal.svelte.d.ts

@@ -5,6 +5,7 @@ type InputModal = SvelteComponent<{
     show?: boolean | undefined;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
+    persistent?: boolean | undefined;
     description?: string | undefined;
     closeBtn?: boolean | undefined;
     primaryButtonText?: string | undefined;
@@ -36,6 +37,7 @@ declare const InputModal: $$__sveltets_2_IsomorphicComponent<{
     show?: boolean | undefined;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
+    persistent?: boolean | undefined;
     description?: string | undefined;
     closeBtn?: boolean | undefined;
     primaryButtonText?: string | undefined;

package/dist/components/Modal/InputModal.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputModal.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Modal/InputModal.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsKA;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAAqZ;6CATxW,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"InputModal.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Modal/InputModal.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuKA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAAka;6CATrX,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}

package/dist/components/Modal/Modal.svelte

@@ -8,6 +8,7 @@
   export let isProcessing = false;
   export let isSuccess = false;
   export let size = "default"; // "default" | "small" | "large"
+  export let persistent = false; // When true, prevents closing by clicking backdrop or pressing Escape
 
   const dispatch = createEventDispatcher();
 
@@ -16,7 +17,7 @@
 
   // Handle escape key
   function handleKeydown(event) {
-    if (event.key === "Escape" && show) {
+    if (event.key === "Escape" && show && !persistent) {
       resetModal();
     }
   }
@@ -72,7 +73,7 @@
   <!-- svelte-ignore a11y-no-static-element-interactions -->
   <div
     class="modal-backdrop"
-    on:click={resetModal}
+    on:click={persistent ? null : resetModal}
     transition:fade={{ duration: 300 }}
     role="dialog"
     aria-modal="true"

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

@@ -4,6 +4,7 @@ type Modal = SvelteComponent<{
     show?: boolean | undefined;
     isSuccess?: boolean | undefined;
     isProcessing?: boolean | undefined;
+    persistent?: boolean | undefined;
 }, {
     click: PointerEvent;
     cancel: CustomEvent<any>;
@@ -21,6 +22,7 @@ declare const Modal: $$__sveltets_2_IsomorphicComponent<{
     show?: boolean | undefined;
     isSuccess?: boolean | undefined;
     isProcessing?: boolean | undefined;
+    persistent?: boolean | undefined;
 }, {
     click: PointerEvent;
     cancel: CustomEvent<any>;

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Modal/Modal.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAkIA;;;;;;;;;;;;;;eAAmK;6CAdtH,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Modal.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Modal/Modal.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAmIA;;;;;;;;;;;;;;;eAAgL;6CAdnI,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}

package/dist/components/Modal/StatusModal.svelte.d.ts

@@ -9,11 +9,11 @@ type StatusModal = SvelteComponent<{
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
     image?: null | undefined;
+    iconType?: string | undefined;
     buttonText?: string | undefined;
     description?: string | undefined;
     customIcon?: null | undefined;
     closeBtn?: boolean | undefined;
-    iconType?: string | undefined;
 }, {
     confirm: CustomEvent<any>;
     close: CustomEvent<any>;
@@ -32,11 +32,11 @@ declare const StatusModal: $$__sveltets_2_IsomorphicComponent<{
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
     image?: null | undefined;
+    iconType?: string | undefined;
     buttonText?: string | undefined;
     description?: string | undefined;
     customIcon?: null | undefined;
     closeBtn?: boolean | undefined;
-    iconType?: string | undefined;
 }, {
     confirm: CustomEvent<any>;
     close: CustomEvent<any>;

package/dist/components/OrderSummary/OrderSummary.svelte

@@ -223,7 +223,7 @@
       {#if loading}
         <Spinner size="sm" color="white" />
       {:else}
-        {btnText}
+        <span translate="no">{btnText}</span>
       {/if}
     </button>
   </div>
@@ -345,7 +345,7 @@
         {#if loading}
           <Spinner size="sm" color="white" />
         {:else}
-          Checkout
+          <span translate="no">Checkout</span>
         {/if}
       </button>
     </div>

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

@@ -1 +1 @@
-{"version":3,"file":"OrderSummary.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/OrderSummary/OrderSummary.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAuVA;;;;;;;;;;;;;;;;;;;;;;;mBAA2S;6CAT9P,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"OrderSummary.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/OrderSummary/OrderSummary.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAyVA;;;;;;;;;;;;;;;;;;;;;;;mBAA2S;6CAT9P,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}

package/dist/components/Pagination/Pagination.svelte

@@ -9,16 +9,27 @@
   export let maxVisible = 5;
   /** @type {boolean} Show previous/next buttons */
   export let showPrevNext = true;
+  /** @type {boolean} Flowbite API: alias for showPrevNext */
+  export let showIcons = undefined;
+  /** @type {string} Flowbite API: previous button label */
+  export let previousLabel = undefined;
+  /** @type {string} Flowbite API: next button label */
+  export let nextLabel = undefined;
   /** @type {string} Additional CSS classes */
   let className = "";
   export { className as class };
 
   const dispatch = createEventDispatcher();
 
+  // Support flowbite's showIcons prop
+  $: effectiveShowPrevNext = showIcons !== undefined ? showIcons : showPrevNext;
+
   function goToPage(page) {
     if (page >= 1 && page <= totalPages && page !== currentPage) {
       currentPage = page;
       dispatch("change", { page });
+      // Also dispatch flowbite-style event
+      dispatch("pageChange", page);
     }
   }
 
@@ -53,7 +64,7 @@
 </script>
 
 <nav class="pagination {className}" aria-label="Pagination">
-  {#if showPrevNext}
+  {#if effectiveShowPrevNext}
     <button
       type="button"
       class="pagination__button pagination__button--prev"
@@ -61,9 +72,13 @@
       on:click={previous}
       aria-label="Previous page"
     >
-      <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path d="M12.5 15L7.5 10L12.5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-      </svg>
+      {#if $$slots.prev}
+        <slot name="prev" />
+      {:else}
+        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M12.5 15L7.5 10L12.5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+        </svg>
+      {/if}
     </button>
   {/if}
 
@@ -103,7 +118,7 @@
     {/if}
   </div>
 
-  {#if showPrevNext}
+  {#if effectiveShowPrevNext}
     <button
       type="button"
       class="pagination__button pagination__button--next"
@@ -111,9 +126,13 @@
       on:click={next}
       aria-label="Next page"
     >
-      <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path d="M7.5 5L12.5 10L7.5 15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-      </svg>
+      {#if $$slots.next}
+        <slot name="next" />
+      {:else}
+        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M7.5 5L12.5 10L7.5 15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+        </svg>
+      {/if}
     </button>
   {/if}
 </nav>

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

@@ -5,11 +5,18 @@ type Pagination = SvelteComponent<{
     totalPages?: number | undefined;
     maxVisible?: number | undefined;
     showPrevNext?: boolean | undefined;
+    showIcons?: boolean | undefined;
+    previousLabel?: string | undefined;
+    nextLabel?: string | undefined;
 }, {
     change: CustomEvent<any>;
+    pageChange: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
-}, {}> & {
+}, {
+    prev: {};
+    next: {};
+}> & {
     $$bindings?: string | undefined;
 };
 declare const Pagination: $$__sveltets_2_IsomorphicComponent<{
@@ -18,11 +25,18 @@ declare const Pagination: $$__sveltets_2_IsomorphicComponent<{
     totalPages?: number | undefined;
     maxVisible?: number | undefined;
     showPrevNext?: boolean | undefined;
+    showIcons?: boolean | undefined;
+    previousLabel?: string | undefined;
+    nextLabel?: string | undefined;
 }, {
     change: CustomEvent<any>;
+    pageChange: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
+}, {
+    prev: {};
+    next: {};
+}, {}, string>;
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Pagination/Pagination.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;AAqHA;;;;;;;;;;mBAAwL;6CAT3I,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Pagination.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Pagination/Pagination.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAgJA;;;;;;;;;;;;;;;;;eAAsO;6CAdzL,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}

package/dist/components/Radio/Radio.svelte

@@ -9,13 +9,16 @@
   export let name = "";
   /** @type {boolean} Whether the radio is disabled */
   export let disabled = false;
+  /** @type {boolean|undefined} Direct checked prop for flowbite API compatibility */
+  export let checked = undefined;
   /** @type {string} Additional CSS classes */
   let className = "";
   export { className as class };
 
   const dispatch = createEventDispatcher();
 
-  $: checked = group === value;
+  // Support both flowbite-style checked prop and group binding
+  $: isChecked = checked !== undefined ? checked : group === value;
 
   function handleChange() {
     group = value;
@@ -29,7 +32,7 @@
     {name}
     {value}
     {disabled}
-    checked={checked}
+    checked={isChecked}
     on:change={handleChange}
     class="radio__input"
   />

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

@@ -2,6 +2,7 @@ export default Radio;
 type Radio = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
     class?: string | undefined;
     disabled?: boolean | undefined;
+    checked?: boolean | undefined;
     value?: string | undefined;
     name?: string | undefined;
     group?: string | undefined;
@@ -19,6 +20,7 @@ type Radio = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
 declare const Radio: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
     class?: string | undefined;
     disabled?: boolean | undefined;
+    checked?: boolean | undefined;
     value?: string | undefined;
     name?: string | undefined;
     group?: string | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Radio/Radio.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAiEA;;;;;;;;;;;;;;eAAoK;sCAT9H,KAAK,EAAE,KAAK;;;;;6CALL,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Radio.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Radio/Radio.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAqEA;;;cAhBW,OAAO,GAAC,SAAS;;;;;;;;;;;;eAgBkJ;sCATxI,KAAK,EAAE,KAAK;;;;;6CALL,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}

package/dist/components/Skeleton/Skeleton.svelte

@@ -10,12 +10,21 @@
   /** @type {string} Additional CSS classes */
   let className = "";
   export { className as class };
+  /** @type {string} Flowbite-style divClass for Tailwind classes */
+  export let divClass = "";
+
+  // If divClass is provided, use it instead of explicit width/height
+  $: useFlowbiteStyle = divClass !== "";
+  $: computedStyle = useFlowbiteStyle ? "" : `width: ${width}; height: ${height};`;
+  $: computedClass = useFlowbiteStyle
+    ? `skeleton skeleton--${variant} ${divClass} ${className}`.trim()
+    : `skeleton skeleton--${variant} ${className}`.trim();
 </script>
 
 <div
-  class="skeleton skeleton--{variant} {className}"
+  class={computedClass}
   class:skeleton--animated={animation}
-  style="width: {width}; height: {height};"
+  style={computedStyle}
   aria-hidden="true"
 ></div>
 

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

@@ -5,6 +5,7 @@ type Skeleton = SvelteComponent<{
     width?: string | undefined;
     height?: string | undefined;
     animation?: boolean | undefined;
+    divClass?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> & {
@@ -16,6 +17,7 @@ declare const Skeleton: $$__sveltets_2_IsomorphicComponent<{
     width?: string | undefined;
     height?: string | undefined;
     animation?: boolean | undefined;
+    divClass?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;

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

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Skeleton/Skeleton.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;AAqCA;;;;;;;;mBAAsK;6CATzH,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Skeleton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Skeleton/Skeleton.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;AA+CA;;;;;;;;;mBAAiL;6CATpI,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}

package/dist/components/Tabs/TabItem.svelte

@@ -0,0 +1,39 @@
+<script>
+  import { getContext, onMount, createEventDispatcher } from "svelte";
+
+  /** @type {string} Tab title displayed in the tab button */
+  export let title = "";
+  /** @type {boolean} Whether this tab is initially open/active (flowbite API) */
+  export let open = false;
+  /** @type {string|number|undefined} Unique identifier for this tab */
+  export let value = undefined;
+  /** @type {boolean} Whether the tab is disabled */
+  export let disabled = false;
+  /** @type {string} Additional CSS classes for the tab button */
+  let className = "";
+  export { className as class };
+
+  const dispatch = createEventDispatcher();
+  const { activeTab, registerTab } = getContext("tabs");
+
+  // Generate unique ID
+  let tabId = value || `tab-${Math.random().toString(36).substring(2, 9)}`;
+
+  onMount(() => {
+    registerTab(tabId, title, open);
+  });
+
+  $: isActive = $activeTab === tabId;
+</script>
+
+{#if isActive}
+  <div class="tab-panel" role="tabpanel" on:click={() => dispatch("click")}>
+    <slot />
+  </div>
+{/if}
+
+<style>
+  .tab-panel {
+    /* Content panel styling can be customized via contentClass on Tabs */
+  }
+</style>

package/dist/components/Tabs/TabItem.svelte.d.ts

@@ -0,0 +1,52 @@
+export default TabItem;
+type TabItem = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
+    class?: string | undefined;
+    open?: boolean | undefined;
+    title?: string | undefined;
+    disabled?: boolean | undefined;
+    value?: string | number | undefined;
+}, {
+    default: {};
+}>, {
+    click: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> & {
+    $$bindings?: string | undefined;
+};
+declare const TabItem: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    class?: string | undefined;
+    open?: boolean | undefined;
+    title?: string | undefined;
+    disabled?: boolean | undefined;
+    value?: string | number | undefined;
+}, {
+    default: {};
+}>, {
+    click: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+//# sourceMappingURL=TabItem.svelte.d.ts.map

package/dist/components/Tabs/TabItem.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Tabs/TabItem.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AA8DA;;;;;YAjBW,MAAM,GAAC,MAAM,GAAC,SAAS;;;;;;;;;eAiBoI;sCAThI,KAAK,EAAE,KAAK;;;;;6CALL,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}