@getmicdrop/svelte-components 2.4.0 → 2.6.1

package/dist/components/pages/performers/ShowItemCard.svelte.d.ts

@@ -3,16 +3,16 @@ type ShowItemCard = SvelteComponent<{
     title: any;
     details: any;
     image: any;
-    id: any;
     status: any;
+    id: any;
     location: any;
+    lastUpdated: any;
+    venueName: any;
     role: any;
+    venueId: any;
     startDateTime: any;
     doorsOpenTime: any;
-    venueName: any;
-    venueId: any;
     spotDuration: any;
-    lastUpdated: any;
     invitationAccepted?: boolean | undefined;
     hasAvailability?: boolean | undefined;
 }, {
@@ -24,16 +24,16 @@ declare const ShowItemCard: $$__sveltets_2_IsomorphicComponent<{
     title: any;
     details: any;
     image: any;
-    id: any;
     status: any;
+    id: any;
     location: any;
+    lastUpdated: any;
+    venueName: any;
     role: any;
+    venueId: any;
     startDateTime: any;
     doorsOpenTime: any;
-    venueName: any;
-    venueId: any;
     spotDuration: any;
-    lastUpdated: any;
     invitationAccepted?: boolean | undefined;
     hasAvailability?: boolean | undefined;
 }, {

package/dist/components/pages/performers/SwitchOption.svelte.d.ts

@@ -1,8 +1,8 @@
 export default SwitchOption;
 type SwitchOption = SvelteComponent<{
     onToggle: any;
-    checked?: boolean | undefined;
     label?: string | undefined;
+    checked?: boolean | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> & {
@@ -10,8 +10,8 @@ type SwitchOption = SvelteComponent<{
 };
 declare const SwitchOption: $$__sveltets_2_IsomorphicComponent<{
     onToggle: any;
-    checked?: boolean | undefined;
     label?: string | undefined;
+    checked?: boolean | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;

package/dist/components/pages/performers/VenueInfo.svelte.d.ts

@@ -1,8 +1,8 @@
 export default VenueInfo;
 type VenueInfo = SvelteComponent<{
     size?: string | undefined;
-    name?: string | undefined;
     image?: string | undefined;
+    name?: string | undefined;
     location?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
@@ -11,8 +11,8 @@ type VenueInfo = SvelteComponent<{
 };
 declare const VenueInfo: $$__sveltets_2_IsomorphicComponent<{
     size?: string | undefined;
-    name?: string | undefined;
     image?: string | undefined;
+    name?: string | undefined;
     location?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;

package/dist/components/pages/performers/VenueItemCard.svelte

@@ -96,7 +96,7 @@
           <DotsHorizontalOutline
             data-testid="dropdown-menu"
             triggeredBy=".more-menu"
-            class="more-menu text-primary-700 dark:text-primary-400 border border-primary-700 dark:border-primary-500 rounded-lg h-auto w-9 px-1.5 hover:bg-primary-50 dark:hover:bg-primary-900/30 cursor-pointer transition-colors"
+            class="more-menu text-primary-700 border border-primary-700 rounded-lg h-auto w-9 px-1.5 hover:bg-primary-50 cursor-pointer transition-colors"
           />
 
           <Dropdown class="shadow-none min-w-[200px]" triggeredBy=".more-menu">
@@ -125,7 +125,7 @@
           <DotsHorizontalOutline
             data-testid="dropdown-menu"
             triggeredBy=".more-menu"
-            class="more-menu text-gray-800 dark:text-gray-200 border border-gray-300 dark:border-gray-600 rounded-lg h-10 w-10 p-2 hover:bg-gray-50 dark:hover:bg-gray-700 cursor-pointer transition-colors"
+            class="more-menu text-gray-800 border border-gray-300 rounded-lg h-10 w-10 p-2 hover:bg-gray-50 cursor-pointer transition-colors"
           />
           <Dropdown
             class="shadow-none min-w-[200px]"

package/dist/components/pages/performers/VenueItemCard.svelte.d.ts

@@ -1,17 +1,17 @@
 export default VenueItemCard;
 type VenueItemCard = SvelteComponent<{
-    name: any;
     image: any;
+    name: any;
     end: any;
     start: any;
     status: any;
     email: any;
     description: any;
     location: any;
+    lastUpdated: any;
     invitationAccepted: any;
     hasAvailability: any;
     venueId: any;
-    lastUpdated: any;
     doorOpen: any;
     phone: any;
     instagram: any;
@@ -27,18 +27,18 @@ type VenueItemCard = SvelteComponent<{
     $$bindings?: string | undefined;
 };
 declare const VenueItemCard: $$__sveltets_2_IsomorphicComponent<{
-    name: any;
     image: any;
+    name: any;
     end: any;
     start: any;
     status: any;
     email: any;
     description: any;
     location: any;
+    lastUpdated: any;
     invitationAccepted: any;
     hasAvailability: any;
     venueId: any;
-    lastUpdated: any;
     doorOpen: any;
     phone: any;
     instagram: any;

package/dist/components/pages/profile/profile-form.svelte

@@ -195,7 +195,7 @@
             label={field.label}
             error={formErrors.extraDetails?.gender}
             required={field.required}
-            placeholder=""
+            placeholder="Select gender"
             on:change={(event) => {
               console.log("Gender selected:", event.detail);
             }}

package/dist/components/pages/shows/TabNavigation.svelte

@@ -37,6 +37,7 @@
     align-items: center;
     justify-content: center;
     border-bottom-width: 1px;
+    border-color: hsl(var(--Stroke-Secondary));
     padding-left: 0px;
     padding-right: 0px;
     padding-top: 1rem;
@@ -44,20 +45,20 @@
     font-size: 0.875rem;
     line-height: 1.25rem;
     font-weight: 500;
+    --tw-text-opacity: 1;
+    color: rgb(102 108 121 / var(--tw-text-opacity, 1))
 }
 @media (min-width: 640px) {
     .tab {
         padding-left: 0.75rem;
-        padding-right: 0.75rem;
+        padding-right: 0.75rem
     }
 }
-  .tab {
-    color: hsl(var(--Text-Tartiary));
-    border-color: hsl(var(--Stroke-Secondary));
-  }
   .tab.active {
+    --tw-border-opacity: 1;
+    border-color: rgb(2 132 254 / var(--tw-border-opacity, 1));
     font-weight: 600;
-    color: hsl(var(--Brand-Primary));
-    border-color: hsl(var(--Brand-Primary));
+    --tw-text-opacity: 1;
+    color: rgb(29 78 216 / var(--tw-text-opacity, 1))
 }
 </style>

package/dist/constants/formOptions.d.ts

@@ -7,13 +7,10 @@
  *   import { GENDER_OPTIONS } from './formOptions';
  *   <Select items={GENDER_OPTIONS} label="Gender" />
  */
-export const GENDER_OPTIONS: ({
+export const GENDER_OPTIONS: {
     name: string;
     value: number;
-} | {
-    name: string;
-    value: null;
-})[];
+}[];
 export const ETHNICITY_OPTIONS: {
     name: string;
     value: number;

package/dist/constants/formOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formOptions.d.ts","sourceRoot":"","sources":["../../src/lib/constants/formOptions.js"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH;;;;;;KAKE;AAEF;;;IAQE"}
+{"version":3,"file":"formOptions.d.ts","sourceRoot":"","sources":["../../src/lib/constants/formOptions.js"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH;;;IAIE;AAEF;;;IAQE"}

package/dist/constants/formOptions.js

@@ -11,8 +11,7 @@
 export const GENDER_OPTIONS = [
   { name: "Male", value: 1 },
   { name: "Female", value: 2 },
-  { name: "Non-binary", value: 3 },
-  { name: "Rather not say", value: null },
+  { name: "Non-Binary", value: 3 },
 ];
 
 export const ETHNICITY_OPTIONS = [

package/dist/index.d.ts

@@ -1,28 +1,19 @@
-export { default as Accordion } from "./components/Accordion/Accordion.svelte";
-export { default as AccordionItem } from "./components/Accordion/AccordionItem.svelte";
 export { default as Alert } from "./components/Alert/Alert.svelte";
 export { default as Badge } from "./components/Badges/Badge.svelte";
 export { default as BottomSheet } from "./components/BottomSheet/BottomSheet.svelte";
 export { default as Breadcrumb } from "./components/Breadcrumb/Breadcrumb.svelte";
 export { default as Button } from "./components/Button/Button.svelte";
-export { default as Checkbox } from "./components/Checkbox/Checkbox.svelte";
 export { default as ButtonSaveDemo } from "./components/Button/ButtonSaveDemo.svelte";
 export { default as Card } from "./components/Card.svelte";
 export { default as DarkModeToggle } from "./components/DarkModeToggle.svelte";
-export { default as Drawer } from "./components/Drawer/Drawer.svelte";
-export { default as Dropdown } from "./components/Dropdown/Dropdown.svelte";
-export { default as DropdownItem } from "./components/Dropdown/DropdownItem.svelte";
 export { default as ErrorDisplay } from "./components/ErrorDisplay.svelte";
 export { default as FormActions } from "./components/FormActions.svelte";
 export { default as FormValidationSummary } from "./components/FormValidationSummary.svelte";
 export { default as PageLoader } from "./components/PageLoader.svelte";
-export { default as Pagination } from "./components/Pagination/Pagination.svelte";
-export { default as Radio } from "./components/Radio/Radio.svelte";
-export { default as Skeleton } from "./components/Skeleton/Skeleton.svelte";
-export { default as Tabs } from "./components/Tabs/Tabs.svelte";
-export { default as TabItem } from "./components/Tabs/TabItem.svelte";
 export { default as Toggle } from "./components/Toggle.svelte";
 export { default as ValidationError } from "./components/ValidationError.svelte";
+export { default as Calendar } from "./components/Calendar/Calendar.svelte";
+export { default as QuarterView } from "./components/Calendar/QuarterView.svelte";
 export { default as CropImage } from "./components/CropImage/CropImage.svelte";
 export { default as Icon } from "./components/Icons/Icon.svelte";
 export { default as ArrowLeft } from "./components/Icons/ArrowLeft.svelte";
@@ -58,29 +49,19 @@ export { default as WarningIcon } from "./components/Icons/WarningIcon.svelte";
 export { default as Input } from "./components/Input/Input.svelte";
 export { default as MultiSelect } from "./components/Input/MultiSelect.svelte";
 export { default as OTPInput } from "./components/Input/OTPInput.svelte";
-export { default as Search } from "./components/Input/Search.svelte";
 export { default as Select } from "./components/Input/Select.svelte";
-export { default as Textarea } from "./components/Input/Textarea.svelte";
-export { default as Label } from "./components/Label/Label.svelte";
+export { Checkbox } from "flowbite-svelte";
 export { default as BottomNav } from "./components/Layout/BottomNav.svelte";
 export { default as Header } from "./components/Layout/Header.svelte";
 export { default as Modal } from "./components/Modal/Modal.svelte";
 export { default as ConfirmationModal } from "./components/Modal/ConfirmationModal.svelte";
-export { default as StatusModal } from "./components/Modal/StatusModal.svelte";
-export { default as InputModal } from "./components/Modal/InputModal.svelte";
 export { default as ModalStateManager } from "./components/Modal/ModalStateManager.svelte";
 export { default as ModalTestWrapper } from "./components/Modal/ModalTestWrapper.svelte";
 export { default as PlaceAutocomplete } from "./components/PlaceAutocomplete/PlaceAutocomplete.svelte";
 export { default as Spinner } from "./components/Spinner/Spinner.svelte";
-export { default as PublicCard } from "./components/PublicCard/PublicCard.svelte";
-export { default as MonthSwitcher } from "./components/MonthSwitcher/MonthSwitcher.svelte";
-export { default as OrderSummary } from "./components/OrderSummary/OrderSummary.svelte";
-export { default as ShowCard } from "./components/ShowCard/ShowCard.svelte";
-export { default as AboutShow } from "./components/AboutShow/AboutShow.svelte";
-export { default as FAQs } from "./components/FAQs/FAQs.svelte";
-export { default as ShowTimeCard } from "./components/ShowTimeCard/ShowTimeCard.svelte";
 export { default as PasswordStrengthIndicator } from "./components/PasswordStrengthIndicator/PasswordStrengthIndicator.svelte";
 export { default as StatusIndicator } from "./components/StatusIndicator/StatusIndicator.svelte";
+export { default as AvailabilityCalendarModal } from "./components/pages/performers/AvailabilityCalendarModal.svelte";
 export { default as ModalShowInfo } from "./components/pages/performers/ModalShowInfo.svelte";
 export { default as PageBackButton } from "./components/pages/performers/PageBackButton.svelte";
 export { default as SectionHeader } from "./components/pages/performers/SectionHeader.svelte";
@@ -98,5 +79,4 @@ export { default as TabNavigation } from "./components/pages/shows/TabNavigation
 export * from "./config.js";
 export * from "./telemetry.js";
 export * from "./constants/formOptions.js";
-export { default as MiniMonthCalendar, default as Calendar } from "./components/Calendar/MiniMonthCalendar.svelte";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,34 +1,22 @@
 // Core Components
-export { default as Accordion } from './components/Accordion/Accordion.svelte';
-export { default as AccordionItem } from './components/Accordion/AccordionItem.svelte';
 export { default as Alert } from './components/Alert/Alert.svelte';
 export { default as Badge } from './components/Badges/Badge.svelte';
 export { default as BottomSheet } from './components/BottomSheet/BottomSheet.svelte';
 export { default as Breadcrumb } from './components/Breadcrumb/Breadcrumb.svelte';
 export { default as Button } from './components/Button/Button.svelte';
-export { default as Checkbox } from './components/Checkbox/Checkbox.svelte';
 export { default as ButtonSaveDemo } from './components/Button/ButtonSaveDemo.svelte';
 export { default as Card } from './components/Card.svelte';
 export { default as DarkModeToggle } from './components/DarkModeToggle.svelte';
-export { default as Drawer } from './components/Drawer/Drawer.svelte';
-export { default as Dropdown } from './components/Dropdown/Dropdown.svelte';
-export { default as DropdownItem } from './components/Dropdown/DropdownItem.svelte';
 export { default as ErrorDisplay } from './components/ErrorDisplay.svelte';
 export { default as FormActions } from './components/FormActions.svelte';
 export { default as FormValidationSummary } from './components/FormValidationSummary.svelte';
 export { default as PageLoader } from './components/PageLoader.svelte';
-export { default as Pagination } from './components/Pagination/Pagination.svelte';
-export { default as Radio } from './components/Radio/Radio.svelte';
-export { default as Skeleton } from './components/Skeleton/Skeleton.svelte';
-export { default as Tabs } from './components/Tabs/Tabs.svelte';
-export { default as TabItem } from './components/Tabs/TabItem.svelte';
 export { default as Toggle } from './components/Toggle.svelte';
 export { default as ValidationError } from './components/ValidationError.svelte';
 
 // Calendar Components
-export { default as MiniMonthCalendar } from './components/Calendar/MiniMonthCalendar.svelte';
-// Legacy alias for backward compatibility - will be removed in future version
-export { default as Calendar } from './components/Calendar/MiniMonthCalendar.svelte';
+export { default as Calendar } from './components/Calendar/Calendar.svelte';
+export { default as QuarterView } from './components/Calendar/QuarterView.svelte';
 
 // CropImage
 export { default as CropImage } from './components/CropImage/CropImage.svelte';
@@ -70,12 +58,8 @@ export { default as WarningIcon } from './components/Icons/WarningIcon.svelte';
 export { default as Input } from './components/Input/Input.svelte';
 export { default as MultiSelect } from './components/Input/MultiSelect.svelte';
 export { default as OTPInput } from './components/Input/OTPInput.svelte';
-export { default as Search } from './components/Input/Search.svelte';
 export { default as Select } from './components/Input/Select.svelte';
-export { default as Textarea } from './components/Input/Textarea.svelte';
-
-// Label Component
-export { default as Label } from './components/Label/Label.svelte';
+export { Checkbox } from 'flowbite-svelte';
 
 // Layout Components
 export { default as BottomNav } from './components/Layout/BottomNav.svelte';
@@ -84,8 +68,6 @@ export { default as Header } from './components/Layout/Header.svelte';
 // Modal Components
 export { default as Modal } from './components/Modal/Modal.svelte';
 export { default as ConfirmationModal } from './components/Modal/ConfirmationModal.svelte';
-export { default as StatusModal } from './components/Modal/StatusModal.svelte';
-export { default as InputModal } from './components/Modal/InputModal.svelte';
 export { default as ModalStateManager } from './components/Modal/ModalStateManager.svelte';
 export { default as ModalTestWrapper } from './components/Modal/ModalTestWrapper.svelte';
 
@@ -95,15 +77,6 @@ export { default as PlaceAutocomplete } from './components/PlaceAutocomplete/Pla
 // Spinner
 export { default as Spinner } from './components/Spinner/Spinner.svelte';
 
-// Public Calendar Components (shared between venue-calendar and micdrop-frontend)
-export { default as PublicCard } from './components/PublicCard/PublicCard.svelte';
-export { default as MonthSwitcher } from './components/MonthSwitcher/MonthSwitcher.svelte';
-export { default as OrderSummary } from './components/OrderSummary/OrderSummary.svelte';
-export { default as ShowCard } from './components/ShowCard/ShowCard.svelte';
-export { default as AboutShow } from './components/AboutShow/AboutShow.svelte';
-export { default as FAQs } from './components/FAQs/FAQs.svelte';
-export { default as ShowTimeCard } from './components/ShowTimeCard/ShowTimeCard.svelte';
-
 // Password Strength Indicator
 export { default as PasswordStrengthIndicator } from './components/PasswordStrengthIndicator/PasswordStrengthIndicator.svelte';
 
@@ -111,6 +84,7 @@ export { default as PasswordStrengthIndicator } from './components/PasswordStren
 export { default as StatusIndicator } from './components/StatusIndicator/StatusIndicator.svelte';
 
 // Page-specific Components - Performers
+export { default as AvailabilityCalendarModal } from './components/pages/performers/AvailabilityCalendarModal.svelte';
 export { default as ModalShowInfo } from './components/pages/performers/ModalShowInfo.svelte';
 export { default as PageBackButton } from './components/pages/performers/PageBackButton.svelte';
 export { default as SectionHeader } from './components/pages/performers/SectionHeader.svelte';

package/dist/services/EventService.js

@@ -1,75 +1,75 @@
-import { addDays, startOfWeek } from "date-fns";
-
-let mockEvents = [];
-
-export async function fetchEventsFromAPI() {
-  try {
-    const response = await fetch("https://get-micdrop.com/api/public/getEventsForVenue");
-    if (response.ok) {
-      const events = await response.json();
-      return events.map((event) => ({
-        id: event.ID,
-        date: event.startDateTime,
-        title: event.title,
-      }));
-    } else {
-      console.error("Failed to load events:", response.status);
-      return [];
-    }
-  } catch (error) {
-    console.error("Error fetching events:", error);
-    return [];
-  }
-}
-
-export async function fetchEventsForMonth(year, month) {
-  mockEvents = await fetchEventsFromAPI();
-
-  return new Promise((resolve) => {
-    setTimeout(() => {
-      resolve(
-        mockEvents.filter((event) =>
-          event.date.startsWith(`${year}-${String(month).padStart(2, "0")}`)
-        )
-      );
-    }, 500);
-  });
-}
-
-export async function fetchEventsForWeek(date) {
-  mockEvents = await fetchEventsFromAPI();
-
-  const startOfWeekDate = startOfWeek(date, { weekStartsOn: 1 });
-  const endOfWeekDate = addDays(startOfWeekDate, 6);
-
-  return new Promise((resolve) => {
-    setTimeout(() => {
-      const filteredEvents = mockEvents.filter((event) => {
-        const eventDate = new Date(event.date).getTime();
-        return (
-          eventDate >= startOfWeekDate.getTime() &&
-          eventDate <= endOfWeekDate.getTime()
-        );
-      });
-      resolve(filteredEvents);
-    }, 500);
-  });
-}
-
-export async function fetchEventsForDay(date) {
-  mockEvents = await fetchEventsFromAPI();
-
-  return new Promise((resolve) => {
-    setTimeout(() => {
-      const filteredEvents = mockEvents.filter((event) => {
-        const eventDate = new Date(event.date);
-        return (
-          eventDate.getUTCDate() === date.getUTCDate() &&
-          eventDate.getUTCMonth() === date.getUTCMonth() &&
-          eventDate.getUTCFullYear() === date.getUTCFullYear()
-        );
-      });
-      resolve(filteredEvents);
-    }, 500);
-  });
-}
+import { addDays, startOfWeek } from "date-fns";
+
+let mockEvents = [];
+
+export async function fetchEventsFromAPI() {
+  try {
+    const response = await fetch("https://get-micdrop.com/api/public/getEventsForVenue");
+    if (response.ok) {
+      const events = await response.json();
+      return events.map((event) => ({
+        id: event.ID,
+        date: event.startDateTime,
+        title: event.title,
+      }));
+    } else {
+      console.error("Failed to load events:", response.status);
+      return [];
+    }
+  } catch (error) {
+    console.error("Error fetching events:", error);
+    return [];
+  }
+}
+
+export async function fetchEventsForMonth(year, month) {
+  mockEvents = await fetchEventsFromAPI();
+
+  return new Promise((resolve) => {
+    setTimeout(() => {
+      resolve(
+        mockEvents.filter((event) =>
+          event.date.startsWith(`${year}-${String(month).padStart(2, "0")}`)
+        )
+      );
+    }, 500);
+  });
+}
+
+export async function fetchEventsForWeek(date) {
+  mockEvents = await fetchEventsFromAPI();
+
+  const startOfWeekDate = startOfWeek(date, { weekStartsOn: 1 });
+  const endOfWeekDate = addDays(startOfWeekDate, 6);
+
+  return new Promise((resolve) => {
+    setTimeout(() => {
+      const filteredEvents = mockEvents.filter((event) => {
+        const eventDate = new Date(event.date).getTime();
+        return (
+          eventDate >= startOfWeekDate.getTime() &&
+          eventDate <= endOfWeekDate.getTime()
+        );
+      });
+      resolve(filteredEvents);
+    }, 500);
+  });
+}
+
+export async function fetchEventsForDay(date) {
+  mockEvents = await fetchEventsFromAPI();
+
+  return new Promise((resolve) => {
+    setTimeout(() => {
+      const filteredEvents = mockEvents.filter((event) => {
+        const eventDate = new Date(event.date);
+        return (
+          eventDate.getUTCDate() === date.getUTCDate() &&
+          eventDate.getUTCMonth() === date.getUTCMonth() &&
+          eventDate.getUTCFullYear() === date.getUTCFullYear()
+        );
+      });
+      resolve(filteredEvents);
+    }, 500);
+  });
+}