@getmicdrop/svelte-components 1.0.2 → 1.0.4

package/dist/components/pages/performers/SectionHeader.stories.svelte

@@ -0,0 +1,100 @@
+<script context="module">
+  import { Story, Template } from "@storybook/addon-svelte-csf";
+  import SectionHeader from "./SectionHeader.svelte";
+
+  export const meta = {
+    title: "Pages/Performers/SectionHeader",
+    component: SectionHeader,
+    argTypes: {
+      title: { control: "text" },
+      description: { control: "text" },
+    },
+  };
+</script>
+
+<Template let:args>
+  <SectionHeader {...args} />
+</Template>
+
+<Story
+  name="Upcoming Shows"
+  args={{
+    title: "Upcoming Shows",
+    description: "View and manage your confirmed bookings",
+  }}
+/>
+
+<Story
+  name="Payment Methods"
+  args={{
+    title: "Payment Methods",
+    description: "Manage how you receive payments from venues",
+  }}
+/>
+
+<Story
+  name="Availability Settings"
+  args={{
+    title: "Availability Settings",
+    description: "Set your availability for different venues and time slots",
+  }}
+/>
+
+<Story
+  name="Profile Information"
+  args={{
+    title: "Profile Information",
+    description: "Update your performer profile and contact details",
+  }}
+/>
+
+<Story
+  name="Venue Roster"
+  args={{
+    title: "My Venue Roster",
+    description: "Venues you're connected with and available to perform at",
+  }}
+/>
+
+<Story
+  name="Show Invitations"
+  args={{
+    title: "Show Invitations",
+    description: "Review and respond to booking requests from venues",
+  }}
+/>
+
+<Story
+  name="Performance History"
+  args={{
+    title: "Performance History",
+    description: "Track your past shows and performance statistics",
+  }}
+/>
+
+<Story name="In Context">
+  <div class="max-w-4xl p-6">
+    <SectionHeader
+      title="Account Settings"
+      description="Manage your account preferences and security settings"
+    />
+    <div class="mt-6 space-y-4">
+      <div class="p-4 bg-gray-50 rounded-lg">
+        <p class="text-sm text-Text-Primary">Setting option 1</p>
+      </div>
+      <div class="p-4 bg-gray-50 rounded-lg">
+        <p class="text-sm text-Text-Primary">Setting option 2</p>
+      </div>
+      <div class="p-4 bg-gray-50 rounded-lg">
+        <p class="text-sm text-Text-Primary">Setting option 3</p>
+      </div>
+    </div>
+  </div>
+</Story>
+
+<Story name="Long Description">
+  <SectionHeader
+    title="Data and Privacy"
+    description="Control how your personal information is used and shared across the platform. Review your data privacy settings and manage your consent preferences for communications and data processing."
+  />
+</Story>

package/dist/components/pages/performers/SectionHeader.stories.svelte.d.ts

@@ -0,0 +1,41 @@
+export namespace meta {
+    export let title: string;
+    export { SectionHeader as component };
+    export namespace argTypes {
+        export namespace title_1 {
+            let control: string;
+        }
+        export { title_1 as title };
+        export namespace description {
+            let control_1: string;
+            export { control_1 as control };
+        }
+    }
+}
+/** @typedef {typeof __propDef.props}  SectionHeaderProps */
+/** @typedef {typeof __propDef.events}  SectionHeaderEvents */
+/** @typedef {typeof __propDef.slots}  SectionHeaderSlots */
+export default class SectionHeader extends SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type SectionHeaderProps = typeof __propDef.props;
+export type SectionHeaderEvents = typeof __propDef.events;
+export type SectionHeaderSlots = typeof __propDef.slots;
+import SectionHeader from "./SectionHeader.svelte";
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: undefined;
+    bindings?: undefined;
+};
+export {};
+//# sourceMappingURL=SectionHeader.stories.svelte.d.ts.map

package/dist/components/pages/performers/SectionHeader.stories.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeader.stories.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/pages/performers/SectionHeader.stories.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;AA+EA,4DAA4D;AAC5D,8DAA8D;AAC9D,4DAA4D;AAE5D;;;;;CACC;iCALa,OAAO,SAAS,CAAC,KAAK;kCACtB,OAAO,SAAS,CAAC,MAAM;iCACvB,OAAO,SAAS,CAAC,KAAK;0BA7ER,wBAAwB;gCAJpB,QAAQ;AA8ExC;;;;;;;;;;EAAgF"}

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

@@ -0,0 +1,9 @@
+<script>
+  export let title = "";
+  export let description = "";
+</script>
+
+<h3 class="font-semibold text-Text-Primary text-xl">{title}</h3>
+{#if description}
+  <p class="text-sm text-Text-Tartiary">{description}</p>
+{/if}

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

@@ -0,0 +1,28 @@
+/** @typedef {typeof __propDef.props}  SectionHeaderProps */
+/** @typedef {typeof __propDef.events}  SectionHeaderEvents */
+/** @typedef {typeof __propDef.slots}  SectionHeaderSlots */
+export default class SectionHeader extends SvelteComponent<{
+    title?: string | undefined;
+    description?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type SectionHeaderProps = typeof __propDef.props;
+export type SectionHeaderEvents = typeof __propDef.events;
+export type SectionHeaderSlots = typeof __propDef.slots;
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        title?: string | undefined;
+        description?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: undefined;
+    bindings?: undefined;
+};
+export {};
+//# sourceMappingURL=SectionHeader.svelte.d.ts.map

package/dist/components/pages/performers/SectionHeader.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeader.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/pages/performers/SectionHeader.svelte.js"],"names":[],"mappings":"AAgBA,4DAA4D;AAC5D,8DAA8D;AAC9D,4DAA4D;AAE5D;;;;;;CACC;iCALa,OAAO,SAAS,CAAC,KAAK;kCACtB,OAAO,SAAS,CAAC,MAAM;iCACvB,OAAO,SAAS,CAAC,KAAK;gCAlBJ,QAAQ;AAexC;;;;;;;;;;;EAAyG"}

package/dist/components/pages/performers/ShowDetails.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ShowDetails.spec.d.ts.map

package/dist/components/pages/performers/ShowDetails.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowDetails.spec.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/pages/performers/ShowDetails.spec.js"],"names":[],"mappings":""}

package/dist/components/pages/performers/ShowDetails.spec.js

@@ -0,0 +1,166 @@
+import { describe, it, expect, vi } from 'vitest';
+import { render, screen, fireEvent } from '@testing-library/svelte';
+import ShowDetails from './ShowDetails.svelte';
+
+describe('ShowDetails', () => {
+  const defaultProps = {
+    status: 'upcoming',
+    showFullDate: 'January 15, 2024',
+    formattedDoorsOpenTime: '6:00 PM',
+    formattedStartTime: '7:00 PM',
+    venue: { name: 'Test Venue' },
+    stageName: 'Main Stage',
+    setLength: '15 min',
+    eventDetails: 'Please arrive early',
+    role: 'performer',
+    onToggleModal: vi.fn(),
+  };
+
+  describe('rendering', () => {
+    it('renders showtime section', () => {
+      render(ShowDetails, { props: defaultProps });
+      expect(screen.getByText('Showtime')).toBeInTheDocument();
+    });
+
+    it('displays doors open time', () => {
+      render(ShowDetails, { props: defaultProps });
+      expect(screen.getByText('Doors: 6:00 PM')).toBeInTheDocument();
+    });
+
+    it('displays show start time', () => {
+      render(ShowDetails, { props: defaultProps });
+      expect(screen.getByText('Show: 7:00 PM')).toBeInTheDocument();
+    });
+
+    it('renders stage section', () => {
+      render(ShowDetails, { props: defaultProps });
+      expect(screen.getByText('Stage')).toBeInTheDocument();
+    });
+
+    it('displays stage name', () => {
+      render(ShowDetails, { props: defaultProps });
+      expect(screen.getByText('Main Stage')).toBeInTheDocument();
+    });
+
+    it('displays default stage name when none provided', () => {
+      render(ShowDetails, {
+        props: { ...defaultProps, stageName: '' },
+      });
+      expect(screen.getByText('Main Stage')).toBeInTheDocument();
+    });
+  });
+
+  describe('set length', () => {
+    it('displays set length when provided', () => {
+      render(ShowDetails, { props: defaultProps });
+      expect(screen.getByText('Set length')).toBeInTheDocument();
+      expect(screen.getByText('15 min')).toBeInTheDocument();
+    });
+
+    it('does not show set length section when length is 0', () => {
+      render(ShowDetails, {
+        props: { ...defaultProps, setLength: '0 min' },
+      });
+      expect(screen.queryByText('Set length')).toBeNull();
+    });
+
+    it('does not show set length section when not provided', () => {
+      render(ShowDetails, {
+        props: { ...defaultProps, setLength: null },
+      });
+      expect(screen.queryByText('Set length')).toBeNull();
+    });
+  });
+
+  describe('host role', () => {
+    it('shows hosting spot badge for host role', () => {
+      render(ShowDetails, {
+        props: { ...defaultProps, role: 'Host' },
+      });
+      expect(screen.getByText('Hosting spot')).toBeInTheDocument();
+    });
+
+    it('shows hosting spot badge for lowercase host', () => {
+      render(ShowDetails, {
+        props: { ...defaultProps, role: 'host' },
+      });
+      expect(screen.getByText('Hosting spot')).toBeInTheDocument();
+    });
+
+    it('does not show hosting badge for performer role', () => {
+      render(ShowDetails, {
+        props: { ...defaultProps, role: 'performer' },
+      });
+      expect(screen.queryByText('Hosting spot')).toBeNull();
+    });
+  });
+
+  describe('event details', () => {
+    it('displays event details when provided', () => {
+      render(ShowDetails, { props: defaultProps });
+      expect(screen.getByText('Note from venue')).toBeInTheDocument();
+      expect(screen.getByText('Please arrive early')).toBeInTheDocument();
+    });
+
+    it('does not show event details when empty', () => {
+      render(ShowDetails, {
+        props: { ...defaultProps, eventDetails: '' },
+      });
+      expect(screen.queryByText('Note from venue')).toBeNull();
+    });
+
+    it('does not show default no details message', () => {
+      render(ShowDetails, {
+        props: { ...defaultProps, eventDetails: 'No additional details available.' },
+      });
+      expect(screen.queryByText('Note from venue')).toBeNull();
+    });
+  });
+
+  describe('cancel booking button', () => {
+    it('shows cancel button for upcoming shows', () => {
+      render(ShowDetails, { props: defaultProps });
+      expect(screen.getByText('Cancel booking')).toBeInTheDocument();
+    });
+
+    it('does not show cancel button for past shows', () => {
+      render(ShowDetails, {
+        props: { ...defaultProps, status: 'past' },
+      });
+      expect(screen.queryByText('Cancel booking')).toBeNull();
+    });
+
+    it('calls onToggleModal when cancel is clicked', async () => {
+      const onToggleModal = vi.fn();
+      render(ShowDetails, {
+        props: { ...defaultProps, onToggleModal },
+      });
+
+      await fireEvent.click(screen.getByText('Cancel booking'));
+      expect(onToggleModal).toHaveBeenCalledWith('cancelation', true);
+    });
+  });
+
+  describe('grid layout', () => {
+    it('shows bottom row when has set length', () => {
+      const { container } = render(ShowDetails, { props: defaultProps });
+      // Grid has: Showtime, Stage, Set length sections + event details section
+      expect(container.querySelectorAll('.bg-bg-tertiary').length).toBeGreaterThan(2);
+    });
+
+    it('shows bottom row when is host', () => {
+      render(ShowDetails, {
+        props: { ...defaultProps, setLength: '0 min', role: 'Host' },
+      });
+      expect(screen.getByText('Hosting spot')).toBeInTheDocument();
+    });
+
+    it('hides bottom row when no set length and not host', () => {
+      const { container } = render(ShowDetails, {
+        props: { ...defaultProps, setLength: '0 min', role: 'performer', eventDetails: '' },
+      });
+      // Only 2 sections in top row: Showtime and Stage (no event details or set length)
+      expect(container.querySelectorAll('.bg-bg-tertiary').length).toBe(2);
+    });
+  });
+});

package/dist/components/pages/performers/ShowDetails.stories.svelte

@@ -0,0 +1,140 @@
+<script context="module">
+  import { Story, Template } from "@storybook/addon-svelte-csf";
+  import ShowDetails from "./ShowDetails.svelte";
+
+  export const meta = {
+    title: "Pages/Performers/ShowDetails",
+    component: ShowDetails,
+    argTypes: {
+      status: {
+        control: "select",
+        options: ["upcoming", "past", "declined"]
+      },
+    },
+  };
+
+  const handleToggleModal = (modalType, show) => {
+    console.log(`Modal ${modalType} toggled: ${show}`);
+  };
+</script>
+
+<Template let:args>
+  <div class="max-w-2xl">
+    <ShowDetails {...args} />
+  </div>
+</Template>
+
+<Story
+  name="Upcoming Show"
+  args={{
+    status: "upcoming",
+    showFullDate: "Friday, March 15, 2025",
+    formattedDoorsOpenTime: "7:00 PM",
+    formattedStartTime: "8:00 PM",
+    venue: "The Comedy Store",
+    setLength: "15 min",
+    eventDetails: "Friday Night Showcase featuring local and touring comedians. This is a high-energy show with a packed house. Please arrive 30 minutes before doors open for sound check."
+  }}
+/>
+
+<Story
+  name="Past Show"
+  args={{
+    status: "past",
+    showFullDate: "Tuesday, January 10, 2025",
+    formattedDoorsOpenTime: "6:30 PM",
+    formattedStartTime: "7:30 PM",
+    venue: "Laugh Factory Hollywood",
+    setLength: "20 min",
+    eventDetails: "Tuesday night amateur hour. Great crowd and awesome energy. Thanks for being part of this show!"
+  }}
+/>
+
+<Story
+  name="Show Without Set Length"
+  args={{
+    status: "upcoming",
+    showFullDate: "Saturday, March 22, 2025",
+    formattedDoorsOpenTime: "8:00 PM",
+    formattedStartTime: "9:00 PM",
+    venue: "Comedy Works",
+    setLength: "0 min",
+    eventDetails: "Saturday Night Headliner Show. Set length to be determined based on lineup. Please check with venue manager upon arrival."
+  }}
+/>
+
+<Story
+  name="Special Event Show"
+  args={{
+    status: "upcoming",
+    showFullDate: "Friday, April 5, 2025",
+    formattedDoorsOpenTime: "6:00 PM",
+    formattedStartTime: "7:00 PM",
+    venue: "Blue Moon Comedy Club",
+    setLength: "30 min",
+    eventDetails: "Spring Comedy Festival - Main Stage Performance. This is a ticketed event with full production including lights and sound. Professional videographer will be recording all sets. Dress code: Smart casual or stage attire. Green room available from 5:30 PM."
+  }}
+/>
+
+<Story name="Show Details Grid">
+  <div class="max-w-4xl space-y-6">
+    <div>
+      <h3 class="text-lg font-semibold mb-3">Comedy Night at The Improv</h3>
+      <ShowDetails
+        status="upcoming"
+        showFullDate="Wednesday, March 20, 2025"
+        formattedDoorsOpenTime="7:30 PM"
+        formattedStartTime="8:30 PM"
+        venue="The Improv"
+        setLength="12 min"
+        eventDetails="Mid-week showcase with feature and headliner spots available."
+      />
+    </div>
+  </div>
+</Story>
+
+<Story name="Show with Long Details">
+  <div class="max-w-2xl">
+    <ShowDetails
+      status="upcoming"
+      showFullDate="Sunday, March 31, 2025"
+      formattedDoorsOpenTime="5:00 PM"
+      formattedStartTime="6:00 PM"
+      venue="Downtown Comedy Theatre"
+      setLength="25 min"
+      eventDetails="Annual Comedy Benefit Show supporting local charities. This is a formal event with red carpet arrival. Media will be present for interviews. Please prepare clean material suitable for all ages. VIP meet and greet following the show. Complimentary dinner provided for all performers. Parking validation available at venue entrance. Please bring ID for backstage access."
+      onToggleModal={handleToggleModal}
+    />
+  </div>
+</Story>
+
+<Story name="Multiple Show Cards">
+  <div class="max-w-2xl space-y-6">
+    <div class="p-4 bg-white border rounded-lg">
+      <h4 class="font-semibold mb-3">Thursday Open Mic</h4>
+      <ShowDetails
+        status="past"
+        showFullDate="Thursday, February 15, 2025"
+        formattedDoorsOpenTime="7:00 PM"
+        formattedStartTime="8:00 PM"
+        venue="Local Comedy Spot"
+        setLength="5 min"
+        eventDetails="Open mic night for new material. Casual atmosphere."
+        onToggleModal={handleToggleModal}
+      />
+    </div>
+    <div class="p-4 bg-white border rounded-lg">
+      <h4 class="font-semibold mb-3">Weekend Showcase</h4>
+      <ShowDetails
+        status="upcoming"
+        showFullDate="Saturday, March 16, 2025"
+        formattedDoorsOpenTime="8:00 PM"
+        formattedStartTime="9:00 PM"
+        venue="Comedy Cellar"
+        setLength="20 min"
+        eventDetails="Weekend prime time show with full house expected."
+        onToggleModal={handleToggleModal}
+      />
+    </div>
+  </div>
+</Story>

package/dist/components/pages/performers/ShowDetails.stories.svelte.d.ts

@@ -0,0 +1,37 @@
+export namespace meta {
+    export let title: string;
+    export { ShowDetails as component };
+    export namespace argTypes {
+        namespace status {
+            let control: string;
+            let options: string[];
+        }
+    }
+}
+/** @typedef {typeof __propDef.props}  ShowDetailsProps */
+/** @typedef {typeof __propDef.events}  ShowDetailsEvents */
+/** @typedef {typeof __propDef.slots}  ShowDetailsSlots */
+export default class ShowDetails extends SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type ShowDetailsProps = typeof __propDef.props;
+export type ShowDetailsEvents = typeof __propDef.events;
+export type ShowDetailsSlots = typeof __propDef.slots;
+import ShowDetails from "./ShowDetails.svelte";
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: undefined;
+    bindings?: undefined;
+};
+export {};
+//# sourceMappingURL=ShowDetails.stories.svelte.d.ts.map

package/dist/components/pages/performers/ShowDetails.stories.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowDetails.stories.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/pages/performers/ShowDetails.stories.svelte.js"],"names":[],"mappings":";;;;;;;;;;AAmGA,0DAA0D;AAC1D,4DAA4D;AAC5D,0DAA0D;AAE1D;;;;;CACC;+BALa,OAAO,SAAS,CAAC,KAAK;gCACtB,OAAO,SAAS,CAAC,MAAM;+BACvB,OAAO,SAAS,CAAC,KAAK;wBAjGV,sBAAsB;gCAJhB,QAAQ;AAkGxC;;;;;;;;;;EAAgF"}

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

@@ -0,0 +1,73 @@
+<script>
+  import Button from "../../Button/Button.svelte";
+  import Icon from "../../Icons/Icon.svelte";
+
+  export let status;
+  export let showFullDate;
+  export let formattedDoorsOpenTime;
+  export let formattedStartTime;
+  export let venue;
+  export let stageName = "";
+  export let setLength;
+  export let eventDetails;
+  export let role = "";
+  export let onToggleModal;
+
+  $: isHost = role?.toLowerCase() === "host";
+  $: hasSetLength = setLength && setLength !== "0 min";
+  $: showBottomRow = hasSetLength || isHost;
+</script>
+
+<div>
+  <div class="grid grid-cols-2 gap-4">
+    <!-- Top left: Showtime -->
+    <div class="bg-bg-tertiary rounded-lg p-3 text-sm text-text-primary min-h-[80px]">
+      <h3 class="text-text-tartiary font-medium">Showtime</h3>
+      <p>Doors: {formattedDoorsOpenTime}</p>
+      <p>Show: {formattedStartTime}</p>
+    </div>
+    <!-- Top right: Stage -->
+    <div class="bg-bg-tertiary rounded-lg p-3 text-sm text-text-primary min-h-[80px]">
+      <h3 class="text-text-tartiary font-medium">Stage</h3>
+      <p>{stageName || "Main Stage"}</p>
+    </div>
+    <!-- Bottom row: Only show if there's set length or host role -->
+    {#if showBottomRow}
+      <!-- Bottom left: Set length (or invisible spacer when no set length but isHost) -->
+      {#if hasSetLength}
+        <div class="bg-bg-tertiary rounded-lg p-3 text-sm text-text-primary min-h-[80px]">
+          <h3 class="text-text-tartiary font-medium">Set length</h3>
+          <p>{setLength}</p>
+        </div>
+      {:else}
+        <!-- Invisible spacer to maintain 2x2 grid layout when only hosting -->
+        <div class="min-h-[80px]"></div>
+      {/if}
+      <!-- Bottom right: Host notice -->
+      {#if isHost}
+        <div class="bg-primary-50 rounded-lg p-3 text-sm text-primary-700 font-medium min-h-[80px]">
+          Hosting spot
+        </div>
+      {/if}
+    {/if}
+  </div>
+
+  {#if eventDetails && eventDetails !== "No additional details available."}
+    <div class="bg-bg-tertiary rounded-lg p-3 text-sm text-text-primary mt-4">
+      <h3 class="text-text-tertiary font-medium">Note from venue</h3>
+      <p>{eventDetails}</p>
+    </div>
+  {/if}
+
+  {#if status === "upcoming"}
+    <div class="mt-4">
+      <Button
+        variant="red-solid"
+        size="full"
+        on:click={() => onToggleModal("cancelation", true)}
+      >
+        <Icon name="ErrorCircle" size={16} /> Cancel booking
+      </Button>
+    </div>
+  {/if}
+</div>

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

@@ -0,0 +1,44 @@
+/** @typedef {typeof __propDef.props}  ShowDetailsProps */
+/** @typedef {typeof __propDef.events}  ShowDetailsEvents */
+/** @typedef {typeof __propDef.slots}  ShowDetailsSlots */
+export default class ShowDetails extends SvelteComponent<{
+    status: any;
+    venue: any;
+    formattedStartTime: any;
+    showFullDate: any;
+    formattedDoorsOpenTime: any;
+    setLength: any;
+    eventDetails: any;
+    onToggleModal: any;
+    stageName?: string | undefined;
+    role?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type ShowDetailsProps = typeof __propDef.props;
+export type ShowDetailsEvents = typeof __propDef.events;
+export type ShowDetailsSlots = typeof __propDef.slots;
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        status: any;
+        venue: any;
+        formattedStartTime: any;
+        showFullDate: any;
+        formattedDoorsOpenTime: any;
+        setLength: any;
+        eventDetails: any;
+        onToggleModal: any;
+        stageName?: string | undefined;
+        role?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: undefined;
+    bindings?: undefined;
+};
+export {};
+//# sourceMappingURL=ShowDetails.svelte.d.ts.map

package/dist/components/pages/performers/ShowDetails.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowDetails.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/pages/performers/ShowDetails.svelte.js"],"names":[],"mappings":"AA+EA,0DAA0D;AAC1D,4DAA4D;AAC5D,0DAA0D;AAE1D;;;;;;;;;;;;;;CACC;+BALa,OAAO,SAAS,CAAC,KAAK;gCACtB,OAAO,SAAS,CAAC,MAAM;+BACvB,OAAO,SAAS,CAAC,KAAK;gCAjFJ,QAAQ;AA8ExC;;;;;;;;;;;;;;;;;;;EAAsG"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ShowItemCard.spec.d.ts.map

package/dist/components/pages/performers/ShowItemCard.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowItemCard.spec.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/pages/performers/ShowItemCard.spec.js"],"names":[],"mappings":""}