@sytechui/theme 2.6.3 → 2.6.5

package/dist/components/input.d.ts

@@ -1,458 +0,0 @@
-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/kbd.d.mts

@@ -1,50 +0,0 @@
-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

@@ -1,50 +0,0 @@
-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/link.d.mts

@@ -1,107 +0,0 @@
-import * as tailwind_variants from 'tailwind-variants';
-import { VariantProps } from 'tailwind-variants';
-
-/**
- * Link wrapper **Tailwind Variants** component
- *
- * @example
- * <a className={link({ color: "secondary", isBlock: true })} href="#" />
- */
-declare const link: tailwind_variants.TVReturnType<{
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
-    };
-    color: {
-        foreground: string;
-        primary: string;
-        secondary: string;
-        success: string;
-        warning: string;
-        danger: string;
-    };
-    underline: {
-        none: string;
-        hover: string;
-        always: string;
-        active: string;
-        focus: string;
-    };
-    isBlock: {
-        true: string[];
-        false: string;
-    };
-    isDisabled: {
-        true: string;
-    };
-    disableAnimation: {
-        true: string;
-    };
-}, undefined, string[], {
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
-    };
-    color: {
-        foreground: string;
-        primary: string;
-        secondary: string;
-        success: string;
-        warning: string;
-        danger: string;
-    };
-    underline: {
-        none: string;
-        hover: string;
-        always: string;
-        active: string;
-        focus: string;
-    };
-    isBlock: {
-        true: string[];
-        false: string;
-    };
-    isDisabled: {
-        true: string;
-    };
-    disableAnimation: {
-        true: string;
-    };
-}, undefined, tailwind_variants.TVReturnType<{
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
-    };
-    color: {
-        foreground: string;
-        primary: string;
-        secondary: string;
-        success: string;
-        warning: string;
-        danger: string;
-    };
-    underline: {
-        none: string;
-        hover: string;
-        always: string;
-        active: string;
-        focus: string;
-    };
-    isBlock: {
-        true: string[];
-        false: string;
-    };
-    isDisabled: {
-        true: string;
-    };
-    disableAnimation: {
-        true: string;
-    };
-}, undefined, string[], unknown, unknown, undefined>>;
-declare const linkAnchorClasses = "flex mx-1 text-current self-center";
-type LinkVariantProps = VariantProps<typeof link>;
-
-export { type LinkVariantProps, link, linkAnchorClasses };