@rark-ui/themes 1.0.0

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

@@ -0,0 +1,70 @@
+import { tv } from '../../../shared/utils/tv';
+const prefix = 'rui-checkbox';
+export const tvCheckbox = tv({
+    slots: {
+        root: ['flex', 'items-center', 'gap-2.5', 'w-fit'],
+        control: ['peer', 'shrink-0', 'rounded-xs', 'border'],
+        indicator: ['flex', 'h-full', 'w-full', 'items-center', 'justify-center', 'text-inherit'],
+        indicatorChecked: 'size-[0.875lh] stroke-black stroke-[.125rem] [&>path]:animate-check-dash',
+        indicatorMinus: 'size-[0.875lh] stroke-black stroke-[.125rem] [&_path]:animate-indeterminate-dash',
+        label: '',
+    },
+    variants: {
+        disabled: {
+            true: '',
+            false: '',
+        },
+        size: {
+            xs: '',
+            sm: '',
+            base: '',
+            lg: '',
+        },
+    },
+    defaultVariants: {
+        size: 'base',
+    },
+    compoundVariants: [
+        {
+            size: 'xs',
+            class: {
+                control: 'size-3.5',
+                label: 'text-xs',
+                indicator: 'text-xs',
+            },
+        },
+        {
+            size: 'sm',
+            class: {
+                control: 'size-4',
+                label: 'text-sm',
+                indicator: 'text-sm',
+            },
+        },
+        {
+            size: 'base',
+            class: {
+                control: 'size-4.5',
+                label: 'text-base',
+                indicator: 'text-base',
+            },
+        },
+        {
+            size: 'lg',
+            class: {
+                control: 'size-5',
+                label: 'text-lg',
+                indicator: 'text-lg',
+            },
+        },
+    ],
+}, {
+    slots: {
+        root: prefix,
+        control: `${prefix}-control`,
+        indicator: `${prefix}-indicator`,
+        indicatorChecked: `${prefix}-indicator-checked`,
+        indicatorMinus: `${prefix}-indicator-minus`,
+        label: `${prefix}-label`,
+    },
+});

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

@@ -0,0 +1,111 @@
+import type { VariantProps } from '../../../shared/utils/tv';
+export declare const tvCollapsible: import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: {
+            trigger: string[];
+        };
+        sm: {
+            trigger: string[];
+        };
+        base: {
+            trigger: string[];
+        };
+        lg: {
+            trigger: string[];
+        };
+    };
+} & {
+    unstyled: {
+        true: import("tailwind-merge").ClassNameValue;
+        false: import("tailwind-merge").ClassNameValue;
+    };
+}, {
+    root: never[];
+    trigger: string[];
+    indicator: string[];
+    content: string[];
+}, undefined, {
+    size: {
+        xs: {
+            trigger: string[];
+        };
+        sm: {
+            trigger: string[];
+        };
+        base: {
+            trigger: string[];
+        };
+        lg: {
+            trigger: string[];
+        };
+    };
+}, {
+    root: never[];
+    trigger: string[];
+    indicator: string[];
+    content: string[];
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: {
+            trigger: string[];
+        };
+        sm: {
+            trigger: string[];
+        };
+        base: {
+            trigger: string[];
+        };
+        lg: {
+            trigger: string[];
+        };
+    };
+}, {
+    root: never[];
+    trigger: string[];
+    indicator: string[];
+    content: string[];
+}, undefined, unknown, unknown>>;
+export type CollapsibleVariants = VariantProps<typeof tvCollapsible>;
+export declare const tvReadMore: import("tailwind-variants").TVReturnType<({
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            root?: import("tailwind-merge").ClassNameValue;
+            trigger?: import("tailwind-merge").ClassNameValue;
+            content?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            root?: import("tailwind-merge").ClassNameValue;
+            trigger?: import("tailwind-merge").ClassNameValue;
+            content?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}) & {
+    unstyled: {
+        true: import("tailwind-merge").ClassNameValue;
+        false: import("tailwind-merge").ClassNameValue;
+    };
+}, {
+    root: never[];
+    content: never[];
+    trigger: never[];
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            root?: import("tailwind-merge").ClassNameValue;
+            trigger?: import("tailwind-merge").ClassNameValue;
+            content?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    root: never[];
+    content: never[];
+    trigger: never[];
+}, import("tailwind-variants").TVReturnType<unknown, {
+    root: never[];
+    content: never[];
+    trigger: never[];
+}, undefined, unknown, unknown>>;
+export type ReadMoreVariants = VariantProps<typeof tvReadMore>;

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

@@ -0,0 +1,55 @@
+import { tv } from '../../../shared/utils/tv';
+const prefix = 'rui-collapsible';
+export const tvCollapsible = tv({
+    slots: {
+        root: [],
+        trigger: ['w-fit flex items-center'],
+        indicator: [
+            'data-[state=closed]:rotate-0',
+            'data-[state=open]:rotate-180',
+            'transition-transform',
+        ],
+        content: [
+            'overflow-hidden',
+            'data-[state=open]:animate-collapsible-down',
+            'data-[state=closed]:animate-collapsible-up',
+        ],
+    },
+    variants: {
+        size: {
+            xs: {
+                trigger: ['text-xs gap-3'],
+            },
+            sm: {
+                trigger: ['text-sm gap-4'],
+            },
+            base: {
+                trigger: ['text-base gap-4.5'],
+            },
+            lg: {
+                trigger: ['text-lg gap-5'],
+            },
+        },
+    },
+}, {
+    slots: {
+        root: prefix,
+        trigger: `${prefix}-trigger`,
+        indicator: `${prefix}-trigger-indicator`,
+        content: `${prefix}-content`,
+    },
+});
+const readMorePrefix = 'rui-readmore';
+export const tvReadMore = tv({
+    slots: {
+        root: [],
+        content: [],
+        trigger: [],
+    },
+}, {
+    slots: {
+        root: readMorePrefix,
+        content: `${readMorePrefix}-content`,
+        trigger: `${readMorePrefix}-trigger`,
+    },
+});

package/dist/default/crafts/core/date-picker.d.ts

@@ -0,0 +1,369 @@
+import type { VariantProps } from '../../../shared/utils/tv';
+export declare const tvDatePicker: import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: {
+            contentInner: string;
+        };
+        sm: {
+            contentInner: string;
+        };
+        base: {
+            contentInner: string;
+        };
+        lg: {
+            contentInner: string;
+        };
+    };
+    bordered: {
+        true: {
+            content: string;
+        };
+        false: string;
+    };
+} & {
+    unstyled: {
+        true: import("tailwind-merge").ClassNameValue;
+        false: import("tailwind-merge").ClassNameValue;
+    };
+}, {
+    root: string;
+    control: string[];
+    content: string[];
+    contentInner: string;
+}, undefined, {
+    size: {
+        xs: {
+            contentInner: string;
+        };
+        sm: {
+            contentInner: string;
+        };
+        base: {
+            contentInner: string;
+        };
+        lg: {
+            contentInner: string;
+        };
+    };
+    bordered: {
+        true: {
+            content: string;
+        };
+        false: string;
+    };
+}, {
+    root: string;
+    control: 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: string;
+    };
+}, {
+    root: string;
+    control: string[];
+    content: string[];
+    contentInner: string;
+}, undefined, unknown, unknown>>;
+export type DatePickerVariants = VariantProps<typeof tvDatePicker>;
+export declare const tvDatePickerView: import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: {
+            view: string;
+            viewControl: string;
+            viewControlTrigger: string;
+            viewTrigger: string;
+            tableHeader: string;
+        };
+        sm: {
+            view: string;
+            viewControl: string;
+            viewControlTrigger: string;
+            viewTrigger: string;
+            tableHeader: string;
+        };
+        base: {
+            view: string;
+            viewControl: string;
+            viewControlTrigger: string;
+            viewTrigger: string;
+            tableHeader: string;
+        };
+        lg: {
+            view: string;
+            viewControl: string;
+            viewControlTrigger: string;
+            viewTrigger: string;
+            tableHeader: string;
+        };
+    };
+    view: {
+        day: {
+            tableHead: string;
+            tableBody: string;
+            tableCell: string;
+        };
+        month: {
+            tableBody: string;
+            tableCell: string;
+        };
+        year: {
+            tableBody: string;
+            tableCell: string;
+        };
+    };
+    selected: {
+        true: {
+            tableCellTrigger: string;
+        };
+    };
+    inRange: {
+        true: {
+            tableCellTrigger: string;
+        };
+    };
+    firstInRange: {
+        true: {
+            tableCellTrigger: string;
+        };
+    };
+    firstInHoveredRange: {
+        true: {
+            tableCellTrigger: string;
+        };
+    };
+    lastInRange: {
+        true: {
+            tableCellTrigger: string;
+        };
+    };
+    lastInHoveredRange: {
+        true: {
+            tableCellTrigger: string;
+        };
+    };
+    today: {
+        true: {
+            tableCellTrigger: string[];
+        };
+    };
+} & {
+    unstyled: {
+        true: import("tailwind-merge").ClassNameValue;
+        false: import("tailwind-merge").ClassNameValue;
+    };
+}, {
+    view: string;
+    viewControl: string[];
+    viewControlTrigger: string;
+    viewTrigger: string;
+    table: string;
+    tableHead: string;
+    tableHeader: string;
+    tableBody: string;
+    tableCell: string;
+    tableCellTrigger: string[];
+}, undefined, {
+    size: {
+        xs: {
+            view: string;
+            viewControl: string;
+            viewControlTrigger: string;
+            viewTrigger: string;
+            tableHeader: string;
+        };
+        sm: {
+            view: string;
+            viewControl: string;
+            viewControlTrigger: string;
+            viewTrigger: string;
+            tableHeader: string;
+        };
+        base: {
+            view: string;
+            viewControl: string;
+            viewControlTrigger: string;
+            viewTrigger: string;
+            tableHeader: string;
+        };
+        lg: {
+            view: string;
+            viewControl: string;
+            viewControlTrigger: string;
+            viewTrigger: string;
+            tableHeader: string;
+        };
+    };
+    view: {
+        day: {
+            tableHead: string;
+            tableBody: string;
+            tableCell: string;
+        };
+        month: {
+            tableBody: string;
+            tableCell: string;
+        };
+        year: {
+            tableBody: string;
+            tableCell: string;
+        };
+    };
+    selected: {
+        true: {
+            tableCellTrigger: string;
+        };
+    };
+    inRange: {
+        true: {
+            tableCellTrigger: string;
+        };
+    };
+    firstInRange: {
+        true: {
+            tableCellTrigger: string;
+        };
+    };
+    firstInHoveredRange: {
+        true: {
+            tableCellTrigger: string;
+        };
+    };
+    lastInRange: {
+        true: {
+            tableCellTrigger: string;
+        };
+    };
+    lastInHoveredRange: {
+        true: {
+            tableCellTrigger: string;
+        };
+    };
+    today: {
+        true: {
+            tableCellTrigger: string[];
+        };
+    };
+}, {
+    view: string;
+    viewControl: string[];
+    viewControlTrigger: string;
+    viewTrigger: string;
+    table: string;
+    tableHead: string;
+    tableHeader: string;
+    tableBody: string;
+    tableCell: string;
+    tableCellTrigger: string[];
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: {
+            view: string;
+            viewControl: string;
+            viewControlTrigger: string;
+            viewTrigger: string;
+            tableHeader: string;
+        };
+        sm: {
+            view: string;
+            viewControl: string;
+            viewControlTrigger: string;
+            viewTrigger: string;
+            tableHeader: string;
+        };
+        base: {
+            view: string;
+            viewControl: string;
+            viewControlTrigger: string;
+            viewTrigger: string;
+            tableHeader: string;
+        };
+        lg: {
+            view: string;
+            viewControl: string;
+            viewControlTrigger: string;
+            viewTrigger: string;
+            tableHeader: string;
+        };
+    };
+    view: {
+        day: {
+            tableHead: string;
+            tableBody: string;
+            tableCell: string;
+        };
+        month: {
+            tableBody: string;
+            tableCell: string;
+        };
+        year: {
+            tableBody: string;
+            tableCell: string;
+        };
+    };
+    selected: {
+        true: {
+            tableCellTrigger: string;
+        };
+    };
+    inRange: {
+        true: {
+            tableCellTrigger: string;
+        };
+    };
+    firstInRange: {
+        true: {
+            tableCellTrigger: string;
+        };
+    };
+    firstInHoveredRange: {
+        true: {
+            tableCellTrigger: string;
+        };
+    };
+    lastInRange: {
+        true: {
+            tableCellTrigger: string;
+        };
+    };
+    lastInHoveredRange: {
+        true: {
+            tableCellTrigger: string;
+        };
+    };
+    today: {
+        true: {
+            tableCellTrigger: string[];
+        };
+    };
+}, {
+    view: string;
+    viewControl: string[];
+    viewControlTrigger: string;
+    viewTrigger: string;
+    table: string;
+    tableHead: string;
+    tableHeader: string;
+    tableBody: string;
+    tableCell: string;
+    tableCellTrigger: string[];
+}, undefined, unknown, unknown>>;
+export type DatePickerViewVariants = VariantProps<typeof tvDatePickerView>;