@sytechui/theme 2.6.3 → 2.6.5

package/dist/components/checkbox.d.ts

@@ -1,375 +0,0 @@
-import * as tailwind_variants from 'tailwind-variants';
-import { VariantProps } from 'tailwind-variants';
-
-/**
- * Checkbox wrapper **Tailwind Variants** component
- *
- * const {base, wrapper, icon, label} = checkbox({...})
- *
- * @example
- * <label className={base())}>
- *  // hidden input
- *  <span className={wrapper()} aria-hidden="true" data-selected={selected}>
- *     <svg className={icon()}>
- *       // check icon
- *     </svg>
- *  </span>
- *  <span className={label()}>Label</span>
- * </label>
- */
-declare const checkbox: 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[];
-            label: string;
-            icon: string;
-        };
-        md: {
-            wrapper: string[];
-            label: string;
-            icon: string;
-        };
-        lg: {
-            wrapper: string[];
-            label: string;
-            icon: string;
-        };
-    };
-    radius: {
-        none: {
-            wrapper: string;
-        };
-        sm: {
-            wrapper: string[];
-        };
-        md: {
-            wrapper: string[];
-        };
-        lg: {
-            wrapper: string[];
-        };
-        full: {
-            wrapper: string;
-        };
-    };
-    lineThrough: {
-        true: {
-            label: string[];
-        };
-    };
-    isDisabled: {
-        true: {
-            base: string;
-        };
-    };
-    isInvalid: {
-        true: {
-            wrapper: string;
-            label: string;
-        };
-    };
-    disableAnimation: {
-        true: {
-            wrapper: string;
-            icon: string;
-            label: string;
-        };
-        false: {
-            wrapper: string[];
-            icon: string;
-            label: string;
-        };
-    };
-}, {
-    base: string;
-    wrapper: string[];
-    hiddenInput: string[];
-    icon: 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[];
-            label: string;
-            icon: string;
-        };
-        md: {
-            wrapper: string[];
-            label: string;
-            icon: string;
-        };
-        lg: {
-            wrapper: string[];
-            label: string;
-            icon: string;
-        };
-    };
-    radius: {
-        none: {
-            wrapper: string;
-        };
-        sm: {
-            wrapper: string[];
-        };
-        md: {
-            wrapper: string[];
-        };
-        lg: {
-            wrapper: string[];
-        };
-        full: {
-            wrapper: string;
-        };
-    };
-    lineThrough: {
-        true: {
-            label: string[];
-        };
-    };
-    isDisabled: {
-        true: {
-            base: string;
-        };
-    };
-    isInvalid: {
-        true: {
-            wrapper: string;
-            label: string;
-        };
-    };
-    disableAnimation: {
-        true: {
-            wrapper: string;
-            icon: string;
-            label: string;
-        };
-        false: {
-            wrapper: string[];
-            icon: string;
-            label: string;
-        };
-    };
-}, {
-    base: string;
-    wrapper: string[];
-    hiddenInput: string[];
-    icon: 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[];
-            label: string;
-            icon: string;
-        };
-        md: {
-            wrapper: string[];
-            label: string;
-            icon: string;
-        };
-        lg: {
-            wrapper: string[];
-            label: string;
-            icon: string;
-        };
-    };
-    radius: {
-        none: {
-            wrapper: string;
-        };
-        sm: {
-            wrapper: string[];
-        };
-        md: {
-            wrapper: string[];
-        };
-        lg: {
-            wrapper: string[];
-        };
-        full: {
-            wrapper: string;
-        };
-    };
-    lineThrough: {
-        true: {
-            label: string[];
-        };
-    };
-    isDisabled: {
-        true: {
-            base: string;
-        };
-    };
-    isInvalid: {
-        true: {
-            wrapper: string;
-            label: string;
-        };
-    };
-    disableAnimation: {
-        true: {
-            wrapper: string;
-            icon: string;
-            label: string;
-        };
-        false: {
-            wrapper: string[];
-            icon: string;
-            label: string;
-        };
-    };
-}, {
-    base: string;
-    wrapper: string[];
-    hiddenInput: string[];
-    icon: string;
-    label: string;
-}, undefined, unknown, unknown, undefined>>;
-/**
- * CheckboxGroup wrapper **Tailwind Variants** component
- *
- * const {base, label, wrapper} = checkboxGroup({...})
- *
- * @example
- * <div className={base())}>
- *  <label className={label()}>Label</label>
- *  <div className={wrapper()} data-orientation="vertical/horizontal">
- *     // checkboxes
- *  </div>
- * </div>
- */
-declare const checkboxGroup: tailwind_variants.TVReturnType<{
-    isRequired: {
-        true: {
-            label: string;
-        };
-    };
-    isInvalid: {
-        true: {
-            description: string;
-        };
-    };
-    disableAnimation: {
-        true: {};
-        false: {
-            description: string;
-        };
-    };
-}, {
-    base: string;
-    label: string;
-    wrapper: string;
-    description: string;
-    errorMessage: string;
-}, undefined, {
-    isRequired: {
-        true: {
-            label: string;
-        };
-    };
-    isInvalid: {
-        true: {
-            description: string;
-        };
-    };
-    disableAnimation: {
-        true: {};
-        false: {
-            description: string;
-        };
-    };
-}, {
-    base: string;
-    label: string;
-    wrapper: string;
-    description: string;
-    errorMessage: string;
-}, tailwind_variants.TVReturnType<{
-    isRequired: {
-        true: {
-            label: string;
-        };
-    };
-    isInvalid: {
-        true: {
-            description: string;
-        };
-    };
-    disableAnimation: {
-        true: {};
-        false: {
-            description: string;
-        };
-    };
-}, {
-    base: string;
-    label: string;
-    wrapper: string;
-    description: string;
-    errorMessage: string;
-}, undefined, unknown, unknown, undefined>>;
-type CheckboxGroupSlots = keyof ReturnType<typeof checkboxGroup>;
-type CheckboxVariantProps = VariantProps<typeof checkbox>;
-type CheckboxSlots = keyof ReturnType<typeof checkbox>;
-
-export { type CheckboxGroupSlots, type CheckboxSlots, type CheckboxVariantProps, checkbox, checkboxGroup };

package/dist/components/chip.d.mts

@@ -1,340 +0,0 @@
-import * as tailwind_variants from 'tailwind-variants';
-import { VariantProps } from 'tailwind-variants';
-
-/**
- * Chip wrapper **Tailwind Variants** component
- *
- * @example
- * ```js
- * const {base, content, dot, avatar, closeButton} = chip({...})
- *
- * <div className={base())}>
- *    // left content
- *   <span className={avatar()}/>
- *   <svg className={dot()}/>
- *   <span className={content()}>Default</span>
- *   <svg className={closeButton()}>close button</svg>
- *    // right content
- * </div>
- * ```
- */
-declare const chip: tailwind_variants.TVReturnType<{
-    variant: {
-        solid: {};
-        bordered: {
-            base: string;
-        };
-        light: {
-            base: string;
-        };
-        flat: {};
-        faded: {
-            base: string;
-        };
-        shadow: {};
-        dot: {
-            base: string;
-        };
-    };
-    color: {
-        default: {
-            dot: string;
-        };
-        primary: {
-            dot: string;
-        };
-        secondary: {
-            dot: string;
-        };
-        success: {
-            dot: string;
-        };
-        warning: {
-            dot: string;
-        };
-        danger: {
-            dot: string;
-        };
-    };
-    size: {
-        sm: {
-            base: string;
-            content: string;
-            closeButton: string;
-            avatar: string;
-        };
-        md: {
-            base: string;
-            content: string;
-            closeButton: string;
-            avatar: string;
-        };
-        lg: {
-            base: string;
-            content: string;
-            closeButton: string;
-            avatar: string;
-        };
-    };
-    radius: {
-        none: {
-            base: string;
-        };
-        sm: {
-            base: string;
-        };
-        md: {
-            base: string;
-        };
-        lg: {
-            base: string;
-        };
-        full: {
-            base: string;
-        };
-    };
-    isOneChar: {
-        true: {};
-        false: {};
-    };
-    isCloseable: {
-        true: {};
-        false: {};
-    };
-    hasStartContent: {
-        true: {};
-    };
-    hasEndContent: {
-        true: {};
-    };
-    isDisabled: {
-        true: {
-            base: string;
-        };
-    };
-    isCloseButtonFocusVisible: {
-        true: {
-            closeButton: string[];
-        };
-    };
-}, {
-    base: string[];
-    content: string;
-    dot: string[];
-    avatar: string;
-    closeButton: string[];
-}, undefined, {
-    variant: {
-        solid: {};
-        bordered: {
-            base: string;
-        };
-        light: {
-            base: string;
-        };
-        flat: {};
-        faded: {
-            base: string;
-        };
-        shadow: {};
-        dot: {
-            base: string;
-        };
-    };
-    color: {
-        default: {
-            dot: string;
-        };
-        primary: {
-            dot: string;
-        };
-        secondary: {
-            dot: string;
-        };
-        success: {
-            dot: string;
-        };
-        warning: {
-            dot: string;
-        };
-        danger: {
-            dot: string;
-        };
-    };
-    size: {
-        sm: {
-            base: string;
-            content: string;
-            closeButton: string;
-            avatar: string;
-        };
-        md: {
-            base: string;
-            content: string;
-            closeButton: string;
-            avatar: string;
-        };
-        lg: {
-            base: string;
-            content: string;
-            closeButton: string;
-            avatar: string;
-        };
-    };
-    radius: {
-        none: {
-            base: string;
-        };
-        sm: {
-            base: string;
-        };
-        md: {
-            base: string;
-        };
-        lg: {
-            base: string;
-        };
-        full: {
-            base: string;
-        };
-    };
-    isOneChar: {
-        true: {};
-        false: {};
-    };
-    isCloseable: {
-        true: {};
-        false: {};
-    };
-    hasStartContent: {
-        true: {};
-    };
-    hasEndContent: {
-        true: {};
-    };
-    isDisabled: {
-        true: {
-            base: string;
-        };
-    };
-    isCloseButtonFocusVisible: {
-        true: {
-            closeButton: string[];
-        };
-    };
-}, {
-    base: string[];
-    content: string;
-    dot: string[];
-    avatar: string;
-    closeButton: string[];
-}, tailwind_variants.TVReturnType<{
-    variant: {
-        solid: {};
-        bordered: {
-            base: string;
-        };
-        light: {
-            base: string;
-        };
-        flat: {};
-        faded: {
-            base: string;
-        };
-        shadow: {};
-        dot: {
-            base: string;
-        };
-    };
-    color: {
-        default: {
-            dot: string;
-        };
-        primary: {
-            dot: string;
-        };
-        secondary: {
-            dot: string;
-        };
-        success: {
-            dot: string;
-        };
-        warning: {
-            dot: string;
-        };
-        danger: {
-            dot: string;
-        };
-    };
-    size: {
-        sm: {
-            base: string;
-            content: string;
-            closeButton: string;
-            avatar: string;
-        };
-        md: {
-            base: string;
-            content: string;
-            closeButton: string;
-            avatar: string;
-        };
-        lg: {
-            base: string;
-            content: string;
-            closeButton: string;
-            avatar: string;
-        };
-    };
-    radius: {
-        none: {
-            base: string;
-        };
-        sm: {
-            base: string;
-        };
-        md: {
-            base: string;
-        };
-        lg: {
-            base: string;
-        };
-        full: {
-            base: string;
-        };
-    };
-    isOneChar: {
-        true: {};
-        false: {};
-    };
-    isCloseable: {
-        true: {};
-        false: {};
-    };
-    hasStartContent: {
-        true: {};
-    };
-    hasEndContent: {
-        true: {};
-    };
-    isDisabled: {
-        true: {
-            base: string;
-        };
-    };
-    isCloseButtonFocusVisible: {
-        true: {
-            closeButton: string[];
-        };
-    };
-}, {
-    base: string[];
-    content: string;
-    dot: string[];
-    avatar: string;
-    closeButton: string[];
-}, undefined, unknown, unknown, undefined>>;
-type ChipVariantProps = VariantProps<typeof chip>;
-type ChipSlots = keyof ReturnType<typeof chip>;
-
-export { type ChipSlots, type ChipVariantProps, chip };