@sytechui/theme 3.0.2 → 3.0.3

package/dist/components/input.d.ts

@@ -0,0 +1,458 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+/**
+ * Input wrapper **Tailwind Variants** component
+ *
+ * @example
+ * ```js
+ * const {base, label, inputWrapper, input, clearButton, description, errorMessage} = input({...})
+ *
+ * <div className={base())}>
+ *  <label className={label()}>Label</label>
+ *  <div className={inputWrapper()}>
+ *    <input className={input()}/>
+ *    <button className={clearButton()}>Clear</button>
+ *  </div>
+ *  <span className={description()}>Description</span>
+ *  <span className={errorMessage()}>Invalid input</span>
+ * </div>
+ * ```
+ */
+declare const input: tailwind_variants.TVReturnType<{
+    variant: {
+        flat: {
+            inputWrapper: string[];
+        };
+        faded: {
+            inputWrapper: string[];
+            value: string;
+        };
+        bordered: {
+            inputWrapper: string[];
+        };
+        underlined: {
+            inputWrapper: string[];
+            innerWrapper: string;
+            label: string;
+        };
+    };
+    color: {
+        default: {};
+        primary: {};
+        secondary: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    size: {
+        sm: {
+            label: string;
+            inputWrapper: string;
+            input: string;
+            clearButton: string;
+        };
+        md: {
+            inputWrapper: string;
+            input: string;
+            clearButton: string;
+        };
+        lg: {
+            label: string;
+            inputWrapper: string;
+            input: string;
+            clearButton: string;
+        };
+    };
+    radius: {
+        none: {
+            inputWrapper: string;
+        };
+        sm: {
+            inputWrapper: string;
+        };
+        md: {
+            inputWrapper: string;
+        };
+        lg: {
+            inputWrapper: string;
+        };
+        full: {
+            inputWrapper: string;
+        };
+    };
+    labelPlacement: {
+        outside: {
+            mainWrapper: string;
+        };
+        "outside-left": {
+            base: string;
+            inputWrapper: string;
+            mainWrapper: string;
+            label: string;
+        };
+        "outside-top": {
+            mainWrapper: string;
+            label: string;
+        };
+        inside: {
+            label: string;
+            inputWrapper: string;
+            innerWrapper: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            base: string;
+        };
+        false: {};
+    };
+    isClearable: {
+        true: {
+            input: string;
+            clearButton: string[];
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+            inputWrapper: string;
+            label: string;
+        };
+    };
+    isInvalid: {
+        true: {
+            label: string;
+            input: string;
+        };
+    };
+    isRequired: {
+        true: {
+            label: string;
+        };
+    };
+    isMultiline: {
+        true: {
+            label: string;
+            inputWrapper: string;
+            innerWrapper: string;
+            input: string;
+            clearButton: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            input: string;
+            inputWrapper: string;
+            label: string;
+        };
+        false: {
+            inputWrapper: string;
+            label: string[];
+            clearButton: string[];
+        };
+    };
+}, {
+    base: string;
+    label: string[];
+    mainWrapper: string;
+    inputWrapper: string;
+    innerWrapper: string;
+    input: string[];
+    clearButton: string[];
+    helperWrapper: string;
+    description: string;
+    errorMessage: string;
+}, undefined, {
+    variant: {
+        flat: {
+            inputWrapper: string[];
+        };
+        faded: {
+            inputWrapper: string[];
+            value: string;
+        };
+        bordered: {
+            inputWrapper: string[];
+        };
+        underlined: {
+            inputWrapper: string[];
+            innerWrapper: string;
+            label: string;
+        };
+    };
+    color: {
+        default: {};
+        primary: {};
+        secondary: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    size: {
+        sm: {
+            label: string;
+            inputWrapper: string;
+            input: string;
+            clearButton: string;
+        };
+        md: {
+            inputWrapper: string;
+            input: string;
+            clearButton: string;
+        };
+        lg: {
+            label: string;
+            inputWrapper: string;
+            input: string;
+            clearButton: string;
+        };
+    };
+    radius: {
+        none: {
+            inputWrapper: string;
+        };
+        sm: {
+            inputWrapper: string;
+        };
+        md: {
+            inputWrapper: string;
+        };
+        lg: {
+            inputWrapper: string;
+        };
+        full: {
+            inputWrapper: string;
+        };
+    };
+    labelPlacement: {
+        outside: {
+            mainWrapper: string;
+        };
+        "outside-left": {
+            base: string;
+            inputWrapper: string;
+            mainWrapper: string;
+            label: string;
+        };
+        "outside-top": {
+            mainWrapper: string;
+            label: string;
+        };
+        inside: {
+            label: string;
+            inputWrapper: string;
+            innerWrapper: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            base: string;
+        };
+        false: {};
+    };
+    isClearable: {
+        true: {
+            input: string;
+            clearButton: string[];
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+            inputWrapper: string;
+            label: string;
+        };
+    };
+    isInvalid: {
+        true: {
+            label: string;
+            input: string;
+        };
+    };
+    isRequired: {
+        true: {
+            label: string;
+        };
+    };
+    isMultiline: {
+        true: {
+            label: string;
+            inputWrapper: string;
+            innerWrapper: string;
+            input: string;
+            clearButton: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            input: string;
+            inputWrapper: string;
+            label: string;
+        };
+        false: {
+            inputWrapper: string;
+            label: string[];
+            clearButton: string[];
+        };
+    };
+}, {
+    base: string;
+    label: string[];
+    mainWrapper: string;
+    inputWrapper: string;
+    innerWrapper: string;
+    input: string[];
+    clearButton: string[];
+    helperWrapper: string;
+    description: string;
+    errorMessage: string;
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        flat: {
+            inputWrapper: string[];
+        };
+        faded: {
+            inputWrapper: string[];
+            value: string;
+        };
+        bordered: {
+            inputWrapper: string[];
+        };
+        underlined: {
+            inputWrapper: string[];
+            innerWrapper: string;
+            label: string;
+        };
+    };
+    color: {
+        default: {};
+        primary: {};
+        secondary: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    size: {
+        sm: {
+            label: string;
+            inputWrapper: string;
+            input: string;
+            clearButton: string;
+        };
+        md: {
+            inputWrapper: string;
+            input: string;
+            clearButton: string;
+        };
+        lg: {
+            label: string;
+            inputWrapper: string;
+            input: string;
+            clearButton: string;
+        };
+    };
+    radius: {
+        none: {
+            inputWrapper: string;
+        };
+        sm: {
+            inputWrapper: string;
+        };
+        md: {
+            inputWrapper: string;
+        };
+        lg: {
+            inputWrapper: string;
+        };
+        full: {
+            inputWrapper: string;
+        };
+    };
+    labelPlacement: {
+        outside: {
+            mainWrapper: string;
+        };
+        "outside-left": {
+            base: string;
+            inputWrapper: string;
+            mainWrapper: string;
+            label: string;
+        };
+        "outside-top": {
+            mainWrapper: string;
+            label: string;
+        };
+        inside: {
+            label: string;
+            inputWrapper: string;
+            innerWrapper: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            base: string;
+        };
+        false: {};
+    };
+    isClearable: {
+        true: {
+            input: string;
+            clearButton: string[];
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+            inputWrapper: string;
+            label: string;
+        };
+    };
+    isInvalid: {
+        true: {
+            label: string;
+            input: string;
+        };
+    };
+    isRequired: {
+        true: {
+            label: string;
+        };
+    };
+    isMultiline: {
+        true: {
+            label: string;
+            inputWrapper: string;
+            innerWrapper: string;
+            input: string;
+            clearButton: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            input: string;
+            inputWrapper: string;
+            label: string;
+        };
+        false: {
+            inputWrapper: string;
+            label: string[];
+            clearButton: string[];
+        };
+    };
+}, {
+    base: string;
+    label: string[];
+    mainWrapper: string;
+    inputWrapper: string;
+    innerWrapper: string;
+    input: string[];
+    clearButton: string[];
+    helperWrapper: string;
+    description: string;
+    errorMessage: string;
+}, undefined, unknown, unknown, undefined>>;
+type InputVariantProps = VariantProps<typeof input>;
+type InputSlots = keyof ReturnType<typeof input>;
+
+export { type InputSlots, type InputVariantProps, input };

package/dist/components/input.mjs

@@ -1,38 +1,38 @@
 import {
   input
-} 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/kbd.d.mts

@@ -0,0 +1,50 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+/**
+ * Keyboard Key wrapper **Tailwind Variants** component
+ *
+ * @example
+ *
+ * const { base, abbr, content } = kbd()
+ *
+ * <kbd className={base()} >
+ *    <abbr title="Command" className={abbr()}>⌘</abbr>
+ *    <abbr title="Shift" className={abbr()}>⇧</abbr>
+ *    <abbr title="Control" className={abbr()}>⌃</abbr>
+ *    <abbr title="Option" className={abbr()}>⌥</abbr>
+ *    <abbr title="Enter" className={abbr()}>↵</abbr>
+ *    <abbr title="Delete" className={abbr()}>⌫</abbr>
+ *    <abbr title="Escape" className={abbr()}>⎋</abbr>
+ *    <abbr title="Tab" className={abbr()}>⇥</abbr>
+ *    <abbr title="Caps Lock" className={abbr()}>⇪</abbr>
+ *    <abbr title="Up" className={abbr()}>↑</abbr>
+ *    <abbr title="Right" className={abbr()}>→</abbr>
+ *    <abbr title="Down" className={abbr()}>↓</abbr>
+ *    <abbr title="Left" className={abbr()}>←</abbr>
+ *    <abbr title="Page Up" className={abbr()}>⇞</abbr>
+ *    <abbr title="Page Down" className={abbr()}>⇟</abbr>
+ *    <abbr title="Home" className={abbr()}>↖</abbr>
+ *    <abbr title="End" className={abbr()}>↘</abbr>
+ *    <abbr title="Help" className={abbr()}>?</abbr>
+ *    <abbr title="Space" className={abbr()}>␣</abbr>
+ *    <span className={content()}>A</span>
+ * </kbd>
+ */
+declare const kbd: tailwind_variants.TVReturnType<{}, {
+    base: string[];
+    abbr: string;
+    content: string;
+}, undefined, {}, {
+    base: string[];
+    abbr: string;
+    content: string;
+}, tailwind_variants.TVReturnType<{}, {
+    base: string[];
+    abbr: string;
+    content: string;
+}, undefined, unknown, unknown, undefined>>;
+type KbdVariantProps = VariantProps<typeof kbd>;
+type KbdSlots = keyof ReturnType<typeof kbd>;
+
+export { type KbdSlots, type KbdVariantProps, kbd };

package/dist/components/kbd.d.ts

@@ -0,0 +1,50 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+/**
+ * Keyboard Key wrapper **Tailwind Variants** component
+ *
+ * @example
+ *
+ * const { base, abbr, content } = kbd()
+ *
+ * <kbd className={base()} >
+ *    <abbr title="Command" className={abbr()}>⌘</abbr>
+ *    <abbr title="Shift" className={abbr()}>⇧</abbr>
+ *    <abbr title="Control" className={abbr()}>⌃</abbr>
+ *    <abbr title="Option" className={abbr()}>⌥</abbr>
+ *    <abbr title="Enter" className={abbr()}>↵</abbr>
+ *    <abbr title="Delete" className={abbr()}>⌫</abbr>
+ *    <abbr title="Escape" className={abbr()}>⎋</abbr>
+ *    <abbr title="Tab" className={abbr()}>⇥</abbr>
+ *    <abbr title="Caps Lock" className={abbr()}>⇪</abbr>
+ *    <abbr title="Up" className={abbr()}>↑</abbr>
+ *    <abbr title="Right" className={abbr()}>→</abbr>
+ *    <abbr title="Down" className={abbr()}>↓</abbr>
+ *    <abbr title="Left" className={abbr()}>←</abbr>
+ *    <abbr title="Page Up" className={abbr()}>⇞</abbr>
+ *    <abbr title="Page Down" className={abbr()}>⇟</abbr>
+ *    <abbr title="Home" className={abbr()}>↖</abbr>
+ *    <abbr title="End" className={abbr()}>↘</abbr>
+ *    <abbr title="Help" className={abbr()}>?</abbr>
+ *    <abbr title="Space" className={abbr()}>␣</abbr>
+ *    <span className={content()}>A</span>
+ * </kbd>
+ */
+declare const kbd: tailwind_variants.TVReturnType<{}, {
+    base: string[];
+    abbr: string;
+    content: string;
+}, undefined, {}, {
+    base: string[];
+    abbr: string;
+    content: string;
+}, tailwind_variants.TVReturnType<{}, {
+    base: string[];
+    abbr: string;
+    content: string;
+}, undefined, unknown, unknown, undefined>>;
+type KbdVariantProps = VariantProps<typeof kbd>;
+type KbdSlots = keyof ReturnType<typeof kbd>;
+
+export { type KbdSlots, type KbdVariantProps, kbd };

package/dist/components/kbd.mjs

@@ -1,15 +1,15 @@
 import {
   kbd
-} from "../chunk-5DJU5KUL.mjs";
-import "../chunk-KKEJLP4U.mjs";
-import "../chunk-ECD4ABCS.mjs";
-import "../chunk-ROFEKAS6.mjs";
+} from "../chunk-QQZDCYMA.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 {
   kbd
 };