@getmicdrop/svelte-components 2.4.0 → 2.6.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 (132) hide show
  1. package/dist/__LIB_STORES__.js +2 -30
  2. package/dist/components/Badges/Badge.svelte +3 -129
  3. package/dist/components/Badges/Badge.svelte.d.ts +2 -8
  4. package/dist/components/Badges/Badge.svelte.d.ts.map +1 -1
  5. package/dist/components/Breadcrumb/Breadcrumb.svelte +36 -65
  6. package/dist/components/Breadcrumb/Breadcrumb.svelte.d.ts +2 -16
  7. package/dist/components/Breadcrumb/Breadcrumb.svelte.d.ts.map +1 -1
  8. package/dist/components/Button/Button.svelte +0 -1
  9. package/dist/components/Calendar/Calendar.spec.d.ts +2 -0
  10. package/dist/components/Calendar/Calendar.spec.d.ts.map +1 -0
  11. package/dist/components/Calendar/Calendar.spec.js +131 -0
  12. package/dist/components/Calendar/Calendar.svelte +1115 -0
  13. package/dist/components/Calendar/{MiniMonthCalendar.svelte.d.ts → Calendar.svelte.d.ts} +21 -20
  14. package/dist/components/{Checkbox/Checkbox.svelte.d.ts.map → Calendar/Calendar.svelte.d.ts.map} +1 -1
  15. package/dist/components/Calendar/QuarterView.spec.d.ts +2 -0
  16. package/dist/components/Calendar/QuarterView.spec.d.ts.map +1 -0
  17. package/dist/components/Calendar/QuarterView.spec.js +394 -0
  18. package/dist/components/Calendar/QuarterView.stories.svelte +134 -0
  19. package/dist/components/{PublicCard/PublicCard.svelte.d.ts → Calendar/QuarterView.stories.svelte.d.ts} +21 -15
  20. package/dist/components/Calendar/QuarterView.stories.svelte.d.ts.map +1 -0
  21. package/dist/components/Calendar/QuarterView.svelte +736 -0
  22. package/dist/components/{FAQs/FAQs.svelte.d.ts → Calendar/QuarterView.svelte.d.ts} +10 -10
  23. package/dist/components/{Skeleton/Skeleton.svelte.d.ts.map → Calendar/QuarterView.svelte.d.ts.map} +1 -1
  24. package/dist/components/DarkModeToggle.svelte +0 -2
  25. package/dist/components/DarkModeToggle.svelte.d.ts.map +1 -1
  26. package/dist/components/Input/Input.svelte +12 -100
  27. package/dist/components/Input/Input.svelte.d.ts +6 -18
  28. package/dist/components/Input/Input.svelte.d.ts.map +1 -1
  29. package/dist/components/Input/MultiSelect.svelte +5 -4
  30. package/dist/components/Input/MultiSelect.svelte.d.ts +6 -6
  31. package/dist/components/Input/MultiSelect.svelte.d.ts.map +1 -1
  32. package/dist/components/Input/OTPInput.svelte +1 -1
  33. package/dist/components/Input/Select.svelte +5 -4
  34. package/dist/components/Input/Select.svelte.d.ts +6 -6
  35. package/dist/components/Input/Select.svelte.d.ts.map +1 -1
  36. package/dist/components/Layout/Header.svelte +4 -14
  37. package/dist/components/Modal/ConfirmationModal.svelte +17 -69
  38. package/dist/components/Modal/ConfirmationModal.svelte.d.ts +0 -22
  39. package/dist/components/Modal/ConfirmationModal.svelte.d.ts.map +1 -1
  40. package/dist/components/Modal/Modal.svelte +8 -34
  41. package/dist/components/Modal/Modal.svelte.d.ts +0 -2
  42. package/dist/components/Modal/Modal.svelte.d.ts.map +1 -1
  43. package/dist/components/PasswordStrengthIndicator/PasswordStrengthIndicator.svelte.d.ts +2 -2
  44. package/dist/components/Spinner/Spinner.svelte +17 -73
  45. package/dist/components/Spinner/Spinner.svelte.d.ts +3 -5
  46. package/dist/components/Spinner/Spinner.svelte.d.ts.map +1 -1
  47. package/dist/components/pages/performers/AvailabilityCalendarModal.svelte +632 -0
  48. package/dist/components/{ShowTimeCard/ShowTimeCard.svelte.d.ts → pages/performers/AvailabilityCalendarModal.svelte.d.ts} +14 -14
  49. package/dist/components/pages/performers/AvailabilityCalendarModal.svelte.d.ts.map +1 -0
  50. package/dist/components/pages/performers/ShowDetails.svelte.d.ts +2 -2
  51. package/dist/components/pages/performers/ShowItemCard.svelte.d.ts +8 -8
  52. package/dist/components/pages/performers/SwitchOption.svelte.d.ts +2 -2
  53. package/dist/components/pages/performers/VenueInfo.svelte.d.ts +2 -2
  54. package/dist/components/pages/performers/VenueItemCard.svelte +2 -2
  55. package/dist/components/pages/performers/VenueItemCard.svelte.d.ts +4 -4
  56. package/dist/components/pages/profile/profile-form.svelte +1 -1
  57. package/dist/components/pages/shows/TabNavigation.svelte +8 -7
  58. package/dist/constants/formOptions.d.ts +2 -5
  59. package/dist/constants/formOptions.d.ts.map +1 -1
  60. package/dist/constants/formOptions.js +1 -2
  61. package/dist/index.d.ts +4 -24
  62. package/dist/index.js +4 -30
  63. package/dist/services/EventService.js +75 -75
  64. package/dist/services/EventService.spec.js +217 -217
  65. package/dist/services/ShowService.spec.js +342 -342
  66. package/package.json +160 -160
  67. package/dist/components/AboutShow/AboutShow.svelte +0 -278
  68. package/dist/components/AboutShow/AboutShow.svelte.d.ts +0 -43
  69. package/dist/components/AboutShow/AboutShow.svelte.d.ts.map +0 -1
  70. package/dist/components/Accordion/Accordion.svelte +0 -44
  71. package/dist/components/Accordion/Accordion.svelte.d.ts +0 -42
  72. package/dist/components/Accordion/Accordion.svelte.d.ts.map +0 -1
  73. package/dist/components/Accordion/AccordionItem.svelte +0 -141
  74. package/dist/components/Accordion/AccordionItem.svelte.d.ts +0 -50
  75. package/dist/components/Accordion/AccordionItem.svelte.d.ts.map +0 -1
  76. package/dist/components/Calendar/MiniMonthCalendar.svelte +0 -1446
  77. package/dist/components/Calendar/MiniMonthCalendar.svelte.d.ts.map +0 -1
  78. package/dist/components/Checkbox/Checkbox.svelte +0 -116
  79. package/dist/components/Checkbox/Checkbox.svelte.d.ts +0 -52
  80. package/dist/components/Drawer/Drawer.svelte +0 -207
  81. package/dist/components/Drawer/Drawer.svelte.d.ts +0 -74
  82. package/dist/components/Drawer/Drawer.svelte.d.ts.map +0 -1
  83. package/dist/components/Dropdown/Dropdown.svelte +0 -129
  84. package/dist/components/Dropdown/Dropdown.svelte.d.ts +0 -48
  85. package/dist/components/Dropdown/Dropdown.svelte.d.ts.map +0 -1
  86. package/dist/components/Dropdown/DropdownItem.svelte +0 -111
  87. package/dist/components/Dropdown/DropdownItem.svelte.d.ts +0 -48
  88. package/dist/components/Dropdown/DropdownItem.svelte.d.ts.map +0 -1
  89. package/dist/components/FAQs/FAQs.svelte +0 -49
  90. package/dist/components/FAQs/FAQs.svelte.d.ts.map +0 -1
  91. package/dist/components/Input/Search.svelte +0 -173
  92. package/dist/components/Input/Search.svelte.d.ts +0 -68
  93. package/dist/components/Input/Search.svelte.d.ts.map +0 -1
  94. package/dist/components/Input/Textarea.svelte +0 -160
  95. package/dist/components/Input/Textarea.svelte.d.ts +0 -69
  96. package/dist/components/Input/Textarea.svelte.d.ts.map +0 -1
  97. package/dist/components/Label/Label.svelte +0 -60
  98. package/dist/components/Label/Label.svelte.d.ts +0 -48
  99. package/dist/components/Label/Label.svelte.d.ts.map +0 -1
  100. package/dist/components/Modal/InputModal.svelte +0 -180
  101. package/dist/components/Modal/InputModal.svelte.d.ts +0 -77
  102. package/dist/components/Modal/InputModal.svelte.d.ts.map +0 -1
  103. package/dist/components/Modal/StatusModal.svelte +0 -221
  104. package/dist/components/Modal/StatusModal.svelte.d.ts +0 -59
  105. package/dist/components/Modal/StatusModal.svelte.d.ts.map +0 -1
  106. package/dist/components/MonthSwitcher/MonthSwitcher.svelte +0 -206
  107. package/dist/components/MonthSwitcher/MonthSwitcher.svelte.d.ts +0 -37
  108. package/dist/components/MonthSwitcher/MonthSwitcher.svelte.d.ts.map +0 -1
  109. package/dist/components/OrderSummary/OrderSummary.svelte +0 -553
  110. package/dist/components/OrderSummary/OrderSummary.svelte.d.ts +0 -65
  111. package/dist/components/OrderSummary/OrderSummary.svelte.d.ts.map +0 -1
  112. package/dist/components/Pagination/Pagination.svelte +0 -197
  113. package/dist/components/Pagination/Pagination.svelte.d.ts +0 -53
  114. package/dist/components/Pagination/Pagination.svelte.d.ts.map +0 -1
  115. package/dist/components/PublicCard/PublicCard.svelte +0 -267
  116. package/dist/components/PublicCard/PublicCard.svelte.d.ts.map +0 -1
  117. package/dist/components/Radio/Radio.svelte +0 -119
  118. package/dist/components/Radio/Radio.svelte.d.ts +0 -54
  119. package/dist/components/Radio/Radio.svelte.d.ts.map +0 -1
  120. package/dist/components/ShowCard/ShowCard.svelte +0 -240
  121. package/dist/components/ShowCard/ShowCard.svelte.d.ts +0 -39
  122. package/dist/components/ShowCard/ShowCard.svelte.d.ts.map +0 -1
  123. package/dist/components/ShowTimeCard/ShowTimeCard.svelte +0 -92
  124. package/dist/components/ShowTimeCard/ShowTimeCard.svelte.d.ts.map +0 -1
  125. package/dist/components/Skeleton/Skeleton.svelte +0 -68
  126. package/dist/components/Skeleton/Skeleton.svelte.d.ts +0 -37
  127. package/dist/components/Tabs/TabItem.svelte +0 -39
  128. package/dist/components/Tabs/TabItem.svelte.d.ts +0 -52
  129. package/dist/components/Tabs/TabItem.svelte.d.ts.map +0 -1
  130. package/dist/components/Tabs/Tabs.svelte +0 -181
  131. package/dist/components/Tabs/Tabs.svelte.d.ts +0 -46
  132. package/dist/components/Tabs/Tabs.svelte.d.ts.map +0 -1
@@ -1,111 +0,0 @@
1
- <script>
2
- import { getContext, createEventDispatcher } from "svelte";
3
-
4
- /** @type {string|undefined} Optional href to make the item a link */
5
- export let href = undefined;
6
- /** @type {boolean} Whether the item is disabled */
7
- export let disabled = false;
8
- /** @type {string} Additional CSS classes */
9
- let className = "";
10
- export { className as class };
11
-
12
- const dispatch = createEventDispatcher();
13
- const context = getContext("dropdown");
14
-
15
- $: isActive = context?.activeUrl && href && context.activeUrl === href;
16
-
17
- function handleClick(event) {
18
- if (disabled) {
19
- event.preventDefault();
20
- return;
21
- }
22
- dispatch("click", event);
23
- // Close dropdown after click (unless it's a link that will navigate)
24
- if (!href && context?.close) {
25
- context.close();
26
- }
27
- }
28
-
29
- function handleKeydown(event) {
30
- if (event.key === "Enter" || event.key === " ") {
31
- handleClick(event);
32
- }
33
- }
34
- </script>
35
-
36
- {#if href}
37
- <a
38
- {href}
39
- class="dropdown-item {className}"
40
- class:dropdown-item--active={isActive}
41
- class:dropdown-item--disabled={disabled}
42
- role="menuitem"
43
- tabindex={disabled ? -1 : 0}
44
- on:click={handleClick}
45
- on:keydown={handleKeydown}
46
- >
47
- <slot />
48
- </a>
49
- {:else}
50
- <button
51
- type="button"
52
- class="dropdown-item {className}"
53
- class:dropdown-item--disabled={disabled}
54
- role="menuitem"
55
- tabindex={disabled ? -1 : 0}
56
- {disabled}
57
- on:click={handleClick}
58
- on:keydown={handleKeydown}
59
- >
60
- <slot />
61
- </button>
62
- {/if}
63
-
64
- <style>
65
- .dropdown-item {
66
- display: flex;
67
- align-items: center;
68
- width: 100%;
69
- padding: 0.5rem 1rem;
70
- font-size: 0.875rem;
71
- color: hsl(var(--Text-Primary, 220 13% 13%));
72
- background: transparent;
73
- border: none;
74
- text-align: left;
75
- cursor: pointer;
76
- text-decoration: none;
77
- transition: background-color 0.15s ease;
78
- }
79
-
80
- .dropdown-item:hover:not(.dropdown-item--disabled) {
81
- background-color: hsl(var(--BG-Secondary, 220 14% 96%));
82
- }
83
-
84
- .dropdown-item:focus {
85
- outline: none;
86
- background-color: hsl(var(--BG-Secondary, 220 14% 96%));
87
- }
88
-
89
- .dropdown-item--active {
90
- background-color: hsl(var(--Brand-Primary, 221 83% 53%) / 0.1);
91
- color: hsl(var(--Brand-Primary, 221 83% 53%));
92
- }
93
-
94
- .dropdown-item--disabled {
95
- opacity: 0.5;
96
- cursor: not-allowed;
97
- }
98
-
99
- /* Dark mode */
100
- :global(.dark) .dropdown-item {
101
- color: hsl(var(--Text-Primary, 0 0% 95%));
102
- }
103
-
104
- :global(.dark) .dropdown-item:hover:not(.dropdown-item--disabled) {
105
- background-color: hsl(var(--BG-Secondary, 220 13% 20%));
106
- }
107
-
108
- :global(.dark) .dropdown-item:focus {
109
- background-color: hsl(var(--BG-Secondary, 220 13% 20%));
110
- }
111
- </style>
@@ -1,48 +0,0 @@
1
- export default DropdownItem;
2
- type DropdownItem = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
3
- class?: string | undefined;
4
- disabled?: boolean | undefined;
5
- href?: string | undefined;
6
- }, {
7
- default: {};
8
- }>, {
9
- click: CustomEvent<any>;
10
- } & {
11
- [evt: string]: CustomEvent<any>;
12
- }, {
13
- default: {};
14
- }> & {
15
- $$bindings?: string | undefined;
16
- };
17
- declare const DropdownItem: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
18
- class?: string | undefined;
19
- disabled?: boolean | undefined;
20
- href?: string | undefined;
21
- }, {
22
- default: {};
23
- }>, {
24
- click: CustomEvent<any>;
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=DropdownItem.svelte.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DropdownItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Dropdown/DropdownItem.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAuEA;;;WAjBW,MAAM,GAAC,SAAS;;;;;;;;;eAiBgI;sCATrH,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,49 +0,0 @@
1
- <script>
2
- export let faqs = [];
3
- export let title = "FAQs";
4
- export let showTitle = true;
5
-
6
- $: items = faqs.map(f =>
7
- typeof f === 'string' ? { question: '', answer: f } : f
8
- );
9
- </script>
10
-
11
- <div class="flex flex-col gap-3">
12
- {#if showTitle}
13
- <h2 class="section-title font-medium text-xl">{title}</h2>
14
- {/if}
15
-
16
- {#if items.length}
17
- <div class="space-y-4">
18
- {#each items as { question, answer }}
19
- <div>
20
- {#if question}
21
- <p class="question-text text-[15px] font-medium mb-1">{question}</p>
22
- {/if}
23
- <p class="answer-text text-[15px] leading-relaxed">{answer}</p>
24
- </div>
25
- {/each}
26
- </div>
27
- {:else}
28
- <p class="empty-text text-sm">No FAQs available.</p>
29
- {/if}
30
- </div>
31
-
32
- <style>
33
- /* Theme-responsive colors using CSS variables */
34
- .section-title {
35
- color: hsl(var(--Text-Primary));
36
- }
37
-
38
- .question-text {
39
- color: hsl(var(--Text-Primary));
40
- }
41
-
42
- .answer-text {
43
- color: hsl(var(--Text-Secondary));
44
- }
45
-
46
- .empty-text {
47
- color: hsl(var(--Text-Tartiary));
48
- }
49
- </style>
@@ -1 +0,0 @@
1
- {"version":3,"file":"FAQs.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/FAQs/FAQs.svelte.js"],"names":[],"mappings":";;;;;;;;;;AA+CA;;;;;;mBAA8I;6CATjG,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,173 +0,0 @@
1
- <script>
2
- import { createEventDispatcher } from "svelte";
3
-
4
- const dispatch = createEventDispatcher();
5
-
6
- // API compatible with flowbite-svelte Search
7
- export let value = "";
8
- export let placeholder = "Search";
9
- export let size = "lg"; // sm, md, lg
10
- export let disabled = false;
11
- export let id = "";
12
- export let name = "";
13
-
14
- // Additional props
15
- let className = "";
16
- export { className as class };
17
-
18
- const sizes = {
19
- sm: { icon: "w-3.5 h-3.5", input: "h-8 text-xs pl-8", wrapper: "h-8" },
20
- md: { icon: "w-4 h-4", input: "h-10 text-sm pl-9", wrapper: "h-10" },
21
- lg: { icon: "w-5 h-5", input: "h-11 text-sm pl-10", wrapper: "h-11" }
22
- };
23
-
24
- $: sizeConfig = sizes[size] || sizes.lg;
25
-
26
- function handleInput(event) {
27
- value = event.target.value;
28
- dispatch("input", event);
29
- }
30
-
31
- function handleChange(event) {
32
- dispatch("change", event);
33
- }
34
-
35
- function handleKeydown(event) {
36
- dispatch("keydown", event);
37
- }
38
-
39
- function handleKeyup(event) {
40
- dispatch("keyup", event);
41
- }
42
-
43
- function handleFocus(event) {
44
- dispatch("focus", event);
45
- }
46
-
47
- function handleBlur(event) {
48
- dispatch("blur", event);
49
- }
50
- </script>
51
-
52
- <div class="search-wrapper {sizeConfig.wrapper} {className}">
53
- <div class="search-icon-wrapper">
54
- <svg
55
- class="search-icon {sizeConfig.icon}"
56
- fill="currentColor"
57
- viewBox="0 0 20 20"
58
- xmlns="http://www.w3.org/2000/svg"
59
- >
60
- <path
61
- fill-rule="evenodd"
62
- d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"
63
- clip-rule="evenodd"
64
- />
65
- </svg>
66
- </div>
67
- <input
68
- type="search"
69
- {id}
70
- {name}
71
- {placeholder}
72
- {disabled}
73
- class="search-input {sizeConfig.input}"
74
- bind:value
75
- on:input={handleInput}
76
- on:change={handleChange}
77
- on:keydown={handleKeydown}
78
- on:keyup={handleKeyup}
79
- on:focus={handleFocus}
80
- on:blur={handleBlur}
81
- {...$$restProps}
82
- />
83
- {#if $$slots.default}
84
- <div class="search-actions">
85
- <slot />
86
- </div>
87
- {/if}
88
- </div>
89
-
90
- <style>
91
- .search-wrapper {
92
- --search-bg: #f9fafb;
93
- --search-text: #0d1526;
94
- --search-text-placeholder: #6b7280;
95
- --search-border: #e5e7eb;
96
- --search-focus-ring: #3b82f6;
97
- --search-icon-color: #6b7280;
98
- position: relative;
99
- width: 100%;
100
- }
101
-
102
- .search-icon-wrapper {
103
- position: absolute;
104
- inset-y: 0;
105
- left: 0;
106
- display: flex;
107
- align-items: center;
108
- padding-left: 0.75rem;
109
- pointer-events: none;
110
- }
111
-
112
- .search-icon {
113
- color: var(--search-icon-color);
114
- }
115
-
116
- .search-input {
117
- width: 100%;
118
- padding-right: 0.75rem;
119
- background-color: var(--search-bg);
120
- color: var(--search-text);
121
- font-weight: 500;
122
- border: 1px solid var(--search-border);
123
- border-radius: 0.5rem;
124
- transition: border-color 0.15s ease, box-shadow 0.15s ease;
125
- }
126
-
127
- .search-input:focus {
128
- outline: none;
129
- box-shadow: 0 0 0 2px var(--search-focus-ring);
130
- border-color: var(--search-focus-ring);
131
- }
132
-
133
- .search-input:hover:not(:focus):not(:disabled) {
134
- border-color: var(--search-focus-ring);
135
- }
136
-
137
- .search-input:disabled {
138
- opacity: 0.5;
139
- cursor: not-allowed;
140
- }
141
-
142
- .search-input::-moz-placeholder {
143
- color: var(--search-text-placeholder);
144
- }
145
-
146
- .search-input::placeholder {
147
- color: var(--search-text-placeholder);
148
- }
149
-
150
- /* Hide browser's default clear button on search inputs */
151
- .search-input::-webkit-search-cancel-button {
152
- -webkit-appearance: none;
153
- appearance: none;
154
- }
155
-
156
- .search-actions {
157
- position: absolute;
158
- inset-y: 0;
159
- right: 0;
160
- display: flex;
161
- align-items: center;
162
- color: var(--search-icon-color);
163
- }
164
-
165
- /* Dark mode overrides */
166
- :global(.dark) .search-wrapper {
167
- --search-bg: #111827;
168
- --search-text: #f7f7f8;
169
- --search-text-placeholder: #9ca3af;
170
- --search-border: #374151;
171
- --search-icon-color: #9ca3af;
172
- }
173
- </style>
@@ -1,68 +0,0 @@
1
- export default Search;
2
- type Search = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
3
- [x: string]: any;
4
- class?: string | undefined;
5
- size?: string | undefined;
6
- disabled?: boolean | undefined;
7
- value?: string | undefined;
8
- name?: string | undefined;
9
- id?: string | undefined;
10
- placeholder?: string | undefined;
11
- }, {
12
- default: {};
13
- }>, {
14
- input: CustomEvent<any>;
15
- change: CustomEvent<any>;
16
- keydown: CustomEvent<any>;
17
- keyup: CustomEvent<any>;
18
- focus: CustomEvent<any>;
19
- blur: CustomEvent<any>;
20
- } & {
21
- [evt: string]: CustomEvent<any>;
22
- }, {
23
- default: {};
24
- }> & {
25
- $$bindings?: string | undefined;
26
- };
27
- declare const Search: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
28
- [x: string]: any;
29
- class?: string | undefined;
30
- size?: string | undefined;
31
- disabled?: boolean | undefined;
32
- value?: string | undefined;
33
- name?: string | undefined;
34
- id?: string | undefined;
35
- placeholder?: string | undefined;
36
- }, {
37
- default: {};
38
- }>, {
39
- input: CustomEvent<any>;
40
- change: CustomEvent<any>;
41
- keydown: CustomEvent<any>;
42
- keyup: CustomEvent<any>;
43
- focus: CustomEvent<any>;
44
- blur: CustomEvent<any>;
45
- } & {
46
- [evt: string]: CustomEvent<any>;
47
- }, {
48
- default: {};
49
- }, {}, string>;
50
- type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
51
- default: any;
52
- } ? Props extends Record<string, never> ? any : {
53
- children?: any;
54
- } : {});
55
- 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> {
56
- new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
57
- $$bindings?: Bindings;
58
- } & Exports;
59
- (internal: unknown, props: Props & {
60
- $$events?: Events;
61
- $$slots?: Slots;
62
- }): Exports & {
63
- $set?: any;
64
- $on?: any;
65
- };
66
- z_$$bindings?: Bindings;
67
- }
68
- //# sourceMappingURL=Search.svelte.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Search.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Input/Search.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAwFA;;;;;;;;;;;;;;;;;;;;;;eAAgM;sCAT1J,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,160 +0,0 @@
1
- <script>
2
- import { createEventDispatcher } from "svelte";
3
-
4
- const dispatch = createEventDispatcher();
5
-
6
- // API compatible with flowbite-svelte Textarea
7
- export let value = "";
8
- export let placeholder = "";
9
- export let rows = 4;
10
- export let disabled = false;
11
- export let required = false;
12
- export let readonly = false;
13
- export let id = "";
14
- export let name = "";
15
- export let label = "";
16
- export let error = "";
17
- export let maxlength = null;
18
- export let minlength = null;
19
-
20
- // Additional props
21
- let className = "";
22
- export { className as class };
23
-
24
- function handleInput(event) {
25
- value = event.target.value;
26
- dispatch("input", { value });
27
- }
28
-
29
- function handleChange(event) {
30
- dispatch("change", { value: event.target.value });
31
- }
32
-
33
- function handleBlur(event) {
34
- dispatch("blur", event);
35
- }
36
-
37
- function handleFocus(event) {
38
- dispatch("focus", event);
39
- }
40
- </script>
41
-
42
- <div class="textarea-wrapper">
43
- {#if label}
44
- <label for={id || name} class="textarea-label">
45
- {label}{#if required}<span class="textarea-required">*</span>{/if}
46
- </label>
47
- {/if}
48
-
49
- <textarea
50
- {id}
51
- {name}
52
- {placeholder}
53
- {rows}
54
- {disabled}
55
- {readonly}
56
- {maxlength}
57
- {minlength}
58
- class="textarea-field {error ? 'textarea-error' : ''} {className}"
59
- bind:value
60
- on:input={handleInput}
61
- on:change={handleChange}
62
- on:blur={handleBlur}
63
- on:focus={handleFocus}
64
- on:keydown
65
- on:keyup
66
- on:keypress
67
- aria-required={required}
68
- aria-invalid={!!error}
69
- {...$$restProps}
70
- ></textarea>
71
-
72
- {#if error}
73
- <p class="textarea-error-text">{error}</p>
74
- {/if}
75
- </div>
76
-
77
- <style>
78
- .textarea-wrapper {
79
- --textarea-bg: #f9fafb;
80
- --textarea-text: #0d1526;
81
- --textarea-text-placeholder: #6b7280;
82
- --textarea-border: #e5e7eb;
83
- --textarea-border-error: #ff6666;
84
- --textarea-focus-ring: #3b82f6;
85
- --textarea-label-text: #0d1526;
86
- width: 100%;
87
- display: flex;
88
- flex-direction: column;
89
- gap: 0.5rem;
90
- }
91
-
92
- .textarea-label {
93
- color: var(--textarea-label-text);
94
- font-size: 0.875rem;
95
- font-weight: 500;
96
- line-height: 1.25;
97
- }
98
-
99
- .textarea-required {
100
- color: var(--textarea-border-error);
101
- font-weight: 500;
102
- font-size: 0.875rem;
103
- margin-left: 0.125rem;
104
- }
105
-
106
- .textarea-field {
107
- width: 100%;
108
- padding: 0.625rem 0.75rem;
109
- background-color: var(--textarea-bg);
110
- color: var(--textarea-text);
111
- font-size: 0.875rem;
112
- line-height: 1.5;
113
- border: 1px solid var(--textarea-border);
114
- border-radius: 0.5rem;
115
- resize: vertical;
116
- transition: border-color 0.15s ease, box-shadow 0.15s ease;
117
- }
118
-
119
- .textarea-field:focus {
120
- outline: none;
121
- box-shadow: 0 0 0 2px var(--textarea-focus-ring);
122
- border-color: var(--textarea-focus-ring);
123
- }
124
-
125
- .textarea-field:hover:not(:focus):not(:disabled) {
126
- border-color: var(--textarea-focus-ring);
127
- }
128
-
129
- .textarea-field:disabled {
130
- opacity: 0.5;
131
- cursor: not-allowed;
132
- }
133
-
134
- .textarea-field::-moz-placeholder {
135
- color: var(--textarea-text-placeholder);
136
- }
137
-
138
- .textarea-field::placeholder {
139
- color: var(--textarea-text-placeholder);
140
- }
141
-
142
- .textarea-field.textarea-error {
143
- border-color: var(--textarea-border-error);
144
- }
145
-
146
- .textarea-error-text {
147
- margin: 0;
148
- color: var(--textarea-border-error);
149
- font-size: 0.875rem;
150
- }
151
-
152
- /* Dark mode overrides */
153
- :global(.dark) .textarea-wrapper {
154
- --textarea-bg: #111827;
155
- --textarea-text: #f7f7f8;
156
- --textarea-text-placeholder: #9ca3af;
157
- --textarea-border: #374151;
158
- --textarea-label-text: #f7f7f8;
159
- }
160
- </style>
@@ -1,69 +0,0 @@
1
- export default Textarea;
2
- type Textarea = SvelteComponent<{
3
- [x: string]: any;
4
- class?: string | undefined;
5
- error?: string | undefined;
6
- disabled?: boolean | undefined;
7
- value?: string | undefined;
8
- name?: string | undefined;
9
- label?: string | undefined;
10
- id?: string | undefined;
11
- required?: boolean | undefined;
12
- maxlength?: null | undefined;
13
- minlength?: null | undefined;
14
- placeholder?: string | undefined;
15
- readonly?: boolean | undefined;
16
- rows?: number | undefined;
17
- }, {
18
- keydown: KeyboardEvent;
19
- keyup: KeyboardEvent;
20
- keypress: KeyboardEvent;
21
- input: CustomEvent<any>;
22
- change: CustomEvent<any>;
23
- blur: CustomEvent<any>;
24
- focus: CustomEvent<any>;
25
- } & {
26
- [evt: string]: CustomEvent<any>;
27
- }, {}> & {
28
- $$bindings?: string | undefined;
29
- };
30
- declare const Textarea: $$__sveltets_2_IsomorphicComponent<{
31
- [x: string]: any;
32
- class?: string | undefined;
33
- error?: string | undefined;
34
- disabled?: boolean | undefined;
35
- value?: string | undefined;
36
- name?: string | undefined;
37
- label?: string | undefined;
38
- id?: string | undefined;
39
- required?: boolean | undefined;
40
- maxlength?: null | undefined;
41
- minlength?: null | undefined;
42
- placeholder?: string | undefined;
43
- readonly?: boolean | undefined;
44
- rows?: number | undefined;
45
- }, {
46
- keydown: KeyboardEvent;
47
- keyup: KeyboardEvent;
48
- keypress: KeyboardEvent;
49
- input: CustomEvent<any>;
50
- change: CustomEvent<any>;
51
- blur: CustomEvent<any>;
52
- focus: CustomEvent<any>;
53
- } & {
54
- [evt: string]: CustomEvent<any>;
55
- }, {}, {}, string>;
56
- 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> {
57
- new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
58
- $$bindings?: Bindings;
59
- } & Exports;
60
- (internal: unknown, props: Props & {
61
- $$events?: Events;
62
- $$slots?: Slots;
63
- }): Exports & {
64
- $set?: any;
65
- $on?: any;
66
- };
67
- z_$$bindings?: Bindings;
68
- }
69
- //# sourceMappingURL=Textarea.svelte.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Textarea.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Input/Textarea.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyEA;;;;;;;;;;;;;;;;;;;;;;;;;mBAA0P;6CAT7M,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"}