@rark-ui/themes 1.0.0

package/dist/default/crafts/core/input.d.ts

@@ -0,0 +1,77 @@
+import type { VariantProps } from '../../../shared/utils/tv';
+export declare const tvInput: import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: {
+            root: string;
+            input: string;
+        };
+        sm: {
+            root: string;
+            input: string;
+        };
+        base: {
+            root: string;
+            input: string;
+        };
+        lg: {
+            root: string;
+            input: string;
+        };
+    };
+} & {
+    unstyled: {
+        true: import("tailwind-merge").ClassNameValue;
+        false: import("tailwind-merge").ClassNameValue;
+    };
+}, {
+    root: string[];
+    input: string[];
+    clearable: string[];
+}, undefined, {
+    size: {
+        xs: {
+            root: string;
+            input: string;
+        };
+        sm: {
+            root: string;
+            input: string;
+        };
+        base: {
+            root: string;
+            input: string;
+        };
+        lg: {
+            root: string;
+            input: string;
+        };
+    };
+}, {
+    root: string[];
+    input: string[];
+    clearable: string[];
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: {
+            root: string;
+            input: string;
+        };
+        sm: {
+            root: string;
+            input: string;
+        };
+        base: {
+            root: string;
+            input: string;
+        };
+        lg: {
+            root: string;
+            input: string;
+        };
+    };
+}, {
+    root: string[];
+    input: string[];
+    clearable: string[];
+}, undefined, unknown, unknown>>;
+export type InputVariants = VariantProps<typeof tvInput>;

package/dist/default/crafts/core/input.js

@@ -0,0 +1,45 @@
+import { tv } from '../../../shared/utils/tv';
+const prefix = 'rui-input';
+export const tvInput = tv({
+    slots: {
+        root: [
+            'flex',
+            'items-center',
+            'min-w-0',
+            'border',
+            'rounded',
+            'transition-all',
+            'data-[state=disabled]:pointer-events-none',
+            'data-[state=disabled]:opacity-(--disabled-opacity)',
+        ],
+        input: ['flex-1', 'w-0', 'outline-hidden', 'border-none', 'bg-transparent'],
+        clearable: ['size-[1lh]', 'flex', 'items-center', 'justify-center'],
+    },
+    variants: {
+        size: {
+            xs: {
+                root: 'px-2 py-1.5 gap-1.5 text-xs',
+                input: 'placeholder:text-xs',
+            },
+            sm: {
+                root: 'px-2 py-1.5 gap-2 text-sm',
+                input: 'placeholder:text-sm',
+            },
+            base: {
+                root: 'px-2 py-2 gap-2.5 text-base',
+                input: 'placeholder:text-base',
+            },
+            lg: {
+                root: 'px-2 py-2.5 gap-3 text-lg',
+                input: 'placeholder:text-lg',
+            },
+        },
+    },
+    defaultVariants: { size: 'base' },
+}, {
+    slots: {
+        root: prefix,
+        input: `${prefix}-input`,
+        clearable: `${prefix}-clearable`,
+    },
+});

package/dist/default/crafts/core/menu.d.ts

@@ -0,0 +1,71 @@
+import type { VariantProps } from '../../../shared/utils/tv';
+export declare const tvMenu: import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        base: string;
+        lg: string;
+    };
+    bordered: {
+        true: string;
+        false: string;
+    };
+} & {
+    unstyled: {
+        true: import("tailwind-merge").ClassNameValue;
+        false: import("tailwind-merge").ClassNameValue;
+    };
+}, {
+    root: string;
+    content: string[];
+    contentInner: string[];
+    item: string[];
+    itemGroup: string;
+    itemGroupLabel: string;
+    triggerItem: string;
+    triggerItemIndicator: string[];
+    radioItem: string;
+}, undefined, {
+    size: {
+        xs: string;
+        sm: string;
+        base: string;
+        lg: string;
+    };
+    bordered: {
+        true: string;
+        false: string;
+    };
+}, {
+    root: string;
+    content: string[];
+    contentInner: string[];
+    item: string[];
+    itemGroup: string;
+    itemGroupLabel: string;
+    triggerItem: string;
+    triggerItemIndicator: string[];
+    radioItem: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        base: string;
+        lg: string;
+    };
+    bordered: {
+        true: string;
+        false: string;
+    };
+}, {
+    root: string;
+    content: string[];
+    contentInner: string[];
+    item: string[];
+    itemGroup: string;
+    itemGroupLabel: string;
+    triggerItem: string;
+    triggerItemIndicator: string[];
+    radioItem: string;
+}, undefined, unknown, unknown>>;
+export type MenuVariants = VariantProps<typeof tvMenu>;

package/dist/default/crafts/core/menu.js

@@ -0,0 +1,111 @@
+import { tv } from '../../../shared/utils/tv';
+const prefix = 'rui-menu';
+export const tvMenu = tv({
+    slots: {
+        root: '',
+        content: [
+            'rounded-(--border-radius)',
+            'data-[state=open]:motion-opacity-in',
+            'data-[state=open]:motion-scale-in-95',
+            'data-[state=open]:data-[placement^=bottom]:motion-translate-y-in-[.25rem]',
+            'data-[state=open]:data-[placement^=top]:-motion-translate-y-in-[.25rem]',
+            'data-[state=open]:data-[placement^=left]:-motion-translate-x-in-[.25rem]',
+            'data-[state=open]:data-[placement^=right]:motion-translate-x-in-[.25rem]',
+            'data-[state=closed]:motion-opacity-out',
+            'data-[state=closed]:motion-scale-out-95',
+            'data-[state=closed]:data-[placement^=bottom]:motion-translate-y-out-[.25rem]',
+            'data-[state=closed]:data-[placement^=top]:-motion-translate-y-out-[.25rem]',
+            'data-[state=closed]:data-[placement^=left]:-motion-translate-x-out-[.25rem]',
+            'data-[state=closed]:data-[placement^=right]:motion-translate-x-out-[.25rem]',
+        ],
+        contentInner: [
+            'relative',
+            'rounded-(--border-radius)',
+            'z-10',
+            'min-w-(--reference-width)',
+        ],
+        item: [
+            'relative',
+            'flex',
+            'items-center',
+            'rounded',
+            'cursor-pointer',
+            'transition-colors',
+            'data-[disabled]:pointer-events-none',
+            'data-[disabled]:opacity-(--disabled-opacity)',
+        ],
+        itemGroup: '',
+        itemGroupLabel: 'relative border-b',
+        triggerItem: 'justify-between',
+        triggerItemIndicator: [
+            'transition-transform',
+            'data-[state=open]:rotate-180',
+        ],
+        radioItem: 'justify-between',
+    },
+    variants: {
+        size: {
+            xs: '',
+            sm: '',
+            base: '',
+            lg: '',
+        },
+        bordered: {
+            true: '',
+            false: '',
+        },
+    },
+    compoundVariants: [
+        {
+            size: 'xs',
+            class: {
+                contentInner: 'px-1.5 py-1',
+                item: 'text-xs px-1.5 py-1 gap-1.5',
+                itemGroupLabel: 'text-xs px-1.5 py-1.5 mb-0.5',
+            },
+        },
+        {
+            size: 'sm',
+            class: {
+                contentInner: 'px-2 py-1.5',
+                item: 'text-sm px-2 py-1.5 gap-2',
+                itemGroupLabel: 'text-sm px-2 py-2 mb-1',
+            },
+        },
+        {
+            size: 'base',
+            class: {
+                contentInner: 'px-2.5 py-2',
+                item: 'text-base px-2.5 py-2 gap-2.5',
+                itemGroupLabel: 'text-base px-2.5 py-2.5 mb-1.5',
+            },
+        },
+        {
+            size: 'lg',
+            class: {
+                contentInner: 'px-3 py-2.5',
+                item: 'text-lg px-3 py-2.5 gap-3',
+                itemGroupLabel: 'text-xl px-3 py-3 mb-2',
+            },
+        },
+        {
+            bordered: true,
+            class: {
+                content: 'border',
+            },
+        },
+    ],
+    defaultVariants: { size: 'base', bordered: true },
+}, {
+    slots: {
+        root: prefix,
+        content: `${prefix}-content`,
+        contentInner: `${prefix}-content-inner`,
+        item: `${prefix}-item`,
+        itemGroup: `${prefix}-item-group`,
+        itemGroupLabel: `${prefix}-item-group-label`,
+        triggerItem: `${prefix}-trigger-item`,
+        triggerItemIndicator: `${prefix}-trigger-item-indicator`,
+        radioItem: `${prefix}-radio-item`,
+    },
+});

package/dist/default/crafts/core/message.d.ts

@@ -0,0 +1,131 @@
+import type { VariantProps } from '../../../shared/utils/tv';
+export declare const tvMessage: import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: {
+            content: string;
+            inner: string;
+            icon: string;
+            close: string;
+            title: string;
+            description: string;
+        };
+        sm: {
+            content: string;
+            inner: string;
+            icon: string;
+            close: string;
+            title: string;
+            description: string;
+        };
+        base: {
+            content: string;
+            inner: string;
+            icon: string;
+            close: string;
+            title: string;
+            description: string;
+        };
+        lg: {
+            content: string;
+            inner: string;
+            icon: string;
+            close: string;
+            title: string;
+            description: string;
+        };
+    };
+} & {
+    unstyled: {
+        true: import("tailwind-merge").ClassNameValue;
+        false: import("tailwind-merge").ClassNameValue;
+    };
+}, {
+    root: string[];
+    content: string[];
+    description: string;
+    icon: string;
+    close: string;
+}, undefined, {
+    size: {
+        xs: {
+            content: string;
+            inner: string;
+            icon: string;
+            close: string;
+            title: string;
+            description: string;
+        };
+        sm: {
+            content: string;
+            inner: string;
+            icon: string;
+            close: string;
+            title: string;
+            description: string;
+        };
+        base: {
+            content: string;
+            inner: string;
+            icon: string;
+            close: string;
+            title: string;
+            description: string;
+        };
+        lg: {
+            content: string;
+            inner: string;
+            icon: string;
+            close: string;
+            title: string;
+            description: string;
+        };
+    };
+}, {
+    root: string[];
+    content: string[];
+    description: string;
+    icon: string;
+    close: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: {
+            content: string;
+            inner: string;
+            icon: string;
+            close: string;
+            title: string;
+            description: string;
+        };
+        sm: {
+            content: string;
+            inner: string;
+            icon: string;
+            close: string;
+            title: string;
+            description: string;
+        };
+        base: {
+            content: string;
+            inner: string;
+            icon: string;
+            close: string;
+            title: string;
+            description: string;
+        };
+        lg: {
+            content: string;
+            inner: string;
+            icon: string;
+            close: string;
+            title: string;
+            description: string;
+        };
+    };
+}, {
+    root: string[];
+    content: string[];
+    description: string;
+    icon: string;
+    close: string;
+}, undefined, unknown, unknown>>;
+export type MessageVariants = VariantProps<typeof tvMessage>;

package/dist/default/crafts/core/message.js

@@ -0,0 +1,58 @@
+import { tv } from '../../../shared/utils/tv';
+const prefix = 'rui-message';
+export const tvMessage = tv({
+    slots: {
+        root: ['group/message'],
+        content: ['flex', 'items-center', 'rounded-md'],
+        description: 'w-max',
+        icon: 'size-[1lh]',
+        close: 'size-[1lh]',
+    },
+    variants: {
+        size: {
+            xs: {
+                content: 'py-3 px-4 space-x-3',
+                inner: 'gap-0.5',
+                icon: 'text-sm',
+                close: 'text-xs',
+                title: 'text-xs',
+                description: 'text-xs',
+            },
+            sm: {
+                content: 'py-4 px-6 space-x-4',
+                inner: 'gap-1',
+                icon: 'text-base',
+                close: 'text-sm',
+                title: 'text-sm',
+                description: 'text-sm',
+            },
+            base: {
+                content: 'py-5 px-8 space-x-5',
+                inner: 'gap-1.5',
+                icon: 'text-lg',
+                close: 'text-base',
+                title: 'text-base',
+                description: 'text-base',
+            },
+            lg: {
+                content: 'py-6 px-10 space-x-6',
+                inner: 'gap-2',
+                icon: 'text-xl',
+                close: 'text-lg',
+                title: 'text-lg',
+                description: 'text-lg',
+            },
+        },
+    },
+    defaultVariants: {
+        size: 'base',
+    },
+}, {
+    slots: {
+        root: prefix,
+        content: `${prefix}-content`,
+        description: `${prefix}-description`,
+        icon: `${prefix}-icon`,
+        close: `${prefix}-close`,
+    },
+});

package/dist/default/crafts/core/number-input.d.ts

@@ -0,0 +1,83 @@
+import type { VariantProps } from '../../../shared/utils/tv';
+export declare const tvNumberInput: import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: {
+            input: string;
+            trigger: string;
+        };
+        sm: {
+            input: string;
+            trigger: string;
+        };
+        base: {
+            input: string;
+            trigger: string;
+        };
+        lg: {
+            input: string;
+            trigger: string;
+        };
+    };
+} & {
+    unstyled: {
+        true: import("tailwind-merge").ClassNameValue;
+        false: import("tailwind-merge").ClassNameValue;
+    };
+}, {
+    root: string;
+    control: string;
+    input: string;
+    triggerGroup: string;
+    trigger: string;
+}, undefined, {
+    size: {
+        xs: {
+            input: string;
+            trigger: string;
+        };
+        sm: {
+            input: string;
+            trigger: string;
+        };
+        base: {
+            input: string;
+            trigger: string;
+        };
+        lg: {
+            input: string;
+            trigger: string;
+        };
+    };
+}, {
+    root: string;
+    control: string;
+    input: string;
+    triggerGroup: string;
+    trigger: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: {
+            input: string;
+            trigger: string;
+        };
+        sm: {
+            input: string;
+            trigger: string;
+        };
+        base: {
+            input: string;
+            trigger: string;
+        };
+        lg: {
+            input: string;
+            trigger: string;
+        };
+    };
+}, {
+    root: string;
+    control: string;
+    input: string;
+    triggerGroup: string;
+    trigger: string;
+}, undefined, unknown, unknown>>;
+export type NumberInputVariants = VariantProps<typeof tvNumberInput>;

package/dist/default/crafts/core/number-input.js

@@ -0,0 +1,42 @@
+import { tv } from '../../../shared/utils/tv';
+const prefix = 'rui-number-input';
+export const tvNumberInput = tv({
+    slots: {
+        root: '',
+        control: 'p-0',
+        input: '',
+        triggerGroup: 'flex flex-col',
+        trigger: '[&>svg]:size-full',
+    },
+    variants: {
+        size: {
+            xs: {
+                input: 'text-xs py-1 px-1.5',
+                trigger: 'h-3 w-6 [&>svg]:size-full',
+            },
+            sm: {
+                input: 'text-sm py-1.5 px-2',
+                trigger: 'h-4 w-8 [&>svg]:size-full',
+            },
+            base: {
+                input: 'text-base py-2 px-2.5',
+                trigger: 'h-4.5 w-8 [&>svg]:size-full',
+            },
+            lg: {
+                input: 'text-lg py-2.5 px-3',
+                trigger: 'h-5 w-10 [&>svg]:size-full',
+            },
+        },
+    },
+    defaultVariants: {
+        size: 'base',
+    },
+}, {
+    slots: {
+        root: prefix,
+        control: `${prefix}-control`,
+        input: `${prefix}-input`,
+        triggerGroup: `${prefix}-trigger-group`,
+        trigger: `${prefix}-trigger`,
+    },
+});