@codefast/ui 0.3.16-canary.2 → 0.4.0-canary.4

package/src/variants/empty.ts

@@ -0,0 +1,34 @@
+import type { VariantProps } from "#/lib/utils";
+import { tv } from "#/lib/utils";
+
+/* -----------------------------------------------------------------------------
+ * Variant: EmptyMedia
+ * -------------------------------------------------------------------------- */
+
+/**
+ * @since 0.3.16-canary.0
+ */
+const emptyMediaVariants = tv({
+  base: "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  defaultVariants: {
+    variant: "default",
+  },
+  variants: {
+    variant: {
+      default: "bg-transparent",
+      icon: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-6",
+    },
+  },
+});
+
+/**
+ * @since 0.3.16-canary.0
+ */
+type EmptyMediaVariants = VariantProps<typeof emptyMediaVariants>;
+
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+
+export { emptyMediaVariants };
+export type { EmptyMediaVariants };

package/src/variants/field.ts

@@ -0,0 +1,37 @@
+import type { VariantProps } from "#/lib/utils";
+import { tv } from "#/lib/utils";
+
+/* -----------------------------------------------------------------------------
+ * Variant: Field
+ * -------------------------------------------------------------------------- */
+
+/**
+ * @since 0.3.16-canary.0
+ */
+const fieldVariants = tv({
+  base: "group/field flex w-full gap-3 data-[invalid=true]:text-destructive",
+  defaultVariants: {
+    orientation: "vertical",
+  },
+  variants: {
+    orientation: {
+      horizontal:
+        "flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+      responsive:
+        "flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+      vertical: "flex-col *:w-full [&>.sr-only]:w-auto",
+    },
+  },
+});
+
+/**
+ * @since 0.3.16-canary.0
+ */
+type FieldVariants = VariantProps<typeof fieldVariants>;
+
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+
+export { fieldVariants };
+export type { FieldVariants };

package/src/variants/input-group.ts

@@ -0,0 +1,80 @@
+import type { VariantProps } from "#/lib/utils";
+import { tv } from "#/lib/utils";
+
+/* -----------------------------------------------------------------------------
+ * Variant: InputGroup
+ * -------------------------------------------------------------------------- */
+
+/**
+ * @since 0.3.16-canary.0
+ */
+const inputGroupVariants = tv({
+  base: "group/input-group relative flex h-9 w-full min-w-0 items-center rounded-md border border-input shadow-xs transition-[color,box-shadow] outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5",
+});
+
+/* -----------------------------------------------------------------------------
+ * Variant: InputGroupAddon
+ * -------------------------------------------------------------------------- */
+
+/**
+ * @since 0.3.16-canary.0
+ */
+const inputGroupAddonVariants = tv({
+  base: "flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-disabled/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-3px)] [&>svg:not([class*='size-'])]:size-4",
+  defaultVariants: {
+    align: "inline-start",
+  },
+  variants: {
+    align: {
+      "block-end": "order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2",
+      "block-start":
+        "order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2",
+      "inline-end": "order-last pr-2 has-[>button]:-mr-1 has-[>kbd]:mr-[-0.15rem]",
+      "inline-start": "order-first pl-2 has-[>button]:-ml-1 has-[>kbd]:ml-[-0.15rem]",
+    },
+  },
+});
+
+/* -----------------------------------------------------------------------------
+ * Variant: InputGroupButton
+ * -------------------------------------------------------------------------- */
+
+/**
+ * @since 0.3.16-canary.0
+ */
+const inputGroupButtonVariants = tv({
+  base: "flex items-center gap-2 text-sm shadow-none",
+  defaultVariants: {
+    size: "xs",
+  },
+  variants: {
+    size: {
+      "icon-xs": "size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0",
+      "icon-sm": "size-8 p-0 has-[>svg]:p-0",
+      sm: "",
+      xs: "h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
+    },
+  },
+});
+
+/**
+ * @since 0.3.16-canary.0
+ */
+type InputGroupVariants = VariantProps<typeof inputGroupVariants>;
+
+/**
+ * @since 0.3.16-canary.0
+ */
+type InputGroupAddonVariants = VariantProps<typeof inputGroupAddonVariants>;
+
+/**
+ * @since 0.3.16-canary.0
+ */
+type InputGroupButtonVariants = VariantProps<typeof inputGroupButtonVariants>;
+
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+
+export { inputGroupAddonVariants, inputGroupButtonVariants, inputGroupVariants };
+export type { InputGroupAddonVariants, InputGroupButtonVariants, InputGroupVariants };

package/src/variants/input-number.ts

@@ -0,0 +1,65 @@
+import type { VariantProps } from "#/lib/utils";
+import { tv } from "#/lib/utils";
+
+/* -----------------------------------------------------------------------------
+ * Variant: InputNumber
+ * -------------------------------------------------------------------------- */
+
+/**
+ * @since 0.3.16-canary.0
+ */
+const inputNumberVariants = tv({
+  defaultVariants: {
+    variant: "stepper",
+  },
+  slots: {
+    /**
+     * Split layout: trailing increment button (always on the inline end).
+     */
+    incrementButton:
+      "order-last h-full w-9 shrink-0 rounded-none rounded-r-[calc(var(--radius-md)-1px)] border-l border-l-input text-muted-foreground group-focus-within/input-number:border-l-ring group-has-aria-invalid/input-number:border-l-destructive focus-visible:bg-ring/50 focus-visible:ring-0 group-has-aria-invalid/input-number:focus-visible:bg-destructive/20 dark:group-has-aria-invalid/input-number:focus-visible:bg-destructive/40",
+    /**
+     * Split layout: leading decrement button (always on the inline start).
+     */
+    decrementButton:
+      "order-first h-full w-9 shrink-0 rounded-none rounded-l-[calc(var(--radius-md)-1px)] border-r border-r-input text-muted-foreground group-focus-within/input-number:border-r-ring group-has-aria-invalid/input-number:border-r-destructive focus-visible:bg-ring/50 focus-visible:ring-0 group-has-aria-invalid/input-number:focus-visible:bg-destructive/20 dark:group-has-aria-invalid/input-number:focus-visible:bg-destructive/40",
+    /**
+     * Editable numeric input.
+     */
+    field:
+      "h-full min-w-0 flex-1 bg-transparent px-2.5 py-1 outline-hidden selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed",
+    /**
+     * Outer container.
+     */
+    root: "group/input-number relative flex h-9 w-full min-w-0 items-center overflow-hidden rounded-md border border-input bg-transparent text-base transition-[color,box-shadow] not-has-disabled:shadow-xs focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50 has-disabled:opacity-50 has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 motion-reduce:transition-none md:text-sm dark:bg-input/30 dark:has-aria-invalid:border-destructive/50 dark:has-aria-invalid:ring-destructive/40 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+    /**
+     * Stepper layout: stacked chevron column on the trailing edge.
+     */
+    stepper:
+      "order-last grid h-full w-8 shrink-0 divide-y divide-input border-l border-l-input transition-colors group-focus-within/input-number:divide-ring group-focus-within/input-number:border-l-ring group-has-aria-invalid/input-number:divide-destructive group-has-aria-invalid/input-number:border-l-destructive motion-reduce:transition-none *:[button]:focus-visible:bg-ring/50 *:[button]:focus-visible:ring-0 group-has-aria-invalid/input-number:*:[button]:focus-visible:bg-destructive/20 dark:group-has-aria-invalid/input-number:*:[button]:focus-visible:bg-destructive/40",
+    /**
+     * Stepper layout: individual chevron button (shared by increment/decrement).
+     */
+    stepperButton: "h-auto min-w-0 rounded-none px-0 text-muted-foreground",
+  },
+  variants: {
+    variant: {
+      split: {
+        field: "text-center tabular-nums",
+      },
+      stepper: {},
+    },
+  },
+});
+
+/**
+ * @since 0.3.16-canary.0
+ */
+type InputNumberVariants = VariantProps<typeof inputNumberVariants>;
+
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+
+export { inputNumberVariants };
+export type { InputNumberVariants };

package/src/variants/item.ts

@@ -0,0 +1,68 @@
+import type { VariantProps } from "#/lib/utils";
+import { tv } from "#/lib/utils";
+
+/* -----------------------------------------------------------------------------
+ * Variant: Item
+ * -------------------------------------------------------------------------- */
+
+/**
+ * @since 0.3.16-canary.0
+ */
+const itemVariants = tv({
+  base: "group/item flex w-full flex-wrap items-center rounded-md border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted",
+  defaultVariants: {
+    size: "default",
+    variant: "default",
+  },
+  variants: {
+    size: {
+      default: "gap-3.5 px-4 py-3.5",
+      sm: "gap-2.5 px-3 py-2.5",
+      xs: "gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0",
+    },
+    variant: {
+      default: "border-transparent",
+      muted: "border-transparent bg-muted/50",
+      outline: "border-border",
+    },
+  },
+});
+
+/* -----------------------------------------------------------------------------
+ * Variant: ItemMedia
+ * -------------------------------------------------------------------------- */
+
+/**
+ * @since 0.3.16-canary.0
+ */
+const itemMediaVariants = tv({
+  base: "flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none",
+  defaultVariants: {
+    variant: "default",
+  },
+  variants: {
+    variant: {
+      default: "bg-transparent",
+      icon: "[&_svg:not([class*='size-'])]:size-4",
+      image:
+        "size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover",
+    },
+  },
+});
+
+/**
+ * @since 0.3.16-canary.0
+ */
+type ItemVariants = VariantProps<typeof itemVariants>;
+
+/**
+ * @since 0.3.16-canary.0
+ */
+type ItemMediaVariants = VariantProps<typeof itemMediaVariants>;
+
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+
+export { itemMediaVariants, itemVariants };
+export type { ItemMediaVariants, ItemVariants };

package/src/variants/navigation-menu.ts

@@ -0,0 +1,25 @@
+import type { VariantProps } from "#/lib/utils";
+import { tv } from "#/lib/utils";
+
+/* -----------------------------------------------------------------------------
+ * Style: NavigationMenuTrigger
+ * -------------------------------------------------------------------------- */
+
+/**
+ * @since 0.3.16-canary.0
+ */
+const navigationMenuTriggerVariants = tv({
+  base: "group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted",
+});
+
+/**
+ * @since 0.3.16-canary.0
+ */
+type NavigationMenuTriggerVariants = VariantProps<typeof navigationMenuTriggerVariants>;
+
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+
+export { navigationMenuTriggerVariants };
+export type { NavigationMenuTriggerVariants };

package/src/variants/progress-circle.ts

@@ -0,0 +1,46 @@
+import type { VariantProps } from "#/lib/utils";
+import { tv } from "#/lib/utils";
+
+/* -----------------------------------------------------------------------------
+ * Variant: ProgressCircle
+ * -------------------------------------------------------------------------- */
+
+/**
+ * @since 0.3.16-canary.0
+ */
+const progressCircleVariants = tv({
+  defaultVariants: { size: "md", thickness: "regular", variant: "default" },
+  slots: {
+    indicator: "origin-center",
+    label: "absolute inset-0 flex items-center justify-center text-xs font-medium",
+    root: "relative inline-flex items-center justify-center",
+    svg: "size-full",
+    track: "origin-center",
+  },
+  variants: {
+    size: {
+      sm: { label: "text-[0.625rem]" },
+      md: { label: "text-xs" },
+      lg: { label: "text-sm" },
+      xl: { label: "text-base" },
+      "2xl": { label: "text-lg" },
+    },
+    thickness: { regular: {}, thick: {}, thin: {} },
+    variant: {
+      default: { indicator: "text-primary", track: "text-primary/20" },
+      destructive: { indicator: "text-destructive", track: "text-destructive/20" },
+    },
+  },
+});
+
+/**
+ * @since 0.3.16-canary.0
+ */
+type ProgressCircleVariants = VariantProps<typeof progressCircleVariants>;
+
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+
+export { progressCircleVariants };
+export type { ProgressCircleVariants };

package/src/variants/scroll-area.ts

@@ -0,0 +1,73 @@
+import type { VariantProps } from "#/lib/utils";
+import { tv } from "#/lib/utils";
+
+/* -----------------------------------------------------------------------------
+ * Variant: ScrollAreaScrollbar
+ * -------------------------------------------------------------------------- */
+
+/**
+ * @since 0.3.16-canary.0
+ */
+const scrollAreaScrollbarVariants = tv({
+  base: "flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent",
+  compoundVariants: [
+    {
+      className: "w-1.5",
+      orientation: "vertical",
+      size: "sm",
+    },
+    {
+      className: "w-2",
+      orientation: "vertical",
+      size: "md",
+    },
+    {
+      className: "w-2.5",
+      orientation: "vertical",
+      size: "lg",
+    },
+    {
+      className: "h-1.5",
+      orientation: "horizontal",
+      size: "sm",
+    },
+    {
+      className: "h-2",
+      orientation: "horizontal",
+      size: "md",
+    },
+    {
+      className: "h-2.5",
+      orientation: "horizontal",
+      size: "lg",
+    },
+  ],
+  defaultVariants: {
+    orientation: "vertical",
+    size: "md",
+  },
+  variants: {
+    orientation: {
+      horizontal: "",
+      vertical: "",
+    },
+    size: {
+      none: "",
+      sm: "",
+      md: "",
+      lg: "",
+    },
+  },
+});
+
+/**
+ * @since 0.3.16-canary.0
+ */
+type ScrollAreaScrollbarVariants = VariantProps<typeof scrollAreaScrollbarVariants>;
+
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+
+export { scrollAreaScrollbarVariants };
+export type { ScrollAreaScrollbarVariants };

package/src/variants/separator.ts

@@ -0,0 +1,40 @@
+import type { VariantProps } from "#/lib/utils";
+import { tv } from "#/lib/utils";
+
+/* -----------------------------------------------------------------------------
+ * Variant: Separator
+ * -------------------------------------------------------------------------- */
+
+/**
+ * @since 0.3.16-canary.0
+ */
+const separatorVariants = tv({
+  base: "shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch",
+  defaultVariants: {
+    align: "center",
+    orientation: "horizontal",
+  },
+  variants: {
+    align: {
+      center: "relative flex items-center justify-center",
+      end: "relative flex items-center justify-end",
+      start: "relative flex items-center justify-start",
+    },
+    orientation: {
+      horizontal: "",
+      vertical: "",
+    },
+  },
+});
+
+/**
+ * @since 0.3.16-canary.0
+ */
+type SeparatorVariants = VariantProps<typeof separatorVariants>;
+
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+
+export { separatorVariants };
+export type { SeparatorVariants };

package/src/variants/sheet.ts

@@ -0,0 +1,37 @@
+import type { VariantProps } from "#/lib/utils";
+import { tv } from "#/lib/utils";
+
+/* -----------------------------------------------------------------------------
+ * Variant: SheetContent
+ * -------------------------------------------------------------------------- */
+
+/**
+ * @since 0.3.16-canary.0
+ */
+const sheetContentVariants = tv({
+  base: "fixed z-50 flex flex-col gap-4 bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition ease-ui data-open:animate-in data-open:animation-duration-panel-in data-open:fade-in-0 data-closed:animate-out data-closed:ease-exit data-closed:animation-duration-panel-out data-closed:fade-out-0",
+  defaultVariants: {
+    side: "right",
+  },
+  variants: {
+    side: {
+      bottom: "inset-x-0 bottom-0 h-auto border-t data-open:slide-in-from-bottom-10 data-closed:slide-out-to-bottom-10",
+      left: "inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm data-open:slide-in-from-left-10 data-closed:slide-out-to-left-10",
+      right:
+        "inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm data-open:slide-in-from-right-10 data-closed:slide-out-to-right-10",
+      top: "inset-x-0 top-0 h-auto border-b data-open:slide-in-from-top-10 data-closed:slide-out-to-top-10",
+    },
+  },
+});
+
+/**
+ * @since 0.3.16-canary.0
+ */
+type SheetContentVariants = VariantProps<typeof sheetContentVariants>;
+
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+
+export { sheetContentVariants };
+export type { SheetContentVariants };

package/src/variants/sidebar.ts

@@ -0,0 +1,41 @@
+import type { VariantProps } from "#/lib/utils";
+import { tv } from "#/lib/utils";
+
+/* -----------------------------------------------------------------------------
+ * Variant: SidebarMenuButton
+ * -------------------------------------------------------------------------- */
+
+/**
+ * @since 0.3.16-canary.0
+ */
+const sidebarMenuButtonVariants = tv({
+  base: "peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate",
+  defaultVariants: {
+    size: "default",
+    variant: "default",
+  },
+  variants: {
+    size: {
+      default: "h-8 text-sm",
+      sm: "h-7 text-xs",
+      lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!",
+    },
+    variant: {
+      default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+      outline:
+        "bg-background shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]",
+    },
+  },
+});
+
+/**
+ * @since 0.3.16-canary.0
+ */
+type SidebarMenuButtonVariants = VariantProps<typeof sidebarMenuButtonVariants>;
+
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+
+export { sidebarMenuButtonVariants };
+export type { SidebarMenuButtonVariants };

package/src/variants/tabs.ts

@@ -0,0 +1,34 @@
+import type { VariantProps } from "#/lib/utils";
+import { tv } from "#/lib/utils";
+
+/* -----------------------------------------------------------------------------
+ * Variant: TabsList
+ * -------------------------------------------------------------------------- */
+
+/**
+ * @since 0.3.16-canary.0
+ */
+const tabsListVariants = tv({
+  base: "group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-0.75 text-muted-foreground group-data-horizontal/tabs:h-9 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none",
+  defaultVariants: {
+    variant: "default",
+  },
+  variants: {
+    variant: {
+      default: "bg-muted",
+      line: "gap-1 bg-transparent",
+    },
+  },
+});
+
+/**
+ * @since 0.3.16-canary.0
+ */
+type TabsListVariants = VariantProps<typeof tabsListVariants>;
+
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+
+export { tabsListVariants };
+export type { TabsListVariants };

package/src/variants/toggle.ts

@@ -0,0 +1,40 @@
+import type { VariantProps } from "#/lib/utils";
+import { tv } from "#/lib/utils";
+
+/* -----------------------------------------------------------------------------
+ * Variant: Toggle
+ * -------------------------------------------------------------------------- */
+
+/**
+ * @since 0.3.16-canary.0
+ */
+const toggleVariants = tv({
+  base: "group/toggle inline-flex items-center justify-center gap-1 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-muted dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  defaultVariants: {
+    size: "default",
+    variant: "default",
+  },
+  variants: {
+    size: {
+      default: "h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+      sm: "h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5",
+      lg: "h-10 min-w-10 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+    },
+    variant: {
+      default: "bg-transparent",
+      outline: "border border-input bg-transparent shadow-xs hover:bg-muted",
+    },
+  },
+});
+
+/**
+ * @since 0.3.16-canary.0
+ */
+type ToggleVariants = VariantProps<typeof toggleVariants>;
+
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+
+export { toggleVariants };
+export type { ToggleVariants };

package/dist/node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/clsx.d.mts

@@ -1,6 +0,0 @@
-//#region ../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/clsx.d.mts
-type ClassValue = ClassArray | ClassDictionary | string | number | bigint | null | boolean | undefined;
-type ClassDictionary = Record<string, any>;
-type ClassArray = ClassValue[];
-//#endregion
-export { ClassValue };