@rark-ui/themes 1.2.0 → 1.2.2

package/src/default/crafts/button.ts

@@ -1,68 +1,68 @@
-import type { VariantProps } from '../../shared/utils/tv'
-import { tv } from '../../shared/utils/tv'
-
-const prefix = 'rui-btn'
-
-export const tvButton = tv(
-  {
-    slots: {
-      root: [
-        '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',
-      ],
-      loading: 'size-[1lh] animate-spin',
-    },
-    variants: {
-      variant: {
-        default: '',
-        normal: '',
-        outline: '',
-        text: '',
-        icon: {
-          root: ['p-0', 'aspect-square', 'border-none'],
-        },
-      },
-      size: {
-        xs: {
-          root: 'h-6 px-3 gap-1.5 text-xs',
-        },
-        sm: {
-          root: 'h-7 px-4 gap-2 text-sm',
-        },
-        base: {
-          root: 'h-8 px-5 gap-2.5 text-base',
-        },
-        lg: {
-          root: 'h-9 px-6 gap-3 text-lg',
-        },
-      },
-      loading: {
-        true: {
-          root: 'pointer-events-none',
-        },
-        false: '',
-      },
-    },
-    defaultVariants: {
-      variant: 'default',
-      size: 'base',
-      loading: false,
-    },
-  },
-  {
-    slots: {
-      root: prefix,
-      loading: `${prefix}-loading`,
-    },
-  },
-)
-
-export type ButtonVariants = VariantProps<typeof tvButton>
+import type { VariantProps } from '../../shared/utils/tv'
+import { tv } from '../../shared/utils/tv'
+
+const prefix = 'rui-btn'
+
+export const tvButton = tv(
+  {
+    slots: {
+      root: [
+        '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',
+      ],
+      loading: 'size-[1lh] animate-spin',
+    },
+    variants: {
+      variant: {
+        default: '',
+        normal: '',
+        outline: '',
+        text: '',
+        icon: {
+          root: ['p-0', 'aspect-square', 'border-none'],
+        },
+      },
+      size: {
+        xs: {
+          root: 'h-6 px-3 gap-1.5 text-xs',
+        },
+        sm: {
+          root: 'h-7 px-4 gap-2 text-sm',
+        },
+        base: {
+          root: 'h-8 px-5 gap-2.5 text-base',
+        },
+        lg: {
+          root: 'h-9 px-6 gap-3 text-lg',
+        },
+      },
+      loading: {
+        true: {
+          root: 'pointer-events-none',
+        },
+        false: '',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+      size: 'base',
+      loading: false,
+    },
+  },
+  {
+    slots: {
+      root: prefix,
+      loading: `${prefix}-loading`,
+    },
+  },
+)
+
+export type ButtonVariants = VariantProps<typeof tvButton>

package/src/default/crafts/checkbox.ts

@@ -1,75 +1,75 @@
-import type { VariantProps } from '../../shared/utils/tv'
-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`,
-  },
-})
-
-export type CheckboxVariants = VariantProps<typeof tvCheckbox>
+import type { VariantProps } from '../../shared/utils/tv'
+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`,
+  },
+})
+
+export type CheckboxVariants = VariantProps<typeof tvCheckbox>

package/src/default/crafts/collapsible.ts

@@ -1,61 +1,61 @@
-import type { VariantProps } from '../../shared/utils/tv'
-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`,
-  },
-})
-export type CollapsibleVariants = VariantProps<typeof tvCollapsible>
-
-const readMorePrefix = 'rui-readmore'
-export const tvReadMore = tv({
-  slots: {
-    root: [],
-    content: [],
-    trigger: [],
-  },
-}, {
-  slots: {
-    root: readMorePrefix,
-    content: `${readMorePrefix}-content`,
-    trigger: `${readMorePrefix}-trigger`,
-  },
-})
-export type ReadMoreVariants = VariantProps<typeof tvReadMore>
+import type { VariantProps } from '../../shared/utils/tv'
+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`,
+  },
+})
+export type CollapsibleVariants = VariantProps<typeof tvCollapsible>
+
+const readMorePrefix = 'rui-readmore'
+export const tvReadMore = tv({
+  slots: {
+    root: [],
+    content: [],
+    trigger: [],
+  },
+}, {
+  slots: {
+    root: readMorePrefix,
+    content: `${readMorePrefix}-content`,
+    trigger: `${readMorePrefix}-trigger`,
+  },
+})
+export type ReadMoreVariants = VariantProps<typeof tvReadMore>