@rark-ui/themes 1.2.0 → 1.2.2

package/src/default/crafts/message.ts

@@ -1,66 +1,66 @@
-import type { VariantProps } from '../../shared/utils/tv'
-import { tv } from '../../shared/utils/tv'
-
-const prefix = 'rui-message'
-
-export const tvMessage = tv(
-  {
-    slots: {
-      root: ['group/message'],
-      content: ['flex', 'items-center', 'rounded-md'],
-      description: 'w-max',
-      icon: 'size-[1lh]',
-      close: 'size-[1lh]',
-    },
-    variants: {
-      size: {
-        xs: {
-          content: 'py-3 px-4 space-x-3',
-          inner: 'gap-0.5',
-          icon: 'text-sm',
-          close: 'text-xs',
-          title: 'text-xs',
-          description: 'text-xs',
-        },
-        sm: {
-          content: 'py-4 px-6 space-x-4',
-          inner: 'gap-1',
-          icon: 'text-base',
-          close: 'text-sm',
-          title: 'text-sm',
-          description: 'text-sm',
-        },
-        base: {
-          content: 'py-5 px-8 space-x-5',
-          inner: 'gap-1.5',
-          icon: 'text-lg',
-          close: 'text-base',
-          title: 'text-base',
-          description: 'text-base',
-        },
-        lg: {
-          content: 'py-6 px-10 space-x-6',
-          inner: 'gap-2',
-          icon: 'text-xl',
-          close: 'text-lg',
-          title: 'text-lg',
-          description: 'text-lg',
-        },
-      },
-    },
-    defaultVariants: {
-      size: 'base',
-    },
-  },
-  {
-    slots: {
-      root: prefix,
-      content: `${prefix}-content`,
-      description: `${prefix}-description`,
-      icon: `${prefix}-icon`,
-      close: `${prefix}-close`,
-    },
-  },
-)
-
-export type MessageVariants = VariantProps<typeof tvMessage>
+import type { VariantProps } from '../../shared/utils/tv'
+import { tv } from '../../shared/utils/tv'
+
+const prefix = 'rui-message'
+
+export const tvMessage = tv(
+  {
+    slots: {
+      root: ['group/message'],
+      content: ['flex', 'items-center', 'rounded-md'],
+      description: 'w-max',
+      icon: 'size-[1lh]',
+      close: '',
+    },
+    variants: {
+      size: {
+        xs: {
+          content: 'py-3 px-4 space-x-3',
+          inner: 'gap-0.5',
+          icon: 'text-sm',
+          close: 'text-xs',
+          title: 'text-xs',
+          description: 'text-xs',
+        },
+        sm: {
+          content: 'py-4 px-6 space-x-4',
+          inner: 'gap-1',
+          icon: 'text-base',
+          close: 'text-sm',
+          title: 'text-sm',
+          description: 'text-sm',
+        },
+        base: {
+          content: 'py-5 px-8 space-x-5',
+          inner: 'gap-1.5',
+          icon: 'text-lg',
+          close: 'text-base',
+          title: 'text-base',
+          description: 'text-base',
+        },
+        lg: {
+          content: 'py-6 px-10 space-x-6',
+          inner: 'gap-2',
+          icon: 'text-xl',
+          close: 'text-lg',
+          title: 'text-lg',
+          description: 'text-lg',
+        },
+      },
+    },
+    defaultVariants: {
+      size: 'base',
+    },
+  },
+  {
+    slots: {
+      root: prefix,
+      content: `${prefix}-content`,
+      description: `${prefix}-description`,
+      icon: `${prefix}-icon`,
+      close: `${prefix}-close`,
+    },
+  },
+)
+
+export type MessageVariants = VariantProps<typeof tvMessage>

package/src/default/crafts/number-input.ts

@@ -1,51 +1,51 @@
-import type { VariantProps } from '../../shared/utils/tv'
-import { tv } from '../../shared/utils/tv'
-
-const prefix = 'rui-number-input'
-
-export const tvNumberInput = tv(
-  {
-    slots: {
-      root: '',
-      control: 'p-0',
-      input: '',
-      triggerGroup: 'flex flex-col',
-      trigger: '[&>svg]:size-full',
-    },
-    variants: {
-      size: {
-        xs: {
-          input: 'text-xs py-1 px-1.5',
-          trigger: 'h-3 w-6 [&>svg]:size-full',
-        },
-        sm: {
-          input: 'text-sm py-1.5 px-2',
-          trigger: 'h-4 w-8 [&>svg]:size-full',
-        },
-        base: {
-          input: 'text-base py-2 px-2.5',
-          trigger: 'h-4.5 w-8 [&>svg]:size-full',
-        },
-        lg: {
-          input: 'text-lg py-2.5 px-3',
-          trigger: 'h-5 w-10 [&>svg]:size-full',
-        },
-      },
-    },
-
-    defaultVariants: {
-      size: 'base',
-    },
-  },
-  {
-    slots: {
-      root: prefix,
-      control: `${prefix}-control`,
-      input: `${prefix}-input`,
-      triggerGroup: `${prefix}-trigger-group`,
-      trigger: `${prefix}-trigger`,
-    },
-  },
-)
-
-export type NumberInputVariants = VariantProps<typeof tvNumberInput>
+import type { VariantProps } from '../../shared/utils/tv'
+import { tv } from '../../shared/utils/tv'
+
+const prefix = 'rui-number-input'
+
+export const tvNumberInput = tv(
+  {
+    slots: {
+      root: '',
+      control: 'p-0',
+      input: '',
+      triggerGroup: 'flex flex-col',
+      trigger: '[&>svg]:size-full',
+    },
+    variants: {
+      size: {
+        xs: {
+          input: 'text-xs py-1 px-1.5',
+          trigger: 'h-3 w-6 [&>svg]:size-full',
+        },
+        sm: {
+          input: 'text-sm py-1.5 px-2',
+          trigger: 'h-4 w-8 [&>svg]:size-full',
+        },
+        base: {
+          input: 'text-base py-2 px-2.5',
+          trigger: 'h-4.5 w-8 [&>svg]:size-full',
+        },
+        lg: {
+          input: 'text-lg py-2.5 px-3',
+          trigger: 'h-5 w-10 [&>svg]:size-full',
+        },
+      },
+    },
+
+    defaultVariants: {
+      size: 'base',
+    },
+  },
+  {
+    slots: {
+      root: prefix,
+      control: `${prefix}-control`,
+      input: `${prefix}-input`,
+      triggerGroup: `${prefix}-trigger-group`,
+      trigger: `${prefix}-trigger`,
+    },
+  },
+)
+
+export type NumberInputVariants = VariantProps<typeof tvNumberInput>

package/src/default/crafts/pagination.ts

@@ -1,120 +1,120 @@
-import type { VariantProps } from '../../shared/utils/tv'
-import { tv } from '../../shared/utils/tv'
-
-const prefix = 'rui-pagination'
-
-export const tvPagination = tv(
-  {
-    slots: {
-      root: 'flex items-center gap-2',
-      control: 'flex items-center gap-2',
-      item: ['inline-flex', 'items-center', 'justify-center', 'transition-all', 'rounded'],
-      ellipsis: 'inline-flex items-center justify-center',
-    },
-
-    variants: {
-      size: {
-        xs: {
-          item: ['h-6', 'min-w-6', 'text-xs'],
-          ellipsis: 'size-6',
-        },
-        sm: {
-          item: ['h-8', 'min-w-8', 'text-sm'],
-          ellipsis: 'size-8',
-        },
-        base: {
-          item: ['h-10', 'min-w-10', 'text-base'],
-          ellipsis: 'size-10',
-        },
-        lg: {
-          item: ['h-12', 'min-w-12', 'text-lg'],
-          ellipsis: 'size-12',
-        },
-      },
-    },
-
-    defaultVariants: {
-      size: 'base',
-    },
-  },
-  {
-    slots: {
-      root: prefix,
-      control: `${prefix}-control`,
-      item: `${prefix}-item`,
-      ellipsis: `${prefix}-ellipsis`,
-    },
-  },
-)
-
-export type PaginationVariants = VariantProps<typeof tvPagination>
-
-export const tvPaginationGoto = tv(
-  {
-    slots: {
-      root: 'flex items-center gap-2',
-      input: ['[&_[data-part="input"]]:px-0 [&_[data-part="input"]]:text-center'],
-    },
-    variants: {
-      size: {
-        xs: {
-          input: 'text-xs size-6',
-        },
-        sm: {
-          input: 'text-sm size-8',
-        },
-        base: {
-          input: 'text-base size-10',
-        },
-        lg: {
-          input: 'text-lg size-12',
-        },
-      },
-    },
-    defaultVariants: {
-      size: 'base',
-    },
-  },
-  {
-    slots: {
-      root: `${prefix}-goto`,
-      input: `${prefix}-goto-input`,
-    },
-  },
-)
-export type PaginationGotoVariants = VariantProps<typeof tvPaginationGoto>
-
-export const tvPaginationPageSize = tv(
-  {
-    slots: {
-      root: 'flex items-center gap-2',
-      control: '',
-      trigger: 'min-w-0',
-      value: '',
-      content: '',
-      item: '',
-    },
-    variants: {
-      size: {
-        xs: '',
-        sm: '',
-        base: '',
-        lg: '',
-      },
-    },
-    defaultVariants: {
-      size: 'base',
-    },
-  },
-  {
-    slots: {
-      root: `${prefix}-page-size`,
-      control: `${prefix}-page-size-control`,
-      trigger: `${prefix}-page-size-trigger`,
-      value: `${prefix}-page-size-value`,
-      content: `${prefix}-page-size-content`,
-      item: `${prefix}-page-size-item`,
-    },
-  },
-)
-export type PaginationPageSizeVariants = VariantProps<typeof tvPaginationPageSize>
+import type { VariantProps } from '../../shared/utils/tv'
+import { tv } from '../../shared/utils/tv'
+
+const prefix = 'rui-pagination'
+
+export const tvPagination = tv(
+  {
+    slots: {
+      root: 'flex items-center gap-2',
+      control: 'flex items-center gap-2',
+      item: ['inline-flex', 'items-center', 'justify-center', 'transition-all', 'rounded'],
+      ellipsis: 'inline-flex items-center justify-center',
+    },
+
+    variants: {
+      size: {
+        xs: {
+          item: ['h-6', 'min-w-6', 'text-xs'],
+          ellipsis: 'size-6',
+        },
+        sm: {
+          item: ['h-8', 'min-w-8', 'text-sm'],
+          ellipsis: 'size-8',
+        },
+        base: {
+          item: ['h-10', 'min-w-10', 'text-base'],
+          ellipsis: 'size-10',
+        },
+        lg: {
+          item: ['h-12', 'min-w-12', 'text-lg'],
+          ellipsis: 'size-12',
+        },
+      },
+    },
+
+    defaultVariants: {
+      size: 'base',
+    },
+  },
+  {
+    slots: {
+      root: prefix,
+      control: `${prefix}-control`,
+      item: `${prefix}-item`,
+      ellipsis: `${prefix}-ellipsis`,
+    },
+  },
+)
+
+export type PaginationVariants = VariantProps<typeof tvPagination>
+
+export const tvPaginationGoto = tv(
+  {
+    slots: {
+      root: 'flex items-center gap-2',
+      input: ['[&_[data-part="input"]]:px-0 [&_[data-part="input"]]:text-center'],
+    },
+    variants: {
+      size: {
+        xs: {
+          input: 'text-xs size-6',
+        },
+        sm: {
+          input: 'text-sm size-8',
+        },
+        base: {
+          input: 'text-base size-10',
+        },
+        lg: {
+          input: 'text-lg size-12',
+        },
+      },
+    },
+    defaultVariants: {
+      size: 'base',
+    },
+  },
+  {
+    slots: {
+      root: `${prefix}-goto`,
+      input: `${prefix}-goto-input`,
+    },
+  },
+)
+export type PaginationGotoVariants = VariantProps<typeof tvPaginationGoto>
+
+export const tvPaginationPageSize = tv(
+  {
+    slots: {
+      root: 'flex items-center gap-2',
+      control: '',
+      trigger: 'min-w-0',
+      value: '',
+      content: '',
+      item: '',
+    },
+    variants: {
+      size: {
+        xs: '',
+        sm: '',
+        base: '',
+        lg: '',
+      },
+    },
+    defaultVariants: {
+      size: 'base',
+    },
+  },
+  {
+    slots: {
+      root: `${prefix}-page-size`,
+      control: `${prefix}-page-size-control`,
+      trigger: `${prefix}-page-size-trigger`,
+      value: `${prefix}-page-size-value`,
+      content: `${prefix}-page-size-content`,
+      item: `${prefix}-page-size-item`,
+    },
+  },
+)
+export type PaginationPageSizeVariants = VariantProps<typeof tvPaginationPageSize>

package/src/default/crafts/popover.ts

@@ -1,74 +1,74 @@
-import type { VariantProps } from '../../shared/utils/tv'
-import { tv } from '../../shared/utils/tv'
-
-const prefix = 'rui-popover'
-
-export const tvPopover = 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'],
-      close: 'inline-flex w-fit items-center justify-center',
-      indicator: [
-        'data-[state=open]:motion-rotate-out-180',
-        'data-[state=closed]:motion-rotate-in-180',
-      ],
-    },
-    variants: {
-      size: {
-        xs: {
-          contentInner: 'px-1.5 py-0.5 text-xs',
-          close: 'p-1 text-xs',
-          indicator: 'text-xs',
-        },
-        sm: {
-          contentInner: 'px-2 py-1 text-sm',
-          close: 'p-1.5 text-sm',
-          indicator: 'text-sm',
-        },
-        base: {
-          contentInner: 'px-2.5 py-1.5 text-base',
-          close: 'p-2 text-base',
-          indicator: 'text-base',
-        },
-        lg: {
-          contentInner: 'px-3 py-2 text-lg',
-          close: 'p-2.5 text-lg',
-          indicator: 'text-lg',
-        },
-      },
-      bordered: {
-        true: '',
-        false: '',
-      },
-    },
-    defaultVariants: {
-      size: 'base',
-      bordered: true,
-    },
-  },
-  {
-    slots: {
-      content: `${prefix}-content`,
-      contentInner: `${prefix}-content-inner`,
-      close: `${prefix}-close`,
-      indicator: `${prefix}-indicator`,
-    },
-  },
-)
-
-export type PopoverVariants = VariantProps<typeof tvPopover>
+import type { VariantProps } from '../../shared/utils/tv'
+import { tv } from '../../shared/utils/tv'
+
+const prefix = 'rui-popover'
+
+export const tvPopover = 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'],
+      close: 'inline-flex w-fit items-center justify-center',
+      indicator: [
+        'data-[state=open]:motion-rotate-out-180',
+        'data-[state=closed]:motion-rotate-in-180',
+      ],
+    },
+    variants: {
+      size: {
+        xs: {
+          contentInner: 'px-1.5 py-0.5 text-xs',
+          close: 'p-1 text-xs',
+          indicator: 'text-xs',
+        },
+        sm: {
+          contentInner: 'px-2 py-1 text-sm',
+          close: 'p-1.5 text-sm',
+          indicator: 'text-sm',
+        },
+        base: {
+          contentInner: 'px-2.5 py-1.5 text-base',
+          close: 'p-2 text-base',
+          indicator: 'text-base',
+        },
+        lg: {
+          contentInner: 'px-3 py-2 text-lg',
+          close: 'p-2.5 text-lg',
+          indicator: 'text-lg',
+        },
+      },
+      bordered: {
+        true: '',
+        false: '',
+      },
+    },
+    defaultVariants: {
+      size: 'base',
+      bordered: true,
+    },
+  },
+  {
+    slots: {
+      content: `${prefix}-content`,
+      contentInner: `${prefix}-content-inner`,
+      close: `${prefix}-close`,
+      indicator: `${prefix}-indicator`,
+    },
+  },
+)
+
+export type PopoverVariants = VariantProps<typeof tvPopover>