@getmicdrop/svelte-components 5.18.0 → 5.18.2

package/dist/calendar/AboutShow/AboutShow.svelte

@@ -7,10 +7,14 @@
    * Consumers can override via the `labels` prop.
    */
   const defaultLabels = {
+    title: 'About the Show',
     followLabel: (name) => `Follow ${name}:`,
     showLess: 'Show less',
     showMore: 'Show more',
     closePopover: 'Close',
+    instagramProfile: 'Instagram profile',
+    twitterProfile: 'Twitter profile',
+    performerAlt: 'Performer',
   };
 
   let {
@@ -18,7 +22,7 @@
     ShowImage = '',
     description = '',
     showTitle = true,
-    title = "About the Show",
+    title = undefined,
     showReadMore = true,
     getImageUrl = (url) => url,
     /** @type {Partial<typeof defaultLabels>} Override any user-visible string */
@@ -58,7 +62,7 @@
 
 <div class="flex flex-col gap-3">
   {#if showTitle}
-    <h2 class="{typography.h2} text-xl">{title}</h2>
+    <h2 class="{typography.h2} text-xl">{title ?? labels.title}</h2>
   {/if}
 
   {#if ShowImage && description}
@@ -139,7 +143,7 @@
                         target="_blank"
                         rel="noopener noreferrer"
                         class="text-blue-700 dark:text-blue-500 hover:opacity-70 transition-opacity"
-                        aria-label="Instagram profile"
+                        aria-label={labels.instagramProfile}
                       >
                         <LogoInstagram size={20} />
                       </a>
@@ -150,7 +154,7 @@
                         target="_blank"
                         rel="noopener noreferrer"
                         class="text-blue-700 dark:text-blue-500 hover:opacity-70 transition-opacity"
-                        aria-label="Twitter profile"
+                        aria-label={labels.twitterProfile}
                       >
                         <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
                           <path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/>
@@ -170,7 +174,7 @@
             >
               <img
                 src={performer.shouldBeHidden ? '' : profile?.profileImage ? getImageUrl(profile.profileImage) : ''}
-                alt={displayName || 'Performer'}
+                alt={displayName || labels.performerAlt}
                 class="size-16 rounded object-cover {!profile?.profileImage || performer.shouldBeHidden ? 'bg-gray-50 dark:bg-gray-700' : ''}"
               />
               <p class="{typography.xs} text-center leading-tight line-clamp-2">

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

@@ -8,7 +8,7 @@ declare const AboutShow: import("svelte").Component<{
     ShowImage?: string;
     description?: string;
     showTitle?: boolean;
-    title?: string;
+    title?: any;
     showReadMore?: boolean;
     getImageUrl?: Function;
     labels?: Record<string, any>;
@@ -18,7 +18,7 @@ type $$ComponentProps = {
     ShowImage?: string;
     description?: string;
     showTitle?: boolean;
-    title?: string;
+    title?: any;
     showReadMore?: boolean;
     getImageUrl?: Function;
     labels?: Record<string, any>;

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

@@ -1 +1 @@
-{"version":3,"file":"AboutShow.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/calendar/AboutShow/AboutShow.svelte.js"],"names":[],"mappings":";;;;;AAkKA;iBA7IkC,GAAG,EAAE;gBAAc,MAAM;kBAAgB,MAAM;gBAAc,OAAO;YAAU,MAAM;mBAAiB,OAAO;;aAAmC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;WA6I5I;wBA7IrC;IAAE,UAAU,CAAC,EAAE,GAAG,EAAE,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAAC,WAAW,CAAC,WAAW;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAAE"}
+{"version":3,"file":"AboutShow.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/calendar/AboutShow/AboutShow.svelte.js"],"names":[],"mappings":";;;;;AAsKA;iBA7IkC,GAAG,EAAE;gBAAc,MAAM;kBAAgB,MAAM;gBAAc,OAAO;YAAU,GAAG;mBAAiB,OAAO;;aAAmC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;WA6IzI;wBA7IrC;IAAE,UAAU,CAAC,EAAE,GAAG,EAAE,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,GAAG,CAAC;IAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAAC,WAAW,CAAC,WAAW;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAAE"}

package/dist/calendar/Calendar/MiniMonthCalendar.svelte

@@ -4,6 +4,27 @@
   import { typography } from '../../tokens/typography';
   import { formatDayOfWeek, formatMonth } from '../../datetime/format';
 
+  const defaultLabels = {
+    monthNames: ["January", "February", "March", "April", "May", "June",
+      "July", "August", "September", "October", "November", "December"],
+    dayNames: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+    dayLetters: ["S", "M", "T", "W", "T", "F", "S"],
+    fullDayNames: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
+    today: 'Today',
+    previousMonth: 'Previous month',
+    nextMonth: 'Next month',
+    goToCurrentMonth: 'Go to current month',
+    todayLabel: 'Today',
+    available: 'Available',
+    notAvailable: 'Not available',
+    pressEnterToToggle: 'Press Enter to toggle.',
+    pressEnterToView: 'Press Enter to view.',
+    eventSingular: 'event',
+    eventPlural: 'events',
+    legendAvailable: 'Available',
+    legendUnavailable: 'Unavailable',
+  };
+
   let {
     variant = 'availability',
     selectedDates = $bindable([]),
@@ -18,8 +39,12 @@
     onDateSelect,
     onDayClick,
     onMonthChange,
+    locale = 'en-US',
+    labels: userLabels = {},
   } = $props();
 
+  let labels = $derived({ ...defaultLabels, ...userLabels });
+
   let currentDate = new Date();
   let currentYear = $state(currentDate.getFullYear());
   let currentMonth = $state(currentDate.getMonth());
@@ -49,13 +74,9 @@
   const VELOCITY_THRESHOLD = 0.3;
   const DRAG_RESISTANCE = 0.8;
 
-  const MONTH_NAMES = [
-    "January", "February", "March", "April", "May", "June",
-    "July", "August", "September", "October", "November", "December"
-  ];
-
-  const DAY_NAMES = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
-  const DAY_LETTERS = ["S", "M", "T", "W", "T", "F", "S"];
+  let MONTH_NAMES = $derived(labels.monthNames);
+  let DAY_NAMES = $derived(labels.dayNames);
+  let DAY_LETTERS = $derived(labels.dayLetters);
 
   const today = new Date();
   const todayLocal = new Date(today.getFullYear(), today.getMonth(), today.getDate());
@@ -599,13 +620,13 @@
     const dateStr = `${dayOfWeek}, ${month} ${day.day}, ${currentYear}`;
 
     let label = dateStr;
-    if (day.isToday) label += ', Today';
+    if (day.isToday) label += `, ${labels.todayLabel}`;
     if (variant === 'availability') {
-      label += day.isSelected ? ', Available' : ', Not available';
-      if (!day.isPast) label += '. Press Enter to toggle.';
+      label += day.isSelected ? `, ${labels.available}` : `, ${labels.notAvailable}`;
+      if (!day.isPast) label += `. ${labels.pressEnterToToggle}`;
     } else if (day.hasEvents) {
       const count = day.events.length;
-      label += `, ${count} event${count > 1 ? 's' : ''}. Press Enter to view.`;
+      label += `, ${count} ${count > 1 ? labels.eventPlural : labels.eventSingular}. ${labels.pressEnterToView}`;
     }
     return label;
   }
@@ -654,7 +675,7 @@
           onmouseup={() => prevPressed = false}
           onmouseleave={() => prevPressed = false}
           disabled={!canGoPrev}
-          aria-label="Previous month"
+          aria-label={labels.previousMonth}
         >
           <ChevronLeftOutline class="w-5 h-5" />
         </button>
@@ -673,9 +694,9 @@
             onmouseup={() => todayPressed = false}
             onmouseleave={() => todayPressed = false}
             disabled={isAtCurrentMonth}
-            aria-label="Go to current month"
+            aria-label={labels.goToCurrentMonth}
           >
-            Today
+            {labels.today}
           </button>
         {/if}
 
@@ -691,7 +712,7 @@
           onmousedown={() => nextPressed = true}
           onmouseup={() => nextPressed = false}
           onmouseleave={() => nextPressed = false}
-          aria-label="Next month"
+          aria-label={labels.nextMonth}
         >
           <ChevronRightOutline class="w-5 h-5" />
         </button>
@@ -710,7 +731,7 @@
         <div
           class="flex items-end justify-center pb-1 {typography.xsMuted} overflow-hidden leading-none sm:pb-2 sm:pt-1 sm:justify-end sm:pr-2 sm:text-lg sm:text-gray-900 sm:dark:text-white sm:border-b sm:border-gray-200 sm:dark:border-gray-700"
           role="columnheader"
-          aria-label={["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"][i]}
+          aria-label={labels.fullDayNames[i]}
         >
           <span class="sm:hidden">{DAY_LETTERS[i]}</span>
           <span class="hidden sm:block">{dayName}</span>
@@ -769,11 +790,11 @@
     <div class="flex items-center justify-center gap-6 pt-4">
       <div class="flex items-center gap-2">
         <span class="w-5 h-5 rounded bg-blue-700 dark:bg-blue-600 border border-blue-700 dark:border-blue-600"></span>
-        <span class="{typography.sm}">Available</span>
+        <span class="{typography.sm}">{labels.legendAvailable}</span>
       </div>
       <div class="flex items-center gap-2">
         <span class="w-5 h-5 rounded bg-gray-50 dark:bg-gray-700 border-2 border-gray-400 dark:border-gray-500"></span>
-        <span class="{typography.sm}">Unavailable</span>
+        <span class="{typography.sm}">{labels.legendUnavailable}</span>
       </div>
     </div>
   {/if}

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

@@ -17,6 +17,8 @@ declare const MiniMonthCalendar: import("svelte").Component<{
     onDateSelect: any;
     onDayClick: any;
     onMonthChange: any;
+    locale?: string;
+    labels?: Record<string, any>;
 }, {}, "selectedDates">;
 type $$ComponentProps = {
     variant?: string;
@@ -32,5 +34,7 @@ type $$ComponentProps = {
     onDateSelect: any;
     onDayClick: any;
     onMonthChange: any;
+    locale?: string;
+    labels?: Record<string, any>;
 };
 //# 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":";;;;;AAgtBA;cAlsB+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;wBAksBvP;wBAlsB7C;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"}
+{"version":3,"file":"MiniMonthCalendar.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/calendar/Calendar/MiniMonthCalendar.svelte.js"],"names":[],"mappings":";;;;;AAquBA;cAlsB+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;aAAW,MAAM;aAAW,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;wBAksBtS;wBAlsB7C;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,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAAE"}

package/dist/calendar/FAQs/FAQs.svelte

@@ -2,15 +2,26 @@
   import { ChevronUpOutline } from "../../primitives/Icons";
   import { typography } from '../../tokens/typography';
 
+  const defaultLabels = {
+    title: 'FAQs',
+    emptyMessage: 'No FAQs available.',
+    itemFallback: 'Item',
+  };
+
   let {
     faqs = [],
-    title = "FAQs",
+    title = undefined,
     showTitle = true,
     accordion = false,
     /** @type {string} Text shown when no FAQs are available */
-    emptyMessage = 'No FAQs available.',
+    emptyMessage = undefined,
+    labels: userLabels = {},
   } = $props();
 
+  let labels = $derived({ ...defaultLabels, ...userLabels });
+  let effectiveTitle = $derived(title ?? labels.title);
+  let effectiveEmptyMessage = $derived(emptyMessage ?? labels.emptyMessage);
+
   let openIndex = $state(null);
 
   let items = $derived(faqs.map((f) =>
@@ -24,7 +35,7 @@
 
 <div class="flex flex-col gap-3">
   {#if showTitle}
-    <h2 class={typography.h2}>{title}</h2>
+    <h2 class={typography.h2}>{effectiveTitle}</h2>
   {/if}
 
   {#if items.length}
@@ -43,7 +54,7 @@
                 aria-expanded={openIndex === index}
                 aria-controls="accordion-body-{index}"
               >
-                <span>{question || `Item ${index + 1}`}</span>
+                <span>{question || `${labels.itemFallback} ${index + 1}`}</span>
                 <ChevronUpOutline class="w-3 h-3 shrink-0 transition-transform duration-200 {openIndex === index ? 'rotate-180' : ''}" aria-hidden="true" />
               </button>
             </h3>
@@ -72,6 +83,6 @@
       </div>
     {/if}
   {:else}
-    <p class="{typography.smMuted}">{emptyMessage}</p>
+    <p class="{typography.smMuted}">{effectiveEmptyMessage}</p>
   {/if}
 </div>

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

@@ -5,16 +5,18 @@ type FAQs = {
 };
 declare const FAQs: import("svelte").Component<{
     faqs?: any[];
-    title?: string;
+    title?: any;
     showTitle?: boolean;
     accordion?: boolean;
-    emptyMessage?: string;
+    emptyMessage?: any;
+    labels?: Record<string, any>;
 }, {}, "">;
 type $$ComponentProps = {
     faqs?: any[];
-    title?: string;
+    title?: any;
     showTitle?: boolean;
     accordion?: boolean;
-    emptyMessage?: string;
+    emptyMessage?: any;
+    labels?: Record<string, any>;
 };
 //# 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":";;;;;AA4EA;WAlE4B,GAAG,EAAE;YAAU,MAAM;gBAAc,OAAO;gBAAc,OAAO;mBAAiB,MAAM;WAkE/D;wBAlEhC;IAAE,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE"}
+{"version":3,"file":"FAQs.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/calendar/FAQs/FAQs.svelte.js"],"names":[],"mappings":";;;;;AAuFA;WAvE4B,GAAG,EAAE;YAAU,GAAG;gBAAc,OAAO;gBAAc,OAAO;mBAAiB,GAAG;aAAW,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;WAuEvF;wBAvEhC;IAAE,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IAAC,KAAK,CAAC,EAAE,GAAG,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,YAAY,CAAC,EAAE,GAAG,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAAE"}

package/dist/calendar/MonthSwitcher/MonthSwitcher.svelte

@@ -3,6 +3,18 @@
   import { typography } from '../../tokens/typography';
   import { formatMonth } from '../../datetime/format';
 
+  const monthNames = [
+    'January', 'February', 'March', 'April', 'May', 'June',
+    'July', 'August', 'September', 'October', 'November', 'December'
+  ];
+
+  const defaultLabels = {
+    today: 'Today',
+    previousMonth: 'Previous month',
+    goToCurrentMonth: 'Go to current month',
+    nextMonth: 'Next month',
+  };
+
   const today = new Date();
   const todayLocalMonth = today.getMonth();
   const todayLocalYear = today.getFullYear();
@@ -14,8 +26,11 @@
     handlePrev = () => {},
     handleToday = () => {},
     disablePastNavigation = true,
+    labels: userLabels = {},
   } = $props();
 
+  let labels = $derived({ ...defaultLabels, ...userLabels });
+
   let isAtCurrentMonth = $derived(
     currentYear === todayLocalYear && currentMonth === todayLocalMonth
   );
@@ -82,7 +97,7 @@
       onmouseup={() => prevPressed = false}
       onmouseleave={() => prevPressed = false}
       disabled={!canGoPrev}
-      aria-label="Previous month"
+      aria-label={labels.previousMonth}
     >
       <ChevronLeftOutline class="w-5 h-5" />
     </button>
@@ -99,9 +114,9 @@
       onmouseup={() => todayPressed = false}
       onmouseleave={() => todayPressed = false}
       disabled={isAtCurrentMonth}
-      aria-label="Go to current month"
+      aria-label={labels.goToCurrentMonth}
     >
-      Today
+      {labels.today}
     </button>
     <button
       class="p-3 -m-1.5 flex items-center justify-center border-0 rounded-full bg-transparent text-gray-500 dark:text-gray-400 cursor-pointer select-none transition-transform duration-100 ease-out hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white focus:outline-hidden focus-visible:ring-2 focus-visible:ring-blue-600 focus-visible:ring-offset-2"
@@ -117,7 +132,7 @@
       onmousedown={() => nextPressed = true}
       onmouseup={() => nextPressed = false}
       onmouseleave={() => nextPressed = false}
-      aria-label="Next month"
+      aria-label={labels.nextMonth}
     >
       <ChevronRightOutline class="w-5 h-5" />
     </button>

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

@@ -10,6 +10,7 @@ declare const MonthSwitcher: import("svelte").Component<{
     handlePrev?: Function;
     handleToday?: Function;
     disablePastNavigation?: boolean;
+    labels?: Record<string, any>;
 }, {}, "">;
 type $$ComponentProps = {
     currentYear?: number;
@@ -18,5 +19,6 @@ type $$ComponentProps = {
     handlePrev?: Function;
     handleToday?: Function;
     disablePastNavigation?: boolean;
+    labels?: Record<string, any>;
 };
 //# 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":";;;;;AA0FA;;;;;;4BA1E+L,OAAO;WA0E1I;wBA1EzC;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"}
+{"version":3,"file":"MonthSwitcher.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/calendar/MonthSwitcher/MonthSwitcher.svelte.js"],"names":[],"mappings":";;;;;AAyGA;;;;;;4BA7E+L,OAAO;aAAW,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;WA6ExK;wBA7EzC;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,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAAE"}

package/dist/calendar/OrderSummary/OrderSummary.spec.js

@@ -503,12 +503,12 @@ describe('OrderSummary Component', () => {
       expect(checkoutTicket).not.toHaveBeenCalled();
     });
 
-    it('displays terms of service when btnText is "Place order"', () => {
+    it('displays terms of service when showTerms is true', () => {
       const props = {
         ...defaultProps,
         quantities: { 1: 1 },
         eventTickets: sampleTickets,
-        btnText: 'Place order',
+        showTerms: true,
       };
       render(OrderSummary, { props });
       expect(screen.getByText(/By selecting Place order, I agree to the/)).toBeInTheDocument();
@@ -728,7 +728,7 @@ describe('OrderSummary Component', () => {
         ...defaultProps,
         quantities: { 1: 1 },
         eventTickets: sampleTickets,
-        btnText: 'Place order',
+        showTerms: true,
       };
       const { container } = render(OrderSummary, { props });
       const link = container.querySelector('a[href*="tos"]');

package/dist/calendar/OrderSummary/OrderSummary.svelte

@@ -4,6 +4,7 @@
   import { ChevronDownOutline, CloseOutline } from '../../primitives/Icons';
   import Spinner from '../../primitives/Spinner/Spinner.svelte';
   import { typography } from '../../tokens/typography';
+  import { roundCurrency } from '../../utils/formatters';
 
   /**
    * Default labels for all user-visible strings in OrderSummary.
@@ -23,6 +24,8 @@
     amountDue: 'Amount Due',
     fullyCoveredByGiftCard: 'Fully covered by gift card',
     total: 'Total',
+    checkoutButtonText: 'Checkout',
+    placeOrderButtonText: 'Place order',
     placeOrderTos: 'By selecting Place order, I agree to the',
     termsOfService: 'terms of service',
     checkout: 'Checkout',
@@ -38,7 +41,8 @@
     eventTickets = [],
     checkoutTicket = null,
     isAgreed = true,
-    btnText = 'Checkout',
+    btnText = undefined,
+    showTerms = false,
     promoApplied = false,
     promoDiscount = 0,
     currentPromoRule = null,
@@ -95,7 +99,7 @@
       fee = maxFee / 100;
     }
 
-    return fee;
+    return roundCurrency(fee);
   }
 
   function makeOrderSummaryVisible() {
@@ -123,15 +127,15 @@
   let totalQuantity = $derived(Object.values(quantities).reduce((sum, q) => sum + q, 0));
   let showFooter = $derived(totalQuantity > 0);
 
-  let subtotalWithoutDiscount = $derived(Object.keys(quantities).reduce((acc, key) => {
+  let subtotalWithoutDiscount = $derived(roundCurrency(Object.keys(quantities).reduce((acc, key) => {
     const ticket = eventTickets.find(t => t.ID == key);
     if (!ticket) return acc;
     // For donation tickets, use the donation amount; otherwise use ticket price
     const effectivePrice = getEffectivePrice(ticket);
     return acc + quantities[key] * effectivePrice;
-  }, 0));
+  }, 0)));
 
-  let subtotal = $derived(Object.keys(quantities).reduce((acc, key) => {
+  let subtotal = $derived(roundCurrency(Object.keys(quantities).reduce((acc, key) => {
     const ticket = eventTickets.find(t => t.ID == key);
     if (!ticket) return acc;
     // For donation tickets, use the donation amount (no discounts apply)
@@ -143,21 +147,21 @@
     const discountedPrice = getDiscountedPrice(ticket);
     const priceToUse = discountedPrice !== null ? parseFloat(discountedPrice) : ticket.price;
     return acc + quantities[key] * priceToUse;
-  }, 0));
+  }, 0)));
 
   let promoSavings = $derived(currentPromoRule?.provideDiscount ? (subtotalWithoutDiscount - subtotal) : 0);
 
-  let fees = $derived(Object.keys(quantities).reduce((acc, key) => {
+  let fees = $derived(roundCurrency(Object.keys(quantities).reduce((acc, key) => {
     const ticket = eventTickets.find(t => t.ID == key);
     // Skip fees for: no ticket, free tickets, and donation tickets (type 2)
     if (!ticket || ticket.price == 0 || isDonationTicket(ticket)) return acc;
     const discountedPrice = getDiscountedPrice(ticket);
     const priceToUse = discountedPrice !== null ? parseFloat(discountedPrice) : ticket.price;
     return acc + quantities[key] * feeFor(priceToUse);
-  }, 0));
+  }, 0)));
 
   let taxRate = $derived((venueServiceCharge.taxPercentage || 0) / 100);
-  let taxes = $derived(subtotal > 0 ? subtotal * taxRate : 0);
+  let taxes = $derived(subtotal > 0 ? roundCurrency(subtotal * taxRate) : 0);
 
   // Gift card derived values
   let giftCardAmountDisplay = $derived(
@@ -169,10 +173,10 @@
 
   // Total accounts for gift card deduction
   let total = $derived(
-    Math.max(0, subtotal + fees + taxes
+    roundCurrency(Math.max(0, subtotal + fees + taxes
       - (promoApplied && !currentPromoRule?.provideDiscount ? promoDiscount : 0)
       - (giftCardApplied ? giftCardApplied.giftCardAmount / 100 : 0)
-    )
+    ))
   );
 
   $effect(() => {
@@ -281,7 +285,7 @@
       {/if}
     {/if}
 
-    {#if totalQuantity > 0 && btnText === 'Place order'}
+    {#if totalQuantity > 0 && showTerms}
       <p class="{typography.xsMuted} text-center mb-3">
         {labels.placeOrderTos} <a href="https://get-micdrop.com/tos" class="text-blue-700 dark:text-blue-500 underline hover:opacity-80" target="_blank" rel="noopener noreferrer">{labels.termsOfService}</a>
       </p>
@@ -302,7 +306,7 @@
       {#if loading}
         <Spinner size="sm" color="white" />
       {:else}
-        <span translate="no">{btnText}</span>
+        <span translate="no">{btnText ?? (showTerms ? labels.placeOrderButtonText : labels.checkoutButtonText)}</span>
       {/if}
     </button>
   </div>

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

@@ -10,7 +10,8 @@ declare const OrderSummary: import("svelte").Component<{
     eventTickets?: any[];
     checkoutTicket?: any;
     isAgreed?: boolean;
-    btnText?: string;
+    btnText?: any;
+    showTerms?: boolean;
     promoApplied?: boolean;
     promoDiscount?: number;
     currentPromoRule?: any;
@@ -28,7 +29,8 @@ type $$ComponentProps = {
     eventTickets?: any[];
     checkoutTicket?: any;
     isAgreed?: boolean;
-    btnText?: string;
+    btnText?: any;
+    showTerms?: boolean;
     promoApplied?: boolean;
     promoDiscount?: number;
     currentPromoRule?: any;

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

@@ -1 +1 @@
-{"version":3,"file":"OrderSummary.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/calendar/OrderSummary/OrderSummary.svelte.js"],"names":[],"mappings":";;;;;AAobA;cA1Y+B,OAAO;iBAAe,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;sBAAoB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;mBAAiB,GAAG,EAAE;qBAAmB,GAAG;eAAa,OAAO;cAAY,MAAM;mBAAiB,OAAO;oBAAkB,MAAM;uBAAqB,GAAG;sBAAoB,GAAG;eAAa,GAAG;yBAAuB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;mBAAiB,GAAG;sBAAoB,GAAG;aAAW,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;WA0YxW;wBA1YxC;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAAC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAAC,YAAY,CAAC,EAAE,GAAG,EAAE,CAAC;IAAC,cAAc,CAAC,EAAE,GAAG,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAAC,gBAAgB,CAAC,EAAE,GAAG,CAAC;IAAC,eAAe,CAAC,EAAE,GAAG,CAAC;IAAC,QAAQ,CAAC,EAAE,GAAG,CAAC;IAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAAC,aAAa,EAAE,GAAG,CAAC;IAAC,eAAe,CAAC,EAAE,GAAG,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAAE"}
+{"version":3,"file":"OrderSummary.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/calendar/OrderSummary/OrderSummary.svelte.js"],"names":[],"mappings":";;;;;AAybA;cA3Y+B,OAAO;iBAAe,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;sBAAoB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;mBAAiB,GAAG,EAAE;qBAAmB,GAAG;eAAa,OAAO;cAAY,GAAG;gBAAc,OAAO;mBAAiB,OAAO;oBAAkB,MAAM;uBAAqB,GAAG;sBAAoB,GAAG;eAAa,GAAG;yBAAuB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;mBAAiB,GAAG;sBAAoB,GAAG;aAAW,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;WA2Y1X;wBA3YxC;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAAC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAAC,YAAY,CAAC,EAAE,GAAG,EAAE,CAAC;IAAC,cAAc,CAAC,EAAE,GAAG,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,GAAG,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAAC,gBAAgB,CAAC,EAAE,GAAG,CAAC;IAAC,eAAe,CAAC,EAAE,GAAG,CAAC;IAAC,QAAQ,CAAC,EAAE,GAAG,CAAC;IAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAAC,aAAa,EAAE,GAAG,CAAC;IAAC,eAAe,CAAC,EAAE,GAAG,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAAE"}

package/dist/calendar/PublicCard/PublicCard.svelte

@@ -2,13 +2,22 @@
   import { typography } from '../../tokens/typography';
   import { formatEventDate as formatDateTz, formatEventTime } from '../../datetime/format';
 
+  const defaultLabels = {
+    onSale: 'On Sale',
+    pressEnterToViewDetails: 'Press Enter to view details.',
+  };
+
   let {
     events = [],
     view = "row",
     placeholderImage = null,
     onEventClick,
+    locale = 'en-US',
+    labels: userLabels = {},
   } = $props();
 
+  let labels = $derived({ ...defaultLabels, ...userLabels });
+
   let _isSmallScreen = $state(false);
 
   const DEFAULT_PLACEHOLDER = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect fill='%23e5e7eb' width='100' height='100'/%3E%3Cpath d='M50 25c-8.3 0-15 6.7-15 15v5c0 8.3 6.7 15 15 15s15-6.7 15-15v-5c0-8.3-6.7-15-15-15zm0 45c-13.8 0-25 5.6-25 12.5V90h50v-7.5c0-6.9-11.2-12.5-25-12.5z' fill='%239ca3af'/%3E%3C/svg%3E";
@@ -66,7 +75,7 @@
     if (!event.date) return '';
     const [year, month, day] = event.date.split('-').map(Number);
     const date = new Date(year, month - 1, day);
-    return date.toLocaleDateString("en-US", { weekday: "short", month: "short", day: "numeric" });
+    return date.toLocaleDateString(locale, { weekday: "short", month: "short", day: "numeric" });
   }
 
   function formatTime(event) {
@@ -89,7 +98,7 @@
     onkeydown={(e) => handleKeydown(e, event)}
     tabindex="0"
     role="button"
-    aria-label={`${event.name}, ${event.status || 'On Sale'}, ${formatEventDate(event)}. Press Enter to view details.`}
+    aria-label={`${event.name}, ${event.status || labels.onSale}, ${formatEventDate(event)}. ${labels.pressEnterToViewDetails}`}
   >
     <div
       class="bg-gray-100 dark:bg-gray-700 flex items-center justify-center overflow-hidden {view === 'col'

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

@@ -8,11 +8,15 @@ declare const PublicCard: import("svelte").Component<{
     view?: string;
     placeholderImage?: any;
     onEventClick: any;
+    locale?: string;
+    labels?: Record<string, any>;
 }, {}, "">;
 type $$ComponentProps = {
     events?: any[];
     view?: string;
     placeholderImage?: any;
     onEventClick: any;
+    locale?: string;
+    labels?: Record<string, any>;
 };
 //# sourceMappingURL=PublicCard.svelte.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PublicCard.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/calendar/PublicCard/PublicCard.svelte.js"],"names":[],"mappings":";;;;;AA8IA;aApI8B,GAAG,EAAE;WAAS,MAAM;uBAAqB,GAAG;kBAAgB,GAAG;WAoIpC;wBApItC;IAAE,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,gBAAgB,CAAC,EAAE,GAAG,CAAC;IAAC,YAAY,EAAE,GAAG,CAAA;CAAE"}
+{"version":3,"file":"PublicCard.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/calendar/PublicCard/PublicCard.svelte.js"],"names":[],"mappings":";;;;;AAuJA;aAxI8B,GAAG,EAAE;WAAS,MAAM;uBAAqB,GAAG;kBAAgB,GAAG;aAAW,MAAM;aAAW,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;WAwInF;wBAxItC;IAAE,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,gBAAgB,CAAC,EAAE,GAAG,CAAC;IAAC,YAAY,EAAE,GAAG,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAAE"}