@rark-ui/themes 1.2.0 → 1.2.2

package/src/default/crafts/hover-card.ts

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

package/src/default/crafts/icon.ts

@@ -1,15 +1,15 @@
-import type { VariantProps } from '../../shared/utils/tv'
-import { tv } from '../../shared/utils/tv'
-
-const prefix = 'rui-icon'
-
-export const tvIcon = tv(
-  {
-    base: 'size-[1lh]',
-  },
-  {
-    class: prefix,
-  },
-)
-
-export type IconVariants = VariantProps<typeof tvIcon>
+import type { VariantProps } from '../../shared/utils/tv'
+import { tv } from '../../shared/utils/tv'
+
+const prefix = 'rui-icon'
+
+export const tvIcon = tv(
+  {
+    base: 'size-[1lh]',
+  },
+  {
+    class: prefix,
+  },
+)
+
+export type IconVariants = VariantProps<typeof tvIcon>

package/src/default/crafts/index.ts

@@ -1,62 +1,62 @@
-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'
+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/src/default/crafts/input.ts

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

package/src/default/crafts/menu.ts

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