@rark-ui/themes 1.0.0

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

@@ -0,0 +1,62 @@
+import { tv } from '../../../shared/utils/tv';
+const prefix = 'rui-toast';
+export const tvToast = tv({
+    slots: {
+        root: ['group/toast'],
+        content: ['flex', 'items-center', 'border-l-3', 'rounded-md'],
+        inner: 'flex flex-col w-max',
+        title: '',
+        description: '',
+        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-sm',
+                description: 'text-xs',
+            },
+            sm: {
+                content: 'py-4 px-6 space-x-4',
+                inner: 'gap-1',
+                icon: 'text-base',
+                close: 'text-sm',
+                title: 'text-base',
+                description: 'text-sm',
+            },
+            base: {
+                content: 'py-5 px-8 space-x-5',
+                inner: 'gap-1.5',
+                icon: 'text-base',
+                close: 'text-base',
+                title: 'text-lg',
+                description: 'text-base',
+            },
+            lg: {
+                content: 'py-6 px-10 space-x-6',
+                inner: 'gap-2',
+                icon: 'text-lg',
+                close: 'text-base',
+                title: 'text-lg',
+                description: 'text-base',
+            },
+        },
+    },
+    defaultVariants: {
+        size: 'base',
+    },
+}, {
+    slots: {
+        root: prefix,
+        content: `${prefix}-content`,
+        inner: `${prefix}-inner`,
+        title: `${prefix}-title`,
+        description: `${prefix}-description`,
+        icon: `${prefix}-icon`,
+        close: `${prefix}-close`,
+    },
+});

package/dist/default/crafts/core/toggle-group.d.ts

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

package/dist/default/crafts/core/toggle-group.js

@@ -0,0 +1,49 @@
+import { tv } from '../../../shared/utils/tv';
+const prefix = 'rui-toggle-group';
+export const tvToggleGroup = tv({
+    slots: {
+        root: ['w-fit', 'inline-flex', 'items-center', 'group/toggle-group', 'border', 'rounded'],
+        item: ['flex', 'items-center', 'justify-center', 'aspect-square'],
+    },
+    variants: {
+        size: {
+            xs: {
+                item: 'size-6 text-xs',
+            },
+            sm: {
+                item: 'size-7 text-sm',
+            },
+            base: {
+                item: 'size-8 text-base',
+            },
+            lg: {
+                item: 'size-9 text-lg',
+            },
+        },
+        orientation: {
+            horizontal: {
+                root: 'flex-row',
+                item: [
+                    '[&:not([hidden])~:not([hidden])]:border-s',
+                    '[&:not([hidden])~:not([hidden])]:border-e-0',
+                ],
+            },
+            vertical: {
+                root: 'flex-col',
+                item: [
+                    '[&:not([hidden])~:not([hidden])]:border-t',
+                    '[&:not([hidden])~:not([hidden])]:border-b-0',
+                ],
+            },
+        },
+    },
+    defaultVariants: {
+        size: 'base',
+        orientation: 'horizontal',
+    },
+}, {
+    slots: {
+        root: prefix,
+        item: `${prefix}-item`,
+    },
+});

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

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

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

@@ -0,0 +1,29 @@
+import { tv } from '../../../shared/utils/tv';
+const prefix = 'rui-toggle';
+export const tvToggle = tv({
+    base: [
+        'inline-flex',
+        'items-center',
+        'justify-center',
+        'rounded',
+        'border',
+        'transition-all',
+        'disabled:pointer-events-none',
+        'disabled:opacity-(--disabled-opacity)',
+        '[&_svg]:pointer-events-none',
+        '[&_svg]:shrink-0',
+    ],
+    variants: {
+        size: {
+            xs: 'h-6 text-xs gap-1.5 px-3',
+            sm: 'h-7 text-sm gap-2.5 px-4',
+            base: 'h-8 text-base gap-3 px-5',
+            lg: 'h-9 text-lg gap-3.5 px-6',
+        },
+    },
+    defaultVariants: {
+        size: 'base',
+    },
+}, {
+    class: prefix,
+});

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

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

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

@@ -0,0 +1,55 @@
+import { tv } from '../../../shared/utils/tv';
+const prefix = 'rui-tooltip';
+export const tvTooltip = tv({
+    slots: {
+        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'],
+    },
+    variants: {
+        size: {
+            xs: {
+                contentInner: 'px-1.5 py-0.5 text-xs',
+            },
+            sm: {
+                contentInner: 'px-2 py-1 text-sm',
+            },
+            base: {
+                contentInner: 'px-2.5 py-1.5 text-base',
+            },
+            lg: {
+                contentInner: 'px-3 py-2 text-lg',
+            },
+        },
+        bordered: {
+            true: {
+                content: 'border',
+            },
+            false: {
+                content: 'border-none',
+            },
+        },
+    },
+    defaultVariants: {
+        size: 'base',
+        bordered: true,
+    },
+}, {
+    slots: {
+        content: `${prefix}-content`,
+        contentInner: `${prefix}-content-inner`,
+    },
+});

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

@@ -0,0 +1,208 @@
+import type { VariantProps } from '../../../shared/utils/tv';
+export declare const tvTree: import("tailwind-variants").TVReturnType<({
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            root?: import("tailwind-merge").ClassNameValue;
+            tree?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            root?: import("tailwind-merge").ClassNameValue;
+            tree?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}) & {
+    unstyled: {
+        true: import("tailwind-merge").ClassNameValue;
+        false: import("tailwind-merge").ClassNameValue;
+    };
+}, {
+    root: string;
+    tree: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            root?: import("tailwind-merge").ClassNameValue;
+            tree?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    tree: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    root: string;
+    tree: string;
+}, undefined, unknown, unknown>>;
+export type TreeVariants = VariantProps<typeof tvTree>;
+export declare const tvTreeBranch: import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: {
+            control: string[];
+            title: string;
+        };
+        sm: {
+            control: string[];
+            title: string;
+        };
+        base: {
+            control: string[];
+            title: string;
+        };
+        lg: {
+            control: string[];
+            title: string;
+        };
+    };
+} & {
+    unstyled: {
+        true: import("tailwind-merge").ClassNameValue;
+        false: import("tailwind-merge").ClassNameValue;
+    };
+}, {
+    root: string;
+    control: string;
+    title: string;
+    text: string;
+    icon: string;
+    indicator: string[];
+    content: string[];
+    indentGuide: string;
+    checkbox: string;
+    checkboxIndicator: string;
+}, undefined, {
+    size: {
+        xs: {
+            control: string[];
+            title: string;
+        };
+        sm: {
+            control: string[];
+            title: string;
+        };
+        base: {
+            control: string[];
+            title: string;
+        };
+        lg: {
+            control: string[];
+            title: string;
+        };
+    };
+}, {
+    root: string;
+    control: string;
+    title: string;
+    text: string;
+    icon: string;
+    indicator: string[];
+    content: string[];
+    indentGuide: string;
+    checkbox: string;
+    checkboxIndicator: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: {
+            control: string[];
+            title: string;
+        };
+        sm: {
+            control: string[];
+            title: string;
+        };
+        base: {
+            control: string[];
+            title: string;
+        };
+        lg: {
+            control: string[];
+            title: string;
+        };
+    };
+}, {
+    root: string;
+    control: string;
+    title: string;
+    text: string;
+    icon: string;
+    indicator: string[];
+    content: string[];
+    indentGuide: string;
+    checkbox: string;
+    checkboxIndicator: string;
+}, undefined, unknown, unknown>>;
+export type TreeBranchVariants = VariantProps<typeof tvTreeBranch>;
+export declare const tvTreeItem: import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: {
+            title: string[];
+        };
+        sm: {
+            title: string[];
+        };
+        base: {
+            title: string[];
+        };
+        lg: {
+            title: string[];
+        };
+    };
+} & {
+    unstyled: {
+        true: import("tailwind-merge").ClassNameValue;
+        false: import("tailwind-merge").ClassNameValue;
+    };
+}, {
+    root: string;
+    title: string;
+    icon: string;
+    text: string;
+    checkbox: string;
+    checkboxIndicator: string;
+}, undefined, {
+    size: {
+        xs: {
+            title: string[];
+        };
+        sm: {
+            title: string[];
+        };
+        base: {
+            title: string[];
+        };
+        lg: {
+            title: string[];
+        };
+    };
+}, {
+    root: string;
+    title: string;
+    icon: string;
+    text: string;
+    checkbox: string;
+    checkboxIndicator: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: {
+            title: string[];
+        };
+        sm: {
+            title: string[];
+        };
+        base: {
+            title: string[];
+        };
+        lg: {
+            title: string[];
+        };
+    };
+}, {
+    root: string;
+    title: string;
+    icon: string;
+    text: string;
+    checkbox: string;
+    checkboxIndicator: string;
+}, undefined, unknown, unknown>>;
+export type TreeItemVariants = VariantProps<typeof tvTreeItem>;