@sytechui/theme 3.0.2 → 3.0.3

package/dist/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/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 };

package/dist/components/toggle.mjs

@@ -1,38 +1,38 @@
 import {
   toggle
-} from "../chunk-CV2E4DI2.mjs";
+} from "../chunk-FUQEL335.mjs";
+import "../chunk-XWHXIFLL.mjs";
+import "../chunk-HF2LJVZX.mjs";
+import "../chunk-XV7LJG6E.mjs";
+import "../chunk-IVAVJ7ZU.mjs";
+import "../chunk-D2TQCDY4.mjs";
+import "../chunk-APF6RSVD.mjs";
+import "../chunk-M4FWEMJZ.mjs";
+import "../chunk-OC45BUIA.mjs";
+import "../chunk-4LAQM2VM.mjs";
+import "../chunk-QQZDCYMA.mjs";
+import "../chunk-FPG5J5ZJ.mjs";
+import "../chunk-U4D7XSGV.mjs";
+import "../chunk-L26ZWPVZ.mjs";
+import "../chunk-AAPQ76Q7.mjs";
+import "../chunk-EIZCYQZJ.mjs";
+import "../chunk-IFDUGF3P.mjs";
+import "../chunk-ATGLNP24.mjs";
+import "../chunk-UL4VFH3Z.mjs";
+import "../chunk-IURX3VEE.mjs";
 import "../chunk-GQT3YUX3.mjs";
-import "../chunk-7ARJ2TQM.mjs";
-import "../chunk-W37Q6YFS.mjs";
-import "../chunk-BF4542X6.mjs";
-import "../chunk-47BB6GL3.mjs";
-import "../chunk-WH4ODSEM.mjs";
-import "../chunk-XBJNS5SU.mjs";
-import "../chunk-OSP4OLTO.mjs";
-import "../chunk-4N2PLITL.mjs";
-import "../chunk-EZ47UJPD.mjs";
-import "../chunk-5DJU5KUL.mjs";
-import "../chunk-2QZDAFQ3.mjs";
-import "../chunk-MTBQ5EO5.mjs";
-import "../chunk-AL5UNXQI.mjs";
-import "../chunk-USGOG5QI.mjs";
-import "../chunk-AGSAOCCR.mjs";
-import "../chunk-ZWG2GMCI.mjs";
-import "../chunk-P5HLCB43.mjs";
-import "../chunk-PY74IHS4.mjs";
-import "../chunk-I5YZBAB3.mjs";
-import "../chunk-KKEJLP4U.mjs";
-import "../chunk-ECD4ABCS.mjs";
-import "../chunk-2TFOWOJL.mjs";
-import "../chunk-D2XMP2NC.mjs";
+import "../chunk-HFD73SWH.mjs";
+import "../chunk-DFZLOLJU.mjs";
+import "../chunk-Z2UCLPEC.mjs";
 import "../chunk-ZHIADCEL.mjs";
-import "../chunk-ROFEKAS6.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";
+import "../chunk-D2XMP2NC.mjs";
 import "../chunk-WQEDQHKX.mjs";
 import "../chunk-CPSLANMP.mjs";
 import "../chunk-FFKHVGFX.mjs";

package/dist/components/user.d.mts

@@ -0,0 +1,63 @@
+import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
+
+/**
+ * User wrapper **Tailwind Variants** component
+ *
+ * const {base, wrapper, name, description} = user({...})
+ *
+ * @example
+ * <div className={base())}>
+ *   // avatar element @see avatar
+ *  <div className={wrapper())}>
+ *    <span className={name())}>user name</span>
+ *    <span className={description())}>user description</span>
+ *  </div>
+ * </div>
+ */
+declare const user: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            description?: tailwind_merge.ClassNameValue;
+            base?: tailwind_merge.ClassNameValue;
+            name?: tailwind_merge.ClassNameValue;
+            wrapper?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            description?: tailwind_merge.ClassNameValue;
+            base?: tailwind_merge.ClassNameValue;
+            name?: tailwind_merge.ClassNameValue;
+            wrapper?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string[];
+    wrapper: string;
+    name: string;
+    description: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            description?: tailwind_merge.ClassNameValue;
+            base?: tailwind_merge.ClassNameValue;
+            name?: tailwind_merge.ClassNameValue;
+            wrapper?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string[];
+    wrapper: string;
+    name: string;
+    description: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string[];
+    wrapper: string;
+    name: string;
+    description: string;
+}, undefined, unknown, unknown, undefined>>;
+type UserSlots = keyof ReturnType<typeof user>;
+
+export { type UserSlots, user };

package/dist/components/user.d.ts

@@ -0,0 +1,63 @@
+import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
+
+/**
+ * User wrapper **Tailwind Variants** component
+ *
+ * const {base, wrapper, name, description} = user({...})
+ *
+ * @example
+ * <div className={base())}>
+ *   // avatar element @see avatar
+ *  <div className={wrapper())}>
+ *    <span className={name())}>user name</span>
+ *    <span className={description())}>user description</span>
+ *  </div>
+ * </div>
+ */
+declare const user: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            description?: tailwind_merge.ClassNameValue;
+            base?: tailwind_merge.ClassNameValue;
+            name?: tailwind_merge.ClassNameValue;
+            wrapper?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            description?: tailwind_merge.ClassNameValue;
+            base?: tailwind_merge.ClassNameValue;
+            name?: tailwind_merge.ClassNameValue;
+            wrapper?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string[];
+    wrapper: string;
+    name: string;
+    description: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            description?: tailwind_merge.ClassNameValue;
+            base?: tailwind_merge.ClassNameValue;
+            name?: tailwind_merge.ClassNameValue;
+            wrapper?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string[];
+    wrapper: string;
+    name: string;
+    description: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string[];
+    wrapper: string;
+    name: string;
+    description: string;
+}, undefined, unknown, unknown, undefined>>;
+type UserSlots = keyof ReturnType<typeof user>;
+
+export { type UserSlots, user };