@getmicdrop/svelte-components 5.1.3 → 5.3.0

package/dist/calendar/ShowCard/ShowCard.svelte

@@ -1,49 +1,45 @@
 <script>
-  import { createEventDispatcher } from 'svelte';
   import { ShareOutline, CheckOutline } from '../../primitives/Icons';
   import ShowTimeCard from '../ShowTimeCard/ShowTimeCard.svelte';
 
-  export let event = {};
-  export let showtimes = [];
-  export let showTitle = true;
-
-  // Formatting functions - can be overridden via props
-  export let formatDateTime = (dateStr) => {
-    if (!dateStr) return '';
-    const date = new Date(dateStr);
-    if (isNaN(date.getTime())) return dateStr;
-    return date.toLocaleDateString('en-US', {
-      weekday: 'long',
-      year: 'numeric',
-      month: 'long',
-      day: 'numeric',
-      hour: 'numeric',
-      minute: '2-digit'
-    });
-  };
-
-  export let formatTimeline = (timeStr) => {
-    if (!timeStr) return '';
-    // Handle ISO datetime or time string
-    const date = new Date(timeStr);
-    if (!isNaN(date.getTime())) {
-      return date.toLocaleTimeString('en-US', {
+  let {
+    event = {},
+    showtimes = [],
+    showTitle = true,
+    formatDateTime = (dateStr) => {
+      if (!dateStr) return '';
+      const date = new Date(dateStr);
+      if (isNaN(date.getTime())) return dateStr;
+      return date.toLocaleDateString('en-US', {
+        weekday: 'long',
+        year: 'numeric',
+        month: 'long',
+        day: 'numeric',
         hour: 'numeric',
-        minute: '2-digit',
-        hour12: true
+        minute: '2-digit'
       });
-    }
-    return timeStr;
-  };
-
-  const dispatch = createEventDispatcher();
+    },
+    formatTimeline = (timeStr) => {
+      if (!timeStr) return '';
+      const date = new Date(timeStr);
+      if (!isNaN(date.getTime())) {
+        return date.toLocaleTimeString('en-US', {
+          hour: 'numeric',
+          minute: '2-digit',
+          hour12: true
+        });
+      }
+      return timeStr;
+    },
+    onshowtimeSelect,
+  } = $props();
 
-  let selectedDate = null;
-  let shareSuccess = false;
+  let selectedDate = $state(null);
+  let shareSuccess = $state(false);
 
   function handleSelect(e) {
-    selectedDate = e.detail.date;
-    dispatch('showtimeSelect', e.detail);
+    selectedDate = e.date;
+    onshowtimeSelect?.({ date: e.date, ...e });
   }
 
   async function handleShare() {
@@ -54,11 +50,9 @@
     };
 
     try {
-      // Use Web Share API if available (mobile devices, some desktop browsers)
       if (typeof navigator !== 'undefined' && navigator.share && navigator.canShare && navigator.canShare(shareData)) {
         await navigator.share(shareData);
       } else if (typeof navigator !== 'undefined' && navigator.clipboard) {
-        // Fallback: copy URL to clipboard
         await navigator.clipboard.writeText(shareData.url);
         shareSuccess = true;
         setTimeout(() => {
@@ -66,7 +60,6 @@
         }, 2000);
       }
     } catch (err) {
-      // User cancelled share or error occurred - try clipboard as last resort
       if (err.name !== 'AbortError' && typeof navigator !== 'undefined' && navigator.clipboard) {
         try {
           await navigator.clipboard.writeText(shareData.url);
@@ -83,7 +76,6 @@
 </script>
 
 <div class="h-fit rounded-lg sm:px-5 py-4 md:border md:border-gray-200 md:dark:border-gray-700 bg-white dark:bg-gray-800">
-  <!-- Event Title -->
   {#if showTitle}
     <div class="flex justify-between items-start gap-2 mb-4">
       <h1 class="flex-1 text-left font-semibold text-xl leading-tight text-gray-900 dark:text-white">
@@ -92,7 +84,7 @@
       <button
         class="flex-shrink-0 p-2 rounded-lg transition-colors hover:bg-gray-100 dark:hover:bg-gray-700 relative"
         aria-label="Share event"
-        on:click={handleShare}
+        onclick={handleShare}
       >
         {#if shareSuccess}
           <CheckOutline class="w-5 h-5 text-green-600 dark:text-green-500" />
@@ -103,7 +95,6 @@
     </div>
   {/if}
 
-  <!-- Date & Time -->
   <div class="space-y-1 text-sm">
     <p class="font-medium text-gray-900 dark:text-white">{formatDateTime(event.startDateTime)}</p>
     {#if event.displayStartTime && event.doorsOpenTime}
@@ -125,7 +116,7 @@
               date={showtime.date}
               time={showtime.time}
               isSelected={selectedDate === showtime.date}
-              on:select={handleSelect}
+              onselect={handleSelect}
             />
           </div>
         {/each}
@@ -133,7 +124,6 @@
     </div>
   {/if}
 
-  <!-- Location -->
   {#if event.venue}
     <div class="mt-4 pt-4 border-t border-gray-200 dark:border-gray-700">
       <a

package/dist/calendar/ShowCard/ShowCard.svelte.d.ts

@@ -1,39 +1,22 @@
 export default ShowCard;
-type ShowCard = SvelteComponent<{
-    event?: {} | undefined;
-    showtimes?: any[] | undefined;
-    showTitle?: boolean | undefined;
-    formatDateTime?: ((dateStr: any) => any) | undefined;
-    formatTimeline?: ((timeStr: any) => any) | undefined;
-}, {
-    showtimeSelect: CustomEvent<any>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
+type ShowCard = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const ShowCard: import("svelte").Component<{
+    event?: Record<string, any>;
+    showtimes?: any[];
+    showTitle?: boolean;
+    formatDateTime?: Function;
+    formatTimeline?: Function;
+    onshowtimeSelect: any;
+}, {}, "">;
+type $$ComponentProps = {
+    event?: Record<string, any>;
+    showtimes?: any[];
+    showTitle?: boolean;
+    formatDateTime?: Function;
+    formatTimeline?: Function;
+    onshowtimeSelect: any;
 };
-declare const ShowCard: $$__sveltets_2_IsomorphicComponent<{
-    event?: {} | undefined;
-    showtimes?: any[] | undefined;
-    showTitle?: boolean | undefined;
-    formatDateTime?: ((dateStr: any) => any) | undefined;
-    formatTimeline?: ((timeStr: any) => any) | undefined;
-}, {
-    showtimeSelect: CustomEvent<any>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, 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;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
 //# sourceMappingURL=ShowCard.svelte.d.ts.map

package/dist/calendar/ShowCard/ShowCard.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShowCard.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/calendar/ShowCard/ShowCard.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;AA0KA;;;;;;;;;;mBAAyL;6CAT5I,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":"ShowCard.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/calendar/ShowCard/ShowCard.svelte.js"],"names":[],"mappings":";;;;;AAsJA;YA5I6B,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;gBAAc,GAAG,EAAE;gBAAc,OAAO;;;sBAA0E,GAAG;WA4I9G;wBA5IpC;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAAC,SAAS,CAAC,EAAE,GAAG,EAAE,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,cAAc,CAAC,WAAW;IAAC,cAAc,CAAC,WAAW;IAAC,gBAAgB,EAAE,GAAG,CAAA;CAAE"}

package/dist/calendar/ShowTimeCard/ShowTimeCard.svelte

@@ -1,15 +1,14 @@
 <script>
-  import { createEventDispatcher } from 'svelte';
-
-  export let day = '';
-  export let date = '';
-  export let time = '';
-  export let isSelected = false;
-
-  const dispatch = createEventDispatcher();
+  let {
+    day = '',
+    date = '',
+    time = '',
+    isSelected = false,
+    onselect,
+  } = $props();
 
   function handleCardClick() {
-    dispatch('select', { date });
+    onselect?.({ date });
   }
 
   function handleKeydown(e) {
@@ -21,10 +20,9 @@
 
   function formatHour(timeStr) {
     if (!timeStr) return '';
-    // Handle various time formats
-    const date = new Date(`1970-01-01T${timeStr}`);
-    if (isNaN(date.getTime())) return timeStr;
-    return date.toLocaleTimeString('en-US', {
+    const d = new Date(`1970-01-01T${timeStr}`);
+    if (isNaN(d.getTime())) return timeStr;
+    return d.toLocaleTimeString('en-US', {
       hour: 'numeric',
       minute: '2-digit',
       hour12: true
@@ -46,8 +44,8 @@
   class="w-full h-28 rounded-lg flex flex-col justify-center items-center gap-1.5 cursor-pointer border-2 px-1 transition-colors bg-white dark:bg-gray-800 {isSelected
     ? 'border-blue-700 dark:border-blue-500'
     : 'border-gray-200 dark:border-gray-700 hover:border-blue-700 dark:hover:border-blue-500'}"
-  on:click={handleCardClick}
-  on:keydown={handleKeydown}
+  onclick={handleCardClick}
+  onkeydown={handleKeydown}
   tabindex="0"
   role="button"
   aria-label={`${day} ${formatDate(date)} at ${formatHour(time)}${isSelected ? ', selected' : ''}`}

package/dist/calendar/ShowTimeCard/ShowTimeCard.svelte.d.ts

@@ -1,37 +1,20 @@
 export default ShowTimeCard;
-type ShowTimeCard = SvelteComponent<{
-    time?: string | undefined;
-    day?: string | undefined;
-    date?: string | undefined;
-    isSelected?: boolean | undefined;
-}, {
-    select: CustomEvent<any>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
+type ShowTimeCard = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const ShowTimeCard: import("svelte").Component<{
+    day?: string;
+    date?: string;
+    time?: string;
+    isSelected?: boolean;
+    onselect: any;
+}, {}, "">;
+type $$ComponentProps = {
+    day?: string;
+    date?: string;
+    time?: string;
+    isSelected?: boolean;
+    onselect: any;
 };
-declare const ShowTimeCard: $$__sveltets_2_IsomorphicComponent<{
-    time?: string | undefined;
-    day?: string | undefined;
-    date?: string | undefined;
-    isSelected?: boolean | undefined;
-}, {
-    select: CustomEvent<any>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, 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;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
 //# sourceMappingURL=ShowTimeCard.svelte.d.ts.map

package/dist/calendar/ShowTimeCard/ShowTimeCard.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShowTimeCard.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/calendar/ShowTimeCard/ShowTimeCard.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;AAsEA;;;;;;;;;mBAA4J;6CAT/G,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":"ShowTimeCard.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/calendar/ShowTimeCard/ShowTimeCard.svelte.js"],"names":[],"mappings":";;;;;AAyDA;UArD2B,MAAM;WAAS,MAAM;WAAS,MAAM;iBAAe,OAAO;cAAY,GAAG;WAqDzC;wBArDxC;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,GAAG,CAAA;CAAE"}

package/dist/components/Layout/Grid.svelte

@@ -1,4 +1,6 @@
-<script>
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+
   /**
    * Grid - Responsive grid container with automatic column sizing
    *
@@ -32,46 +34,39 @@
    *   - spacious: 32px (8)  - Spacious grid items
    */
 
-  /**
-   * Number of columns or 'auto' for auto-fit
-   * @type {'1' | '2' | '3' | '4' | '6' | 'auto'}
-   */
-  export let cols = '3';
-
-  /**
-   * Gap between grid items - semantic names or Tailwind spacing scale
-   * @type {'tight' | 'standard' | 'spacious' | '0' | '2' | '3' | '4' | '6' | '8'}
-   */
-  export let gap = '4';
-
-  /**
-   * Minimum width for auto-fit columns (only used when cols='auto')
-   * @type {string}
-   */
-  export let minWidth = '280px';
+  interface Props {
+    /** Number of columns or 'auto' for auto-fit */
+    cols?: '1' | '2' | '3' | '4' | '6' | 'auto';
+    /** Gap between grid items - semantic names or Tailwind spacing scale */
+    gap?: 'tight' | 'standard' | 'spacious' | '0' | '2' | '3' | '4' | '6' | '8';
+    /** Minimum width for auto-fit columns (only used when cols='auto') */
+    minWidth?: string;
+    /** HTML element to render as */
+    as?: 'div' | 'section' | 'ul';
+    /** Additional CSS classes */
+    class?: string;
+    /** Child content */
+    children?: Snippet;
+  }
 
-  /**
-   * HTML element to render as
-   * @type {'div' | 'section' | 'ul'}
-   */
-  export let as = 'div';
-
-  /**
-   * Additional CSS classes
-   * @type {string}
-   */
-  let className = '';
-  export { className as class };
+  let {
+    cols = '3',
+    gap = '4',
+    minWidth = '280px',
+    as = 'div',
+    class: className = '',
+    children
+  }: Props = $props();
 
   // Semantic gap names for grids
-  const semanticGapMap = {
+  const semanticGapMap: Record<string, string> = {
     'tight': 'gap-4',      // 16px - Tight grid items
     'standard': 'gap-6',   // 24px - Standard grid items
     'spacious': 'gap-8',   // 32px - Spacious grid items
   };
 
   // Numeric gap values (backwards compatible)
-  const numericGapMap = {
+  const numericGapMap: Record<string, string> = {
     '0': 'gap-0',
     '2': 'gap-2',
     '3': 'gap-3',
@@ -81,10 +76,10 @@
   };
 
   // Combined map
-  const gapMap = { ...numericGapMap, ...semanticGapMap };
+  const gapMap: Record<string, string> = { ...numericGapMap, ...semanticGapMap };
 
   // Responsive column mappings - stack on mobile, expand on larger screens
-  const colsMap = {
+  const colsMap: Record<string, string> = {
     '1': 'grid-cols-1',
     '2': 'grid-cols-1 md:grid-cols-2',
     '3': 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3',
@@ -93,18 +88,22 @@
     'auto': '' // Uses inline style
   };
 
-  $: gridStyle = cols === 'auto'
-    ? `grid-template-columns: repeat(auto-fit, minmax(${minWidth}, 1fr));`
-    : '';
+  let gridStyle = $derived(
+    cols === 'auto'
+      ? `grid-template-columns: repeat(auto-fit, minmax(${minWidth}, 1fr));`
+      : ''
+  );
 
-  $: classes = [
-    'grid',
-    cols !== 'auto' ? colsMap[cols] : '',
-    gapMap[gap] || 'gap-4',
-    className
-  ].filter(Boolean).join(' ');
+  let classes = $derived(
+    [
+      'grid',
+      cols !== 'auto' ? colsMap[cols] : '',
+      gapMap[gap] || 'gap-4',
+      className
+    ].filter(Boolean).join(' ')
+  );
 </script>
 
 <svelte:element this={as} class={classes} style={gridStyle || undefined}>
-  <slot />
+  {@render children?.()}
 </svelte:element>

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

@@ -1,48 +1,51 @@
-export default Grid;
-type Grid = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
-    class?: string | undefined;
-    minWidth?: string | undefined;
-    cols?: "1" | "2" | "4" | "3" | "6" | "auto" | undefined;
-    gap?: "0" | "2" | "4" | "3" | "6" | "8" | "tight" | "standard" | "spacious" | undefined;
-    as?: "div" | "section" | "ul" | undefined;
-}, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}> & {
-    $$bindings?: string | undefined;
-};
-declare const Grid: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    class?: string | undefined;
-    minWidth?: string | undefined;
-    cols?: "1" | "2" | "4" | "3" | "6" | "auto" | undefined;
-    gap?: "0" | "2" | "4" | "3" | "6" | "8" | "tight" | "standard" | "spacious" | undefined;
-    as?: "div" | "section" | "ul" | 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;
+import type { Snippet } from 'svelte';
+/**
+ * Grid - Responsive grid container with automatic column sizing
+ *
+ * Use Grid for laying out cards, stats, or any items in a responsive grid.
+ * Automatically stacks on mobile and expands on larger screens.
+ *
+ * @example Numeric gap
+ * <Grid cols="3" gap="6">
+ *   <StatsCard>Revenue</StatsCard>
+ *   <StatsCard>Users</StatsCard>
+ *   <StatsCard>Orders</StatsCard>
+ * </Grid>
+ *
+ * @example Semantic gap (recommended)
+ * <Grid cols="3" gap="section">
+ *   <Card>Card 1</Card>
+ *   <Card>Card 2</Card>
+ *   <Card>Card 3</Card>
+ * </Grid>
+ *
+ * @example Auto-fit columns
+ * <Grid cols="auto" minWidth="300px" gap="section">
+ *   {#each items as item}
+ *     <Card>{item.name}</Card>
+ *   {/each}
+ * </Grid>
+ *
+ * Semantic Gap Values (Flowbite/8px grid):
+ *   - tight:    16px (4)  - Tight grid items
+ *   - standard: 24px (6)  - Standard grid items (default)
+ *   - spacious: 32px (8)  - Spacious grid items
+ */
+interface Props {
+    /** Number of columns or 'auto' for auto-fit */
+    cols?: '1' | '2' | '3' | '4' | '6' | 'auto';
+    /** Gap between grid items - semantic names or Tailwind spacing scale */
+    gap?: 'tight' | 'standard' | 'spacious' | '0' | '2' | '3' | '4' | '6' | '8';
+    /** Minimum width for auto-fit columns (only used when cols='auto') */
+    minWidth?: string;
+    /** HTML element to render as */
+    as?: 'div' | 'section' | 'ul';
+    /** Additional CSS classes */
+    class?: string;
+    /** Child content */
+    children?: Snippet;
 }
+declare const Grid: import("svelte").Component<Props, {}, "">;
+type Grid = ReturnType<typeof Grid>;
+export default Grid;
 //# sourceMappingURL=Grid.svelte.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Layout/Grid.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAsJA;;;;;;;;;;;;eAA8J;sCATxH,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":"Grid.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Layout/Grid.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,UAAU,KAAK;IACb,+CAA+C;IAC/C,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,MAAM,CAAC;IAC5C,wEAAwE;IACxE,GAAG,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAC5E,sEAAsE;IACtE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,EAAE,CAAC,EAAE,KAAK,GAAG,SAAS,GAAG,IAAI,CAAC;IAC9B,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAkEH,QAAA,MAAM,IAAI,2CAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}