@raxium/themes 0.1.1

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

@@ -0,0 +1,149 @@
+import type { VariantProps } from '../../utils';
+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/hotkey.js

@@ -0,0 +1,16 @@
+import { tv } from '../../utils';
+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/hover-card.d.ts

@@ -0,0 +1,50 @@
+import type { VariantProps } from '../../utils';
+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/hover-card.js

@@ -0,0 +1,75 @@
+import { tv } from '../../utils';
+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/icon.d.ts

@@ -0,0 +1,8 @@
+import type { VariantProps } from '../../utils';
+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/icon.js

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

package/dist/default/crafts/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/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';

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

@@ -0,0 +1,77 @@
+import type { VariantProps } from '../../utils';
+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/input.js

@@ -0,0 +1,45 @@
+import { tv } from '../../utils';
+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 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/menu.d.ts

@@ -0,0 +1,71 @@
+import type { VariantProps } from '../../utils';
+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/menu.js

@@ -0,0 +1,111 @@
+import { tv } from '../../utils';
+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`,
+    },
+});