@getmicdrop/svelte-components 2.4.0 → 2.6.0

package/dist/components/Input/Input.svelte

@@ -457,6 +457,11 @@
     {:else}
       <!-- Standard Input Layout -->
       <div class="relative flex items-center w-full">
+        {#if $$slots.leftIcon}
+          <div class="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 z-10 pointer-events-none">
+            <slot name="leftIcon" />
+          </div>
+        {/if}
         <input
           bind:this={inputElement}
           {id}
@@ -471,7 +476,7 @@
           on:keydown={handleSearchKeyDown}
           {maxlength}
           {minlength}
-          class="input-field flex-1 {icon || (showClearButton && inputValue)
+          class="input-field flex-1 {$$slots.leftIcon ? 'pl-10' : ''} {icon || (showClearButton && inputValue)
             ? 'pr-10'
             : ''} {getContentFloatClass()} {displayErrorText
             ? 'input-error'

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

@@ -4,18 +4,18 @@ type Input = SvelteComponent<{
     size?: string | undefined;
     className?: string | undefined;
     disabled?: boolean | undefined;
+    icon?: null | undefined;
     value?: string | undefined;
     name?: string | undefined;
     label?: string | undefined;
     id?: string | undefined;
-    icon?: null | undefined;
+    placeholder?: string | undefined;
     required?: boolean | undefined;
     optional?: boolean | undefined;
     buttonIcon?: null | undefined;
     buttonText?: null | undefined;
     maxlength?: null | undefined;
     minlength?: null | undefined;
-    placeholder?: string | undefined;
     textareaSize?: string | undefined;
     errorText?: string | undefined;
     helperText?: string | undefined;
@@ -44,7 +44,9 @@ type Input = SvelteComponent<{
     search: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
-}, {}> & {
+}, {
+    leftIcon: {};
+}> & {
     $$bindings?: string | undefined;
 };
 declare const Input: $$__sveltets_2_IsomorphicComponent<{
@@ -52,18 +54,18 @@ declare const Input: $$__sveltets_2_IsomorphicComponent<{
     size?: string | undefined;
     className?: string | undefined;
     disabled?: boolean | undefined;
+    icon?: null | undefined;
     value?: string | undefined;
     name?: string | undefined;
     label?: string | undefined;
     id?: string | undefined;
-    icon?: null | undefined;
+    placeholder?: string | undefined;
     required?: boolean | undefined;
     optional?: boolean | undefined;
     buttonIcon?: null | undefined;
     buttonText?: null | undefined;
     maxlength?: null | undefined;
     minlength?: null | undefined;
-    placeholder?: string | undefined;
     textareaSize?: string | undefined;
     errorText?: string | undefined;
     helperText?: string | undefined;
@@ -92,7 +94,9 @@ declare const Input: $$__sveltets_2_IsomorphicComponent<{
     search: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
+}, {
+    leftIcon: {};
+}, {}, 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;

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

@@ -1 +1 @@
-{"version":3,"file":"Input.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Input/Input.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwcA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAAknB;6CATrkB,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"}
+{"version":3,"file":"Input.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Input/Input.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkdA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAAwnB;6CAd3kB,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/Input/MultiSelect.svelte.d.ts

@@ -6,8 +6,8 @@ type MultiSelect = SvelteComponent<{
     name?: string | undefined;
     label?: string | undefined;
     id?: string | undefined;
-    required?: boolean | undefined;
     placeholder?: string | undefined;
+    required?: boolean | undefined;
     animateFocus?: boolean | undefined;
     items?: any[] | undefined;
     hideClear?: boolean | undefined;
@@ -25,8 +25,8 @@ declare const MultiSelect: $$__sveltets_2_IsomorphicComponent<{
     name?: string | undefined;
     label?: string | undefined;
     id?: string | undefined;
-    required?: boolean | undefined;
     placeholder?: string | undefined;
+    required?: boolean | undefined;
     animateFocus?: boolean | undefined;
     items?: any[] | undefined;
     hideClear?: boolean | undefined;

package/dist/components/Input/Select.svelte.d.ts

@@ -6,8 +6,8 @@ type Select = SvelteComponent<{
     name?: string | undefined;
     label?: string | undefined;
     id?: string | undefined;
-    required?: boolean | undefined;
     placeholder?: string | undefined;
+    required?: boolean | undefined;
     animateFocus?: boolean | undefined;
     items?: any[] | undefined;
 }, {
@@ -24,8 +24,8 @@ declare const Select: $$__sveltets_2_IsomorphicComponent<{
     name?: string | undefined;
     label?: string | undefined;
     id?: string | undefined;
-    required?: boolean | undefined;
     placeholder?: string | undefined;
+    required?: boolean | undefined;
     animateFocus?: boolean | undefined;
     items?: any[] | undefined;
 }, {

package/dist/components/Input/Textarea.svelte.d.ts

@@ -8,10 +8,10 @@ type Textarea = SvelteComponent<{
     name?: string | undefined;
     label?: string | undefined;
     id?: string | undefined;
+    placeholder?: string | undefined;
     required?: boolean | undefined;
     maxlength?: null | undefined;
     minlength?: null | undefined;
-    placeholder?: string | undefined;
     readonly?: boolean | undefined;
     rows?: number | undefined;
 }, {
@@ -36,10 +36,10 @@ declare const Textarea: $$__sveltets_2_IsomorphicComponent<{
     name?: string | undefined;
     label?: string | undefined;
     id?: string | undefined;
+    placeholder?: string | undefined;
     required?: boolean | undefined;
     maxlength?: null | undefined;
     minlength?: null | undefined;
-    placeholder?: string | undefined;
     readonly?: boolean | undefined;
     rows?: number | undefined;
 }, {

package/dist/components/Layout/PageLayout.svelte

@@ -0,0 +1,64 @@
+<script>
+  import Breadcrumb from '../Breadcrumb/Breadcrumb.svelte';
+  import Card from '../Card.svelte';
+
+  /**
+   * Breadcrumb navigation data
+   * @type {Array<{name: string, href: string}>}
+   */
+  export let breadcrumb = [];
+
+  /**
+   * Page title displayed below breadcrumb
+   * @type {string}
+   */
+  export let title = '';
+
+  /**
+   * Subtitle displayed below title
+   * @type {string}
+   */
+  export let subtitle = '';
+
+  /**
+   * Layout variant
+   * - 'default': Content with standard padding, no wrapper
+   * - 'card': Content wrapped in Card component with max-width
+   * @type {'default' | 'card'}
+   */
+  export let variant = 'default';
+
+  /**
+   * Max width class for card variant (e.g., 'max-w-4xl', 'max-w-6xl')
+   * @type {string}
+   */
+  export let maxWidth = 'max-w-4xl';
+
+  /**
+   * Additional CSS classes for the content container
+   * @type {string}
+   */
+  export let className = '';
+
+  /**
+   * Whether to show the header (breadcrumb, title, subtitle)
+   * @type {boolean}
+   */
+  export let showHeader = true;
+</script>
+
+{#if showHeader}
+  <nav class="pt-4 px-4 text-text-primary text-lg font-semibold">
+    <Breadcrumb data={breadcrumb} {title} {subtitle} />
+  </nav>
+{/if}
+
+<div class="px-4 pb-20 md:pb-6 {className}">
+  {#if variant === 'card'}
+    <Card className="dark:bg-bg-primary {maxWidth}">
+      <slot />
+    </Card>
+  {:else}
+    <slot />
+  {/if}
+</div>

package/dist/components/Layout/PageLayout.svelte.d.ts

@@ -0,0 +1,58 @@
+export default PageLayout;
+type PageLayout = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
+    title?: string | undefined;
+    className?: string | undefined;
+    variant?: "default" | "card" | undefined;
+    subtitle?: string | undefined;
+    breadcrumb?: {
+        name: string;
+        href: string;
+    }[] | undefined;
+    maxWidth?: string | undefined;
+    showHeader?: boolean | undefined;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> & {
+    $$bindings?: string | undefined;
+};
+declare const PageLayout: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    title?: string | undefined;
+    className?: string | undefined;
+    variant?: "default" | "card" | undefined;
+    subtitle?: string | undefined;
+    breadcrumb?: {
+        name: string;
+        href: string;
+    }[] | undefined;
+    maxWidth?: string | undefined;
+    showHeader?: boolean | undefined;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+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=PageLayout.svelte.d.ts.map

package/dist/components/Layout/PageLayout.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayout.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Layout/PageLayout.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqHA;;;;;;cA1CyB,MAAM;cAAQ,MAAM;;;;;;;;;;eA0CgK;sCATvK,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/Modal/StatusModal.svelte.d.ts

@@ -9,11 +9,11 @@ type StatusModal = SvelteComponent<{
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
     image?: null | undefined;
+    iconType?: string | undefined;
     buttonText?: string | undefined;
     description?: string | undefined;
     customIcon?: null | undefined;
     closeBtn?: boolean | undefined;
-    iconType?: string | undefined;
 }, {
     confirm: CustomEvent<any>;
     close: CustomEvent<any>;
@@ -32,11 +32,11 @@ declare const StatusModal: $$__sveltets_2_IsomorphicComponent<{
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
     image?: null | undefined;
+    iconType?: string | undefined;
     buttonText?: string | undefined;
     description?: string | undefined;
     customIcon?: null | undefined;
     closeBtn?: boolean | undefined;
-    iconType?: string | undefined;
 }, {
     confirm: CustomEvent<any>;
     close: CustomEvent<any>;

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

@@ -1,7 +1,7 @@
 export default Tabs;
 type Tabs = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
     class?: string | undefined;
-    tabStyle?: "full" | "underline" | "pill" | undefined;
+    tabStyle?: "pill" | "full" | "underline" | undefined;
     contentClass?: string | undefined;
     activeTabValue?: string | number | undefined;
 }, {
@@ -15,7 +15,7 @@ type Tabs = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
 };
 declare const Tabs: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
     class?: string | undefined;
-    tabStyle?: "full" | "underline" | "pill" | undefined;
+    tabStyle?: "pill" | "full" | "underline" | undefined;
     contentClass?: string | undefined;
     activeTabValue?: string | number | undefined;
 }, {

package/dist/components/Typography/Typography.svelte

@@ -0,0 +1,50 @@
+<script>
+  /**
+   * Typography component for consistent text styling across the application.
+   * Renders semantic HTML elements (h1-h6, p) with configurable font weights.
+   *
+   * @example
+   * <Typography variant="h1" weight="bold">Page Title</Typography>
+   * <Typography variant="p" weight="regular">Body text</Typography>
+   */
+
+  /** @type {'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p'} The semantic element to render */
+  export let variant = 'p';
+
+  /** @type {'bold' | 'semibold' | 'medium' | 'regular'} Font weight variant */
+  export let weight = 'regular';
+
+  /** @type {string} Additional CSS classes */
+  let className = '';
+  export { className as class };
+
+  /** @type {string} Text content (alternative to slot) */
+  export let text = '';
+
+  const sizeMap = {
+    h1: 'text-3xl',
+    h2: 'text-2xl',
+    h3: 'text-xl',
+    h4: 'text-lg',
+    h5: 'text-base',
+    h6: 'text-xs',
+    p: 'text-sm',
+  };
+
+  const weightMap = {
+    bold: 'font-bold',
+    semibold: 'font-semibold',
+    medium: 'font-medium',
+    regular: 'font-normal',
+  };
+
+  $: computedClass = `${sizeMap[variant]} ${weightMap[weight]} ${className}`.trim();
+</script>
+
+<svelte:element this={variant} class={computedClass} {...$$restProps}>
+  {#if text}
+    {text}
+  {:else}
+    <slot />
+  {/if}
+</svelte:element>

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

@@ -0,0 +1,48 @@
+export default Typography;
+type Typography = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+    class?: string | undefined;
+    variant?: "h3" | "h1" | "p" | "h2" | "h4" | "h5" | "h6" | undefined;
+    text?: string | undefined;
+    weight?: "medium" | "bold" | "semibold" | "regular" | undefined;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> & {
+    $$bindings?: string | undefined;
+};
+declare const Typography: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+    class?: string | undefined;
+    variant?: "h3" | "h1" | "p" | "h2" | "h4" | "h5" | "h6" | undefined;
+    text?: string | undefined;
+    weight?: "medium" | "bold" | "semibold" | "regular" | undefined;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+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=Typography.svelte.d.ts.map

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

@@ -0,0 +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"}

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

@@ -1,7 +1,7 @@
 export default ShowDetails;
 type ShowDetails = SvelteComponent<{
-    status: any;
     venue: any;
+    status: any;
     formattedStartTime: any;
     showFullDate: any;
     formattedDoorsOpenTime: any;
@@ -16,8 +16,8 @@ type ShowDetails = SvelteComponent<{
     $$bindings?: string | undefined;
 };
 declare const ShowDetails: $$__sveltets_2_IsomorphicComponent<{
-    status: any;
     venue: any;
+    status: any;
     formattedStartTime: any;
     showFullDate: any;
     formattedDoorsOpenTime: any;

package/dist/components/pages/settings/tabs/CustomImageDropzone.svelte.d.ts

@@ -1,9 +1,9 @@
 export default CustomImageDropzone;
 type CustomImageDropzone = SvelteComponent<{
+    shape?: string | undefined;
     label?: string | undefined;
     readonly?: boolean | undefined;
     existingImages?: any[] | undefined;
-    shape?: string | undefined;
 }, {
     upload: CustomEvent<any>;
     delete: CustomEvent<any>;
@@ -13,10 +13,10 @@ type CustomImageDropzone = SvelteComponent<{
     $$bindings?: string | undefined;
 };
 declare const CustomImageDropzone: $$__sveltets_2_IsomorphicComponent<{
+    shape?: string | undefined;
     label?: string | undefined;
     readonly?: boolean | undefined;
     existingImages?: any[] | undefined;
-    shape?: string | undefined;
 }, {
     upload: CustomEvent<any>;
     delete: CustomEvent<any>;

package/dist/index.d.ts

@@ -12,6 +12,8 @@ export { default as DarkModeToggle } from "./components/DarkModeToggle.svelte";
 export { default as Drawer } from "./components/Drawer/Drawer.svelte";
 export { default as Dropdown } from "./components/Dropdown/Dropdown.svelte";
 export { default as DropdownItem } from "./components/Dropdown/DropdownItem.svelte";
+export { default as SelectDropdown } from "./components/Dropdown/SelectDropdown.svelte";
+export { default as EmptyState } from "./components/EmptyState/EmptyState.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";
@@ -22,6 +24,7 @@ export { default as Skeleton } from "./components/Skeleton/Skeleton.svelte";
 export { default as Tabs } from "./components/Tabs/Tabs.svelte";
 export { default as TabItem } from "./components/Tabs/TabItem.svelte";
 export { default as Toggle } from "./components/Toggle.svelte";
+export { default as Typography } from "./components/Typography/Typography.svelte";
 export { default as ValidationError } from "./components/ValidationError.svelte";
 export { default as CropImage } from "./components/CropImage/CropImage.svelte";
 export { default as Icon } from "./components/Icons/Icon.svelte";
@@ -64,6 +67,7 @@ export { default as Textarea } from "./components/Input/Textarea.svelte";
 export { default as Label } from "./components/Label/Label.svelte";
 export { default as BottomNav } from "./components/Layout/BottomNav.svelte";
 export { default as Header } from "./components/Layout/Header.svelte";
+export { default as PageLayout } from "./components/Layout/PageLayout.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";

package/dist/index.js

@@ -13,6 +13,8 @@ export { default as DarkModeToggle } from './components/DarkModeToggle.svelte';
 export { default as Drawer } from './components/Drawer/Drawer.svelte';
 export { default as Dropdown } from './components/Dropdown/Dropdown.svelte';
 export { default as DropdownItem } from './components/Dropdown/DropdownItem.svelte';
+export { default as SelectDropdown } from './components/Dropdown/SelectDropdown.svelte';
+export { default as EmptyState } from './components/EmptyState/EmptyState.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';
@@ -23,6 +25,7 @@ export { default as Skeleton } from './components/Skeleton/Skeleton.svelte';
 export { default as Tabs } from './components/Tabs/Tabs.svelte';
 export { default as TabItem } from './components/Tabs/TabItem.svelte';
 export { default as Toggle } from './components/Toggle.svelte';
+export { default as Typography } from './components/Typography/Typography.svelte';
 export { default as ValidationError } from './components/ValidationError.svelte';
 
 // Calendar Components
@@ -80,6 +83,7 @@ export { default as Label } from './components/Label/Label.svelte';
 // Layout Components
 export { default as BottomNav } from './components/Layout/BottomNav.svelte';
 export { default as Header } from './components/Layout/Header.svelte';
+export { default as PageLayout } from './components/Layout/PageLayout.svelte';
 
 // Modal Components
 export { default as Modal } from './components/Modal/Modal.svelte';

package/package.json

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