@getmicdrop/svelte-components 2.6.4 → 2.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (165) hide show
  1. package/dist/__LIB_STORES__.js +30 -2
  2. package/dist/components/AboutShow/AboutShow.svelte +278 -0
  3. package/dist/components/AboutShow/AboutShow.svelte.d.ts +43 -0
  4. package/dist/components/AboutShow/AboutShow.svelte.d.ts.map +1 -0
  5. package/dist/components/Accordion/Accordion.svelte +44 -0
  6. package/dist/components/Accordion/Accordion.svelte.d.ts +42 -0
  7. package/dist/components/Accordion/Accordion.svelte.d.ts.map +1 -0
  8. package/dist/components/Accordion/AccordionItem.svelte +141 -0
  9. package/dist/components/Accordion/AccordionItem.svelte.d.ts +50 -0
  10. package/dist/components/Accordion/AccordionItem.svelte.d.ts.map +1 -0
  11. package/dist/components/Badges/Badge.svelte +268 -17
  12. package/dist/components/Badges/Badge.svelte.d.ts +18 -2
  13. package/dist/components/Badges/Badge.svelte.d.ts.map +1 -1
  14. package/dist/components/Breadcrumb/Breadcrumb.svelte +65 -36
  15. package/dist/components/Breadcrumb/Breadcrumb.svelte.d.ts +16 -2
  16. package/dist/components/Breadcrumb/Breadcrumb.svelte.d.ts.map +1 -1
  17. package/dist/components/Button/Button.svelte +136 -3
  18. package/dist/components/Button/Button.svelte.d.ts +2 -0
  19. package/dist/components/Button/Button.svelte.d.ts.map +1 -1
  20. package/dist/components/Calendar/MiniMonthCalendar.svelte +1446 -0
  21. package/dist/components/Calendar/{Calendar.svelte.d.ts → MiniMonthCalendar.svelte.d.ts} +20 -21
  22. package/dist/components/Calendar/MiniMonthCalendar.svelte.d.ts.map +1 -0
  23. package/dist/components/Card.svelte +2 -2
  24. package/dist/components/Card.svelte.d.ts +2 -2
  25. package/dist/components/Card.svelte.d.ts.map +1 -1
  26. package/dist/components/Checkbox/Checkbox.svelte +90 -0
  27. package/dist/components/Checkbox/Checkbox.svelte.d.ts +64 -0
  28. package/dist/components/Checkbox/Checkbox.svelte.d.ts.map +1 -0
  29. package/dist/components/DarkModeToggle.svelte +41 -52
  30. package/dist/components/DarkModeToggle.svelte.d.ts +0 -2
  31. package/dist/components/DarkModeToggle.svelte.d.ts.map +1 -1
  32. package/dist/components/Drawer/Drawer.svelte +207 -0
  33. package/dist/components/Drawer/Drawer.svelte.d.ts +74 -0
  34. package/dist/components/Drawer/Drawer.svelte.d.ts.map +1 -0
  35. package/dist/components/Dropdown/Dropdown.svelte +193 -0
  36. package/dist/components/Dropdown/Dropdown.svelte.d.ts +50 -0
  37. package/dist/components/Dropdown/Dropdown.svelte.d.ts.map +1 -0
  38. package/dist/components/Dropdown/DropdownItem.svelte +111 -0
  39. package/dist/components/Dropdown/DropdownItem.svelte.d.ts +48 -0
  40. package/dist/components/Dropdown/DropdownItem.svelte.d.ts.map +1 -0
  41. package/dist/components/Dropdown/SelectDropdown.svelte +301 -0
  42. package/dist/components/Dropdown/SelectDropdown.svelte.d.ts +51 -0
  43. package/dist/components/Dropdown/SelectDropdown.svelte.d.ts.map +1 -0
  44. package/dist/components/EmptyState/EmptyState.svelte +80 -0
  45. package/dist/components/{Calendar/QuarterView.stories.svelte.d.ts → EmptyState/EmptyState.svelte.d.ts} +17 -21
  46. package/dist/components/EmptyState/EmptyState.svelte.d.ts.map +1 -0
  47. package/dist/components/ErrorDisplay.svelte.d.ts +2 -2
  48. package/dist/components/FAQs/FAQs.svelte +49 -0
  49. package/dist/components/{Calendar/QuarterView.svelte.d.ts → FAQs/FAQs.svelte.d.ts} +10 -10
  50. package/dist/components/FAQs/FAQs.svelte.d.ts.map +1 -0
  51. package/dist/components/Input/Input.svelte +107 -12
  52. package/dist/components/Input/Input.svelte.d.ts +28 -12
  53. package/dist/components/Input/Input.svelte.d.ts.map +1 -1
  54. package/dist/components/Input/MultiSelect.svelte +4 -5
  55. package/dist/components/Input/MultiSelect.svelte.d.ts +8 -8
  56. package/dist/components/Input/MultiSelect.svelte.d.ts.map +1 -1
  57. package/dist/components/Input/OTPInput.svelte +1 -1
  58. package/dist/components/Input/Search.svelte +173 -0
  59. package/dist/components/Input/Search.svelte.d.ts +68 -0
  60. package/dist/components/Input/Search.svelte.d.ts.map +1 -0
  61. package/dist/components/Input/Select.svelte +42 -12
  62. package/dist/components/Input/Select.svelte.d.ts +8 -8
  63. package/dist/components/Input/Select.svelte.d.ts.map +1 -1
  64. package/dist/components/Input/Textarea.svelte +160 -0
  65. package/dist/components/Input/Textarea.svelte.d.ts +69 -0
  66. package/dist/components/Input/Textarea.svelte.d.ts.map +1 -0
  67. package/dist/components/Label/Label.svelte +60 -0
  68. package/dist/components/Label/Label.svelte.d.ts +48 -0
  69. package/dist/components/Label/Label.svelte.d.ts.map +1 -0
  70. package/dist/components/Layout/Header.svelte +14 -4
  71. package/dist/components/Layout/PageLayout.svelte +64 -0
  72. package/dist/components/Layout/PageLayout.svelte.d.ts +58 -0
  73. package/dist/components/Layout/PageLayout.svelte.d.ts.map +1 -0
  74. package/dist/components/Modal/ConfirmationModal.svelte +69 -17
  75. package/dist/components/Modal/ConfirmationModal.svelte.d.ts +22 -0
  76. package/dist/components/Modal/ConfirmationModal.svelte.d.ts.map +1 -1
  77. package/dist/components/Modal/InputModal.svelte +180 -0
  78. package/dist/components/Modal/InputModal.svelte.d.ts +77 -0
  79. package/dist/components/Modal/InputModal.svelte.d.ts.map +1 -0
  80. package/dist/components/Modal/Modal.svelte +41 -9
  81. package/dist/components/Modal/Modal.svelte.d.ts +2 -0
  82. package/dist/components/Modal/Modal.svelte.d.ts.map +1 -1
  83. package/dist/components/Modal/StatusModal.svelte +221 -0
  84. package/dist/components/Modal/StatusModal.svelte.d.ts +59 -0
  85. package/dist/components/Modal/StatusModal.svelte.d.ts.map +1 -0
  86. package/dist/components/MonthSwitcher/MonthSwitcher.svelte +206 -0
  87. package/dist/components/MonthSwitcher/MonthSwitcher.svelte.d.ts +37 -0
  88. package/dist/components/MonthSwitcher/MonthSwitcher.svelte.d.ts.map +1 -0
  89. package/dist/components/OrderSummary/OrderSummary.svelte +553 -0
  90. package/dist/components/OrderSummary/OrderSummary.svelte.d.ts +65 -0
  91. package/dist/components/OrderSummary/OrderSummary.svelte.d.ts.map +1 -0
  92. package/dist/components/Pagination/Pagination.svelte +197 -0
  93. package/dist/components/Pagination/Pagination.svelte.d.ts +53 -0
  94. package/dist/components/Pagination/Pagination.svelte.d.ts.map +1 -0
  95. package/dist/components/PasswordStrengthIndicator/PasswordStrengthIndicator.svelte.d.ts +2 -2
  96. package/dist/components/PublicCard/PublicCard.svelte +267 -0
  97. package/dist/components/{pages/performers/AvailabilityCalendarModal.svelte.d.ts → PublicCard/PublicCard.svelte.d.ts} +12 -14
  98. package/dist/components/PublicCard/PublicCard.svelte.d.ts.map +1 -0
  99. package/dist/components/Radio/Radio.svelte +119 -0
  100. package/dist/components/Radio/Radio.svelte.d.ts +54 -0
  101. package/dist/components/Radio/Radio.svelte.d.ts.map +1 -0
  102. package/dist/components/ShowCard/ShowCard.svelte +240 -0
  103. package/dist/components/ShowCard/ShowCard.svelte.d.ts +39 -0
  104. package/dist/components/ShowCard/ShowCard.svelte.d.ts.map +1 -0
  105. package/dist/components/ShowTimeCard/ShowTimeCard.svelte +92 -0
  106. package/dist/components/ShowTimeCard/ShowTimeCard.svelte.d.ts +37 -0
  107. package/dist/components/ShowTimeCard/ShowTimeCard.svelte.d.ts.map +1 -0
  108. package/dist/components/Skeleton/Skeleton.svelte +68 -0
  109. package/dist/components/Skeleton/Skeleton.svelte.d.ts +37 -0
  110. package/dist/components/{Calendar/QuarterView.svelte.d.ts.map → Skeleton/Skeleton.svelte.d.ts.map} +1 -1
  111. package/dist/components/Spinner/Spinner.svelte +73 -17
  112. package/dist/components/Spinner/Spinner.svelte.d.ts +5 -3
  113. package/dist/components/Spinner/Spinner.svelte.d.ts.map +1 -1
  114. package/dist/components/SuperLogin/SuperLogin.svelte +1282 -0
  115. package/dist/components/SuperLogin/SuperLogin.svelte.d.ts +44 -0
  116. package/dist/components/SuperLogin/SuperLogin.svelte.d.ts.map +1 -0
  117. package/dist/components/SuperLogin/index.d.ts +2 -0
  118. package/dist/components/SuperLogin/index.d.ts.map +1 -0
  119. package/dist/components/SuperLogin/index.js +1 -0
  120. package/dist/components/Tabs/TabItem.svelte +39 -0
  121. package/dist/components/Tabs/TabItem.svelte.d.ts +52 -0
  122. package/dist/components/Tabs/TabItem.svelte.d.ts.map +1 -0
  123. package/dist/components/Tabs/Tabs.svelte +181 -0
  124. package/dist/components/Tabs/Tabs.svelte.d.ts +46 -0
  125. package/dist/components/Tabs/Tabs.svelte.d.ts.map +1 -0
  126. package/dist/components/Typography/Typography.svelte +50 -0
  127. package/dist/components/Typography/Typography.svelte.d.ts +48 -0
  128. package/dist/components/Typography/Typography.svelte.d.ts.map +1 -0
  129. package/dist/components/pages/performers/ShowDetails.svelte.d.ts +4 -4
  130. package/dist/components/pages/performers/ShowItemCard.svelte.d.ts +8 -8
  131. package/dist/components/pages/performers/SwitchOption.svelte.d.ts +2 -2
  132. package/dist/components/pages/performers/VenueInfo.svelte.d.ts +2 -2
  133. package/dist/components/pages/performers/VenueItemCard.svelte +2 -2
  134. package/dist/components/pages/performers/VenueItemCard.svelte.d.ts +4 -4
  135. package/dist/components/pages/profile/profile-form.svelte +1 -1
  136. package/dist/components/pages/settings/tabs/CustomImageDropzone.svelte.d.ts +2 -2
  137. package/dist/components/pages/shows/TabNavigation.svelte +7 -8
  138. package/dist/constants/formOptions.d.ts +5 -2
  139. package/dist/constants/formOptions.d.ts.map +1 -1
  140. package/dist/constants/formOptions.js +2 -1
  141. package/dist/constants/validation.d.ts +55 -0
  142. package/dist/constants/validation.d.ts.map +1 -0
  143. package/dist/constants/validation.js +91 -0
  144. package/dist/constants/validation.spec.d.ts +2 -0
  145. package/dist/constants/validation.spec.d.ts.map +1 -0
  146. package/dist/constants/validation.spec.js +64 -0
  147. package/dist/index.d.ts +30 -4
  148. package/dist/index.js +37 -30
  149. package/dist/services/EventService.js +75 -75
  150. package/dist/services/EventService.spec.js +217 -217
  151. package/dist/services/ShowService.spec.js +342 -342
  152. package/package.json +160 -160
  153. package/dist/components/Calendar/Calendar.spec.d.ts +0 -2
  154. package/dist/components/Calendar/Calendar.spec.d.ts.map +0 -1
  155. package/dist/components/Calendar/Calendar.spec.js +0 -131
  156. package/dist/components/Calendar/Calendar.svelte +0 -1115
  157. package/dist/components/Calendar/Calendar.svelte.d.ts.map +0 -1
  158. package/dist/components/Calendar/QuarterView.spec.d.ts +0 -2
  159. package/dist/components/Calendar/QuarterView.spec.d.ts.map +0 -1
  160. package/dist/components/Calendar/QuarterView.spec.js +0 -394
  161. package/dist/components/Calendar/QuarterView.stories.svelte +0 -134
  162. package/dist/components/Calendar/QuarterView.stories.svelte.d.ts.map +0 -1
  163. package/dist/components/Calendar/QuarterView.svelte +0 -736
  164. package/dist/components/pages/performers/AvailabilityCalendarModal.svelte +0 -632
  165. package/dist/components/pages/performers/AvailabilityCalendarModal.svelte.d.ts.map +0 -1
@@ -0,0 +1,44 @@
1
+ export default SuperLogin;
2
+ type SuperLogin = {
3
+ $on?(type: string, callback: (e: any) => void): () => void;
4
+ $set?(props: Partial<$$ComponentProps>): void;
5
+ };
6
+ declare const SuperLogin: import("svelte").Component<{
7
+ apiBaseUrl?: string;
8
+ logoSrc?: string;
9
+ logoAlt?: string;
10
+ initialView?: string;
11
+ isFirstTime?: boolean;
12
+ userEmail?: string;
13
+ firstName?: string;
14
+ portalType?: string;
15
+ defaultRedirectPath?: string;
16
+ setupRedirectPath?: string;
17
+ tosUrl?: string;
18
+ onLoginSuccess?: Function;
19
+ onAccountSelect?: Function;
20
+ onNavigate?: Function;
21
+ onExternalNavigate?: Function;
22
+ showDarkModeToggle?: boolean;
23
+ searchParams?: string;
24
+ }, {}, "">;
25
+ type $$ComponentProps = {
26
+ apiBaseUrl?: string;
27
+ logoSrc?: string;
28
+ logoAlt?: string;
29
+ initialView?: string;
30
+ isFirstTime?: boolean;
31
+ userEmail?: string;
32
+ firstName?: string;
33
+ portalType?: string;
34
+ defaultRedirectPath?: string;
35
+ setupRedirectPath?: string;
36
+ tosUrl?: string;
37
+ onLoginSuccess?: Function;
38
+ onAccountSelect?: Function;
39
+ onNavigate?: Function;
40
+ onExternalNavigate?: Function;
41
+ showDarkModeToggle?: boolean;
42
+ searchParams?: string;
43
+ };
44
+ //# sourceMappingURL=SuperLogin.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SuperLogin.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/SuperLogin/SuperLogin.svelte.js"],"names":[],"mappings":";;;;;AAy9BA;iBA76BkC,MAAM;cAAY,MAAM;cAAY,MAAM;kBAAgB,MAAM;kBAAgB,OAAO;gBAAc,MAAM;gBAAc,MAAM;iBAAe,MAAM;0BAAwB,MAAM;wBAAsB,MAAM;aAAW,MAAM;;;;;yBAAoI,OAAO;mBAAiB,MAAM;WA66B1W;wBA76BtC;IAAE,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,WAAW;IAAC,eAAe,CAAC,WAAW;IAAC,UAAU,CAAC,WAAW;IAAC,kBAAkB,CAAC,WAAW;IAAC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE"}
@@ -0,0 +1,2 @@
1
+ export { default as SuperLogin } from "./SuperLogin.svelte";
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/SuperLogin/index.js"],"names":[],"mappings":""}
@@ -0,0 +1 @@
1
+ export { default as SuperLogin } from './SuperLogin.svelte';
@@ -0,0 +1,39 @@
1
+ <script>
2
+ import { getContext, onMount, createEventDispatcher } from "svelte";
3
+
4
+ /** @type {string} Tab title displayed in the tab button */
5
+ export let title = "";
6
+ /** @type {boolean} Whether this tab is initially open/active (flowbite API) */
7
+ export let open = false;
8
+ /** @type {string|number|undefined} Unique identifier for this tab */
9
+ export let value = undefined;
10
+ /** @type {boolean} Whether the tab is disabled */
11
+ export let disabled = false;
12
+ /** @type {string} Additional CSS classes for the tab button */
13
+ let className = "";
14
+ export { className as class };
15
+
16
+ const dispatch = createEventDispatcher();
17
+ const { activeTab, registerTab } = getContext("tabs");
18
+
19
+ // Generate unique ID
20
+ let tabId = value || `tab-${Math.random().toString(36).substring(2, 9)}`;
21
+
22
+ onMount(() => {
23
+ registerTab(tabId, title, open);
24
+ });
25
+
26
+ $: isActive = $activeTab === tabId;
27
+ </script>
28
+
29
+ {#if isActive}
30
+ <div class="tab-panel" role="tabpanel" on:click={() => dispatch("click")}>
31
+ <slot />
32
+ </div>
33
+ {/if}
34
+
35
+ <style>
36
+ .tab-panel {
37
+ /* Content panel styling can be customized via contentClass on Tabs */
38
+ }
39
+ </style>
@@ -0,0 +1,52 @@
1
+ export default TabItem;
2
+ type TabItem = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
3
+ class?: string | undefined;
4
+ open?: boolean | undefined;
5
+ title?: string | undefined;
6
+ disabled?: boolean | undefined;
7
+ value?: string | number | undefined;
8
+ }, {
9
+ default: {};
10
+ }>, {
11
+ click: CustomEvent<any>;
12
+ } & {
13
+ [evt: string]: CustomEvent<any>;
14
+ }, {
15
+ default: {};
16
+ }> & {
17
+ $$bindings?: string | undefined;
18
+ };
19
+ declare const TabItem: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
20
+ class?: string | undefined;
21
+ open?: boolean | undefined;
22
+ title?: string | undefined;
23
+ disabled?: boolean | undefined;
24
+ value?: string | number | undefined;
25
+ }, {
26
+ default: {};
27
+ }>, {
28
+ click: CustomEvent<any>;
29
+ } & {
30
+ [evt: string]: CustomEvent<any>;
31
+ }, {
32
+ default: {};
33
+ }, {}, string>;
34
+ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
35
+ default: any;
36
+ } ? Props extends Record<string, never> ? any : {
37
+ children?: any;
38
+ } : {});
39
+ 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> {
40
+ new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
41
+ $$bindings?: Bindings;
42
+ } & Exports;
43
+ (internal: unknown, props: Props & {
44
+ $$events?: Events;
45
+ $$slots?: Slots;
46
+ }): Exports & {
47
+ $set?: any;
48
+ $on?: any;
49
+ };
50
+ z_$$bindings?: Bindings;
51
+ }
52
+ //# sourceMappingURL=TabItem.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TabItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Tabs/TabItem.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AA8DA;;;;;YAjBW,MAAM,GAAC,MAAM,GAAC,SAAS;;;;;;;;;eAiBoI;sCAThI,KAAK,EAAE,KAAK;;;;;6CALL,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"}
@@ -0,0 +1,181 @@
1
+ <script>
2
+ import { setContext, onMount } from "svelte";
3
+ import { writable } from "svelte/store";
4
+
5
+ /** @type {'underline' | 'pill' | 'full'} Tab style variant */
6
+ export let tabStyle = "underline";
7
+ /** @type {string} CSS classes for the content area (flowbite API) */
8
+ export let contentClass = "";
9
+ /** @type {string|number|undefined} Currently active tab value (bindable) */
10
+ export let activeTabValue = undefined;
11
+ /** @type {string} Additional CSS classes */
12
+ let className = "";
13
+ export { className as class };
14
+
15
+ // Create a store for the active tab
16
+ const activeTab = writable(activeTabValue);
17
+ const tabItems = writable([]);
18
+
19
+ // Keep activeTabValue in sync with store
20
+ $: if (activeTabValue !== undefined) {
21
+ activeTab.set(activeTabValue);
22
+ }
23
+ $: activeTabValue = $activeTab;
24
+
25
+ // Provide context to TabItem children
26
+ setContext("tabs", {
27
+ activeTab,
28
+ tabItems,
29
+ tabStyle,
30
+ registerTab: (id, title, open) => {
31
+ tabItems.update(items => {
32
+ // Avoid duplicates
33
+ if (items.find(item => item.id === id)) return items;
34
+ return [...items, { id, title }];
35
+ });
36
+ // If this tab has open prop and no active tab set, make it active
37
+ if (open && $activeTab === undefined) {
38
+ activeTab.set(id);
39
+ }
40
+ return id;
41
+ },
42
+ setActiveTab: (id) => {
43
+ activeTab.set(id);
44
+ }
45
+ });
46
+
47
+ // Ensure first tab is selected if none selected
48
+ $: if ($tabItems.length > 0 && $activeTab === undefined) {
49
+ activeTab.set($tabItems[0].id);
50
+ }
51
+ </script>
52
+
53
+ <div class="tabs tabs--{tabStyle} {className}">
54
+ <div class="tabs__list" role="tablist">
55
+ {#each $tabItems as tab (tab.id)}
56
+ <button
57
+ type="button"
58
+ role="tab"
59
+ class="tabs__tab"
60
+ class:tabs__tab--active={$activeTab === tab.id}
61
+ aria-selected={$activeTab === tab.id}
62
+ tabindex={$activeTab === tab.id ? 0 : -1}
63
+ on:click={() => activeTab.set(tab.id)}
64
+ >
65
+ {tab.title}
66
+ </button>
67
+ {/each}
68
+ </div>
69
+ <div class="tabs__content {contentClass}">
70
+ <slot />
71
+ </div>
72
+ </div>
73
+
74
+ <style>
75
+ .tabs {
76
+ display: flex;
77
+ flex-direction: column;
78
+ }
79
+
80
+ .tabs__list {
81
+ display: flex;
82
+ gap: 0;
83
+ border-bottom: 1px solid hsl(var(--Stroke-Primary, 220 13% 85%));
84
+ overflow-x: auto;
85
+ -webkit-overflow-scrolling: touch;
86
+ scrollbar-width: none;
87
+ }
88
+
89
+ .tabs__list::-webkit-scrollbar {
90
+ display: none;
91
+ }
92
+
93
+ .tabs--pill .tabs__list {
94
+ border-bottom: none;
95
+ gap: 0.5rem;
96
+ background-color: hsl(var(--BG-Secondary, 220 14% 96%));
97
+ padding: 0.25rem;
98
+ border-radius: 0.5rem;
99
+ }
100
+
101
+ .tabs--full .tabs__list {
102
+ border-bottom: none;
103
+ }
104
+
105
+ .tabs__tab {
106
+ padding: 0.75rem 1rem;
107
+ font-size: 0.875rem;
108
+ font-weight: 500;
109
+ color: hsl(var(--Text-Secondary, 220 9% 46%));
110
+ background: transparent;
111
+ border: none;
112
+ cursor: pointer;
113
+ position: relative;
114
+ transition: all 0.15s ease;
115
+ white-space: nowrap;
116
+ flex-shrink: 0;
117
+ }
118
+
119
+ .tabs__tab:hover {
120
+ color: hsl(var(--Text-Primary, 220 13% 13%));
121
+ }
122
+
123
+ .tabs__tab--active {
124
+ color: hsl(var(--Brand-Primary, 221 83% 53%));
125
+ }
126
+
127
+ /* Underline style (default) */
128
+ .tabs--underline .tabs__tab--active::after {
129
+ content: "";
130
+ position: absolute;
131
+ bottom: -1px;
132
+ left: 0;
133
+ right: 0;
134
+ height: 2px;
135
+ background-color: hsl(var(--Brand-Primary, 221 83% 53%));
136
+ }
137
+
138
+ /* Pill style */
139
+ .tabs--pill .tabs__tab {
140
+ border-radius: 0.375rem;
141
+ padding: 0.5rem 0.75rem;
142
+ }
143
+
144
+ .tabs--pill .tabs__tab--active {
145
+ background-color: hsl(var(--BG-Primary, 0 0% 100%));
146
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
147
+ }
148
+
149
+ .tabs--pill .tabs__tab--active::after {
150
+ display: none;
151
+ }
152
+
153
+ .tabs__content {
154
+ padding-top: 1rem;
155
+ }
156
+
157
+ /* Dark mode */
158
+ :global(.dark) .tabs__list {
159
+ border-bottom-color: hsl(var(--Stroke-Primary, 220 13% 30%));
160
+ }
161
+
162
+ :global(.dark) .tabs__tab {
163
+ color: hsl(var(--Text-Secondary, 220 9% 70%));
164
+ }
165
+
166
+ :global(.dark) .tabs__tab:hover {
167
+ color: hsl(var(--Text-Primary, 0 0% 95%));
168
+ }
169
+
170
+ :global(.dark) .tabs__tab--active {
171
+ color: hsl(var(--Brand-Primary, 221 83% 60%));
172
+ }
173
+
174
+ :global(.dark) .tabs--pill .tabs__list {
175
+ background-color: hsl(var(--BG-Secondary, 220 13% 20%));
176
+ }
177
+
178
+ :global(.dark) .tabs--pill .tabs__tab--active {
179
+ background-color: hsl(var(--BG-Primary, 220 13% 15%));
180
+ }
181
+ </style>
@@ -0,0 +1,46 @@
1
+ export default Tabs;
2
+ type Tabs = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
3
+ class?: string | undefined;
4
+ tabStyle?: "pill" | "full" | "underline" | undefined;
5
+ contentClass?: string | undefined;
6
+ activeTabValue?: string | number | undefined;
7
+ }, {
8
+ default: {};
9
+ }>, {
10
+ [evt: string]: CustomEvent<any>;
11
+ }, {
12
+ default: {};
13
+ }> & {
14
+ $$bindings?: string | undefined;
15
+ };
16
+ declare const Tabs: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
17
+ class?: string | undefined;
18
+ tabStyle?: "pill" | "full" | "underline" | undefined;
19
+ contentClass?: string | undefined;
20
+ activeTabValue?: string | number | undefined;
21
+ }, {
22
+ default: {};
23
+ }>, {
24
+ [evt: string]: CustomEvent<any>;
25
+ }, {
26
+ default: {};
27
+ }, {}, string>;
28
+ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
29
+ default: any;
30
+ } ? Props extends Record<string, never> ? any : {
31
+ children?: any;
32
+ } : {});
33
+ 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> {
34
+ new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
35
+ $$bindings?: Bindings;
36
+ } & Exports;
37
+ (internal: unknown, props: Props & {
38
+ $$events?: Events;
39
+ $$slots?: Slots;
40
+ }): Exports & {
41
+ $set?: any;
42
+ $on?: any;
43
+ };
44
+ z_$$bindings?: Bindings;
45
+ }
46
+ //# sourceMappingURL=Tabs.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tabs.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Tabs/Tabs.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;AA6FA;;;;qBAhBW,MAAM,GAAC,MAAM,GAAC,SAAS;;;;;;;eAgB0I;sCATtI,KAAK,EAAE,KAAK;;;;;6CALL,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"}
@@ -0,0 +1,50 @@
1
+ <script>
2
+ /**
3
+ * Typography component for consistent text styling across the application.
4
+ * Renders semantic HTML elements (h1-h6, p) with configurable font weights.
5
+ *
6
+ * @example
7
+ * <Typography variant="h1" weight="bold">Page Title</Typography>
8
+ * <Typography variant="p" weight="regular">Body text</Typography>
9
+ */
10
+
11
+ /** @type {'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p'} The semantic element to render */
12
+ export let variant = 'p';
13
+
14
+ /** @type {'bold' | 'semibold' | 'medium' | 'regular'} Font weight variant */
15
+ export let weight = 'regular';
16
+
17
+ /** @type {string} Additional CSS classes */
18
+ let className = '';
19
+ export { className as class };
20
+
21
+ /** @type {string} Text content (alternative to slot) */
22
+ export let text = '';
23
+
24
+ const sizeMap = {
25
+ h1: 'text-3xl',
26
+ h2: 'text-2xl',
27
+ h3: 'text-xl',
28
+ h4: 'text-lg',
29
+ h5: 'text-base',
30
+ h6: 'text-xs',
31
+ p: 'text-sm',
32
+ };
33
+
34
+ const weightMap = {
35
+ bold: 'font-bold',
36
+ semibold: 'font-semibold',
37
+ medium: 'font-medium',
38
+ regular: 'font-normal',
39
+ };
40
+
41
+ $: computedClass = `${sizeMap[variant]} ${weightMap[weight]} ${className}`.trim();
42
+ </script>
43
+
44
+ <svelte:element this={variant} class={computedClass} {...$$restProps}>
45
+ {#if text}
46
+ {text}
47
+ {:else}
48
+ <slot />
49
+ {/if}
50
+ </svelte:element>
@@ -0,0 +1,48 @@
1
+ export default Typography;
2
+ type Typography = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
3
+ [x: string]: any;
4
+ class?: string | undefined;
5
+ variant?: "h3" | "h1" | "p" | "h2" | "h4" | "h5" | "h6" | undefined;
6
+ text?: string | undefined;
7
+ weight?: "medium" | "bold" | "semibold" | "regular" | undefined;
8
+ }, {
9
+ default: {};
10
+ }>, {
11
+ [evt: string]: CustomEvent<any>;
12
+ }, {
13
+ default: {};
14
+ }> & {
15
+ $$bindings?: string | undefined;
16
+ };
17
+ declare const Typography: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
18
+ [x: string]: any;
19
+ class?: string | undefined;
20
+ variant?: "h3" | "h1" | "p" | "h2" | "h4" | "h5" | "h6" | undefined;
21
+ text?: string | undefined;
22
+ weight?: "medium" | "bold" | "semibold" | "regular" | undefined;
23
+ }, {
24
+ default: {};
25
+ }>, {
26
+ [evt: string]: CustomEvent<any>;
27
+ }, {
28
+ default: {};
29
+ }, {}, string>;
30
+ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
31
+ default: any;
32
+ } ? Props extends Record<string, never> ? any : {
33
+ children?: any;
34
+ } : {});
35
+ 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> {
36
+ new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
37
+ $$bindings?: Bindings;
38
+ } & Exports;
39
+ (internal: unknown, props: Props & {
40
+ $$events?: Events;
41
+ $$slots?: Slots;
42
+ }): Exports & {
43
+ $set?: any;
44
+ $on?: any;
45
+ };
46
+ z_$$bindings?: Bindings;
47
+ }
48
+ //# sourceMappingURL=Typography.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Typography.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Typography/Typography.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA0EA;;;;;;;;;;;;eAA0K;sCATpI,KAAK,EAAE,KAAK;;;;;6CALL,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"}
@@ -1,31 +1,31 @@
1
1
  export default ShowDetails;
2
2
  type ShowDetails = SvelteComponent<{
3
- status: any;
4
3
  venue: any;
4
+ status: any;
5
5
  formattedStartTime: any;
6
6
  showFullDate: any;
7
7
  formattedDoorsOpenTime: any;
8
8
  setLength: any;
9
9
  eventDetails: any;
10
10
  onToggleModal: any;
11
- stageName?: string | undefined;
12
11
  role?: string | undefined;
12
+ stageName?: string | undefined;
13
13
  }, {
14
14
  [evt: string]: CustomEvent<any>;
15
15
  }, {}> & {
16
16
  $$bindings?: string | undefined;
17
17
  };
18
18
  declare const ShowDetails: $$__sveltets_2_IsomorphicComponent<{
19
- status: any;
20
19
  venue: any;
20
+ status: any;
21
21
  formattedStartTime: any;
22
22
  showFullDate: any;
23
23
  formattedDoorsOpenTime: any;
24
24
  setLength: any;
25
25
  eventDetails: any;
26
26
  onToggleModal: any;
27
- stageName?: string | undefined;
28
27
  role?: string | undefined;
28
+ stageName?: string | undefined;
29
29
  }, {
30
30
  [evt: string]: CustomEvent<any>;
31
31
  }, {}, {}, string>;
@@ -3,16 +3,16 @@ type ShowItemCard = SvelteComponent<{
3
3
  title: any;
4
4
  details: any;
5
5
  image: any;
6
- status: any;
7
6
  id: any;
7
+ status: any;
8
8
  location: any;
9
- lastUpdated: any;
10
- venueName: any;
11
9
  role: any;
12
- venueId: any;
13
10
  startDateTime: any;
14
11
  doorsOpenTime: any;
12
+ venueName: any;
13
+ venueId: any;
15
14
  spotDuration: any;
15
+ lastUpdated: any;
16
16
  invitationAccepted?: boolean | undefined;
17
17
  hasAvailability?: boolean | undefined;
18
18
  }, {
@@ -24,16 +24,16 @@ declare const ShowItemCard: $$__sveltets_2_IsomorphicComponent<{
24
24
  title: any;
25
25
  details: any;
26
26
  image: any;
27
- status: any;
28
27
  id: any;
28
+ status: any;
29
29
  location: any;
30
- lastUpdated: any;
31
- venueName: any;
32
30
  role: any;
33
- venueId: any;
34
31
  startDateTime: any;
35
32
  doorsOpenTime: any;
33
+ venueName: any;
34
+ venueId: any;
36
35
  spotDuration: any;
36
+ lastUpdated: any;
37
37
  invitationAccepted?: boolean | undefined;
38
38
  hasAvailability?: boolean | undefined;
39
39
  }, {
@@ -1,8 +1,8 @@
1
1
  export default SwitchOption;
2
2
  type SwitchOption = SvelteComponent<{
3
3
  onToggle: any;
4
- label?: string | undefined;
5
4
  checked?: boolean | undefined;
5
+ label?: string | undefined;
6
6
  }, {
7
7
  [evt: string]: CustomEvent<any>;
8
8
  }, {}> & {
@@ -10,8 +10,8 @@ type SwitchOption = SvelteComponent<{
10
10
  };
11
11
  declare const SwitchOption: $$__sveltets_2_IsomorphicComponent<{
12
12
  onToggle: any;
13
- label?: string | undefined;
14
13
  checked?: boolean | undefined;
14
+ label?: string | undefined;
15
15
  }, {
16
16
  [evt: string]: CustomEvent<any>;
17
17
  }, {}, {}, string>;
@@ -1,8 +1,8 @@
1
1
  export default VenueInfo;
2
2
  type VenueInfo = SvelteComponent<{
3
3
  size?: string | undefined;
4
- image?: string | undefined;
5
4
  name?: string | undefined;
5
+ image?: string | undefined;
6
6
  location?: string | undefined;
7
7
  }, {
8
8
  [evt: string]: CustomEvent<any>;
@@ -11,8 +11,8 @@ type VenueInfo = SvelteComponent<{
11
11
  };
12
12
  declare const VenueInfo: $$__sveltets_2_IsomorphicComponent<{
13
13
  size?: string | undefined;
14
- image?: string | undefined;
15
14
  name?: string | undefined;
15
+ image?: string | undefined;
16
16
  location?: string | undefined;
17
17
  }, {
18
18
  [evt: string]: CustomEvent<any>;
@@ -96,7 +96,7 @@
96
96
  <DotsHorizontalOutline
97
97
  data-testid="dropdown-menu"
98
98
  triggeredBy=".more-menu"
99
- 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"
99
+ 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"
100
100
  />
101
101
 
102
102
  <Dropdown class="shadow-none min-w-[200px]" triggeredBy=".more-menu">
@@ -125,7 +125,7 @@
125
125
  <DotsHorizontalOutline
126
126
  data-testid="dropdown-menu"
127
127
  triggeredBy=".more-menu"
128
- 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"
128
+ 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"
129
129
  />
130
130
  <Dropdown
131
131
  class="shadow-none min-w-[200px]"
@@ -1,17 +1,17 @@
1
1
  export default VenueItemCard;
2
2
  type VenueItemCard = SvelteComponent<{
3
- image: any;
4
3
  name: any;
4
+ image: any;
5
5
  end: any;
6
6
  start: any;
7
7
  status: any;
8
8
  email: any;
9
9
  description: any;
10
10
  location: any;
11
- lastUpdated: any;
12
11
  invitationAccepted: any;
13
12
  hasAvailability: any;
14
13
  venueId: any;
14
+ lastUpdated: any;
15
15
  doorOpen: any;
16
16
  phone: any;
17
17
  instagram: any;
@@ -27,18 +27,18 @@ type VenueItemCard = SvelteComponent<{
27
27
  $$bindings?: string | undefined;
28
28
  };
29
29
  declare const VenueItemCard: $$__sveltets_2_IsomorphicComponent<{
30
- image: any;
31
30
  name: any;
31
+ image: any;
32
32
  end: any;
33
33
  start: any;
34
34
  status: any;
35
35
  email: any;
36
36
  description: any;
37
37
  location: any;
38
- lastUpdated: any;
39
38
  invitationAccepted: any;
40
39
  hasAvailability: any;
41
40
  venueId: any;
41
+ lastUpdated: any;
42
42
  doorOpen: any;
43
43
  phone: any;
44
44
  instagram: any;
@@ -195,7 +195,7 @@
195
195
  label={field.label}
196
196
  error={formErrors.extraDetails?.gender}
197
197
  required={field.required}
198
- placeholder="Select gender"
198
+ placeholder=""
199
199
  on:change={(event) => {
200
200
  console.log("Gender selected:", event.detail);
201
201
  }}