@getmicdrop/svelte-components 2.4.0 → 2.6.1

package/dist/components/MonthSwitcher/MonthSwitcher.svelte

@@ -1,206 +0,0 @@
-<script>
-  import ChevronLeft from 'carbon-icons-svelte/lib/ChevronLeft.svelte';
-  import ChevronRight from 'carbon-icons-svelte/lib/ChevronRight.svelte';
-
-  // 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
-
-  $: isAtCurrentMonth =
-    currentYear === todayLocalYear && currentMonth === todayLocalMonth;
-
-  $: canGoPrev = !disablePastNavigation || !isAtCurrentMonth;
-
-  // Track pressed state for touch animations
-  let prevPressed = false;
-  let nextPressed = false;
-  let todayPressed = 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);
-    }
-  }
-
-  function handlePrevClick() {
-    if (canGoPrev) {
-      triggerHaptic('light');
-      handlePrev();
-    }
-  }
-
-  function handleNextClick() {
-    triggerHaptic('light');
-    handleNext();
-  }
-
-  function handleTodayClick() {
-    triggerHaptic('light');
-    handleToday();
-  }
-</script>
-
-<header class="month-switcher w-full flex items-center justify-between select-none">
-  <h2 class="month-title text-3xl font-semibold">
-    {new Intl.DateTimeFormat("en", {
-      month: "long",
-    }).format(new Date(currentYear, currentMonth, 1))}
-  </h2>
-  <div class="flex items-center gap-2">
-    <button
-      class="nav-btn outline-none p-3 -m-1.5 rounded-full cursor-pointer disabled:cursor-not-allowed disabled:opacity-50"
-      class:pressed={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}
-      disabled={!canGoPrev}
-      aria-label="Previous month"
-    >
-      <ChevronLeft size={20} />
-    </button>
-    <button
-      class="today-btn text-sm font-medium px-3 py-1 rounded-lg cursor-pointer disabled:cursor-not-allowed disabled:opacity-50"
-      class:pressed={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}
-      disabled={isAtCurrentMonth}
-      aria-label="Go to current month"
-    >
-      Today
-    </button>
-    <button
-      class="nav-btn cursor-pointer outline-none p-3 -m-1.5 rounded-full"
-      class:pressed={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}
-      aria-label="Next month"
-    >
-      <ChevronRight size={20} />
-    </button>
-  </div>
-</header>
-
-<style>
-  /* Theme-responsive colors using CSS variables */
-  .nav-btn {
-    background: transparent;
-    border: none;
-    color: hsl(var(--Stroke-Primary));
-    -webkit-tap-highlight-color: transparent;
-    touch-action: manipulation;
-    -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none;
-    transition: transform 0.1s ease, color 0.15s ease, background-color 0.15s ease;
-  }
-
-  @media (hover: hover) and (pointer: fine) {
-    .nav-btn:hover:not(:disabled) {
-      background-color: hsl(var(--BG-Secondary));
-      color: hsl(var(--Text-Primary));
-    }
-  }
-
-  .nav-btn.pressed:not(:disabled) {
-    transform: scale(0.9);
-    background-color: hsl(var(--BG-Secondary));
-    color: hsl(var(--Text-Primary));
-  }
-
-  .nav-btn:focus {
-    outline: none;
-  }
-
-  .nav-btn:focus-visible {
-    outline: 2px solid hsl(var(--Brand-Primary));
-    outline-offset: 2px;
-  }
-
-  .month-title {
-    color: hsl(var(--Text-Primary));
-  }
-
-  .month-switcher {
-    -webkit-tap-highlight-color: transparent;
-    touch-action: manipulation;
-    -webkit-touch-callout: none;
-  }
-
-  .today-btn {
-    background: transparent;
-    border: 1px solid hsl(var(--Stroke-Primary));
-    color: hsl(var(--Text-Primary));
-    -webkit-tap-highlight-color: transparent;
-    touch-action: manipulation;
-    -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none;
-    transition: transform 0.1s ease, background-color 0.15s ease, color 0.15s ease;
-  }
-
-  @media (hover: hover) and (pointer: fine) {
-    .today-btn:hover:not(:disabled) {
-      background-color: hsl(var(--Brand-Primary));
-      color: white;
-    }
-  }
-
-  .today-btn.pressed:not(:disabled) {
-    transform: scale(0.95);
-    background-color: hsl(var(--Brand-Primary));
-    color: white;
-  }
-
-  .today-btn:disabled {
-    opacity: 0.4;
-    border-color: hsl(var(--Stroke-Primary));
-    color: hsl(var(--Text-Tertiary));
-  }
-
-  .today-btn:focus {
-    outline: none;
-  }
-
-  .today-btn:focus-visible {
-    outline: 2px solid hsl(var(--Brand-Primary));
-    outline-offset: 2px;
-  }
-</style>

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

@@ -1,37 +0,0 @@
-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;
-};
-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/components/MonthSwitcher/MonthSwitcher.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MonthSwitcher.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/MonthSwitcher/MonthSwitcher.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;AAwGA;;;;;;;;;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"}