@tomo-inc/tomo-ui 0.0.11 → 0.0.13

package/dist/theme/components/toast.mjs

@@ -0,0 +1,21 @@
+import {
+  toast,
+  toastRegion
+} from "../chunk-R2M62V4J.mjs";
+import "../chunk-CWYZ2GEH.mjs";
+import "../chunk-CT4RPJWF.mjs";
+import "../chunk-GQT3YUX3.mjs";
+import "../chunk-DOGZ47O4.mjs";
+import "../chunk-TX3FPB7D.mjs";
+import "../chunk-UFVD3L5A.mjs";
+import "../chunk-JGY6VQQQ.mjs";
+import "../chunk-6JJPIEK7.mjs";
+import "../chunk-POSTVCTR.mjs";
+import "../chunk-MPVWW3DX.mjs";
+import "../chunk-WH6SPIFG.mjs";
+import "../chunk-RUIUXVZ4.mjs";
+import "../chunk-GSRZWDGA.mjs";
+export {
+  toast,
+  toastRegion
+};

package/dist/theme/components/toggle.d.mts

@@ -0,0 +1,243 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+/**
+ * Toggle (Switch) wrapper **Tailwind Variants** component
+ *
+ * const {base, wrapper, thumb, thumbIcon, label, startContent, endContent} = toggle({...})
+ *
+ * @example
+ * <label
+ *    className={base())}
+ *    data-selected={true/false}
+ *    data-pressed={true/false}
+ *    data-focus={true/false}
+ *    data-hover={true/false}
+ *    data-focus-visible={true/false}
+ * >
+ *  <input/> // hidden input
+ *  <span className={wrapper()} aria-hidden="true">
+ *    <svg className={startContent()}>...</svg>
+ *    <span className={thumb()}>
+ *      <svg className={thumbIcon()}>...</svg>
+ *    </span>
+ *    <svg className={endContent()}>...</svg>
+ *  </span>
+ *  <span className={label()}>Label</span>
+ * </label>
+ */
+declare const toggle: tailwind_variants.TVReturnType<{
+    color: {
+        default: {
+            wrapper: string[];
+        };
+        primary: {
+            wrapper: string[];
+        };
+        secondary: {
+            wrapper: string[];
+        };
+        success: {
+            wrapper: string[];
+        };
+        warning: {
+            wrapper: string[];
+        };
+        danger: {
+            wrapper: string[];
+        };
+    };
+    size: {
+        sm: {
+            wrapper: string;
+            thumb: string[];
+            endContent: string;
+            startContent: string;
+            label: string;
+        };
+        md: {
+            wrapper: string;
+            thumb: string[];
+            endContent: string;
+            startContent: string;
+            label: string;
+        };
+        lg: {
+            wrapper: string;
+            thumb: string[];
+            endContent: string;
+            startContent: string;
+            label: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            wrapper: string;
+            thumb: string;
+        };
+        false: {
+            wrapper: string;
+            thumb: string;
+            startContent: string[];
+            endContent: string[];
+        };
+    };
+}, {
+    base: string;
+    wrapper: string[];
+    thumb: string[];
+    hiddenInput: string[];
+    startContent: string;
+    endContent: string;
+    thumbIcon: string;
+    label: string;
+}, undefined, {
+    color: {
+        default: {
+            wrapper: string[];
+        };
+        primary: {
+            wrapper: string[];
+        };
+        secondary: {
+            wrapper: string[];
+        };
+        success: {
+            wrapper: string[];
+        };
+        warning: {
+            wrapper: string[];
+        };
+        danger: {
+            wrapper: string[];
+        };
+    };
+    size: {
+        sm: {
+            wrapper: string;
+            thumb: string[];
+            endContent: string;
+            startContent: string;
+            label: string;
+        };
+        md: {
+            wrapper: string;
+            thumb: string[];
+            endContent: string;
+            startContent: string;
+            label: string;
+        };
+        lg: {
+            wrapper: string;
+            thumb: string[];
+            endContent: string;
+            startContent: string;
+            label: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            wrapper: string;
+            thumb: string;
+        };
+        false: {
+            wrapper: string;
+            thumb: string;
+            startContent: string[];
+            endContent: string[];
+        };
+    };
+}, {
+    base: string;
+    wrapper: string[];
+    thumb: string[];
+    hiddenInput: string[];
+    startContent: string;
+    endContent: string;
+    thumbIcon: string;
+    label: string;
+}, tailwind_variants.TVReturnType<{
+    color: {
+        default: {
+            wrapper: string[];
+        };
+        primary: {
+            wrapper: string[];
+        };
+        secondary: {
+            wrapper: string[];
+        };
+        success: {
+            wrapper: string[];
+        };
+        warning: {
+            wrapper: string[];
+        };
+        danger: {
+            wrapper: string[];
+        };
+    };
+    size: {
+        sm: {
+            wrapper: string;
+            thumb: string[];
+            endContent: string;
+            startContent: string;
+            label: string;
+        };
+        md: {
+            wrapper: string;
+            thumb: string[];
+            endContent: string;
+            startContent: string;
+            label: string;
+        };
+        lg: {
+            wrapper: string;
+            thumb: string[];
+            endContent: string;
+            startContent: string;
+            label: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            wrapper: string;
+            thumb: string;
+        };
+        false: {
+            wrapper: string;
+            thumb: string;
+            startContent: string[];
+            endContent: string[];
+        };
+    };
+}, {
+    base: string;
+    wrapper: string[];
+    thumb: string[];
+    hiddenInput: string[];
+    startContent: string;
+    endContent: string;
+    thumbIcon: string;
+    label: string;
+}, undefined, unknown, unknown, undefined>>;
+type ToggleVariantProps = VariantProps<typeof toggle>;
+type ToggleSlots = keyof ReturnType<typeof toggle>;
+
+export { type ToggleSlots, type ToggleVariantProps, toggle };

package/dist/theme/components/toggle.d.ts

@@ -0,0 +1,243 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+/**
+ * Toggle (Switch) wrapper **Tailwind Variants** component
+ *
+ * const {base, wrapper, thumb, thumbIcon, label, startContent, endContent} = toggle({...})
+ *
+ * @example
+ * <label
+ *    className={base())}
+ *    data-selected={true/false}
+ *    data-pressed={true/false}
+ *    data-focus={true/false}
+ *    data-hover={true/false}
+ *    data-focus-visible={true/false}
+ * >
+ *  <input/> // hidden input
+ *  <span className={wrapper()} aria-hidden="true">
+ *    <svg className={startContent()}>...</svg>
+ *    <span className={thumb()}>
+ *      <svg className={thumbIcon()}>...</svg>
+ *    </span>
+ *    <svg className={endContent()}>...</svg>
+ *  </span>
+ *  <span className={label()}>Label</span>
+ * </label>
+ */
+declare const toggle: tailwind_variants.TVReturnType<{
+    color: {
+        default: {
+            wrapper: string[];
+        };
+        primary: {
+            wrapper: string[];
+        };
+        secondary: {
+            wrapper: string[];
+        };
+        success: {
+            wrapper: string[];
+        };
+        warning: {
+            wrapper: string[];
+        };
+        danger: {
+            wrapper: string[];
+        };
+    };
+    size: {
+        sm: {
+            wrapper: string;
+            thumb: string[];
+            endContent: string;
+            startContent: string;
+            label: string;
+        };
+        md: {
+            wrapper: string;
+            thumb: string[];
+            endContent: string;
+            startContent: string;
+            label: string;
+        };
+        lg: {
+            wrapper: string;
+            thumb: string[];
+            endContent: string;
+            startContent: string;
+            label: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            wrapper: string;
+            thumb: string;
+        };
+        false: {
+            wrapper: string;
+            thumb: string;
+            startContent: string[];
+            endContent: string[];
+        };
+    };
+}, {
+    base: string;
+    wrapper: string[];
+    thumb: string[];
+    hiddenInput: string[];
+    startContent: string;
+    endContent: string;
+    thumbIcon: string;
+    label: string;
+}, undefined, {
+    color: {
+        default: {
+            wrapper: string[];
+        };
+        primary: {
+            wrapper: string[];
+        };
+        secondary: {
+            wrapper: string[];
+        };
+        success: {
+            wrapper: string[];
+        };
+        warning: {
+            wrapper: string[];
+        };
+        danger: {
+            wrapper: string[];
+        };
+    };
+    size: {
+        sm: {
+            wrapper: string;
+            thumb: string[];
+            endContent: string;
+            startContent: string;
+            label: string;
+        };
+        md: {
+            wrapper: string;
+            thumb: string[];
+            endContent: string;
+            startContent: string;
+            label: string;
+        };
+        lg: {
+            wrapper: string;
+            thumb: string[];
+            endContent: string;
+            startContent: string;
+            label: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            wrapper: string;
+            thumb: string;
+        };
+        false: {
+            wrapper: string;
+            thumb: string;
+            startContent: string[];
+            endContent: string[];
+        };
+    };
+}, {
+    base: string;
+    wrapper: string[];
+    thumb: string[];
+    hiddenInput: string[];
+    startContent: string;
+    endContent: string;
+    thumbIcon: string;
+    label: string;
+}, tailwind_variants.TVReturnType<{
+    color: {
+        default: {
+            wrapper: string[];
+        };
+        primary: {
+            wrapper: string[];
+        };
+        secondary: {
+            wrapper: string[];
+        };
+        success: {
+            wrapper: string[];
+        };
+        warning: {
+            wrapper: string[];
+        };
+        danger: {
+            wrapper: string[];
+        };
+    };
+    size: {
+        sm: {
+            wrapper: string;
+            thumb: string[];
+            endContent: string;
+            startContent: string;
+            label: string;
+        };
+        md: {
+            wrapper: string;
+            thumb: string[];
+            endContent: string;
+            startContent: string;
+            label: string;
+        };
+        lg: {
+            wrapper: string;
+            thumb: string[];
+            endContent: string;
+            startContent: string;
+            label: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            wrapper: string;
+            thumb: string;
+        };
+        false: {
+            wrapper: string;
+            thumb: string;
+            startContent: string[];
+            endContent: string[];
+        };
+    };
+}, {
+    base: string;
+    wrapper: string[];
+    thumb: string[];
+    hiddenInput: string[];
+    startContent: string;
+    endContent: string;
+    thumbIcon: string;
+    label: string;
+}, undefined, unknown, unknown, undefined>>;
+type ToggleVariantProps = VariantProps<typeof toggle>;
+type ToggleSlots = keyof ReturnType<typeof toggle>;
+
+export { type ToggleSlots, type ToggleVariantProps, toggle };