@rark-ui/themes 1.0.0

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

@@ -0,0 +1,95 @@
+import { tv } from '../../../shared/utils/tv';
+import { tvInput } from './input';
+const prefix = 'rui-editable';
+export const tvEditable = tv({
+    slots: {
+        root: 'flex items-center',
+        area: '',
+        preview: '',
+    },
+    variants: {
+        size: {
+            xs: '',
+            sm: '',
+            base: '',
+            lg: '',
+        },
+    },
+    compoundVariants: [
+        {
+            size: 'xs',
+            class: {
+                root: 'text-xs',
+            },
+        },
+        {
+            size: 'sm',
+            class: {
+                root: 'text-sm',
+            },
+        },
+        {
+            size: 'base',
+            class: {
+                root: 'text-base',
+            },
+        },
+        {
+            size: 'lg',
+            class: {
+                root: 'text-lg',
+            },
+        },
+    ],
+    defaultVariants: { size: 'base' },
+}, {
+    slots: {
+        root: prefix,
+        area: `${prefix}-area`,
+        preview: `${prefix}-preview`,
+    },
+});
+export const tvEditableInput = tv({
+    extend: tvInput,
+    slots: {
+        root: '',
+        input: 'min-w-20 w-fit',
+        clearable: '',
+    },
+    compoundVariants: [
+        {
+            size: 'xs',
+            class: {
+                root: 'px-1 py-0.25',
+                clearable: 'text-xs size-[1lh]',
+            },
+        },
+        {
+            size: 'sm',
+            class: {
+                root: 'px-1 py-0.5',
+                clearable: 'text-sm size-[1lh]',
+            },
+        },
+        {
+            size: 'base',
+            class: {
+                root: 'px-2 py-0.75',
+                clearable: 'text-base size-[1lh]',
+            },
+        },
+        {
+            size: 'lg',
+            class: {
+                root: 'px-2 py-1',
+                clearable: 'text-lg size-[1lh]',
+            },
+        },
+    ],
+}, {
+    slots: {
+        root: `${prefix}-input`,
+        input: `${prefix}-input-input`,
+        clearable: `${prefix}-input-clearable`,
+    },
+});

package/dist/default/crafts/core/floating-panel.d.ts

@@ -0,0 +1,143 @@
+import type { VariantProps } from '../../../shared/utils/tv';
+export declare const tvFloatingPanel: import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: {
+            header: string;
+            control: string;
+            trigger: string;
+            resizeVertical: string;
+            resizeHorizontal: string;
+            resizeCorner: string;
+        };
+        sm: {
+            header: string;
+            control: string;
+            trigger: string;
+            resizeVertical: string;
+            resizeHorizontal: string;
+            resizeCorner: string;
+        };
+        base: {
+            header: string;
+            control: string;
+            trigger: string;
+            resizeVertical: string;
+            resizeHorizontal: string;
+            resizeCorner: string;
+        };
+        lg: {
+            header: string;
+            control: string;
+            trigger: string;
+            resizeVertical: string;
+            resizeHorizontal: string;
+            resizeCorner: string;
+        };
+    };
+} & {
+    unstyled: {
+        true: import("tailwind-merge").ClassNameValue;
+        false: import("tailwind-merge").ClassNameValue;
+    };
+}, {
+    positioner: string;
+    content: string;
+    header: string;
+    control: string;
+    title: string;
+    trigger: string;
+    resizeVertical: string;
+    resizeHorizontal: string;
+    resizeCorner: string;
+}, undefined, {
+    size: {
+        xs: {
+            header: string;
+            control: string;
+            trigger: string;
+            resizeVertical: string;
+            resizeHorizontal: string;
+            resizeCorner: string;
+        };
+        sm: {
+            header: string;
+            control: string;
+            trigger: string;
+            resizeVertical: string;
+            resizeHorizontal: string;
+            resizeCorner: string;
+        };
+        base: {
+            header: string;
+            control: string;
+            trigger: string;
+            resizeVertical: string;
+            resizeHorizontal: string;
+            resizeCorner: string;
+        };
+        lg: {
+            header: string;
+            control: string;
+            trigger: string;
+            resizeVertical: string;
+            resizeHorizontal: string;
+            resizeCorner: string;
+        };
+    };
+}, {
+    positioner: string;
+    content: string;
+    header: string;
+    control: string;
+    title: string;
+    trigger: string;
+    resizeVertical: string;
+    resizeHorizontal: string;
+    resizeCorner: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: {
+            header: string;
+            control: string;
+            trigger: string;
+            resizeVertical: string;
+            resizeHorizontal: string;
+            resizeCorner: string;
+        };
+        sm: {
+            header: string;
+            control: string;
+            trigger: string;
+            resizeVertical: string;
+            resizeHorizontal: string;
+            resizeCorner: string;
+        };
+        base: {
+            header: string;
+            control: string;
+            trigger: string;
+            resizeVertical: string;
+            resizeHorizontal: string;
+            resizeCorner: string;
+        };
+        lg: {
+            header: string;
+            control: string;
+            trigger: string;
+            resizeVertical: string;
+            resizeHorizontal: string;
+            resizeCorner: string;
+        };
+    };
+}, {
+    positioner: string;
+    content: string;
+    header: string;
+    control: string;
+    title: string;
+    trigger: string;
+    resizeVertical: string;
+    resizeHorizontal: string;
+    resizeCorner: string;
+}, undefined, unknown, unknown>>;
+export type FloatingPanelVariants = VariantProps<typeof tvFloatingPanel>;

package/dist/default/crafts/core/floating-panel.js

@@ -0,0 +1,63 @@
+import { tv } from '../../../shared/utils/tv';
+const prefix = 'rui-floating-panel';
+export const tvFloatingPanel = tv({
+    slots: {
+        positioner: '',
+        content: '',
+        header: 'w-full flex items-center justify-between',
+        control: 'flex items-center gap-2',
+        title: '',
+        trigger: 'flex items-center justify-center',
+        resizeVertical: 'h-full w-2',
+        resizeHorizontal: 'w-full h-2',
+        resizeCorner: 'size-2',
+    },
+    variants: {
+        size: {
+            xs: {
+                header: 'py-2 pl-4 pr-3 text-xs',
+                control: '',
+                trigger: 'size-5',
+                resizeVertical: 'w-0.5',
+                resizeHorizontal: 'h-0.5',
+                resizeCorner: 'size-1',
+            },
+            sm: {
+                header: 'py-2.5 pl-5 pr-4 text-sm',
+                control: '',
+                trigger: 'size-6',
+                resizeVertical: 'w-0.75',
+                resizeHorizontal: 'h-0.75',
+                resizeCorner: 'size-1.5',
+            },
+            base: {
+                header: 'py-3 pl-6 pr-5 text-base',
+                control: '',
+                trigger: 'size-7',
+                resizeVertical: 'w-1',
+                resizeHorizontal: 'h-1',
+                resizeCorner: 'size-2',
+            },
+            lg: {
+                header: 'py-4 pl-8 pr-7 text-lg',
+                control: '',
+                trigger: 'size-8',
+                resizeVertical: 'w-1.25',
+                resizeHorizontal: 'h-1.25',
+                resizeCorner: 'size-2.5',
+            },
+        },
+    },
+}, {
+    slots: {
+        positioner: `${prefix}-positioner`,
+        content: `${prefix}-content`,
+        header: `${prefix}-header`,
+        control: `${prefix}-control`,
+        title: `${prefix}-title`,
+        trigger: `${prefix}-trigger`,
+        resizeVertical: `${prefix}-resize-vertical`,
+        resizeHorizontal: `${prefix}-resize-horizontal`,
+        resizeCorner: `${prefix}-resize-corner`,
+    },
+});

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

@@ -0,0 +1,149 @@
+import type { VariantProps } from '../../../shared/utils/tv';
+export declare const tvHotkey: import("tailwind-variants").TVReturnType<({
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            root?: import("tailwind-merge").ClassNameValue;
+            input?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    size: {
+        xs: import("tailwind-merge").ClassNameValue | {
+            root?: import("tailwind-merge").ClassNameValue;
+            input?: import("tailwind-merge").ClassNameValue;
+        };
+        sm: import("tailwind-merge").ClassNameValue | {
+            root?: import("tailwind-merge").ClassNameValue;
+            input?: import("tailwind-merge").ClassNameValue;
+        };
+        base: import("tailwind-merge").ClassNameValue | {
+            root?: import("tailwind-merge").ClassNameValue;
+            input?: import("tailwind-merge").ClassNameValue;
+        };
+        lg: import("tailwind-merge").ClassNameValue | {
+            root?: import("tailwind-merge").ClassNameValue;
+            input?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    unstyled: {
+        true: import("tailwind-merge").ClassNameValue | {
+            root?: import("tailwind-merge").ClassNameValue;
+            input?: import("tailwind-merge").ClassNameValue;
+        };
+        false: import("tailwind-merge").ClassNameValue | {
+            root?: import("tailwind-merge").ClassNameValue;
+            input?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+}) & {
+    unstyled: {
+        true: import("tailwind-merge").ClassNameValue;
+        false: import("tailwind-merge").ClassNameValue;
+    };
+}, {
+    root: string[];
+    input: never[];
+}, undefined, {
+    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[];
+}, 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 HotkeyVariants = VariantProps<typeof tvHotkey>;

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

@@ -0,0 +1,16 @@
+import { tv } from '../../../shared/utils/tv';
+import { tvInput } from './input';
+const inputPrefix = 'rui-input';
+const prefix = 'rui-hotkey';
+export const tvHotkey = tv({
+    extend: tvInput,
+    slots: {
+        root: ['relative'],
+        input: [],
+    },
+}, {
+    slots: {
+        root: [inputPrefix, prefix],
+        input: [`${inputPrefix}-input`, `${prefix}-input`],
+    },
+});

package/dist/default/crafts/core/hover-card.d.ts

@@ -0,0 +1,50 @@
+import type { VariantProps } from '../../../shared/utils/tv';
+export declare const tvHoverCard: 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;
+    };
+}, {
+    content: string[];
+    contentInner: string[];
+}, undefined, {
+    size: {
+        xs: string;
+        sm: string;
+        base: string;
+        lg: string;
+    };
+    bordered: {
+        true: string;
+        false: string;
+    };
+}, {
+    content: string[];
+    contentInner: string[];
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        base: string;
+        lg: string;
+    };
+    bordered: {
+        true: string;
+        false: string;
+    };
+}, {
+    content: string[];
+    contentInner: string[];
+}, undefined, unknown, unknown>>;
+export type HoverCardVariants = VariantProps<typeof tvHoverCard>;

package/dist/default/crafts/core/hover-card.js

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

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

@@ -0,0 +1,8 @@
+import type { VariantProps } from '../../../shared/utils/tv';
+export declare const tvIcon: import("tailwind-variants").TVReturnType<({} | {} | {}) & {
+    unstyled: {
+        true: import("tailwind-merge").ClassNameValue;
+        false: import("tailwind-merge").ClassNameValue;
+    };
+}, undefined, "size-[1lh]", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "size-[1lh]", unknown, unknown>>;
+export type IconVariants = VariantProps<typeof tvIcon>;

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

@@ -0,0 +1,7 @@
+import { tv } from '../../../shared/utils/tv';
+const prefix = 'rui-icon';
+export const tvIcon = tv({
+    base: 'size-[1lh]',
+}, {
+    class: prefix,
+});

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

@@ -0,0 +1,33 @@
+export { type BadgeVariants, tvBadge } from './badge';
+export { type ButtonVariants, tvButton } from './button';
+export { type CheckboxVariants, tvCheckbox } from './checkbox';
+export { type CollapsibleVariants, type ReadMoreVariants, tvCollapsible, tvReadMore, } from './collapsible';
+export { type DatePickerVariants, type DatePickerViewVariants, tvDatePicker, tvDatePickerView, } from './date-picker';
+export { type DialogVariants, tvDialog } from './dialog';
+export { type EditableInputVariants, type EditableVariants, tvEditable, tvEditableInput, } from './editable';
+export { type FloatingPanelVariants, tvFloatingPanel } from './floating-panel';
+export { type HotkeyVariants, tvHotkey } from './hotkey';
+export { type HoverCardVariants, tvHoverCard } from './hover-card';
+export { type IconVariants, tvIcon } from './icon';
+export { type InputVariants, tvInput } from './input';
+export { type MenuVariants, tvMenu } from './menu';
+export { type MessageVariants, tvMessage } from './message';
+export { type NumberInputVariants, tvNumberInput } from './number-input';
+export { type PaginationGotoVariants, type PaginationPageSizeVariants, type PaginationVariants, tvPagination, tvPaginationGoto, tvPaginationPageSize, } from './pagination';
+export { type PopoverVariants, tvPopover } from './popover';
+export { type ProgressVariants, tvProgress } from './progress';
+export { type RadioGroupVariants, tvRadioGroup } from './radio-group';
+export { type RatingGroupVariants, tvRatingGroup } from './rating-group';
+export { type ScrollAreaVariants, tvScrollArea } from './scroll-area';
+export { type SelectVariants, tvSelect } from './select';
+export { type SkeletonVariants, tvSkeleton } from './skeleton';
+export { type SliderVariants, tvSlider } from './slider';
+export { type SpinVariants, tvSpin } from './spin';
+export { type SwitchVariants, tvSwitch } from './switch';
+export { type TabsVariants, tvTabs } from './tabs';
+export { type TagsInputVariants, tvTagsInput } from './tags-input';
+export { type ToastVariants, tvToast } from './toast';
+export { type ToggleVariants, tvToggle } from './toggle';
+export { type ToggleGroupVariants, tvToggleGroup } from './toggle-group';
+export { type TooltipVariants, tvTooltip } from './tooltip';
+export { type TreeBranchVariants, type TreeItemVariants, type TreeVariants, tvTree, tvTreeBranch, tvTreeItem, } from './tree';

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

@@ -0,0 +1,33 @@
+export { tvBadge } from './badge';
+export { tvButton } from './button';
+export { tvCheckbox } from './checkbox';
+export { tvCollapsible, tvReadMore, } from './collapsible';
+export { tvDatePicker, tvDatePickerView, } from './date-picker';
+export { tvDialog } from './dialog';
+export { tvEditable, tvEditableInput, } from './editable';
+export { tvFloatingPanel } from './floating-panel';
+export { tvHotkey } from './hotkey';
+export { tvHoverCard } from './hover-card';
+export { tvIcon } from './icon';
+export { tvInput } from './input';
+export { tvMenu } from './menu';
+export { tvMessage } from './message';
+export { tvNumberInput } from './number-input';
+export { tvPagination, tvPaginationGoto, tvPaginationPageSize, } from './pagination';
+export { tvPopover } from './popover';
+export { tvProgress } from './progress';
+export { tvRadioGroup } from './radio-group';
+export { tvRatingGroup } from './rating-group';
+export { tvScrollArea } from './scroll-area';
+export { tvSelect } from './select';
+export { tvSkeleton } from './skeleton';
+export { tvSlider } from './slider';
+export { tvSpin } from './spin';
+export { tvSwitch } from './switch';
+export { tvTabs } from './tabs';
+export { tvTagsInput } from './tags-input';
+export { tvToast } from './toast';
+export { tvToggle } from './toggle';
+export { tvToggleGroup } from './toggle-group';
+export { tvTooltip } from './tooltip';
+export { tvTree, tvTreeBranch, tvTreeItem, } from './tree';