@getmicdrop/svelte-components 5.18.0 → 5.18.1

package/dist/calendar/ShowCard/ShowCard.svelte

@@ -4,10 +4,21 @@
   import { typography } from '../../tokens/typography';
   import { formatEventDateTime, formatEventTime } from '../../datetime/format';
 
+  const defaultLabels = {
+    doorsOpen: 'Doors open',
+    ends: 'Ends',
+    moreShowtimes: 'More showtimes',
+    shareEvent: 'Share event',
+    allAges: 'All ages',
+    shareText: 'Check out {name} at {venue}!',
+  };
+
   let {
     event = {},
     showtimes = [],
     showTitle = true,
+    locale = 'en-US',
+    labels: userLabels = {},
     formatDateTime = (dateStr) => {
       if (!dateStr) return '';
       // Use timezone-aware formatting if event has timeZone
@@ -16,7 +27,7 @@
       }
       const date = new Date(dateStr);
       if (isNaN(date.getTime())) return dateStr;
-      return date.toLocaleDateString('en-US', {
+      return date.toLocaleDateString(locale, {
         weekday: 'long',
         year: 'numeric',
         month: 'long',
@@ -33,10 +44,9 @@
       }
       const date = new Date(timeStr);
       if (!isNaN(date.getTime())) {
-        return date.toLocaleTimeString('en-US', {
+        return date.toLocaleTimeString(locale, {
           hour: 'numeric',
           minute: '2-digit',
-          hour12: true
         });
       }
       return timeStr;
@@ -44,6 +54,8 @@
     onShowtimeSelect,
   } = $props();
 
+  let labels = $derived({ ...defaultLabels, ...userLabels });
+
   let selectedDate = $state(null);
   let shareSuccess = $state(false);
 
@@ -55,7 +67,9 @@
   async function handleShare() {
     const shareData = {
       title: event.name,
-      text: `Check out ${event.name} at ${event.venue?.name || 'this venue'}!`,
+      text: (labels.shareText || 'Check out {name} at {venue}!')
+        .replace('{name}', event.name)
+        .replace('{venue}', event.venue?.name || 'this venue'),
       url: typeof window !== 'undefined' ? window.location.href : ''
     };
 
@@ -93,7 +107,7 @@
       </h2>
       <button
         class="shrink-0 p-2 rounded-lg transition-colors hover:bg-gray-100 dark:hover:bg-gray-700 relative"
-        aria-label="Share event"
+        aria-label={labels.shareEvent}
         onclick={handleShare}
       >
         {#if shareSuccess}
@@ -108,16 +122,16 @@
   <div class="space-y-1">
     <p class="{typography.label}">{formatDateTime(event.startDateTime)}</p>
     {#if event.displayStartTime && event.doorsOpenTime}
-      <p class="{typography.smMuted}">Doors open {formatTimeline(event.doorsOpenTime)}</p>
+      <p class="{typography.smMuted}">{labels.doorsOpen} {formatTimeline(event.doorsOpenTime)}</p>
     {/if}
     {#if event.displayEndTime && event.endDateTime}
-      <p class="{typography.smMuted}">Ends {formatTimeline(event.endDateTime)}</p>
+      <p class="{typography.smMuted}">{labels.ends} {formatTimeline(event.endDateTime)}</p>
     {/if}
   </div>
 
   {#if showtimes && showtimes.length > 1}
     <div class="mt-4 pt-4 border-t border-gray-200 dark:border-gray-700">
-      <p class="{typography.smMuted} mb-2">More showtimes</p>
+      <p class="{typography.smMuted} mb-2">{labels.moreShowtimes}</p>
       <div class="flex flex-wrap gap-2">
         {#each showtimes as showtime}
           <div class="w-24">
@@ -153,11 +167,11 @@
       {#if event.hasAgeRestriction || event.ageRequirement || event.minimumAge}
         <p class="{typography.smMuted} mt-2">
           {#if event.ageRequirement != null}
-            {event.ageRequirement <= 1 ? 'All ages' : `${event.ageRequirement}+`}
+            {event.ageRequirement <= 1 ? labels.allAges : `${event.ageRequirement}+`}
           {:else if event.minimumAge != null}
-            {event.minimumAge <= 1 ? 'All ages' : `${event.minimumAge}+`}
+            {event.minimumAge <= 1 ? labels.allAges : `${event.minimumAge}+`}
           {:else if event.ageRestriction != null}
-            {event.ageRestriction <= 1 ? 'All ages' : `${event.ageRestriction}+`}
+            {event.ageRestriction <= 1 ? labels.allAges : `${event.ageRestriction}+`}
           {/if}
         </p>
       {/if}

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

@@ -7,6 +7,8 @@ declare const ShowCard: import("svelte").Component<{
     event?: Record<string, any>;
     showtimes?: any[];
     showTitle?: boolean;
+    locale?: string;
+    labels?: Record<string, any>;
     formatDateTime?: Function;
     formatTimeline?: Function;
     onShowtimeSelect: any;
@@ -15,6 +17,8 @@ type $$ComponentProps = {
     event?: Record<string, any>;
     showtimes?: any[];
     showTitle?: boolean;
+    locale?: string;
+    labels?: Record<string, any>;
     formatDateTime?: Function;
     formatTimeline?: Function;
     onShowtimeSelect: any;

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":";;;;;AAkKA;YApJ6B,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;gBAAc,GAAG,EAAE;gBAAc,OAAO;;;sBAA0E,GAAG;WAoJ9G;wBApJpC;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"}
+{"version":3,"file":"ShowCard.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/calendar/ShowCard/ShowCard.svelte.js"],"names":[],"mappings":";;;;;AAgLA;YAzJ6B,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;gBAAc,GAAG,EAAE;gBAAc,OAAO;aAAW,MAAM;aAAW,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;;;sBAA0E,GAAG;WAyJ7J;wBAzJpC;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,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAAC,cAAc,CAAC,WAAW;IAAC,cAAc,CAAC,WAAW;IAAC,gBAAgB,EAAE,GAAG,CAAA;CAAE"}

package/dist/calendar/ShowTimeCard/ShowTimeCard.svelte

@@ -2,6 +2,11 @@
   import { typography } from '../../tokens/typography';
   import { formatEventTime, formatEventDate } from '../../datetime/format';
 
+  const defaultLabels = {
+    at: 'at',
+    selected: ', selected',
+  };
+
   let {
     day = '',
     date = '',
@@ -9,8 +14,12 @@
     timezone = '',
     isSelected = false,
     onselect,
+    locale = 'en-US',
+    labels: userLabels = {},
   } = $props();
 
+  let labels = $derived({ ...defaultLabels, ...userLabels });
+
   function handleCardClick() {
     onselect?.({ date });
   }
@@ -31,10 +40,9 @@
     // Fallback for HH:mm time strings
     const d = new Date(`1970-01-01T${timeStr}`);
     if (isNaN(d.getTime())) return timeStr;
-    return d.toLocaleTimeString('en-US', {
+    return d.toLocaleTimeString(locale, {
       hour: 'numeric',
       minute: '2-digit',
-      hour12: true
     });
   }
 
@@ -46,7 +54,7 @@
     }
     const d = new Date(dateStr);
     if (isNaN(d.getTime())) return dateStr;
-    return d.toLocaleDateString('en-US', {
+    return d.toLocaleDateString(locale, {
       month: 'short',
       day: 'numeric',
     });
@@ -61,7 +69,7 @@
   onkeydown={handleKeydown}
   tabindex="0"
   role="button"
-  aria-label={`${day} ${formatDate(date)} at ${formatHour(time)}${isSelected ? ', selected' : ''}`}
+  aria-label={`${day} ${formatDate(date)} ${labels.at} ${formatHour(time)}${isSelected ? labels.selected : ''}`}
   aria-pressed={isSelected}
 >
   <span class="{typography.label} text-sm {typography.textMuted}">{day}</span>

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

@@ -10,6 +10,8 @@ declare const ShowTimeCard: import("svelte").Component<{
     timezone?: string;
     isSelected?: boolean;
     onselect: any;
+    locale?: string;
+    labels?: Record<string, any>;
 }, {}, "">;
 type $$ComponentProps = {
     day?: string;
@@ -18,5 +20,7 @@ type $$ComponentProps = {
     timezone?: string;
     isSelected?: boolean;
     onselect: any;
+    locale?: string;
+    labels?: Record<string, any>;
 };
 //# 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":";;;;;AAyEA;UA/D2B,MAAM;WAAS,MAAM;WAAS,MAAM;eAAa,MAAM;iBAAe,OAAO;cAAY,GAAG;WA+D5D;wBA/DxC;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,GAAG,CAAA;CAAE"}
+{"version":3,"file":"ShowTimeCard.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/calendar/ShowTimeCard/ShowTimeCard.svelte.js"],"names":[],"mappings":";;;;;AAiFA;UAlE2B,MAAM;WAAS,MAAM;WAAS,MAAM;eAAa,MAAM;iBAAe,OAAO;cAAY,GAAG;aAAW,MAAM;aAAW,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;WAkE3G;wBAlExC;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,GAAG,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAAE"}

package/dist/index.d.ts

@@ -7,6 +7,7 @@ export * from "./constants/formOptions.js";
 export * from "./constants/validation.js";
 export * from "./presets/index.js";
 export { portal } from "./utils/portal.js";
+export { roundCurrency } from "./utils/formatters.js";
 export { typography } from "./tokens/typography.js";
 export type HapticStyle = import("./utils/haptic.js").HapticStyle;
 export { safeSlide, bloom } from "./utils/transitions.js";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.js"],"names":[],"mappings":";;;;;;;;;;0BAqDc,OAAO,mBAAmB,EAAE,WAAW"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.js"],"names":[],"mappings":";;;;;;;;;;;0BAsDc,OAAO,mBAAmB,EAAE,WAAW"}

package/dist/index.js

@@ -46,6 +46,7 @@ export * from './presets/index.js';
 export { portal } from './utils/portal.js';
 export { safeSlide, bloom } from './utils/transitions.js';
 export { optimizeImage, supportsWebP, createImage } from './utils/imageOptimizer.js';
+export { roundCurrency } from './utils/formatters.js';
 export {
   triggerHaptic,
   isHapticAvailable,

package/dist/patterns/chat/ChatBubble.svelte

@@ -9,6 +9,10 @@
   import { classNames } from '../../utils/utils.js';
   import Renew from 'carbon-icons-svelte/lib/Renew.svelte';
 
+  const defaultLabels = {
+    retry: 'retry',
+  };
+
   interface Props {
     /** Message direction - inbound (from other) or outbound (from us) */
     direction?: 'inbound' | 'outbound';
@@ -28,6 +32,7 @@
     avatar?: Snippet;
     /** Message content */
     children?: Snippet;
+    labels?: Partial<typeof defaultLabels>;
   }
 
   let {
@@ -40,8 +45,11 @@
     className = '',
     avatar,
     children,
+    labels: userLabels = {},
   }: Props = $props();
 
+  let labels = $derived({ ...defaultLabels, ...userLabels });
+
   let isOutbound = $derived(direction === 'outbound');
 
   let bubbleClasses = $derived(
@@ -83,7 +91,7 @@
               onclick={onretry}
             >
               <Renew class="w-2 h-2" />
-              retry
+              {labels.retry}
             </button>
           {/if}
         </div>

package/dist/patterns/chat/ChatBubble.svelte.d.ts

@@ -5,9 +5,9 @@
    * error state, timestamp, and sender name.
    */
 import type { Snippet } from 'svelte';
-interface Props {
+declare const ChatBubble: import("svelte").Component<{
     /** Message direction - inbound (from other) or outbound (from us) */
-    direction?: 'inbound' | 'outbound';
+    direction?: "inbound" | "outbound";
     /** Sender name (shown for inbound messages) */
     senderName?: string;
     /** Timestamp to display */
@@ -24,8 +24,10 @@ interface Props {
     avatar?: Snippet;
     /** Message content */
     children?: Snippet;
-}
-declare const ChatBubble: import("svelte").Component<Props, {}, "">;
+    labels?: Partial<{
+        retry: string;
+    }>;
+}, {}, "">;
 type ChatBubble = ReturnType<typeof ChatBubble>;
 export default ChatBubble;
 //# sourceMappingURL=ChatBubble.svelte.d.ts.map

package/dist/patterns/chat/ChatBubble.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatBubble.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/patterns/chat/ChatBubble.svelte.ts"],"names":[],"mappings":"AAGA;;;;;KAKK;AACL,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAKpC,UAAU,KAAK;IACb,qEAAqE;IACrE,SAAS,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACnC,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gCAAgC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAuEH,QAAA,MAAM,UAAU,2CAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ChatBubble.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/patterns/chat/ChatBubble.svelte.ts"],"names":[],"mappings":"AAGA;;;;;KAKK;AACL,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAsGtC,QAAA,MAAM,UAAU;IAvFZ,qEAAqE;gBACzD,SAAS,GAAG,UAAU;IAClC,+CAA+C;iBAClC,MAAM;IACnB,2BAA2B;gBACf,MAAM;IAClB,8BAA8B;aACrB,OAAO;IAChB,gCAAgC;mBACjB,MAAM;IACrB,qCAAqC;cAC3B,MAAM,IAAI;IACpB,4CAA4C;gBAChC,MAAM;IAClB,4CAA4C;aACnC,OAAO;IAChB,sBAAsB;eACX,OAAO;aACT,OAAO;;MAAsB;UAqEc,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/patterns/chat/ChatInvitationBubble.svelte

@@ -7,6 +7,10 @@
   import { classNames } from '../../utils/utils.js';
   import SendAltFilled from 'carbon-icons-svelte/lib/SendAltFilled.svelte';
 
+  const defaultLabels = {
+    invited: (name: string) => `Invited ${name}`,
+  };
+
   interface Props {
     /** Name of the performer who was invited */
     performerName: string;
@@ -14,14 +18,19 @@
     outbound?: boolean;
     /** Additional CSS classes */
     className?: string;
+    /** Override user-visible strings */
+    labels?: Partial<typeof defaultLabels>;
   }
 
   let {
     performerName,
     outbound = true,
     className = '',
+    labels: userLabels = {},
   }: Props = $props();
 
+  let labels = $derived({ ...defaultLabels, ...userLabels });
+
   let bubbleClasses = $derived(
     classNames(
       'px-4 py-2.5 rounded-2xl text-sm bg-blue-600 text-white flex items-center gap-1.5',
@@ -33,5 +42,5 @@
 
 <div class={bubbleClasses}>
   <SendAltFilled class="w-4 h-4" />
-  Invited {performerName}
+  {typeof labels.invited === 'function' ? labels.invited(performerName) : labels.invited}
 </div>

package/dist/patterns/chat/ChatInvitationBubble.svelte.d.ts

@@ -1,12 +1,15 @@
-interface Props {
+declare const ChatInvitationBubble: import("svelte").Component<{
     /** Name of the performer who was invited */
     performerName: string;
     /** Whether this is outbound (right side) */
     outbound?: boolean;
     /** Additional CSS classes */
     className?: string;
-}
-declare const ChatInvitationBubble: import("svelte").Component<Props, {}, "">;
+    /** Override user-visible strings */
+    labels?: Partial<{
+        invited: (name: string) => string;
+    }>;
+}, {}, "">;
 type ChatInvitationBubble = ReturnType<typeof ChatInvitationBubble>;
 export default ChatInvitationBubble;
 //# sourceMappingURL=ChatInvitationBubble.svelte.d.ts.map

package/dist/patterns/chat/ChatInvitationBubble.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInvitationBubble.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/patterns/chat/ChatInvitationBubble.svelte.ts"],"names":[],"mappings":"AAYE,UAAU,KAAK;IACb,4CAA4C;IAC5C,aAAa,EAAE,MAAM,CAAC;IACtB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6BH,QAAA,MAAM,oBAAoB,2CAAwC,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"ChatInvitationBubble.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/patterns/chat/ChatInvitationBubble.svelte.ts"],"names":[],"mappings":"AAwDA,QAAA,MAAM,oBAAoB;IAnCtB,4CAA4C;mBAC7B,MAAM;IACrB,4CAA4C;eACjC,OAAO;IAClB,6BAA6B;gBACjB,MAAM;IAClB,oCAAoC;aAC3B,OAAO;wBAXA,MAAM;MAWgB;UA4BwB,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}

package/dist/patterns/chat/ChatInvitationNotice.svelte

@@ -8,20 +8,29 @@
   import { classNames } from '../../utils/utils.js';
   import SendAltFilled from 'carbon-icons-svelte/lib/SendAltFilled.svelte';
 
+  const defaultLabels = {
+    invited: (name: string) => `Invited ${name}`,
+  };
+
   interface Props {
     /** Name of the performer who was invited */
     performerName: string;
     /** Additional CSS classes */
     className?: string;
+    /** Override user-visible strings */
+    labels?: Partial<typeof defaultLabels>;
   }
 
   let {
     performerName,
     className = '',
+    labels: userLabels = {},
   }: Props = $props();
+
+  let labels = $derived({ ...defaultLabels, ...userLabels });
 </script>
 
 <span class={classNames('text-xs font-medium text-blue-600 flex items-center gap-1', className)}>
   <SendAltFilled class="w-3 h-3" />
-  Invited {performerName}
+  {typeof labels.invited === 'function' ? labels.invited(performerName) : labels.invited}
 </span>

package/dist/patterns/chat/ChatInvitationNotice.svelte.d.ts

@@ -1,10 +1,13 @@
-interface Props {
+declare const ChatInvitationNotice: import("svelte").Component<{
     /** Name of the performer who was invited */
     performerName: string;
     /** Additional CSS classes */
     className?: string;
-}
-declare const ChatInvitationNotice: import("svelte").Component<Props, {}, "">;
+    /** Override user-visible strings */
+    labels?: Partial<{
+        invited: (name: string) => string;
+    }>;
+}, {}, "">;
 type ChatInvitationNotice = ReturnType<typeof ChatInvitationNotice>;
 export default ChatInvitationNotice;
 //# sourceMappingURL=ChatInvitationNotice.svelte.d.ts.map

package/dist/patterns/chat/ChatInvitationNotice.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInvitationNotice.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/patterns/chat/ChatInvitationNotice.svelte.ts"],"names":[],"mappings":"AAaE,UAAU,KAAK;IACb,4CAA4C;IAC5C,aAAa,EAAE,MAAM,CAAC;IACtB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoBH,QAAA,MAAM,oBAAoB,2CAAwC,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"ChatInvitationNotice.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/patterns/chat/ChatInvitationNotice.svelte.ts"],"names":[],"mappings":"AA8CA,QAAA,MAAM,oBAAoB;IAxBtB,4CAA4C;mBAC7B,MAAM;IACrB,6BAA6B;gBACjB,MAAM;IAClB,oCAAoC;aAC3B,OAAO;wBATA,MAAM;MASgB;UAmBwB,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}

package/dist/patterns/forms/FormValidationSummary.svelte

@@ -4,11 +4,16 @@
   import WarningIcon from "../../primitives/Icons/WarningIcon.svelte";
   import Button from "../../primitives/Button/Button.svelte";
 
+  const defaultLabels = {
+    pleaseFixTheFollowing: 'Please fix the following:',
+  };
+
   interface Props {
     errors?: Record<string, string | null | undefined>;
     show?: boolean;
     fieldLabels?: Record<string, string>;
     fieldIds?: Record<string, string>;
+    labels?: Partial<typeof defaultLabels>;
   }
 
   let {
@@ -16,8 +21,11 @@
     show = false,
     fieldLabels = {},
     fieldIds = {},
+    labels: userLabels = {},
   }: Props = $props();
 
+  let labels = $derived({ ...defaultLabels, ...userLabels });
+
   // Get list of fields with errors
   let errorFields = $derived(Object.entries(errors)
     .filter(([_, message]) => message && message.trim() !== "")
@@ -52,7 +60,7 @@
       <WarningIcon class="shrink-0 text-red-600 dark:text-red-500 mt-0.5" />
       <div class="flex-1">
         <p class="text-sm font-medium text-red-800 dark:text-red-400">
-          Please fix the following:
+          {labels.pleaseFixTheFollowing}
         </p>
         <ul class="mt-2 space-y-1">
           {#each errorFields as field}

package/dist/patterns/forms/FormValidationSummary.svelte.d.ts

@@ -1,10 +1,12 @@
-interface Props {
+declare const FormValidationSummary: import("svelte").Component<{
     errors?: Record<string, string | null | undefined>;
     show?: boolean;
     fieldLabels?: Record<string, string>;
     fieldIds?: Record<string, string>;
-}
-declare const FormValidationSummary: import("svelte").Component<Props, {}, "">;
+    labels?: Partial<{
+        pleaseFixTheFollowing: string;
+    }>;
+}, {}, "">;
 type FormValidationSummary = ReturnType<typeof FormValidationSummary>;
 export default FormValidationSummary;
 //# sourceMappingURL=FormValidationSummary.svelte.d.ts.map

package/dist/patterns/forms/FormValidationSummary.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormValidationSummary.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/patterns/forms/FormValidationSummary.svelte.ts"],"names":[],"mappings":"AASE,UAAU,KAAK;IACb,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IACnD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACnC;AA8DH,QAAA,MAAM,qBAAqB,2CAAwC,CAAC;AACpE,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC;AACtE,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"FormValidationSummary.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/patterns/forms/FormValidationSummary.svelte.ts"],"names":[],"mappings":"AAmFA,QAAA,MAAM,qBAAqB;aAhEd,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;WAC3C,OAAO;kBACA,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;eACzB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;aACxB,OAAO;;MAAsB;UA4DyB,CAAC;AACpE,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC;AACtE,eAAe,qBAAqB,CAAC"}

package/dist/patterns/navigation/BottomNav.svelte

@@ -12,14 +12,22 @@
     icon: string;
   }
 
+  const defaultLabels = {
+    showsLabel: 'Shows',
+  };
+
   interface Props {
     links?: NavLink[];
+    labels?: Partial<typeof defaultLabels>;
   }
 
   let {
     links = [],
+    labels: userLabels = {},
   }: Props = $props();
 
+  let labels = $derived({ ...defaultLabels, ...userLabels });
+
   let invitationCount = $state(0);
 
   let currentPath = $derived($page.url.pathname);
@@ -66,7 +74,7 @@
   >
     <span class="bottom-nav-icon relative flex items-center justify-center transition-transform duration-150 active:scale-[0.8]">
       <Icon name={icon} size="24" />
-      {#if label === "Shows" && invitationCount > 0}
+      {#if label === labels.showsLabel && invitationCount > 0}
         <span class="notification-dot absolute -top-1 -right-1 w-2 h-2 bg-red-500 rounded-full"></span>
       {/if}
     </span>

package/dist/patterns/navigation/BottomNav.svelte.d.ts

@@ -1,12 +1,13 @@
-interface NavLink {
-    label: string;
-    href: string;
-    icon: string;
-}
-interface Props {
-    links?: NavLink[];
-}
-declare const BottomNav: import("svelte").Component<Props, {}, "">;
+declare const BottomNav: import("svelte").Component<{
+    links?: {
+        label: string;
+        href: string;
+        icon: string;
+    }[];
+    labels?: Partial<{
+        showsLabel: string;
+    }>;
+}, {}, "">;
 type BottomNav = ReturnType<typeof BottomNav>;
 export default BottomNav;
 //# sourceMappingURL=BottomNav.svelte.d.ts.map

package/dist/patterns/navigation/BottomNav.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomNav.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/patterns/navigation/BottomNav.svelte.ts"],"names":[],"mappings":"AAWE,UAAU,OAAO;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;CACnB;AAiEH,QAAA,MAAM,SAAS,2CAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
+{"version":3,"file":"BottomNav.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/patterns/navigation/BottomNav.svelte.ts"],"names":[],"mappings":"AA0FA,QAAA,MAAM,SAAS;YA7DH;eAVD,MAAM;cACP,MAAM;cACN,MAAM;OAQK;aACR,OAAO;;MAAsB;UA4Da,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/patterns/navigation/Header.svelte

@@ -20,6 +20,14 @@
     href: string;
   }
 
+  const defaultLabels = {
+    back: 'Back',
+    signOut: 'Sign out',
+    signOutMobile: 'Sign Out',
+    cancel: 'Cancel',
+    defaultName: 'Performer',
+  };
+
   interface Props {
     signoutHandler?: () => void;
     name?: string;
@@ -28,6 +36,7 @@
     navLinks?: NavLink[];
     dropdownLinks?: NavLink[];
     showBackButton?: boolean;
+    labels?: Partial<typeof defaultLabels>;
   }
 
   let {
@@ -38,8 +47,11 @@
     navLinks = [],
     dropdownLinks = [],
     showBackButton = false,
+    labels: userLabels = {},
   }: Props = $props();
 
+  let labels = $derived({ ...defaultLabels, ...userLabels });
+
   let showMobileSheet = $state(false);
   let showDesktopDropdown = $state(false);
 
@@ -67,7 +79,7 @@
   <div class="block flex-1 md:hidden">
     <Button variant="ghost" size="sm" onclick={() => history.back()}>
       <ChevronLeft class="w-5 h-5" />
-      Back
+      {labels.back}
     </Button>
   </div>
   <div class="hidden md:flex w-full items-center">
@@ -104,7 +116,7 @@
           <div class="fixed inset-0 z-30 bg-transparent" onclick={() => showDesktopDropdown = false}></div>
           <div class="absolute top-[calc(100%+0.5rem)] right-0 w-56 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-lg z-40 overflow-hidden">
             <div class="py-3 px-4 border-b border-gray-200 dark:border-gray-700">
-              <span class={`block ${typography.label}`}>{name || "Performer"}</span>
+              <span class={`block ${typography.label}`}>{name || labels.defaultName}</span>
               <span class={`block ${typography.xsMuted} mt-0.5`}>{email || ""}</span>
             </div>
             {#each dropdownLinks as { label, href }}
@@ -121,7 +133,7 @@
               size="md"
               onclick={() => { showDesktopDropdown = false; signoutHandler(); }}
             >
-              Sign out
+              {labels.signOut}
             </MenuItem>
           </div>
         {/if}
@@ -172,7 +184,7 @@
         <div class="fixed inset-0 z-30 bg-transparent" onclick={() => showDesktopDropdown = false}></div>
         <div class="absolute top-[calc(100%+0.5rem)] right-0 w-56 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-lg z-40 overflow-hidden">
           <div class="py-3 px-4 border-b border-gray-200 dark:border-gray-700">
-            <span class={`block ${typography.label}`}>{name || "Performer"}</span>
+            <span class={`block ${typography.label}`}>{name || labels.defaultName}</span>
             <span class={`block ${typography.xsMuted} mt-0.5`}>{email || ""}</span>
           </div>
           {#each dropdownLinks as { label, href }}
@@ -189,7 +201,7 @@
             size="md"
             onclick={() => { showDesktopDropdown = false; signoutHandler(); }}
           >
-            Sign out
+            {labels.signOut}
           </MenuItem>
         </div>
       {/if}
@@ -218,7 +230,7 @@
       </div>
 
       <div class="px-6 py-4 border-b border-gray-200 dark:border-gray-700">
-        <p class={`${typography.h4} m-0`}>{name || "Performer"}</p>
+        <p class={`${typography.h4} m-0`}>{name || labels.defaultName}</p>
         <p class={`${typography.smMuted} mt-0.5 m-0`}>{email || ""}</p>
       </div>
 
@@ -237,13 +249,13 @@
           size="lg"
           onclick={() => { showMobileSheet = false; signoutHandler(); }}
         >
-          Sign Out
+          {labels.signOutMobile}
         </MenuItem>
       </div>
 
       <div class="border-t-8 border-gray-100 dark:border-gray-700">
         <Button variant="ghost" size="full" class="py-4 text-base font-semibold" onclick={() => showMobileSheet = false}>
-          Cancel
+          {labels.cancel}
         </Button>
       </div>
     </div>