@getmicdrop/svelte-components 5.1.2 → 5.2.1

package/dist/calendar/OrderSummary/OrderSummary.svelte

@@ -1,37 +1,37 @@
 <script>
   import { fly, fade } from 'svelte/transition';
   import { cubicOut } from 'svelte/easing';
-  import { createEventDispatcher } from 'svelte';
   import { ChevronDownOutline, CloseOutline } from '../../primitives/Icons';
   import Spinner from '../../primitives/Spinner/Spinner.svelte';
 
-  export let loading = false;
-  export let quantities = {};
-  export let eventTickets = [];
+  let {
+    loading = false,
+    quantities = {},
+    eventTickets = [],
+    checkoutTicket = null,
+    isAgreed = true,
+    btnText = 'Checkout',
+    promoApplied = false,
+    promoDiscount = 0,
+    currentPromoRule = null,
+    executePurchase = null,
+    elements = null,
+    venueServiceCharge = {
+      serviceFeeCents: 0,
+      serviceFeePercentage: 0,
+      serviceFeeChargeType: 'both',
+      maxServiceFeeCents: 0,
+      taxPercentage: 0,
+    },
+    onpriceUpdate,
+  } = $props();
 
-  export let checkoutTicket = null;
-  export let isAgreed = true;
-  export let btnText = 'Checkout';
-  export let promoApplied = false;
-  export let promoDiscount = 0;
-  export let currentPromoRule = null;
+  let showOrderSummaryOnMobile = $state(false);
 
-  export let executePurchase = null;
-  export let elements = null;
-
-  export let venueServiceCharge = {
-    serviceFeeCents: 0,
-    serviceFeePercentage: 0,
-    serviceFeeChargeType: 'both', // 'both', 'percent', or 'flat'
-    maxServiceFeeCents: 0, // 0 means no cap
-    taxPercentage: 0, // Default 0% - only charge tax if venue has set it
-  };
-
-  $: feeFor = price => {
+  function feeFor(price) {
     const chargeType = venueServiceCharge.serviceFeeChargeType || 'both';
     let fee = 0;
 
-    // Calculate fee based on charge type
     if (chargeType === 'flat' || chargeType === 'both') {
       fee += (venueServiceCharge.serviceFeeCents || 0) / 100;
     }
@@ -39,38 +39,24 @@
       fee += ((venueServiceCharge.serviceFeePercentage || 0) / 100) * price;
     }
 
-    // Apply max cap if set (convert from cents to dollars for comparison)
     const maxFee = venueServiceCharge.maxServiceFeeCents || 0;
     if (maxFee > 0 && fee > maxFee / 100) {
       fee = maxFee / 100;
     }
 
     return fee;
-  };
-
-  const dispatch = createEventDispatcher();
-
-  let showFooter = false;
-  let subtotal = 0;
-  let fees = 0;
-  let taxes = 0;
-  let total = 0;
-  let showOrderSummaryOnMobile = false;
+  }
 
   function makeOrderSummaryVisible() {
     showOrderSummaryOnMobile = !showOrderSummaryOnMobile;
   }
 
-  // Calculate discounted price for a ticket
-  $: getDiscountedPrice = (ticket) => {
+  function getDiscountedPrice(ticket) {
     if (!currentPromoRule?.provideDiscount) return null;
 
-    // Check if this discount applies to this specific ticket
-    // If discountTicketIds is empty or not provided, discount applies to all tickets
-    // If discountTicketIds has values, only apply to those specific ticket IDs
     const discountTicketIds = currentPromoRule.discountTicketIds || [];
     if (discountTicketIds.length > 0 && !discountTicketIds.includes(ticket.ID)) {
-      return null; // This ticket is not eligible for the discount
+      return null;
     }
 
     const basePrice = parseFloat(ticket.price) || 0;
@@ -81,47 +67,44 @@
       return Math.max(0, basePrice - discountAmount).toFixed(2);
     }
     return null;
-  };
+  }
 
-  $: showFooter = totalQuantity > 0;
+  let totalQuantity = $derived(Object.values(quantities).reduce((sum, q) => sum + q, 0));
+  let showFooter = $derived(totalQuantity > 0);
 
-  // Calculate subtotal without any discounts (for calculating savings)
-  $: subtotalWithoutDiscount = Object.keys(quantities).reduce((acc, key) => {
+  let subtotalWithoutDiscount = $derived(Object.keys(quantities).reduce((acc, key) => {
     const ticket = eventTickets.find(t => t.ID == key);
     if (!ticket) return acc;
     return acc + quantities[key] * ticket.price;
-  }, 0);
+  }, 0));
 
-  // Calculate subtotal with discounts applied
-  $: subtotal = Object.keys(quantities).reduce((acc, key) => {
+  let subtotal = $derived(Object.keys(quantities).reduce((acc, key) => {
     const ticket = eventTickets.find(t => t.ID == key);
     if (!ticket) return acc;
     const discountedPrice = getDiscountedPrice(ticket);
     const priceToUse = discountedPrice !== null ? parseFloat(discountedPrice) : ticket.price;
     return acc + quantities[key] * priceToUse;
-  }, 0);
+  }, 0));
 
-  // Calculate actual savings from promo code
-  $: promoSavings = currentPromoRule?.provideDiscount ? (subtotalWithoutDiscount - subtotal) : 0;
+  let promoSavings = $derived(currentPromoRule?.provideDiscount ? (subtotalWithoutDiscount - subtotal) : 0);
 
-  $: fees = Object.keys(quantities).reduce((acc, key) => {
+  let fees = $derived(Object.keys(quantities).reduce((acc, key) => {
     const ticket = eventTickets.find(t => t.ID == key);
     if (!ticket || ticket.price == 0) return acc;
     const discountedPrice = getDiscountedPrice(ticket);
     const priceToUse = discountedPrice !== null ? parseFloat(discountedPrice) : ticket.price;
     return acc + quantities[key] * feeFor(priceToUse);
-  }, 0);
-  $: taxRate = (venueServiceCharge.taxPercentage || 0) / 100;
-  $: taxes = subtotal > 0 ? subtotal * taxRate : 0;
-  // When currentPromoRule is used, discounts are already applied per-ticket in subtotal calculation
-  // Only subtract promoDiscount separately when NOT using currentPromoRule (legacy behavior)
-  // Use Math.max(0, ...) to prevent negative totals in edge cases
-  $: total = Math.max(0, subtotal + fees + taxes - (promoApplied && !currentPromoRule?.provideDiscount ? promoDiscount : 0));
-  $: dispatch('priceUpdate', { subtotal, fees, taxes, total, promoSavings });
-  $: totalQuantity = Object.values(quantities).reduce((sum, q) => sum + q, 0);
+  }, 0));
+
+  let taxRate = $derived((venueServiceCharge.taxPercentage || 0) / 100);
+  let taxes = $derived(subtotal > 0 ? subtotal * taxRate : 0);
+  let total = $derived(Math.max(0, subtotal + fees + taxes - (promoApplied && !currentPromoRule?.provideDiscount ? promoDiscount : 0)));
+
+  $effect(() => {
+    onpriceUpdate?.({ subtotal, fees, taxes, total, promoSavings });
+  });
 </script>
 
-<!-- Desktop Order Summary -->
 <div
   id="orderSummary"
   class="hidden min-[872px]:block h-fit rounded-lg bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600"
@@ -134,12 +117,10 @@
 
   <div class="px-5 pb-5">
     {#if totalQuantity === 0}
-      <!-- Empty state -->
       <div class="py-8 text-center">
         <p class="text-gray-500 dark:text-gray-400 text-sm">Select tickets to continue</p>
       </div>
     {:else}
-      <!-- Selected tickets - always show original prices -->
       {#each Object.keys(quantities) as key}
         {#if quantities[key] > 0}
           {#each eventTickets as ticket}
@@ -166,7 +147,6 @@
         {/if}
       {/each}
 
-      <!-- Price breakdown -->
       <div class="flex flex-col py-3 gap-2 text-sm">
         {#if promoSavings > 0 || (promoDiscount > 0 && !currentPromoRule?.provideDiscount)}
           <div class="flex justify-between text-gray-600 dark:text-gray-300">
@@ -193,23 +173,20 @@
         </div>
       </div>
 
-      <!-- Total -->
       <div class="flex justify-between font-semibold text-gray-900 dark:text-white py-4 text-lg border-t border-gray-200 dark:border-gray-600">
         <span>Total</span><span>${total.toFixed(2)}</span>
       </div>
     {/if}
 
-    <!-- Terms of service -->
     {#if totalQuantity > 0 && btnText === 'Place order'}
       <p class="text-xs text-gray-500 dark:text-gray-400 text-center mb-3">
         By selecting Place order, I agree to the <a href="https://get-micdrop.com/tos" class="text-blue-700 dark:text-blue-500 underline hover:opacity-80" target="_blank" rel="noopener noreferrer">terms of service</a>
       </p>
     {/if}
 
-    <!-- Checkout button -->
     <button
       class="w-full h-12 font-semibold rounded-lg flex items-center justify-center transition-colors select-none touch-manipulation {totalQuantity === 0 ? 'bg-gray-200 dark:bg-gray-700 text-gray-500 dark:text-gray-400 cursor-not-allowed' : 'bg-blue-700 dark:bg-blue-600 text-white hover:bg-blue-800 dark:hover:bg-blue-700'}"
-      on:click={() => {
+      onclick={() => {
         if (totalQuantity === 0) return;
         if (executePurchase) {
           executePurchase(elements);
@@ -229,14 +206,12 @@
 </div>
 
 {#if showOrderSummaryOnMobile}
-  <!-- Backdrop overlay - dims background -->
   <button
     class="min-[872px]:hidden fixed inset-0 bg-black/50 z-40 border-none cursor-pointer"
-    on:click={() => (showOrderSummaryOnMobile = false)}
+    onclick={() => (showOrderSummaryOnMobile = false)}
     aria-label="Close order summary"
     transition:fade={{ duration: 200 }}
   ></button>
-  <!-- Drawer - stays bright -->
   <div
     in:fly={{ y: 800, duration: 300, easing: cubicOut }}
     out:fly={{ y: 800, duration: 300, easing: cubicOut }}
@@ -247,7 +222,7 @@
         Order summary
       </h2>
       <button
-        on:click={() => (showOrderSummaryOnMobile = false)}
+        onclick={() => (showOrderSummaryOnMobile = false)}
         class="transition-colors p-2 rounded-lg text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white hover:bg-gray-50 dark:hover:bg-gray-700"
         aria-label="Close order summary"
       >
@@ -256,7 +231,6 @@
     </div>
 
     <div class="px-5 pb-5">
-      <!-- Mobile ticket list - always show original prices -->
       {#each Object.keys(quantities) as key}
         {#if quantities[key] > 0}
           {#each eventTickets as ticket}
@@ -322,7 +296,7 @@
     class="min-[872px]:hidden fixed bottom-0 left-0 right-0 z-40 bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-600 shadow-xl p-4 pb-[max(16px,calc(env(safe-area-inset-bottom)+8px))] select-none touch-manipulation"
   >
     <div class="flex items-stretch gap-3">
-      <button class="flex flex-col justify-between items-start shrink-0 whitespace-nowrap bg-transparent border-none p-0 cursor-pointer touch-manipulation" on:click={makeOrderSummaryVisible}>
+      <button class="flex flex-col justify-between items-start shrink-0 whitespace-nowrap bg-transparent border-none p-0 cursor-pointer touch-manipulation" onclick={makeOrderSummaryVisible}>
         <span class="flex items-center gap-1 text-sm font-normal text-gray-600 dark:text-gray-300">
           {totalQuantity} {totalQuantity > 1 ? 'tickets' : 'ticket'}
           <ChevronDownOutline class="w-4 h-4 text-gray-500 dark:text-gray-400 transition-transform duration-200 {showOrderSummaryOnMobile ? 'rotate-180' : ''}" />
@@ -332,7 +306,7 @@
 
       <button
         class="flex-1 min-w-36 h-12 rounded-lg text-sm font-semibold touch-manipulation flex items-center justify-center {totalQuantity === 0 || !isAgreed ? 'bg-gray-200 dark:bg-gray-700 text-gray-500 dark:text-gray-400 cursor-not-allowed' : 'bg-blue-700 dark:bg-blue-600 text-white hover:bg-blue-800 dark:hover:bg-blue-700'}"
-        on:click={() => {
+        onclick={() => {
           if (executePurchase) {
             executePurchase(elements);
           } else if (checkoutTicket) {

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

@@ -1,65 +1,36 @@
 export default OrderSummary;
-type OrderSummary = SvelteComponent<{
-    loading?: boolean | undefined;
-    quantities?: {} | undefined;
-    eventTickets?: any[] | undefined;
-    checkoutTicket?: null | undefined;
-    isAgreed?: boolean | undefined;
-    btnText?: string | undefined;
-    promoApplied?: boolean | undefined;
-    promoDiscount?: number | undefined;
-    currentPromoRule?: null | undefined;
-    executePurchase?: null | undefined;
-    elements?: null | undefined;
-    venueServiceCharge?: {
-        serviceFeeCents: number;
-        serviceFeePercentage: number;
-        serviceFeeChargeType: string;
-        maxServiceFeeCents: number;
-        taxPercentage: number;
-    } | undefined;
-}, {
-    priceUpdate: CustomEvent<any>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
+type OrderSummary = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const OrderSummary: import("svelte").Component<{
+    loading?: boolean;
+    quantities?: Record<string, any>;
+    eventTickets?: any[];
+    checkoutTicket?: any;
+    isAgreed?: boolean;
+    btnText?: string;
+    promoApplied?: boolean;
+    promoDiscount?: number;
+    currentPromoRule?: any;
+    executePurchase?: any;
+    elements?: any;
+    venueServiceCharge?: Record<string, any>;
+    onpriceUpdate: any;
+}, {}, "">;
+type $$ComponentProps = {
+    loading?: boolean;
+    quantities?: Record<string, any>;
+    eventTickets?: any[];
+    checkoutTicket?: any;
+    isAgreed?: boolean;
+    btnText?: string;
+    promoApplied?: boolean;
+    promoDiscount?: number;
+    currentPromoRule?: any;
+    executePurchase?: any;
+    elements?: any;
+    venueServiceCharge?: Record<string, any>;
+    onpriceUpdate: any;
 };
-declare const OrderSummary: $$__sveltets_2_IsomorphicComponent<{
-    loading?: boolean | undefined;
-    quantities?: {} | undefined;
-    eventTickets?: any[] | undefined;
-    checkoutTicket?: null | undefined;
-    isAgreed?: boolean | undefined;
-    btnText?: string | undefined;
-    promoApplied?: boolean | undefined;
-    promoDiscount?: number | undefined;
-    currentPromoRule?: null | undefined;
-    executePurchase?: null | undefined;
-    elements?: null | undefined;
-    venueServiceCharge?: {
-        serviceFeeCents: number;
-        serviceFeePercentage: number;
-        serviceFeeChargeType: string;
-        maxServiceFeeCents: number;
-        taxPercentage: number;
-    } | undefined;
-}, {
-    priceUpdate: 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=OrderSummary.svelte.d.ts.map

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAsVA;;;;;;;;;;;;;;;;;;;;;;;mBAA2S;6CAT9P,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":"OrderSummary.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/calendar/OrderSummary/OrderSummary.svelte.js"],"names":[],"mappings":";;;;;AAkTA;cApS+B,OAAO;iBAAe,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;WAoS5Q;wBApSxC;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,UAAU,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,CAAA;CAAE"}

package/dist/calendar/PublicCard/PublicCard.svelte

@@ -1,17 +1,16 @@
 <script>
-  import { createEventDispatcher, onMount, onDestroy } from "svelte";
+  let {
+    events = [],
+    view = "row",
+    placeholderImage = null,
+    oneventClick,
+  } = $props();
 
-  export let events = [];
-  export let view = "row"; // 'row' for list view, 'col' for gallery view
-  export let placeholderImage = null; // Allow custom placeholder
+  let isSmallScreen = $state(false);
 
-  const dispatch = createEventDispatcher();
-  let isSmallScreen = false;
-
-  // Default placeholder image for events without images
   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";
 
-  $: placeholder = placeholderImage || DEFAULT_PLACEHOLDER;
+  let placeholder = $derived(placeholderImage || DEFAULT_PLACEHOLDER);
 
   let options = {
     weekday: "short",
@@ -19,23 +18,22 @@
     day: "numeric",
   };
 
-  onMount(() => {
-    isSmallScreen = window.innerWidth < 768;
-    window.addEventListener("resize", handleResize);
-  });
-
-  onDestroy(() => {
-    if (typeof window !== 'undefined') {
-      window.removeEventListener("resize", handleResize);
-    }
-  });
-
   function handleResize() {
     isSmallScreen = window.innerWidth < 768;
   }
 
+  $effect(() => {
+    isSmallScreen = window.innerWidth < 768;
+    window.addEventListener("resize", handleResize);
+    return () => {
+      if (typeof window !== 'undefined') {
+        window.removeEventListener("resize", handleResize);
+      }
+    };
+  });
+
   function handleEventClick(event) {
-    dispatch("eventClick", event);
+    oneventClick?.(event);
   }
 
   function handleKeydown(e, event) {
@@ -58,14 +56,12 @@
     }
   }
 
-  // Only show badges for urgency statuses (not "On Sale" which is the default state)
   function shouldShowBadge(status) {
     return status === 'Sold out' || status === 'Selling fast' || status === 'Almost sold out';
   }
 
   function formatEventDate(dateStr) {
     if (!dateStr) return '';
-    // Parse as local date (not UTC)
     const [year, month, day] = dateStr.split('-').map(Number);
     const date = new Date(year, month - 1, day);
     return date.toLocaleDateString("en-US", options);
@@ -77,13 +73,12 @@
     class="bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 cursor-pointer overflow-hidden transition-all duration-200 hover:shadow-lg hover:border-gray-300 dark:hover:border-gray-600 focus:outline-none focus:ring-4 focus:ring-blue-300 dark:focus:ring-blue-800 relative {view === 'col'
       ? 'flex flex-col'
       : 'grid grid-cols-[100px_1fr] sm:grid-cols-[160px_1fr] gap-3 sm:gap-4 p-3 sm:p-4'}"
-    on:click={() => handleEventClick(event)}
-    on:keydown={(e) => handleKeydown(e, event)}
+    onclick={() => handleEventClick(event)}
+    onkeydown={(e) => handleKeydown(e, event)}
     tabindex="0"
     role="button"
     aria-label={`${event.name}, ${event.status || 'On Sale'}, ${formatEventDate(event.date)}. Press Enter to view details.`}
   >
-    <!-- Event Image -->
     <div
       class="bg-gray-100 dark:bg-gray-700 flex items-center justify-center overflow-hidden {view === 'col'
         ? 'w-full aspect-[4/3] rounded-t-lg'
@@ -97,11 +92,9 @@
       />
     </div>
 
-    <!-- Event Details -->
     <div
       class="flex flex-col {view === 'col' ? 'p-3 gap-1' : 'gap-1.5 sm:gap-2 justify-center'}"
     >
-      <!-- Status Badge for gallery view - positioned over image -->
       {#if view === "col" && event.status && shouldShowBadge(event.status)}
         <span
           class="inline-flex items-center w-fit px-2 py-0.5 text-xs font-semibold rounded absolute top-2 left-2 {getStatusBadgeClass(event.status)}"
@@ -110,7 +103,6 @@
         </span>
       {/if}
 
-      <!-- Status Badge for list view - inline -->
       {#if view === "row" && event.status && shouldShowBadge(event.status)}
         <span
           class="inline-flex items-center w-fit px-2 py-0.5 text-xs font-semibold rounded {getStatusBadgeClass(event.status)}"
@@ -119,7 +111,6 @@
         </span>
       {/if}
 
-      <!-- Event Name -->
       <h3
         class="font-semibold text-gray-900 dark:text-white leading-tight line-clamp-2 {view === 'col'
           ? 'text-sm sm:text-base'
@@ -128,7 +119,6 @@
         {event.name}
       </h3>
 
-      <!-- Date & Time -->
       <div
         class="text-gray-600 dark:text-gray-400 {view === 'col' ? 'text-xs' : 'text-xs sm:text-sm'}"
       >
@@ -141,14 +131,12 @@
         </span>
       </div>
 
-      <!-- Description (list view only) -->
       {#if view === "row" && event.description}
         <p class="text-gray-500 dark:text-gray-400 text-xs sm:text-sm line-clamp-2 mt-1">
           {event.description}
         </p>
       {/if}
 
-      <!-- Doors time (if available) -->
       {#if event.doorsTimeline && view === "row"}
         <div class="text-xs text-gray-500 dark:text-gray-400">
           {event.doorsTimeline}

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

@@ -1,35 +1,18 @@
 export default PublicCard;
-type PublicCard = SvelteComponent<{
-    view?: string | undefined;
-    events?: any[] | undefined;
-    placeholderImage?: null | undefined;
-}, {
-    eventClick: CustomEvent<any>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
+type PublicCard = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const PublicCard: import("svelte").Component<{
+    events?: any[];
+    view?: string;
+    placeholderImage?: any;
+    oneventClick: any;
+}, {}, "">;
+type $$ComponentProps = {
+    events?: any[];
+    view?: string;
+    placeholderImage?: any;
+    oneventClick: any;
 };
-declare const PublicCard: $$__sveltets_2_IsomorphicComponent<{
-    view?: string | undefined;
-    events?: any[] | undefined;
-    placeholderImage?: null | undefined;
-}, {
-    eventClick: 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=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":";;;;;;;;;;;;AAwJA;;;;;;;;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":"PublicCard.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/calendar/PublicCard/PublicCard.svelte.js"],"names":[],"mappings":";;;;;AAiIA;aA7H8B,GAAG,EAAE;WAAS,MAAM;uBAAqB,GAAG;kBAAgB,GAAG;WA6HpC;wBA7HtC;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"}