@rark-ui/themes 1.0.0

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

@@ -0,0 +1,119 @@
+import type { VariantProps } from '../../../shared/utils/tv';
+export declare const tvRadioGroup: import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: {
+            itemControl: string;
+            itemIndicator: string;
+            itemText: string;
+        };
+        sm: {
+            itemControl: string;
+            itemIndicator: string;
+            itemText: string;
+        };
+        base: {
+            itemControl: string;
+            itemIndicator: string;
+            itemText: string;
+        };
+        lg: {
+            itemControl: string;
+            itemIndicator: string;
+            itemText: string;
+        };
+    };
+    variant: {
+        default: {
+            itemIndicator: string;
+        };
+        checkbox: {
+            itemIndicator: string;
+        };
+    };
+} & {
+    unstyled: {
+        true: import("tailwind-merge").ClassNameValue;
+        false: import("tailwind-merge").ClassNameValue;
+    };
+}, {
+    root: string[];
+    item: string[];
+    itemControl: string[];
+    itemIndicator: string;
+    itemText: string;
+}, undefined, {
+    size: {
+        xs: {
+            itemControl: string;
+            itemIndicator: string;
+            itemText: string;
+        };
+        sm: {
+            itemControl: string;
+            itemIndicator: string;
+            itemText: string;
+        };
+        base: {
+            itemControl: string;
+            itemIndicator: string;
+            itemText: string;
+        };
+        lg: {
+            itemControl: string;
+            itemIndicator: string;
+            itemText: string;
+        };
+    };
+    variant: {
+        default: {
+            itemIndicator: string;
+        };
+        checkbox: {
+            itemIndicator: string;
+        };
+    };
+}, {
+    root: string[];
+    item: string[];
+    itemControl: string[];
+    itemIndicator: string;
+    itemText: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: {
+            itemControl: string;
+            itemIndicator: string;
+            itemText: string;
+        };
+        sm: {
+            itemControl: string;
+            itemIndicator: string;
+            itemText: string;
+        };
+        base: {
+            itemControl: string;
+            itemIndicator: string;
+            itemText: string;
+        };
+        lg: {
+            itemControl: string;
+            itemIndicator: string;
+            itemText: string;
+        };
+    };
+    variant: {
+        default: {
+            itemIndicator: string;
+        };
+        checkbox: {
+            itemIndicator: string;
+        };
+    };
+}, {
+    root: string[];
+    item: string[];
+    itemControl: string[];
+    itemIndicator: string;
+    itemText: string;
+}, undefined, unknown, unknown>>;
+export type RadioGroupVariants = VariantProps<typeof tvRadioGroup>;

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

@@ -0,0 +1,92 @@
+import { tv } from '../../../shared/utils/tv';
+const prefix = 'rui-radio-group';
+export const tvRadioGroup = tv({
+    slots: {
+        root: ['flex', 'items-center'],
+        item: ['inline-flex', 'items-center', 'w-fit', 'gap-2', 'group/item'],
+        itemControl: [
+            'flex',
+            'items-center',
+            'justify-center',
+            'aspect-square',
+            'shrink-0',
+            'rounded-full',
+            'border',
+        ],
+        itemIndicator: '',
+        itemText: '',
+    },
+    variants: {
+        size: {
+            xs: {
+                itemControl: 'size-3',
+                itemIndicator: 'size-1.5',
+                itemText: 'text-xs',
+            },
+            sm: {
+                itemControl: 'size-3.5',
+                itemIndicator: 'size-1.75',
+                itemText: 'text-sm',
+            },
+            base: {
+                itemControl: 'size-4',
+                itemIndicator: 'size-2',
+                itemText: 'text-base',
+            },
+            lg: {
+                itemControl: 'size-4.5',
+                itemIndicator: 'size-2.25',
+                itemText: 'text-lg',
+            },
+        },
+        variant: {
+            default: {
+                itemIndicator: 'motion-scale-in-0',
+            },
+            checkbox: {
+                itemIndicator: 'stroke-[.125rem] [&>path]:animate-check-dash',
+            },
+        },
+    },
+    compoundVariants: [
+        {
+            size: 'xs',
+            variant: 'checkbox',
+            class: {
+                itemIndicator: 'size-2',
+            },
+        },
+        {
+            size: 'sm',
+            variant: 'checkbox',
+            class: {
+                itemIndicator: 'size-2.5',
+            },
+        },
+        {
+            size: 'base',
+            variant: 'checkbox',
+            class: {
+                itemIndicator: 'size-3',
+            },
+        },
+        {
+            size: 'lg',
+            variant: 'checkbox',
+            class: {
+                itemIndicator: 'size-3.5',
+            },
+        },
+    ],
+    defaultVariants: {
+        size: 'base',
+    },
+}, {
+    slots: {
+        root: prefix,
+        item: `${prefix}-item`,
+        itemControl: `${prefix}-item-control`,
+        itemIndicator: `${prefix}-item-indicator`,
+        itemText: `${prefix}-item-text`,
+    },
+});

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

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

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

@@ -0,0 +1,38 @@
+import { tv } from '../../../shared/utils/tv';
+const prefix = 'rui-rating-group';
+export const tvRatingGroup = tv({
+    slots: {
+        root: '',
+        control: ['flex', 'items-center', 'gap-0.5'],
+        item: ['inline-flex', 'outline-none'],
+        itemIndicator: ['relative'],
+        itemIndicatorIcon: ['absolute', 'block', 'size-full'],
+    },
+    variants: {
+        size: {
+            xs: {
+                itemIndicator: 'size-3',
+            },
+            sm: {
+                itemIndicator: 'size-3.5',
+            },
+            base: {
+                itemIndicator: 'size-4',
+            },
+            lg: {
+                itemIndicator: 'size-4.5',
+            },
+        },
+    },
+    defaultVariants: {
+        size: 'base',
+    },
+}, {
+    slots: {
+        root: prefix,
+        control: `${prefix}-control`,
+        item: `${prefix}-item`,
+        itemIndicator: `${prefix}-item-indicator`,
+        itemIndicatorIcon: `${prefix}-item-indicator-icon`,
+    },
+});

package/dist/default/crafts/core/scroll-area.d.ts

@@ -0,0 +1,74 @@
+import type { VariantProps } from '../../../shared/utils/tv';
+export declare const tvScrollArea: import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        base: string;
+        lg: string;
+    };
+    orientation: {
+        vertical: {
+            scrollbar: string;
+        };
+        horizontal: {
+            scrollbar: string;
+        };
+    };
+} & {
+    unstyled: {
+        true: import("tailwind-merge").ClassNameValue;
+        false: import("tailwind-merge").ClassNameValue;
+    };
+}, {
+    root: string;
+    viewport: string;
+    content: string;
+    scrollbar: string;
+    thumb: string;
+    corner: string;
+}, undefined, {
+    size: {
+        xs: string;
+        sm: string;
+        base: string;
+        lg: string;
+    };
+    orientation: {
+        vertical: {
+            scrollbar: string;
+        };
+        horizontal: {
+            scrollbar: string;
+        };
+    };
+}, {
+    root: string;
+    viewport: string;
+    content: string;
+    scrollbar: string;
+    thumb: string;
+    corner: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        base: string;
+        lg: string;
+    };
+    orientation: {
+        vertical: {
+            scrollbar: string;
+        };
+        horizontal: {
+            scrollbar: string;
+        };
+    };
+}, {
+    root: string;
+    viewport: string;
+    content: string;
+    scrollbar: string;
+    thumb: string;
+    corner: string;
+}, undefined, unknown, unknown>>;
+export type ScrollAreaVariants = VariantProps<typeof tvScrollArea>;

package/dist/default/crafts/core/scroll-area.js

@@ -0,0 +1,109 @@
+import { tv } from '../../../shared/utils/tv';
+const prefix = 'rui-scroll-area';
+export const tvScrollArea = tv({
+    slots: {
+        root: 'overflow-hidden',
+        viewport: 'size-full scrollbar-none scrollbar-none::-webkit-scrollbar',
+        content: '',
+        scrollbar: '',
+        thumb: 'rounded-full',
+        corner: '',
+    },
+    variants: {
+        size: {
+            xs: '',
+            sm: '',
+            base: '',
+            lg: '',
+        },
+        orientation: {
+            vertical: {
+                scrollbar: 'px-0.25',
+            },
+            horizontal: {
+                scrollbar: 'py-0.25',
+            },
+        },
+    },
+    compoundVariants: [
+        // vertical
+        {
+            orientation: 'vertical',
+            size: 'xs',
+            class: {
+                scrollbar: 'w-1',
+                thumb: 'w-0.5',
+            },
+        },
+        {
+            orientation: 'vertical',
+            size: 'sm',
+            class: {
+                scrollbar: 'w-1.5',
+                thumb: 'w-1',
+            },
+        },
+        {
+            orientation: 'vertical',
+            size: 'base',
+            class: {
+                scrollbar: 'w-2',
+                thumb: 'w-1.5',
+            },
+        },
+        {
+            orientation: 'vertical',
+            size: 'lg',
+            class: {
+                scrollbar: 'w-2.5',
+                thumb: 'w-2',
+            },
+        },
+        // horizontal
+        {
+            orientation: 'horizontal',
+            size: 'xs',
+            class: {
+                scrollbar: 'h-1',
+                thumb: 'h-0.5',
+            },
+        },
+        {
+            orientation: 'horizontal',
+            size: 'sm',
+            class: {
+                scrollbar: 'h-1.5',
+                thumb: 'h-1',
+            },
+        },
+        {
+            orientation: 'horizontal',
+            size: 'base',
+            class: {
+                scrollbar: 'h-2',
+                thumb: 'h-1.5',
+            },
+        },
+        {
+            orientation: 'horizontal',
+            size: 'lg',
+            class: {
+                scrollbar: 'h-2.5',
+                thumb: 'h-2',
+            },
+        },
+    ],
+    defaultVariants: {
+        size: 'base',
+        orientation: 'vertical',
+    },
+}, {
+    slots: {
+        root: prefix,
+        viewport: `${prefix}-viewport`,
+        content: `${prefix}-content`,
+        scrollbar: `${prefix}-scrollbar`,
+        thumb: `${prefix}-thumb`,
+        corner: `${prefix}-corner`,
+    },
+});

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

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