@getmicdrop/svelte-components 2.2.0 → 2.3.0

package/dist/components/Radio/Radio.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Radio/Radio.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAiEA;;;;;;;;;;;;;;eAAoK;sCAT9H,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"}

package/dist/components/Skeleton/Skeleton.svelte

@@ -0,0 +1,59 @@
+<script>
+  /** @type {'text' | 'circular' | 'rectangular'} Shape variant */
+  export let variant = "text";
+  /** @type {string} Width (CSS value) */
+  export let width = "100%";
+  /** @type {string} Height (CSS value) */
+  export let height = "1rem";
+  /** @type {boolean} Whether to animate */
+  export let animation = true;
+  /** @type {string} Additional CSS classes */
+  let className = "";
+  export { className as class };
+</script>
+
+<div
+  class="skeleton skeleton--{variant} {className}"
+  class:skeleton--animated={animation}
+  style="width: {width}; height: {height};"
+  aria-hidden="true"
+></div>
+
+<style>
+  .skeleton {
+    background-color: hsl(var(--BG-Secondary, 220 14% 96%));
+    display: block;
+  }
+
+  .skeleton--text {
+    border-radius: 0.25rem;
+  }
+
+  .skeleton--circular {
+    border-radius: 50%;
+  }
+
+  .skeleton--rectangular {
+    border-radius: 0.5rem;
+  }
+
+  .skeleton--animated {
+    animation: skeleton-pulse 1.5s ease-in-out infinite;
+    background: linear-gradient(
+      90deg,
+      hsl(var(--BG-Secondary, 220 14% 96%)) 0%,
+      hsl(var(--BG-Primary, 0 0% 100%)) 50%,
+      hsl(var(--BG-Secondary, 220 14% 96%)) 100%
+    );
+    background-size: 200% 100%;
+  }
+
+  @keyframes skeleton-pulse {
+    0% {
+      background-position: 200% 0;
+    }
+    100% {
+      background-position: -200% 0;
+    }
+  }
+</style>

package/dist/components/Skeleton/Skeleton.svelte.d.ts

@@ -0,0 +1,35 @@
+export default Skeleton;
+type Skeleton = SvelteComponent<{
+    class?: string | undefined;
+    variant?: "text" | "circular" | "rectangular" | undefined;
+    width?: string | undefined;
+    height?: string | undefined;
+    animation?: boolean | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Skeleton: $$__sveltets_2_IsomorphicComponent<{
+    class?: string | undefined;
+    variant?: "text" | "circular" | "rectangular" | undefined;
+    width?: string | undefined;
+    height?: string | undefined;
+    animation?: boolean | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+//# sourceMappingURL=Skeleton.svelte.d.ts.map

package/dist/components/Skeleton/Skeleton.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Skeleton/Skeleton.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;AAqCA;;;;;;;;mBAAsK;6CATzH,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"}

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

@@ -1,8 +1,8 @@
 export default SwitchOption;
 type SwitchOption = SvelteComponent<{
     onToggle: any;
-    label?: string | undefined;
     checked?: boolean | undefined;
+    label?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> & {
@@ -10,8 +10,8 @@ type SwitchOption = SvelteComponent<{
 };
 declare const SwitchOption: $$__sveltets_2_IsomorphicComponent<{
     onToggle: any;
-    label?: string | undefined;
     checked?: boolean | undefined;
+    label?: string | 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;
-    image?: string | undefined;
     name?: string | undefined;
+    image?: 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;
-    image?: string | undefined;
     name?: string | undefined;
+    image?: 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 border border-primary-700 rounded-lg h-auto w-9 px-1.5 hover:bg-primary-50 cursor-pointer transition-colors"
+            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"
           />
 
           <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 border border-gray-300 rounded-lg h-10 w-10 p-2 hover:bg-gray-50 cursor-pointer transition-colors"
+            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"
           />
           <Dropdown
             class="shadow-none min-w-[200px]"

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

@@ -1,7 +1,7 @@
 export default VenueItemCard;
 type VenueItemCard = SvelteComponent<{
-    image: any;
     name: any;
+    image: any;
     end: any;
     start: any;
     status: any;
@@ -27,8 +27,8 @@ type VenueItemCard = SvelteComponent<{
     $$bindings?: string | undefined;
 };
 declare const VenueItemCard: $$__sveltets_2_IsomorphicComponent<{
-    image: any;
     name: any;
+    image: any;
     end: any;
     start: any;
     status: any;

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

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

package/dist/constants/formOptions.d.ts

@@ -7,10 +7,13 @@
  *   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;;;IAIE;AAEF;;;IAQE"}
+{"version":3,"file":"formOptions.d.ts","sourceRoot":"","sources":["../../src/lib/constants/formOptions.js"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH;;;;;;KAKE;AAEF;;;IAQE"}

package/dist/constants/formOptions.js

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

package/dist/index.d.ts

@@ -1,15 +1,22 @@
+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 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 Toggle } from "./components/Toggle.svelte";
 export { default as ValidationError } from "./components/ValidationError.svelte";
 export { default as CropImage } from "./components/CropImage/CropImage.svelte";
@@ -52,6 +59,8 @@ 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";

package/dist/index.js

@@ -1,16 +1,23 @@
 // 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 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 Toggle } from './components/Toggle.svelte';
 export { default as ValidationError } from './components/ValidationError.svelte';
 
@@ -68,6 +75,8 @@ 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';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getmicdrop/svelte-components",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "description": "Shared component library for Micdrop applications",
   "type": "module",
   "main": "./dist/index.js",