@sytechui/theme 3.0.2 → 3.0.3

package/dist/components/drawer.d.ts

@@ -0,0 +1,190 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+/**
+ * Modal **Tailwind Variants** component
+ *
+ * @example
+ * ```js
+ * const {base} = drawer({...})
+ *
+ * <div>
+ *    <button>Open Drawer</button>
+ *    <div className={base()}>
+ *       Drawer Content
+ *    </div>
+ * </div>
+ * ```
+ */
+declare const drawer: tailwind_variants.TVReturnType<{
+    size: {
+        xs: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        "2xl": {
+            base: string;
+        };
+        "3xl": {
+            base: string;
+        };
+        "4xl": {
+            base: string;
+        };
+        "5xl": {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+    placement: {
+        top: {
+            base: string[];
+        };
+        right: {
+            base: string[];
+        };
+        bottom: {
+            base: string[];
+        };
+        left: {
+            base: string[];
+        };
+    };
+    nativeMotion: {
+        true: {
+            base: string[];
+        };
+    };
+}, {
+    base: string[];
+    swipeHandle: string[];
+    swipeHandleBar: string;
+}, undefined, {
+    size: {
+        xs: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        "2xl": {
+            base: string;
+        };
+        "3xl": {
+            base: string;
+        };
+        "4xl": {
+            base: string;
+        };
+        "5xl": {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+    placement: {
+        top: {
+            base: string[];
+        };
+        right: {
+            base: string[];
+        };
+        bottom: {
+            base: string[];
+        };
+        left: {
+            base: string[];
+        };
+    };
+    nativeMotion: {
+        true: {
+            base: string[];
+        };
+    };
+}, {
+    base: string[];
+    swipeHandle: string[];
+    swipeHandleBar: string;
+}, tailwind_variants.TVReturnType<{
+    size: {
+        xs: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        "2xl": {
+            base: string;
+        };
+        "3xl": {
+            base: string;
+        };
+        "4xl": {
+            base: string;
+        };
+        "5xl": {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+    placement: {
+        top: {
+            base: string[];
+        };
+        right: {
+            base: string[];
+        };
+        bottom: {
+            base: string[];
+        };
+        left: {
+            base: string[];
+        };
+    };
+    nativeMotion: {
+        true: {
+            base: string[];
+        };
+    };
+}, {
+    base: string[];
+    swipeHandle: string[];
+    swipeHandleBar: string;
+}, undefined, unknown, unknown, undefined>>;
+type DrawerVariants = VariantProps<typeof drawer>;
+
+export { type DrawerVariants, drawer };

package/dist/components/drawer.mjs

@@ -1,15 +1,15 @@
 import {
   drawer
-} from "../chunk-MTBQ5EO5.mjs";
-import "../chunk-KKEJLP4U.mjs";
-import "../chunk-ECD4ABCS.mjs";
-import "../chunk-ROFEKAS6.mjs";
+} from "../chunk-AAPQ76Q7.mjs";
+import "../chunk-IURX3VEE.mjs";
+import "../chunk-DFZLOLJU.mjs";
+import "../chunk-3C7AZEID.mjs";
+import "../chunk-FJOYYPB2.mjs";
+import "../chunk-RUIUXVZ4.mjs";
 import "../chunk-GSRZWDGA.mjs";
 import "../chunk-AWXUGVFR.mjs";
 import "../chunk-MPVWW3DX.mjs";
 import "../chunk-7FAFG773.mjs";
-import "../chunk-FJOYYPB2.mjs";
-import "../chunk-RUIUXVZ4.mjs";
 export {
   drawer
 };

package/dist/components/drip.d.mts

@@ -0,0 +1,13 @@
+import * as tailwind_variants from 'tailwind-variants';
+
+/**
+ * Drip wrapper **Tailwind Variants** component
+ *
+ * const classNames = drip({...})
+ *
+ * @example
+ * <span ref={dripRef} className={classNames())} />
+ */
+declare const drip: tailwind_variants.TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+
+export { drip };

package/dist/components/drip.d.ts

@@ -0,0 +1,13 @@
+import * as tailwind_variants from 'tailwind-variants';
+
+/**
+ * Drip wrapper **Tailwind Variants** component
+ *
+ * const classNames = drip({...})
+ *
+ * @example
+ * <span ref={dripRef} className={classNames())} />
+ */
+declare const drip: tailwind_variants.TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+
+export { drip };

package/dist/components/drip.mjs

@@ -1,15 +1,15 @@
 import {
   drip
-} from "../chunk-AL5UNXQI.mjs";
-import "../chunk-KKEJLP4U.mjs";
-import "../chunk-ECD4ABCS.mjs";
-import "../chunk-ROFEKAS6.mjs";
+} from "../chunk-EIZCYQZJ.mjs";
+import "../chunk-IURX3VEE.mjs";
+import "../chunk-DFZLOLJU.mjs";
+import "../chunk-3C7AZEID.mjs";
+import "../chunk-FJOYYPB2.mjs";
+import "../chunk-RUIUXVZ4.mjs";
 import "../chunk-GSRZWDGA.mjs";
 import "../chunk-AWXUGVFR.mjs";
 import "../chunk-MPVWW3DX.mjs";
 import "../chunk-7FAFG773.mjs";
-import "../chunk-FJOYYPB2.mjs";
-import "../chunk-RUIUXVZ4.mjs";
 export {
   drip
 };

package/dist/components/drop-zone.d.mts

@@ -0,0 +1,434 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const dropZone: tailwind_variants.TVReturnType<{
+    variant: {
+        bordered: {
+            base: string;
+        };
+        flat: {
+            base: string;
+        };
+        faded: {
+            base: string;
+        };
+    };
+    color: {
+        default: {};
+        primary: {};
+        secondary: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    size: {
+        sm: {
+            base: string;
+            uploadCard: string;
+            clearButton: string;
+            clearButtonIcon: string;
+            fileIconWrapper: string;
+            fileIcon: string;
+            iconWrapper: string;
+            icon: string;
+            title: string;
+        };
+        md: {
+            base: string;
+            uploadCard: string;
+            clearButton: string;
+            fileIconWrapper: string;
+            fileIcon: string;
+            iconWrapper: string;
+            icon: string;
+        };
+        lg: {
+            base: string;
+            uploadCard: string;
+            clearButton: string;
+            clearButtonIcon: string;
+            fileIconWrapper: string;
+            fileIcon: string;
+            iconWrapper: string;
+            icon: string;
+            fileName: string;
+            fileMeta: string;
+            previewImage: string;
+            title: string;
+        };
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+            uploadCard: string;
+            idleLabel: string;
+            iconWrapper: string;
+            clearButton: string;
+            fileIconWrapper: string;
+            fileIcon: string;
+            fileMeta: string;
+            title: string;
+            helperText: string;
+        };
+    };
+    isInvalid: {
+        true: {
+            base: string[];
+            uploadCard: string;
+            idleLabel: string;
+            iconWrapper: string;
+            clearButton: string;
+            fileIconWrapper: string;
+            fileTypeBadge: string;
+            fileMeta: string;
+            title: string;
+            helperText: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            base: string;
+            uploadCard: string;
+            iconWrapper: string;
+            clearButton: string;
+        };
+        false: {
+            base: string;
+            uploadCard: string;
+            iconWrapper: string;
+        };
+    };
+    hasPreviewImage: {
+        true: {};
+    };
+}, {
+    base: string[];
+    content: string;
+    uploadCardWrapper: string;
+    uploadCard: string;
+    uploadCardOverlay: string;
+    uploadedContent: string;
+    idleContent: string;
+    idleCard: string;
+    idleLabel: string;
+    iconWrapper: string;
+    icon: string;
+    detailCard: string;
+    clearButton: string;
+    clearButtonIcon: string;
+    fileIconWrapper: string;
+    fileIcon: string;
+    fileTypeBadge: string;
+    fileInfo: string;
+    fileName: string;
+    fileMeta: string;
+    previewWrapper: string;
+    previewImage: string;
+    title: string;
+    helperText: string;
+}, undefined, {
+    variant: {
+        bordered: {
+            base: string;
+        };
+        flat: {
+            base: string;
+        };
+        faded: {
+            base: string;
+        };
+    };
+    color: {
+        default: {};
+        primary: {};
+        secondary: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    size: {
+        sm: {
+            base: string;
+            uploadCard: string;
+            clearButton: string;
+            clearButtonIcon: string;
+            fileIconWrapper: string;
+            fileIcon: string;
+            iconWrapper: string;
+            icon: string;
+            title: string;
+        };
+        md: {
+            base: string;
+            uploadCard: string;
+            clearButton: string;
+            fileIconWrapper: string;
+            fileIcon: string;
+            iconWrapper: string;
+            icon: string;
+        };
+        lg: {
+            base: string;
+            uploadCard: string;
+            clearButton: string;
+            clearButtonIcon: string;
+            fileIconWrapper: string;
+            fileIcon: string;
+            iconWrapper: string;
+            icon: string;
+            fileName: string;
+            fileMeta: string;
+            previewImage: string;
+            title: string;
+        };
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+            uploadCard: string;
+            idleLabel: string;
+            iconWrapper: string;
+            clearButton: string;
+            fileIconWrapper: string;
+            fileIcon: string;
+            fileMeta: string;
+            title: string;
+            helperText: string;
+        };
+    };
+    isInvalid: {
+        true: {
+            base: string[];
+            uploadCard: string;
+            idleLabel: string;
+            iconWrapper: string;
+            clearButton: string;
+            fileIconWrapper: string;
+            fileTypeBadge: string;
+            fileMeta: string;
+            title: string;
+            helperText: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            base: string;
+            uploadCard: string;
+            iconWrapper: string;
+            clearButton: string;
+        };
+        false: {
+            base: string;
+            uploadCard: string;
+            iconWrapper: string;
+        };
+    };
+    hasPreviewImage: {
+        true: {};
+    };
+}, {
+    base: string[];
+    content: string;
+    uploadCardWrapper: string;
+    uploadCard: string;
+    uploadCardOverlay: string;
+    uploadedContent: string;
+    idleContent: string;
+    idleCard: string;
+    idleLabel: string;
+    iconWrapper: string;
+    icon: string;
+    detailCard: string;
+    clearButton: string;
+    clearButtonIcon: string;
+    fileIconWrapper: string;
+    fileIcon: string;
+    fileTypeBadge: string;
+    fileInfo: string;
+    fileName: string;
+    fileMeta: string;
+    previewWrapper: string;
+    previewImage: string;
+    title: string;
+    helperText: string;
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        bordered: {
+            base: string;
+        };
+        flat: {
+            base: string;
+        };
+        faded: {
+            base: string;
+        };
+    };
+    color: {
+        default: {};
+        primary: {};
+        secondary: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    size: {
+        sm: {
+            base: string;
+            uploadCard: string;
+            clearButton: string;
+            clearButtonIcon: string;
+            fileIconWrapper: string;
+            fileIcon: string;
+            iconWrapper: string;
+            icon: string;
+            title: string;
+        };
+        md: {
+            base: string;
+            uploadCard: string;
+            clearButton: string;
+            fileIconWrapper: string;
+            fileIcon: string;
+            iconWrapper: string;
+            icon: string;
+        };
+        lg: {
+            base: string;
+            uploadCard: string;
+            clearButton: string;
+            clearButtonIcon: string;
+            fileIconWrapper: string;
+            fileIcon: string;
+            iconWrapper: string;
+            icon: string;
+            fileName: string;
+            fileMeta: string;
+            previewImage: string;
+            title: string;
+        };
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+            uploadCard: string;
+            idleLabel: string;
+            iconWrapper: string;
+            clearButton: string;
+            fileIconWrapper: string;
+            fileIcon: string;
+            fileMeta: string;
+            title: string;
+            helperText: string;
+        };
+    };
+    isInvalid: {
+        true: {
+            base: string[];
+            uploadCard: string;
+            idleLabel: string;
+            iconWrapper: string;
+            clearButton: string;
+            fileIconWrapper: string;
+            fileTypeBadge: string;
+            fileMeta: string;
+            title: string;
+            helperText: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            base: string;
+            uploadCard: string;
+            iconWrapper: string;
+            clearButton: string;
+        };
+        false: {
+            base: string;
+            uploadCard: string;
+            iconWrapper: string;
+        };
+    };
+    hasPreviewImage: {
+        true: {};
+    };
+}, {
+    base: string[];
+    content: string;
+    uploadCardWrapper: string;
+    uploadCard: string;
+    uploadCardOverlay: string;
+    uploadedContent: string;
+    idleContent: string;
+    idleCard: string;
+    idleLabel: string;
+    iconWrapper: string;
+    icon: string;
+    detailCard: string;
+    clearButton: string;
+    clearButtonIcon: string;
+    fileIconWrapper: string;
+    fileIcon: string;
+    fileTypeBadge: string;
+    fileInfo: string;
+    fileName: string;
+    fileMeta: string;
+    previewWrapper: string;
+    previewImage: string;
+    title: string;
+    helperText: string;
+}, undefined, unknown, unknown, undefined>>;
+type DropZoneVariantProps = VariantProps<typeof dropZone>;
+type DropZoneSlots = keyof ReturnType<typeof dropZone>;
+
+export { type DropZoneSlots, type DropZoneVariantProps, dropZone };