@getmicdrop/svelte-components 3.0.0 → 3.1.0

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

@@ -1,39 +1,62 @@
-import type { Snippet } from 'svelte';
-type Variant = 'blue-solid' | 'blue-outline' | 'gray-outline' | 'red-solid' | 'red-outline' | 'red-text' | 'gray-text' | 'icon' | 'toggle';
-type Size = '' | 'full' | 'full-md-auto' | 'lg' | 'md' | 'sm' | 'xs' | 'nav' | 'half';
-type MinWidth = '' | 'sm' | 'action' | 'modal' | 'modal-responsive';
-type Shape = '' | 'circle';
-type Justify = '' | 'between';
-interface Props {
-    variant?: Variant;
-    size?: Size;
-    minWidth?: MinWidth;
-    shape?: Shape;
-    disabled?: boolean;
-    loading?: boolean;
-    success?: boolean;
-    successText?: string;
-    className?: string;
-    beforeIcon?: string | null;
-    afterIcon?: string | null;
-    responsive?: boolean;
-    active?: boolean;
-    href?: string | null;
-    justify?: Justify;
-    /** Click event callback */
-    onclick?: (e: MouseEvent) => void;
-    /** Mouseover event callback */
-    onmouseover?: (e: MouseEvent) => void;
-    /** Mouseenter event callback */
-    onmouseenter?: (e: MouseEvent) => void;
-    /** Mouseleave event callback */
-    onmouseleave?: (e: MouseEvent) => void;
-    /** Slot content */
-    children?: Snippet;
-    /** Rest props for additional attributes */
-    [key: string]: unknown;
-}
-declare const Button: import("svelte").Component<Props, {}, "">;
-type Button = ReturnType<typeof Button>;
 export default Button;
+type Button = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+    class?: string | undefined;
+    size?: string | undefined;
+    success?: boolean | undefined;
+    variant?: string | undefined;
+    disabled?: boolean | undefined;
+    loading?: boolean | undefined;
+    successText?: string | undefined;
+    active?: boolean | undefined;
+    href?: null | undefined;
+}, {
+    default: {};
+}>, {
+    click: PointerEvent;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> & {
+    $$bindings?: string | undefined;
+};
+declare const Button: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+    class?: string | undefined;
+    size?: string | undefined;
+    success?: boolean | undefined;
+    variant?: string | undefined;
+    disabled?: boolean | undefined;
+    loading?: boolean | undefined;
+    successText?: string | undefined;
+    active?: boolean | undefined;
+    href?: null | undefined;
+}, {
+    default: {};
+}>, {
+    click: PointerEvent;
+} & {
+    [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=Button.svelte.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Button/Button.svelte.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAIpC,KAAK,OAAO,GAAG,YAAY,GAAG,cAAc,GAAG,cAAc,GAAG,WAAW,GAAG,aAAa,GAAG,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,QAAQ,CAAC;AAC3I,KAAK,IAAI,GAAG,EAAE,GAAG,MAAM,GAAG,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;AACtF,KAAK,QAAQ,GAAG,EAAE,GAAG,IAAI,GAAG,QAAQ,GAAG,OAAO,GAAG,kBAAkB,CAAC;AACpE,KAAK,KAAK,GAAG,EAAE,GAAG,QAAQ,CAAC;AAC3B,KAAK,OAAO,GAAG,EAAE,GAAG,SAAS,CAAC;AAE9B,UAAU,KAAK;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAClC,+BAA+B;IAC/B,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,gCAAgC;IAChC,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,gCAAgC;IAChC,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,mBAAmB;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AA0OH,QAAA,MAAM,MAAM,2CAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Button/Button.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA2KA;;;;;;;;;;;;;;;;;;;eAA0N;sCATpL,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/Button/ButtonSaveDemo.svelte

@@ -20,5 +20,5 @@
 
 <div class="flex gap-4 items-center">
   <Button on:click={handleSave} {loading} {success}>Save</Button>
-  <button class="text-sm text-gray-500 underline" on:click={resetState}>Reset (simulates user edit)</button>
+  <button class="text-sm text-gray-500 dark:text-gray-400 underline" on:click={resetState}>Reset (simulates user edit)</button>
 </div>