@getmicdrop/svelte-components 5.1.3 → 5.2.1

package/dist/calendar/Calendar/MiniMonthCalendar.svelte.d.ts

@@ -1,53 +1,36 @@
 export default MiniMonthCalendar;
-type MiniMonthCalendar = SvelteComponent<{
-    variant?: string | undefined;
-    selectedDates?: any[] | undefined;
-    events?: any[] | undefined;
-    saveStatus?: string | undefined;
-    showLegend?: boolean | undefined;
-    showNavigation?: boolean | undefined;
-    showTodayButton?: boolean | undefined;
-    readOnly?: boolean | undefined;
-    showPartialPreview?: boolean | undefined;
-    disablePastNavigation?: boolean | undefined;
-}, {
-    dateSelect: CustomEvent<any>;
-    dayClick: CustomEvent<any>;
-    monthChange: CustomEvent<any>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
+type MiniMonthCalendar = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const MiniMonthCalendar: import("svelte").Component<{
+    variant?: string;
+    selectedDates?: any[];
+    events?: any[];
+    saveStatus?: string;
+    showLegend?: boolean;
+    showNavigation?: boolean;
+    showTodayButton?: boolean;
+    readOnly?: boolean;
+    showPartialPreview?: boolean;
+    disablePastNavigation?: boolean;
+    ondateSelect: any;
+    ondayClick: any;
+    onmonthChange: any;
+}, {}, "selectedDates">;
+type $$ComponentProps = {
+    variant?: string;
+    selectedDates?: any[];
+    events?: any[];
+    saveStatus?: string;
+    showLegend?: boolean;
+    showNavigation?: boolean;
+    showTodayButton?: boolean;
+    readOnly?: boolean;
+    showPartialPreview?: boolean;
+    disablePastNavigation?: boolean;
+    ondateSelect: any;
+    ondayClick: any;
+    onmonthChange: any;
 };
-declare const MiniMonthCalendar: $$__sveltets_2_IsomorphicComponent<{
-    variant?: string | undefined;
-    selectedDates?: any[] | undefined;
-    events?: any[] | undefined;
-    saveStatus?: string | undefined;
-    showLegend?: boolean | undefined;
-    showNavigation?: boolean | undefined;
-    showTodayButton?: boolean | undefined;
-    readOnly?: boolean | undefined;
-    showPartialPreview?: boolean | undefined;
-    disablePastNavigation?: boolean | undefined;
-}, {
-    dateSelect: CustomEvent<any>;
-    dayClick: CustomEvent<any>;
-    monthChange: 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=MiniMonthCalendar.svelte.d.ts.map

package/dist/calendar/Calendar/MiniMonthCalendar.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MiniMonthCalendar.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/calendar/Calendar/MiniMonthCalendar.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AA6xBA;;;;;;;;;;;;;;;;;mBAAwR;6CAT3O,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":"MiniMonthCalendar.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/calendar/Calendar/MiniMonthCalendar.svelte.js"],"names":[],"mappings":";;;;;AA+sBA;cArsB+B,MAAM;oBAAkB,GAAG,EAAE;aAAW,GAAG,EAAE;iBAAe,MAAM;iBAAe,OAAO;qBAAmB,OAAO;sBAAoB,OAAO;eAAa,OAAO;yBAAuB,OAAO;4BAA0B,OAAO;kBAAgB,GAAG;gBAAc,GAAG;mBAAiB,GAAG;wBAqsBvP;wBArsB7C;IAAE,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,aAAa,CAAC,EAAE,GAAG,EAAE,CAAC;IAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAAC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,GAAG,CAAC;IAAC,UAAU,EAAE,GAAG,CAAC;IAAC,aAAa,EAAE,GAAG,CAAA;CAAE"}

package/dist/calendar/FAQs/FAQs.svelte

@@ -1,21 +1,18 @@
 <script>
   import { ChevronUpOutline } from "../../primitives/Icons";
 
-  /** @type {Array<{question: string, answer: string} | string>} */
-  export let faqs = [];
-  /** @type {string} */
-  export let title = "FAQs";
-  /** @type {boolean} */
-  export let showTitle = true;
-  /** @type {boolean} - Whether to use accordion style (collapsible) or simple list */
-  export let accordion = false;
+  let {
+    faqs = [],
+    title = "FAQs",
+    showTitle = true,
+    accordion = false,
+  } = $props();
 
-  /** @type {number | null} - Currently open accordion item index */
-  let openIndex = null;
+  let openIndex = $state(null);
 
-  $: items = faqs.map((f) =>
+  let items = $derived(faqs.map((f) =>
     typeof f === 'string' ? { question: '', answer: f } : f
-  );
+  ));
 
   function toggleAccordion(index) {
     openIndex = openIndex === index ? null : index;
@@ -29,7 +26,6 @@
 
   {#if items.length}
     {#if accordion}
-      <!-- Flowbite Accordion Pattern -->
       <div class="border border-gray-200 rounded-lg dark:border-gray-700">
         {#each items as { question, answer }, index}
           <div>
@@ -40,7 +36,7 @@
                   {index === 0 ? 'rounded-t-lg' : ''}
                   {index === items.length - 1 && openIndex !== index ? 'border-b-0 rounded-b-lg' : ''}
                   {openIndex === index ? 'text-gray-900 bg-gray-100 dark:bg-gray-800 dark:text-white' : ''}"
-                on:click={() => toggleAccordion(index)}
+                onclick={() => toggleAccordion(index)}
                 aria-expanded={openIndex === index}
                 aria-controls="accordion-body-{index}"
               >
@@ -61,7 +57,6 @@
         {/each}
       </div>
     {:else}
-      <!-- Simple List Pattern (Flowbite Typography) -->
       <div class="space-y-4">
         {#each items as { question, answer }}
           <div>

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

@@ -1,39 +1,18 @@
 export default FAQs;
-type FAQs = SvelteComponent<{
-    accordion?: boolean | undefined;
-    title?: string | undefined;
-    showTitle?: boolean | undefined;
-    faqs?: (string | {
-        question: string;
-        answer: string;
-    })[] | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
+type FAQs = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const FAQs: import("svelte").Component<{
+    faqs?: any[];
+    title?: string;
+    showTitle?: boolean;
+    accordion?: boolean;
+}, {}, "">;
+type $$ComponentProps = {
+    faqs?: any[];
+    title?: string;
+    showTitle?: boolean;
+    accordion?: boolean;
 };
-declare const FAQs: $$__sveltets_2_IsomorphicComponent<{
-    accordion?: boolean | undefined;
-    title?: string | undefined;
-    showTitle?: boolean | undefined;
-    faqs?: (string | {
-        question: string;
-        answer: string;
-    })[] | undefined;
-}, {
-    [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=FAQs.svelte.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FAQs.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/calendar/FAQs/FAQs.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;AA0FA;;;;;kBAb4B,MAAM;gBAAU,MAAM;;;;mBAawG;6CAT7G,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":"FAQs.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/calendar/FAQs/FAQs.svelte.js"],"names":[],"mappings":";;;;;AAwEA;WAhE4B,GAAG,EAAE;YAAU,MAAM;gBAAc,OAAO;gBAAc,OAAO;WAgExC;wBAhEhC;IAAE,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE"}

package/dist/calendar/MonthSwitcher/MonthSwitcher.svelte

@@ -1,45 +1,42 @@
 <script>
   import { ChevronLeftOutline, ChevronRightOutline } from '../../primitives/Icons';
 
-  // Use LOCAL time, not UTC - consistent with how calendar displays dates
   const today = new Date();
   const todayLocalMonth = today.getMonth();
   const todayLocalYear = today.getFullYear();
 
-  export let currentYear = todayLocalYear;
-  export let currentMonth = todayLocalMonth;
-  export let handleNext = () => {};
-  export let handlePrev = () => {};
-  export let handleToday = () => {}; // Navigate back to current month
-  export let disablePastNavigation = true; // Prevent navigating to past months by default
+  let {
+    currentYear = todayLocalYear,
+    currentMonth = todayLocalMonth,
+    handleNext = () => {},
+    handlePrev = () => {},
+    handleToday = () => {},
+    disablePastNavigation = true,
+  } = $props();
 
-  $: isAtCurrentMonth =
-    currentYear === todayLocalYear && currentMonth === todayLocalMonth;
+  let isAtCurrentMonth = $derived(
+    currentYear === todayLocalYear && currentMonth === todayLocalMonth
+  );
 
-  $: canGoPrev = !disablePastNavigation || !isAtCurrentMonth;
+  let canGoPrev = $derived(!disablePastNavigation || !isAtCurrentMonth);
 
-  // Track pressed state for touch animations
-  let prevPressed = false;
-  let nextPressed = false;
-  let todayPressed = false;
+  let prevPressed = $state(false);
+  let nextPressed = $state(false);
+  let todayPressed = $state(false);
 
-  // Haptic feedback for mobile
   function triggerHaptic(style = 'light') {
     if (typeof window === 'undefined') return;
 
-    // iOS WebKit
     if (window.webkit?.messageHandlers?.haptic) {
       window.webkit.messageHandlers.haptic.postMessage(style);
       return;
     }
 
-    // Taptic Engine
     if (window.TapticEngine) {
       window.TapticEngine.impact({ style });
       return;
     }
 
-    // Android fallback
     if (navigator.vibrate) {
       navigator.vibrate(style === 'light' ? 10 : 20);
     }
@@ -77,13 +74,13 @@
       class:dark:bg-gray-700={prevPressed}
       class:text-gray-900={prevPressed}
       class:dark:text-white={prevPressed}
-      on:click={handlePrevClick}
-      on:touchstart={() => prevPressed = true}
-      on:touchend={() => prevPressed = false}
-      on:touchcancel={() => prevPressed = false}
-      on:mousedown={() => prevPressed = true}
-      on:mouseup={() => prevPressed = false}
-      on:mouseleave={() => prevPressed = false}
+      onclick={handlePrevClick}
+      ontouchstart={() => prevPressed = true}
+      ontouchend={() => prevPressed = false}
+      ontouchcancel={() => prevPressed = false}
+      onmousedown={() => prevPressed = true}
+      onmouseup={() => prevPressed = false}
+      onmouseleave={() => prevPressed = false}
       disabled={!canGoPrev}
       aria-label="Previous month"
     >
@@ -94,13 +91,13 @@
       class:scale-95={todayPressed}
       class:bg-blue-700={todayPressed}
       class:text-white={todayPressed}
-      on:click={handleTodayClick}
-      on:touchstart={() => todayPressed = true}
-      on:touchend={() => todayPressed = false}
-      on:touchcancel={() => todayPressed = false}
-      on:mousedown={() => todayPressed = true}
-      on:mouseup={() => todayPressed = false}
-      on:mouseleave={() => todayPressed = false}
+      onclick={handleTodayClick}
+      ontouchstart={() => todayPressed = true}
+      ontouchend={() => todayPressed = false}
+      ontouchcancel={() => todayPressed = false}
+      onmousedown={() => todayPressed = true}
+      onmouseup={() => todayPressed = false}
+      onmouseleave={() => todayPressed = false}
       disabled={isAtCurrentMonth}
       aria-label="Go to current month"
     >
@@ -113,13 +110,13 @@
       class:dark:bg-gray-700={nextPressed}
       class:text-gray-900={nextPressed}
       class:dark:text-white={nextPressed}
-      on:click={handleNextClick}
-      on:touchstart={() => nextPressed = true}
-      on:touchend={() => nextPressed = false}
-      on:touchcancel={() => nextPressed = false}
-      on:mousedown={() => nextPressed = true}
-      on:mouseup={() => nextPressed = false}
-      on:mouseleave={() => nextPressed = false}
+      onclick={handleNextClick}
+      ontouchstart={() => nextPressed = true}
+      ontouchend={() => nextPressed = false}
+      ontouchcancel={() => nextPressed = false}
+      onmousedown={() => nextPressed = true}
+      onmouseup={() => nextPressed = false}
+      onmouseleave={() => nextPressed = false}
       aria-label="Next month"
     >
       <ChevronRightOutline class="w-5 h-5" />

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

@@ -1,37 +1,22 @@
 export default MonthSwitcher;
-type MonthSwitcher = SvelteComponent<{
-    disablePastNavigation?: boolean | undefined;
-    currentYear?: number | undefined;
-    currentMonth?: number | undefined;
-    handleNext?: (() => void) | undefined;
-    handlePrev?: (() => void) | undefined;
-    handleToday?: (() => void) | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
+type MonthSwitcher = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const MonthSwitcher: import("svelte").Component<{
+    currentYear?: number;
+    currentMonth?: number;
+    handleNext?: Function;
+    handlePrev?: Function;
+    handleToday?: Function;
+    disablePastNavigation?: boolean;
+}, {}, "">;
+type $$ComponentProps = {
+    currentYear?: number;
+    currentMonth?: number;
+    handleNext?: Function;
+    handlePrev?: Function;
+    handleToday?: Function;
+    disablePastNavigation?: boolean;
 };
-declare const MonthSwitcher: $$__sveltets_2_IsomorphicComponent<{
-    disablePastNavigation?: boolean | undefined;
-    currentYear?: number | undefined;
-    currentMonth?: number | undefined;
-    handleNext?: (() => void) | undefined;
-    handlePrev?: (() => void) | undefined;
-    handleToday?: (() => void) | undefined;
-}, {
-    [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=MonthSwitcher.svelte.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MonthSwitcher.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/calendar/MonthSwitcher/MonthSwitcher.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;AAoGA;;;;;;;;;mBAAyN;6CAT5K,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":"MonthSwitcher.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/calendar/MonthSwitcher/MonthSwitcher.svelte.js"],"names":[],"mappings":";;;;;AAwFA;;;;;;4BA5E+L,OAAO;WA4E1I;wBA5EzC;IAAE,WAAW,CAAC,SAAwB;IAAC,YAAY,CAAC,SAAyB;IAAC,UAAU,CAAC,WAAW;IAAC,UAAU,CAAC,WAAW;IAAC,WAAW,CAAC,WAAW;IAAC,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAAE"}