@rark-ui/themes 1.2.0 → 1.2.1

package/src/default/crafts/slider.ts

@@ -1,93 +1,93 @@
-import type { VariantProps } from '../../shared/utils/tv'
-import { tv } from '../../shared/utils/tv'
-
-const prefix = 'rui-slider'
-
-export const tvSlider = tv(
-  {
-    slots: {
-      root: '',
-      control: '',
-      track: '',
-      range: '',
-      thumb: 'z-10 rounded-full data-dragging:scale-120 transition-transform',
-      marker: '',
-      markerDot: 'absolute left-1/2 -translate-x-1/2 rounded-full',
-    },
-    variants: {
-      size: {
-        xs: {
-          control: 'h-[max(var(--slider-thumb-height),.5rem)]',
-          track: 'h-0.5 rounded',
-          range: 'rounded',
-          thumb: [
-            'w-[max(var(--slider-thumb-width),.5rem)]',
-            'h-[max(var(--slider-thumb-height),.5rem)]',
-          ],
-          markerDot: 'size-1.5 -top-[calc(max(var(--slider-thumb-height),.5rem)/2+var(--spacing)*0.75)]',
-        },
-        sm: {
-          control: 'h-[max(var(--slider-thumb-height),.75rem)]',
-          track: 'h-1 rounded-md',
-          range: 'rounded-md',
-          thumb: [
-            'w-[max(var(--slider-thumb-width),.75rem)]',
-            'h-[max(var(--slider-thumb-height),.75rem)]',
-          ],
-          markerDot: 'size-2 -top-[calc(max(var(--slider-thumb-height),.75rem)/2+var(--spacing))]',
-        },
-        base: {
-          control: 'h-[max(var(--slider-thumb-height),1rem)]',
-          track: 'h-1.5 rounded-lg',
-          range: 'rounded-lg',
-          thumb: [
-            'w-[max(var(--slider-thumb-width),1rem)]',
-            'h-[max(var(--slider-thumb-height),1rem)]',
-          ],
-          markerDot: 'size-2.5 -top-[calc(max(var(--slider-thumb-height),1rem)/2+var(--spacing)*1.25)]',
-        },
-        lg: {
-          control: 'h-[max(var(--slider-thumb-height),1.25rem)]',
-          track: 'h-2 rounded-xl',
-          range: 'rounded-xl',
-          thumb: [
-            'w-[max(var(--slider-thumb-width),1.25rem)]',
-            'h-[max(var(--slider-thumb-height),1.25rem)]',
-          ],
-          markerDot: 'size-3 -top-[calc(max(var(--slider-thumb-height),1.25rem)/2+var(--spacing)*1.5)]',
-        },
-      },
-      orientation: {
-        horizontal: {
-          root: 'flex flex-col',
-          control: 'w-full flex items-center',
-          track: 'w-full',
-          range: 'h-full',
-        },
-        vertical: {
-          root: 'flex items-center justify-center',
-          control: 'h-full flex items-center',
-          track: 'h-full',
-          range: 'w-full',
-        },
-      },
-    },
-    defaultVariants: {
-      size: 'base',
-      orientation: 'horizontal',
-    },
-  },
-  {
-    slots: {
-      root: prefix,
-      control: `${prefix}-control`,
-      track: `${prefix}-track`,
-      range: `${prefix}-range`,
-      thumb: `${prefix}-thumb`,
-      marker: `${prefix}-marker`,
-      markerDot: `${prefix}-marker-dot`,
-    },
-  },
-)
-
-export type SliderVariants = VariantProps<typeof tvSlider>
+import type { VariantProps } from '../../shared/utils/tv'
+import { tv } from '../../shared/utils/tv'
+
+const prefix = 'rui-slider'
+
+export const tvSlider = tv(
+  {
+    slots: {
+      root: '',
+      control: '',
+      track: '',
+      range: '',
+      thumb: 'z-10 rounded-full data-dragging:scale-120 transition-transform',
+      marker: '',
+      markerDot: 'absolute left-1/2 -translate-x-1/2 rounded-full',
+    },
+    variants: {
+      size: {
+        xs: {
+          control: 'h-[max(var(--slider-thumb-height),.5rem)]',
+          track: 'h-0.5 rounded',
+          range: 'rounded',
+          thumb: [
+            'w-[max(var(--slider-thumb-width),.5rem)]',
+            'h-[max(var(--slider-thumb-height),.5rem)]',
+          ],
+          markerDot: 'size-1.5 -top-[calc(max(var(--slider-thumb-height),.5rem)/2+var(--spacing)*0.75)]',
+        },
+        sm: {
+          control: 'h-[max(var(--slider-thumb-height),.75rem)]',
+          track: 'h-1 rounded-md',
+          range: 'rounded-md',
+          thumb: [
+            'w-[max(var(--slider-thumb-width),.75rem)]',
+            'h-[max(var(--slider-thumb-height),.75rem)]',
+          ],
+          markerDot: 'size-2 -top-[calc(max(var(--slider-thumb-height),.75rem)/2+var(--spacing))]',
+        },
+        base: {
+          control: 'h-[max(var(--slider-thumb-height),1rem)]',
+          track: 'h-1.5 rounded-lg',
+          range: 'rounded-lg',
+          thumb: [
+            'w-[max(var(--slider-thumb-width),1rem)]',
+            'h-[max(var(--slider-thumb-height),1rem)]',
+          ],
+          markerDot: 'size-2.5 -top-[calc(max(var(--slider-thumb-height),1rem)/2+var(--spacing)*1.25)]',
+        },
+        lg: {
+          control: 'h-[max(var(--slider-thumb-height),1.25rem)]',
+          track: 'h-2 rounded-xl',
+          range: 'rounded-xl',
+          thumb: [
+            'w-[max(var(--slider-thumb-width),1.25rem)]',
+            'h-[max(var(--slider-thumb-height),1.25rem)]',
+          ],
+          markerDot: 'size-3 -top-[calc(max(var(--slider-thumb-height),1.25rem)/2+var(--spacing)*1.5)]',
+        },
+      },
+      orientation: {
+        horizontal: {
+          root: 'flex flex-col',
+          control: 'w-full flex items-center',
+          track: 'w-full',
+          range: 'h-full',
+        },
+        vertical: {
+          root: 'flex items-center justify-center',
+          control: 'h-full flex items-center',
+          track: 'h-full',
+          range: 'w-full',
+        },
+      },
+    },
+    defaultVariants: {
+      size: 'base',
+      orientation: 'horizontal',
+    },
+  },
+  {
+    slots: {
+      root: prefix,
+      control: `${prefix}-control`,
+      track: `${prefix}-track`,
+      range: `${prefix}-range`,
+      thumb: `${prefix}-thumb`,
+      marker: `${prefix}-marker`,
+      markerDot: `${prefix}-marker-dot`,
+    },
+  },
+)
+
+export type SliderVariants = VariantProps<typeof tvSlider>

package/src/default/crafts/spin.ts

@@ -1,64 +1,64 @@
-import type { VariantProps } from '../../shared/utils/tv'
-import { tv } from '../../shared/utils/tv'
-
-const prefix = 'rui-spin'
-
-export const tvSpin = tv(
-  {
-    slots: {
-      root: '',
-      mask: ['absolute', 'top-0', 'left-0', 'size-full'],
-      indicator: [
-        'absolute',
-        'top-1/2',
-        'left-1/2',
-        'transform',
-        'translate-x-[-50%]',
-        'translate-y-[-50%]',
-        'flex',
-        'items-center',
-        'justify-center',
-        'gap-2',
-      ],
-      icon: ['inline-block', 'size-6'],
-      text: ['text-xs'],
-    },
-    variants: {
-      mode: {
-        fullscreen: {
-          root: ['fixed', 'top-0', 'left-0', 'w-screen', 'h-screen', 'z-(--z-loading)'],
-        },
-        inline: ['absolute', 'inset-0'],
-      },
-      size: {
-        xs: {
-          icon: ['size-6'],
-          text: ['text-xs'],
-        },
-        sm: {
-          icon: ['size-8'],
-          text: ['text-sm'],
-        },
-        base: {
-          icon: ['size-10'],
-          text: ['text-base'],
-        },
-        lg: {
-          icon: ['size-12'],
-          text: ['text-lg'],
-        },
-      },
-    },
-  },
-  {
-    slots: {
-      root: prefix,
-      mask: `${prefix}-mask`,
-      indicator: `${prefix}-indicator`,
-      icon: `${prefix}-icon`,
-      text: `${prefix}-text`,
-    },
-  },
-)
-
-export interface SpinVariants extends VariantProps<typeof tvSpin> {}
+import type { VariantProps } from '../../shared/utils/tv'
+import { tv } from '../../shared/utils/tv'
+
+const prefix = 'rui-spin'
+
+export const tvSpin = tv(
+  {
+    slots: {
+      root: '',
+      mask: ['absolute', 'top-0', 'left-0', 'size-full'],
+      indicator: [
+        'absolute',
+        'top-1/2',
+        'left-1/2',
+        'transform',
+        'translate-x-[-50%]',
+        'translate-y-[-50%]',
+        'flex',
+        'items-center',
+        'justify-center',
+        'gap-2',
+      ],
+      icon: ['inline-block', 'size-6'],
+      text: ['text-xs'],
+    },
+    variants: {
+      mode: {
+        fullscreen: {
+          root: ['fixed', 'top-0', 'left-0', 'w-screen', 'h-screen', 'z-(--z-loading)'],
+        },
+        inline: ['absolute', 'inset-0'],
+      },
+      size: {
+        xs: {
+          icon: ['size-6'],
+          text: ['text-xs'],
+        },
+        sm: {
+          icon: ['size-8'],
+          text: ['text-sm'],
+        },
+        base: {
+          icon: ['size-10'],
+          text: ['text-base'],
+        },
+        lg: {
+          icon: ['size-12'],
+          text: ['text-lg'],
+        },
+      },
+    },
+  },
+  {
+    slots: {
+      root: prefix,
+      mask: `${prefix}-mask`,
+      indicator: `${prefix}-indicator`,
+      icon: `${prefix}-icon`,
+      text: `${prefix}-text`,
+    },
+  },
+)
+
+export interface SpinVariants extends VariantProps<typeof tvSpin> {}

package/src/default/crafts/switch.ts

@@ -1,71 +1,71 @@
-import type { VariantProps } from '../../shared/utils/tv'
-import { tv } from '../../shared/utils/tv'
-
-const prefix = 'rui-switch'
-
-export const tvSwitch = tv({
-  slots: {
-    root: [
-      'inline-flex',
-      'items-center',
-      'gap-2',
-      'w-fit',
-      'group/switch',
-    ],
-    control: [
-      'block',
-      'shrink-0',
-      'rounded-full',
-      'border-2',
-      'transition-colors',
-      'disabled:opacity-(--disabled-opacity)',
-    ],
-    thumb: [
-      'pointer-events-none',
-      'block',
-      'size-3.5',
-      'rounded-full',
-      'origin-center',
-      'transition-transform',
-      'data-[state=checked]:translate-x-full',
-      'data-[state=unchecked]:translate-x-0',
-    ],
-    label: '',
-  },
-  variants: {
-    size: {
-      xs: {
-        control: 'w-7 h-4',
-        thumb: 'size-3',
-        label: 'text-xs',
-      },
-      sm: {
-        control: 'w-8 h-4.5',
-        thumb: 'size-3.5',
-        label: 'text-sm',
-      },
-      base: {
-        control: 'w-9 h-5',
-        thumb: 'size-4',
-        label: 'text-base',
-      },
-      lg: {
-        control: 'w-10 h-5.5',
-        thumb: 'size-4.5',
-        label: 'text-lg',
-      },
-    },
-  },
-  defaultVariants: {
-    size: 'base',
-  },
-}, {
-  slots: {
-    root: prefix,
-    control: `${prefix}-control`,
-    thumb: `${prefix}-thumb`,
-    label: `${prefix}-label`,
-  },
-})
-
-export type SwitchVariants = VariantProps<typeof tvSwitch>
+import type { VariantProps } from '../../shared/utils/tv'
+import { tv } from '../../shared/utils/tv'
+
+const prefix = 'rui-switch'
+
+export const tvSwitch = tv({
+  slots: {
+    root: [
+      'inline-flex',
+      'items-center',
+      'gap-2',
+      'w-fit',
+      'group/switch',
+    ],
+    control: [
+      'block',
+      'shrink-0',
+      'rounded-full',
+      'border-2',
+      'transition-colors',
+      'disabled:opacity-(--disabled-opacity)',
+    ],
+    thumb: [
+      'pointer-events-none',
+      'block',
+      'size-3.5',
+      'rounded-full',
+      'origin-center',
+      'transition-transform',
+      'data-[state=checked]:translate-x-full',
+      'data-[state=unchecked]:translate-x-0',
+    ],
+    label: '',
+  },
+  variants: {
+    size: {
+      xs: {
+        control: 'w-7 h-4',
+        thumb: 'size-3',
+        label: 'text-xs',
+      },
+      sm: {
+        control: 'w-8 h-4.5',
+        thumb: 'size-3.5',
+        label: 'text-sm',
+      },
+      base: {
+        control: 'w-9 h-5',
+        thumb: 'size-4',
+        label: 'text-base',
+      },
+      lg: {
+        control: 'w-10 h-5.5',
+        thumb: 'size-4.5',
+        label: 'text-lg',
+      },
+    },
+  },
+  defaultVariants: {
+    size: 'base',
+  },
+}, {
+  slots: {
+    root: prefix,
+    control: `${prefix}-control`,
+    thumb: `${prefix}-thumb`,
+    label: `${prefix}-label`,
+  },
+})
+
+export type SwitchVariants = VariantProps<typeof tvSwitch>