commerce-toolkit 0.7.0 → 0.8.0

package/dist/swatch-radio-group.js

@@ -1,169 +1,173 @@
-import { jsx as o, jsxs as l } from "react/jsx-runtime";
-import { R as s, I as c } from "./index-BEcVxceo.js";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { R as n, I as u } from "./index-BEcVxceo.js";
 import { c as i } from "./utils-CRiPKpXj.js";
-import { S as n } from "./index-DD8W7cMj.js";
-import u from "./x-CyE7A75y.js";
-function x({
+import { S as s } from "./index-DD8W7cMj.js";
+import h from "./x-CyE7A75y.js";
+function C({
   options: r,
-  className: e,
-  onOptionMouseEnter: a,
-  ...d
+  className: a,
+  onOptionMouseEnter: o,
+  indicatorIcon: d,
+  ...l
 }) {
-  return /* @__PURE__ */ o(h, { ...d, children: r.map((t) => /* @__PURE__ */ l(
-    b,
+  return /* @__PURE__ */ e(g, { className: a, ...l, children: r.map((t) => /* @__PURE__ */ c(
+    p,
     {
       "aria-label": t.label,
       disabled: t.disabled,
       onMouseEnter: () => {
-        a?.(t.value);
+        o?.(t.value);
       },
       value: t.value,
       children: [
-        t.type === "color" ? /* @__PURE__ */ o(g, { color: t.color }) : /* @__PURE__ */ o(p, { children: /* @__PURE__ */ o(
-          m,
+        t.type === "color" ? /* @__PURE__ */ e(b, { color: t.color }) : /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(
+          f,
           {
             alt: t.image.alt,
+            asChild: t.image.asChild,
             height: 40,
             src: t.image.src,
-            width: 40
+            width: 40,
+            children: t.image.children
           }
         ) }),
-        /* @__PURE__ */ o(v, { children: /* @__PURE__ */ o(u, { absoluteStrokeWidth: !0, size: 16, strokeWidth: 1.5 }) })
+        /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(v, { asChild: d?.asChild, children: d?.children }) })
       ]
     },
     t.value
   )) });
 }
-function h({ children: r, className: e, ...a }) {
-  return /* @__PURE__ */ o(
-    s,
+function g({ children: r, className: a, ...o }) {
+  return /* @__PURE__ */ e(
+    n,
     {
       className: i(
         // Base layout
         "flex flex-wrap gap-1",
-        e
+        a
       ),
       "data-slot": "swatch-radio-group-root",
-      ...a,
+      ...o,
       children: r
     }
   );
 }
-function b({ children: r, className: e, ...a }) {
-  return /* @__PURE__ */ o(
-    c,
+function p({ children: r, className: a, ...o }) {
+  return /* @__PURE__ */ e(
+    u,
     {
       className: i(
-        // Base layout
-        "group relative box-content h-8 w-8",
-        // Spacing
-        "p-0.5",
-        // Borders & Rounded
-        "rounded-full border border-[var(--swatch-radio-group-light-unchecked-border,transparent)]",
-        // Transitions
-        "transition-colors",
+        "group/swatch-radio-group-item relative box-content h-8 w-8 rounded-full border border-[var(--swatch-radio-group-light-unchecked-border,transparent)] p-0.5 transition-colors",
         // Hover state
-        "hover:border-[var(--swatch-radio-group-light-unchecked-border-hover,hsl(var(--contrast-200)))]",
+        "hover:border-[var(--swatch-radio-group-light-unchecked-border-hover,var(--contrast-200))]",
         // Focus-visible state
-        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--swatch-radio-group-focus,hsl(var(--primary)))]",
+        "focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--swatch-radio-group-focus,var(--brand))]",
         // Checked state
-        "data-[state=checked]:border-[var(--swatch-radio-group-light-checked-border,hsl(var(--foreground)))]",
-        // Invalid state
-        "aria-invalid:border-[var(--swatch-radio-group-light-border-error,hsl(var(--error)))]",
+        "data-[state=checked]:border-[var(--swatch-radio-group-light-checked-border,var(--foreground))]",
+        // Aria-invalid state
+        "aria-invalid:border-[var(--swatch-radio-group-light-border-error,var(--error))]",
         // Disabled state
         "disabled:border-[var(--swatch-radio-group-light-disabled-border,transparent)] data-[disabled]:pointer-events-none [&:disabled>.disabled-icon]:grid",
-        e
+        a
       ),
       "data-slot": "swatch-radio-group-item",
-      ...a,
+      ...o,
       children: r
     }
   );
 }
-function g({
+function b({
   color: r,
-  children: e,
-  className: a,
+  children: a,
+  className: o,
   ...d
 }) {
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ e(
     "span",
     {
       className: i(
-        // Base layout
-        "block size-full",
-        // Borders & Rounded
-        "rounded-full border [border-color:var(--swatch-radio-group-light-option-border,color-mix(in_oklab,hsl(var(--foreground))_10%,transparent))]",
-        // Group states
-        "group-disabled:opacity-20",
-        a
+        "block size-full rounded-full border [border-color:var(--swatch-radio-group-light-option-border,color-mix(in_oklab,var(--foreground)_10%,transparent))]",
+        // Group disabled state
+        "group-disabled/swatch-radio-group-item:opacity-20",
+        o
       ),
       "data-slot": "swatch-radio-group-color",
       style: { backgroundColor: r },
       ...d,
-      children: e
+      children: a
     }
   );
 }
-function p({
+function m({
   className: r,
-  children: e,
-  ...a
+  children: a,
+  ...o
 }) {
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ e(
     "span",
     {
       className: i(
-        // Base layout
-        "relative block size-full overflow-hidden",
-        // Borders & Rounded
-        "rounded-full border border-[var(--swatch-radio-group-light-option-border,color-mix(in_oklab,hsl(var(--foreground))_10%,transparent))]",
-        // Effects
-        "bg-clip-padding shadow",
+        "relative block size-full overflow-hidden rounded-full border border-[var(--swatch-radio-group-light-option-border,color-mix(in_oklab,var(--foreground)_10%,transparent))] bg-clip-padding shadow",
         r
       ),
       "data-slot": "swatch-radio-group-thumbnail",
-      ...a,
-      children: e
+      ...o,
+      children: a
     }
   );
 }
-function m({
+function f({
   className: r,
-  children: e,
-  asChild: a = !1,
+  children: a,
+  asChild: o = !1,
   ...d
 }) {
-  return /* @__PURE__ */ o(a ? n : "img", { className: i(r), "data-slot": "swatch-radio-group-image", ...d });
+  return /* @__PURE__ */ e(o ? s : "img", { className: i(r), "data-slot": "swatch-radio-group-image", ...d });
 }
-function v({
+function w({
   className: r,
-  children: e,
-  ...a
+  children: a,
+  ...o
 }) {
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ e(
     "div",
     {
       className: i(
         // Base layout
         "disabled-icon absolute inset-0 hidden place-content-center",
         // Colors
-        "text-[var(--swatch-radio-group-light-icon,hsl(var(--foreground)))]",
+        "text-[var(--swatch-radio-group-light-icon,var(--foreground))]",
         r
       ),
       "data-slot": "swatch-radio-group-indicator",
-      ...a,
-      children: e
+      ...o,
+      children: a
+    }
+  );
+}
+function v({
+  asChild: r = !1,
+  className: a,
+  children: o
+}) {
+  return r ? /* @__PURE__ */ e(s, { className: i("size-4", a), "data-slot": "swatch-radio-group-indicator-icon", children: o }) : /* @__PURE__ */ e(
+    h,
+    {
+      absoluteStrokeWidth: !0,
+      className: i("size-4", a),
+      "data-slot": "swatch-radio-group-indicator-icon",
+      strokeWidth: 1.5
     }
   );
 }
 export {
-  g as Color,
-  m as Image,
-  v as Indicator,
-  b as Item,
-  h as Root,
-  x as SwatchRadioGroup,
-  p as Thumbnail
+  b as Color,
+  f as Image,
+  w as Indicator,
+  v as IndicatorIcon,
+  p as Item,
+  g as Root,
+  C as SwatchRadioGroup,
+  m as Thumbnail
 };
 //# sourceMappingURL=swatch-radio-group.js.map

package/dist/swatch-radio-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"swatch-radio-group.js","sources":["../src/components/swatch-radio-group/swatch-radio-group.tsx","../src/components/swatch-radio-group/primitives/swatch-radio-group-root.tsx","../src/components/swatch-radio-group/primitives/swatch-radio-group-item.tsx","../src/components/swatch-radio-group/primitives/swatch-radio-group-color.tsx","../src/components/swatch-radio-group/primitives/swatch-radio-group-thumbnail.tsx","../src/components/swatch-radio-group/primitives/swatch-radio-group-image.tsx","../src/components/swatch-radio-group/primitives/swatch-radio-group-indicator.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport type { ComponentProps } from 'react';\n\nimport * as SwatchRadioGroupPrimitive from '@/components/swatch-radio-group';\n\ntype SwatchOption =\n  | {\n      type: 'color';\n      value: string;\n      label: string;\n      color: string;\n      disabled?: boolean;\n    }\n  | {\n      type: 'image';\n      value: string;\n      label: string;\n      image: { src: string; alt: string };\n      disabled?: boolean;\n    };\n\nexport type SwatchRadioGroupProps = ComponentProps<typeof SwatchRadioGroupPrimitive.Root> & {\n  options: SwatchOption[];\n  onOptionMouseEnter?: (value: string) => void;\n};\n\n/**\n * This component supports various CSS variables for theming. Here's a comprehensive list, along\n * with their default values:\n *\n * ```css\n *  :root {\n *    --swatch-radio-group-focus: var(--primary);\n *    --swatch-radio-group-light-icon: var(--foreground);\n *    --swatch-radio-group-light-unchecked-border: transparent;\n *    --swatch-radio-group-light-unchecked-border-hover: var(--contrast-200);\n *    --swatch-radio-group-light-disabled-border: transparent;\n *    --swatch-radio-group-light-border-error: var(--error);\n *    --swatch-radio-group-light-checked-border: var(--foreground);\n *    --swatch-radio-group-light-option-border: color-mix(in oklab, var(--foreground) 10%, transparent);\n *  }\n * ```\n */\nexport function SwatchRadioGroup({\n  options,\n  className,\n  onOptionMouseEnter,\n  ...props\n}: SwatchRadioGroupProps) {\n  return (\n    <SwatchRadioGroupPrimitive.Root {...props}>\n      {options.map((option) => (\n        <SwatchRadioGroupPrimitive.Item\n          aria-label={option.label}\n          disabled={option.disabled}\n          key={option.value}\n          onMouseEnter={() => {\n            onOptionMouseEnter?.(option.value);\n          }}\n          value={option.value}\n        >\n          {option.type === 'color' ? (\n            <SwatchRadioGroupPrimitive.Color color={option.color} />\n          ) : (\n            <SwatchRadioGroupPrimitive.Thumbnail>\n              <SwatchRadioGroupPrimitive.Image\n                alt={option.image.alt}\n                height={40}\n                src={option.image.src}\n                width={40}\n              />\n            </SwatchRadioGroupPrimitive.Thumbnail>\n          )}\n          <SwatchRadioGroupPrimitive.Indicator>\n            <X absoluteStrokeWidth size={16} strokeWidth={1.5} />\n          </SwatchRadioGroupPrimitive.Indicator>\n        </SwatchRadioGroupPrimitive.Item>\n      ))}\n    </SwatchRadioGroupPrimitive.Root>\n  );\n}\n","import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SwatchRadioGroupRootProps = ComponentProps<typeof RadioGroupPrimitive.Root>;\n\nexport function SwatchRadioGroupRoot({ children, className, ...props }: SwatchRadioGroupRootProps) {\n  return (\n    <RadioGroupPrimitive.Root\n      className={cn(\n        // Base layout\n        'flex flex-wrap gap-1',\n        className,\n      )}\n      data-slot=\"swatch-radio-group-root\"\n      {...props}\n    >\n      {children}\n    </RadioGroupPrimitive.Root>\n  );\n}\n","import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SwatchRadioGroupItemProps = ComponentProps<typeof RadioGroupPrimitive.Item>;\n\nexport function SwatchRadioGroupItem({ children, className, ...props }: SwatchRadioGroupItemProps) {\n  return (\n    <RadioGroupPrimitive.Item\n      className={cn(\n        // Base layout\n        'group relative box-content h-8 w-8',\n        // Spacing\n        'p-0.5',\n        // Borders & Rounded\n        'rounded-full border border-[var(--swatch-radio-group-light-unchecked-border,transparent)]',\n        // Transitions\n        'transition-colors',\n        // Hover state\n        'hover:border-[var(--swatch-radio-group-light-unchecked-border-hover,hsl(var(--contrast-200)))]',\n        // Focus-visible state\n        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--swatch-radio-group-focus,hsl(var(--primary)))]',\n        // Checked state\n        'data-[state=checked]:border-[var(--swatch-radio-group-light-checked-border,hsl(var(--foreground)))]',\n        // Invalid state\n        'aria-invalid:border-[var(--swatch-radio-group-light-border-error,hsl(var(--error)))]',\n        // Disabled state\n        'disabled:border-[var(--swatch-radio-group-light-disabled-border,transparent)] data-[disabled]:pointer-events-none [&:disabled>.disabled-icon]:grid',\n        className,\n      )}\n      data-slot=\"swatch-radio-group-item\"\n      {...props}\n    >\n      {children}\n    </RadioGroupPrimitive.Item>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SwatchRadioGroupColorProps = ComponentProps<'span'> & {\n  color: string;\n};\n\nexport function SwatchRadioGroupColor({\n  color,\n  children,\n  className,\n  ...props\n}: SwatchRadioGroupColorProps) {\n  return (\n    <span\n      className={cn(\n        // Base layout\n        'block size-full',\n        // Borders & Rounded\n        'rounded-full border [border-color:var(--swatch-radio-group-light-option-border,color-mix(in_oklab,hsl(var(--foreground))_10%,transparent))]',\n        // Group states\n        'group-disabled:opacity-20',\n        className,\n      )}\n      data-slot=\"swatch-radio-group-color\"\n      style={{ backgroundColor: color }}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SwatchRadioGroupThumbnailProps = ComponentProps<'span'>;\n\nexport function SwatchRadioGroupThumbnail({\n  className,\n  children,\n  ...props\n}: SwatchRadioGroupThumbnailProps) {\n  return (\n    <span\n      className={cn(\n        // Base layout\n        'relative block size-full overflow-hidden',\n        // Borders & Rounded\n        'rounded-full border border-[var(--swatch-radio-group-light-option-border,color-mix(in_oklab,hsl(var(--foreground))_10%,transparent))]',\n        // Effects\n        'bg-clip-padding shadow',\n        className,\n      )}\n      data-slot=\"swatch-radio-group-thumbnail\"\n      {...props}\n    >\n      {children}\n    </span>\n  );\n}\n","'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport interface SwatchRadioGroupImageProps extends ComponentProps<'img'> {\n  asChild?: boolean;\n}\n\nexport function SwatchRadioGroupImage({\n  className,\n  children,\n  asChild = false,\n  ...props\n}: SwatchRadioGroupImageProps) {\n  const Component = asChild ? Slot : 'img';\n\n  return <Component className={cn(className)} data-slot=\"swatch-radio-group-image\" {...props} />;\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SwatchRadioGroupIndicatorProps = ComponentProps<'div'>;\n\nexport function SwatchRadioGroupIndicator({\n  className,\n  children,\n  ...props\n}: SwatchRadioGroupIndicatorProps) {\n  return (\n    <div\n      className={cn(\n        // Base layout\n        'disabled-icon absolute inset-0 hidden place-content-center',\n        // Colors\n        'text-[var(--swatch-radio-group-light-icon,hsl(var(--foreground)))]',\n        className,\n      )}\n      data-slot=\"swatch-radio-group-indicator\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["SwatchRadioGroup","options","className","onOptionMouseEnter","props","jsx","SwatchRadioGroupPrimitive.Root","option","jsxs","SwatchRadioGroupPrimitive.Item","SwatchRadioGroupPrimitive.Color","SwatchRadioGroupPrimitive.Thumbnail","SwatchRadioGroupPrimitive.Image","SwatchRadioGroupPrimitive.Indicator","X","SwatchRadioGroupRoot","children","RadioGroupPrimitive.Root","cn","SwatchRadioGroupItem","RadioGroupPrimitive.Item","SwatchRadioGroupColor","color","SwatchRadioGroupThumbnail","SwatchRadioGroupImage","asChild","Slot","SwatchRadioGroupIndicator"],"mappings":"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"}
+{"version":3,"file":"swatch-radio-group.js","sources":["../src/components/swatch-radio-group/swatch-radio-group.tsx","../src/components/swatch-radio-group/primitives/swatch-radio-group-root.tsx","../src/components/swatch-radio-group/primitives/swatch-radio-group-item.tsx","../src/components/swatch-radio-group/primitives/swatch-radio-group-color.tsx","../src/components/swatch-radio-group/primitives/swatch-radio-group-thumbnail.tsx","../src/components/swatch-radio-group/primitives/swatch-radio-group-image.tsx","../src/components/swatch-radio-group/primitives/swatch-radio-group-indicator.tsx","../src/components/swatch-radio-group/primitives/swatch-radio-group-indicator-icon.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport * as SwatchRadioGroupPrimitive from '@/components/swatch-radio-group';\n\ntype SwatchOption =\n  | {\n      type: 'color';\n      value: string;\n      label: string;\n      color: string;\n      disabled?: boolean;\n    }\n  | {\n      type: 'image';\n      value: string;\n      label: string;\n      image: {\n        src: string;\n        alt: string;\n        asChild?: boolean;\n        children?: ReactNode;\n      };\n      disabled?: boolean;\n    };\n\nexport type SwatchRadioGroupProps = ComponentProps<typeof SwatchRadioGroupPrimitive.Root> & {\n  options: SwatchOption[];\n  onOptionMouseEnter?: (value: string) => void;\n  indicatorIcon?: {\n    asChild?: boolean;\n    children?: ReactNode;\n  };\n};\n\n/**\n * This component supports various CSS variables for theming. Here's a comprehensive list, along\n * with their default values:\n *\n * ```css\n *  :root {\n *    --swatch-radio-group-focus: var(--brand);\n *    --swatch-radio-group-light-icon: var(--foreground);\n *    --swatch-radio-group-light-unchecked-border: transparent;\n *    --swatch-radio-group-light-unchecked-border-hover: var(--contrast-200);\n *    --swatch-radio-group-light-disabled-border: transparent;\n *    --swatch-radio-group-light-border-error: var(--error);\n *    --swatch-radio-group-light-checked-border: var(--foreground);\n *    --swatch-radio-group-light-option-border: color-mix(in oklab, var(--foreground) 10%, transparent);\n *  }\n * ```\n */\nexport function SwatchRadioGroup({\n  options,\n  className,\n  onOptionMouseEnter,\n  indicatorIcon,\n  ...props\n}: SwatchRadioGroupProps) {\n  return (\n    <SwatchRadioGroupPrimitive.Root className={className} {...props}>\n      {options.map((option) => (\n        <SwatchRadioGroupPrimitive.Item\n          aria-label={option.label}\n          disabled={option.disabled}\n          key={option.value}\n          onMouseEnter={() => {\n            onOptionMouseEnter?.(option.value);\n          }}\n          value={option.value}\n        >\n          {option.type === 'color' ? (\n            <SwatchRadioGroupPrimitive.Color color={option.color} />\n          ) : (\n            <SwatchRadioGroupPrimitive.Thumbnail>\n              <SwatchRadioGroupPrimitive.Image\n                alt={option.image.alt}\n                asChild={option.image.asChild}\n                height={40}\n                src={option.image.src}\n                width={40}\n              >\n                {option.image.children}\n              </SwatchRadioGroupPrimitive.Image>\n            </SwatchRadioGroupPrimitive.Thumbnail>\n          )}\n          <SwatchRadioGroupPrimitive.Indicator>\n            <SwatchRadioGroupPrimitive.IndicatorIcon asChild={indicatorIcon?.asChild}>\n              {indicatorIcon?.children}\n            </SwatchRadioGroupPrimitive.IndicatorIcon>\n          </SwatchRadioGroupPrimitive.Indicator>\n        </SwatchRadioGroupPrimitive.Item>\n      ))}\n    </SwatchRadioGroupPrimitive.Root>\n  );\n}\n","import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SwatchRadioGroupRootProps = ComponentProps<typeof RadioGroupPrimitive.Root>;\n\nexport function SwatchRadioGroupRoot({ children, className, ...props }: SwatchRadioGroupRootProps) {\n  return (\n    <RadioGroupPrimitive.Root\n      className={cn(\n        // Base layout\n        'flex flex-wrap gap-1',\n        className,\n      )}\n      data-slot=\"swatch-radio-group-root\"\n      {...props}\n    >\n      {children}\n    </RadioGroupPrimitive.Root>\n  );\n}\n","import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SwatchRadioGroupItemProps = ComponentProps<typeof RadioGroupPrimitive.Item>;\n\nexport function SwatchRadioGroupItem({ children, className, ...props }: SwatchRadioGroupItemProps) {\n  return (\n    <RadioGroupPrimitive.Item\n      className={cn(\n        'group/swatch-radio-group-item relative box-content h-8 w-8 rounded-full border border-[var(--swatch-radio-group-light-unchecked-border,transparent)] p-0.5 transition-colors',\n        // Hover state\n        'hover:border-[var(--swatch-radio-group-light-unchecked-border-hover,var(--contrast-200))]',\n        // Focus-visible state\n        'focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--swatch-radio-group-focus,var(--brand))]',\n        // Checked state\n        'data-[state=checked]:border-[var(--swatch-radio-group-light-checked-border,var(--foreground))]',\n        // Aria-invalid state\n        'aria-invalid:border-[var(--swatch-radio-group-light-border-error,var(--error))]',\n        // Disabled state\n        'disabled:border-[var(--swatch-radio-group-light-disabled-border,transparent)] data-[disabled]:pointer-events-none [&:disabled>.disabled-icon]:grid',\n        className,\n      )}\n      data-slot=\"swatch-radio-group-item\"\n      {...props}\n    >\n      {children}\n    </RadioGroupPrimitive.Item>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SwatchRadioGroupColorProps = ComponentProps<'span'> & {\n  color: string;\n};\n\nexport function SwatchRadioGroupColor({\n  color,\n  children,\n  className,\n  ...props\n}: SwatchRadioGroupColorProps) {\n  return (\n    <span\n      className={cn(\n        'block size-full rounded-full border [border-color:var(--swatch-radio-group-light-option-border,color-mix(in_oklab,var(--foreground)_10%,transparent))]',\n        // Group disabled state\n        'group-disabled/swatch-radio-group-item:opacity-20',\n        className,\n      )}\n      data-slot=\"swatch-radio-group-color\"\n      style={{ backgroundColor: color }}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SwatchRadioGroupThumbnailProps = ComponentProps<'span'>;\n\nexport function SwatchRadioGroupThumbnail({\n  className,\n  children,\n  ...props\n}: SwatchRadioGroupThumbnailProps) {\n  return (\n    <span\n      className={cn(\n        'relative block size-full overflow-hidden rounded-full border border-[var(--swatch-radio-group-light-option-border,color-mix(in_oklab,var(--foreground)_10%,transparent))] bg-clip-padding shadow',\n        className,\n      )}\n      data-slot=\"swatch-radio-group-thumbnail\"\n      {...props}\n    >\n      {children}\n    </span>\n  );\n}\n","'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport interface SwatchRadioGroupImageProps extends ComponentProps<'img'> {\n  asChild?: boolean;\n}\n\nexport function SwatchRadioGroupImage({\n  className,\n  children,\n  asChild = false,\n  ...props\n}: SwatchRadioGroupImageProps) {\n  const Component = asChild ? Slot : 'img';\n\n  return <Component className={cn(className)} data-slot=\"swatch-radio-group-image\" {...props} />;\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SwatchRadioGroupIndicatorProps = ComponentProps<'div'>;\n\nexport function SwatchRadioGroupIndicator({\n  className,\n  children,\n  ...props\n}: SwatchRadioGroupIndicatorProps) {\n  return (\n    <div\n      className={cn(\n        // Base layout\n        'disabled-icon absolute inset-0 hidden place-content-center',\n        // Colors\n        'text-[var(--swatch-radio-group-light-icon,var(--foreground))]',\n        className,\n      )}\n      data-slot=\"swatch-radio-group-indicator\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { X } from 'lucide-react';\nimport type { ReactNode } from 'react';\n\nimport { cn } from '@/lib';\n\nexport interface SwatchRadioGroupIndicatorIconProps {\n  asChild?: boolean;\n  className?: string;\n  children?: ReactNode;\n}\n\nexport function SwatchRadioGroupIndicatorIcon({\n  asChild = false,\n  className,\n  children,\n}: SwatchRadioGroupIndicatorIconProps) {\n  if (asChild) {\n    return (\n      <Slot className={cn('size-4', className)} data-slot=\"swatch-radio-group-indicator-icon\">\n        {children}\n      </Slot>\n    );\n  }\n\n  return (\n    <X\n      absoluteStrokeWidth\n      className={cn('size-4', className)}\n      data-slot=\"swatch-radio-group-indicator-icon\"\n      strokeWidth={1.5}\n    />\n  );\n}\n"],"names":["SwatchRadioGroup","options","className","onOptionMouseEnter","indicatorIcon","props","jsx","SwatchRadioGroupPrimitive.Root","option","jsxs","SwatchRadioGroupPrimitive.Item","SwatchRadioGroupPrimitive.Color","SwatchRadioGroupPrimitive.Thumbnail","SwatchRadioGroupPrimitive.Image","SwatchRadioGroupPrimitive.Indicator","SwatchRadioGroupPrimitive.IndicatorIcon","SwatchRadioGroupRoot","children","RadioGroupPrimitive.Root","cn","SwatchRadioGroupItem","RadioGroupPrimitive.Item","SwatchRadioGroupColor","color","SwatchRadioGroupThumbnail","SwatchRadioGroupImage","asChild","Slot","SwatchRadioGroupIndicator","SwatchRadioGroupIndicatorIcon","X"],"mappings":"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"}

package/dist/{tabs-root-BLHqpIyN.js → tabs-root-C3fY_qFs.js}

@@ -2,7 +2,7 @@ import { jsx as i } from "react/jsx-runtime";
 import * as f from "react";
 import { useRef as S, useEffect as F, createContext as V, useState as D, useMemo as L, use as $ } from "react";
 import { c as m } from "./utils-CRiPKpXj.js";
-import { c as p } from "./index-B695uy69.js";
+import { c as T } from "./index-B695uy69.js";
 import { c as G } from "./index-DFZozV_h.js";
 import { c as x, R as k, I as B } from "./index-DbDmtVzS.js";
 import { P as K } from "./index-BpWB3aFK.js";
@@ -10,24 +10,24 @@ import { P as g } from "./index-DYM6xIoO.js";
 import { u as q } from "./index-ByaXH_ih.js";
 import { u as H } from "./index-437EL2iq.js";
 import { u as j } from "./index-Cv867SGx.js";
-var h = "Tabs", [z] = G(h, [
+var p = "Tabs", [z] = G(p, [
   x
-]), y = x(), [O, T] = z(h), C = f.forwardRef(
+]), C = x(), [O, h] = z(p), R = f.forwardRef(
   (t, a) => {
     const {
       __scopeTabs: e,
-      value: o,
+      value: r,
       onValueChange: n,
       defaultValue: s,
-      orientation: r = "horizontal",
+      orientation: o = "horizontal",
       dir: u,
       activationMode: d = "automatic",
       ...b
     } = t, l = q(u), [c, v] = H({
-      prop: o,
+      prop: r,
       onChange: n,
       defaultProp: s ?? "",
-      caller: h
+      caller: p
     });
     return /* @__PURE__ */ i(
       O,
@@ -36,14 +36,14 @@ var h = "Tabs", [z] = G(h, [
         baseId: j(),
         value: c,
         onValueChange: v,
-        orientation: r,
+        orientation: o,
         dir: l,
         activationMode: d,
         children: /* @__PURE__ */ i(
           g.div,
           {
             dir: l,
-            "data-orientation": r,
+            "data-orientation": o,
             ...b,
             ref: a
           }
@@ -52,18 +52,18 @@ var h = "Tabs", [z] = G(h, [
     );
   }
 );
-C.displayName = h;
-var R = "TabsList", I = f.forwardRef(
+R.displayName = p;
+var y = "TabsList", I = f.forwardRef(
   (t, a) => {
-    const { __scopeTabs: e, loop: o = !0, ...n } = t, s = T(R, e), r = y(e);
+    const { __scopeTabs: e, loop: r = !0, ...n } = t, s = h(y, e), o = C(e);
     return /* @__PURE__ */ i(
       k,
       {
         asChild: !0,
-        ...r,
+        ...o,
         orientation: s.orientation,
         dir: s.dir,
-        loop: o,
+        loop: r,
         children: /* @__PURE__ */ i(
           g.div,
           {
@@ -77,10 +77,10 @@ var R = "TabsList", I = f.forwardRef(
     );
   }
 );
-I.displayName = R;
+I.displayName = y;
 var w = "TabsTrigger", M = f.forwardRef(
   (t, a) => {
-    const { __scopeTabs: e, value: o, disabled: n = !1, ...s } = t, r = T(w, e), u = y(e), d = P(r.baseId, o), b = _(r.baseId, o), l = o === r.value;
+    const { __scopeTabs: e, value: r, disabled: n = !1, ...s } = t, o = h(w, e), u = C(e), d = P(o.baseId, r), b = _(o.baseId, r), l = r === o.value;
     return /* @__PURE__ */ i(
       B,
       {
@@ -101,15 +101,15 @@ var w = "TabsTrigger", M = f.forwardRef(
             id: d,
             ...s,
             ref: a,
-            onMouseDown: p(t.onMouseDown, (c) => {
-              !n && c.button === 0 && c.ctrlKey === !1 ? r.onValueChange(o) : c.preventDefault();
+            onMouseDown: T(t.onMouseDown, (c) => {
+              !n && c.button === 0 && c.ctrlKey === !1 ? o.onValueChange(r) : c.preventDefault();
             }),
-            onKeyDown: p(t.onKeyDown, (c) => {
-              [" ", "Enter"].includes(c.key) && r.onValueChange(o);
+            onKeyDown: T(t.onKeyDown, (c) => {
+              [" ", "Enter"].includes(c.key) && o.onValueChange(r);
             }),
-            onFocus: p(t.onFocus, () => {
-              const c = r.activationMode !== "manual";
-              !l && !n && c && r.onValueChange(o);
+            onFocus: T(t.onFocus, () => {
+              const c = o.activationMode !== "manual";
+              !l && !n && c && o.onValueChange(r);
             })
           }
         )
@@ -120,7 +120,7 @@ var w = "TabsTrigger", M = f.forwardRef(
 M.displayName = w;
 var N = "TabsContent", A = f.forwardRef(
   (t, a) => {
-    const { __scopeTabs: e, value: o, forceMount: n, children: s, ...r } = t, u = T(N, e), d = P(u.baseId, o), b = _(u.baseId, o), l = o === u.value, c = f.useRef(l);
+    const { __scopeTabs: e, value: r, forceMount: n, children: s, ...o } = t, u = h(N, e), d = P(u.baseId, r), b = _(u.baseId, r), l = r === u.value, c = f.useRef(l);
     return f.useEffect(() => {
       const v = requestAnimationFrame(() => c.current = !1);
       return () => cancelAnimationFrame(v);
@@ -134,7 +134,7 @@ var N = "TabsContent", A = f.forwardRef(
         hidden: !v,
         id: b,
         tabIndex: 0,
-        ...r,
+        ...o,
         ref: a,
         style: {
           ...t.style,
@@ -152,23 +152,23 @@ function P(t, a) {
 function _(t, a) {
   return `${t}-content-${a}`;
 }
-var J = C, Q = I, U = M, W = A;
+var J = R, Q = I, U = M, W = A;
 function lt({ className: t, ...a }) {
-  const e = S(null), { activeValue: o } = X();
+  const e = S(null), { activeValue: r } = X();
   return F(() => {
     if (!e.current) return;
     const n = e.current.querySelector('[data-state="active"]');
     if (!(n instanceof HTMLElement)) return;
-    const s = n.getBoundingClientRect(), r = e.current.getBoundingClientRect(), u = s.left + s.width / 2, d = r.left + r.width / 2;
+    const s = n.getBoundingClientRect(), o = e.current.getBoundingClientRect(), u = s.left + s.width / 2, d = o.left + o.width / 2;
     e.current.scroll({
       left: e.current.scrollLeft + (u - d),
       behavior: "smooth"
     });
-  }, [o]), /* @__PURE__ */ i(
+  }, [r]), /* @__PURE__ */ i(
     Q,
     {
       className: m(
-        "scrollbar-none flex overflow-x-auto border-b border-[var(--tabs-border,hsl(var(--contrast-100)))]",
+        "scrollbar-none flex overflow-x-auto border-b border-[var(--tabs-border,var(--contrast-100))]",
         t
       ),
       "data-slot": "tabs-list",
@@ -182,7 +182,17 @@ function ut({ className: t, children: a, ...e }) {
     U,
     {
       className: m(
-        'relative shrink-0 p-4 text-sm font-semibold text-[var(--tabs-text,hsl(var(--contrast-500)))] transition-colors duration-200 ease-linear [font-family:var(--tabs-font-family,var(--font-family-body))] after:absolute after:inset-x-0 after:bottom-0 after:h-0.5 after:origin-bottom after:scale-y-0 after:bg-[var(--tabs-underline-default,hsl(var(--contrast-200)))] after:transition-all after:duration-200 after:ease-linear after:content-[""] hover:text-[var(--tabs-text-hover,hsl(var(--foreground)))] hover:after:scale-y-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tabs-focus,hsl(var(--primary)))] disabled:pointer-events-none disabled:text-[var(--tabs-text,hsl(var(--contrast-500)))] data-[state=active]:text-[var(--tabs-text-active,hsl(var(--foreground)))] data-[state=active]:after:scale-y-100 data-[state=active]:after:bg-[var(--tabs-underline-active,hsl(var(--primary)))] data-[state=inactive]:hover:after:bg-[var(--tabs-underline-hover,hsl(var(--contrast-200)))]',
+        'relative shrink-0 p-4 text-sm font-semibold text-[var(--tabs-text,var(--contrast-500))] transition-colors duration-200 ease-linear [font-family:var(--tabs-font-family,var(--font-family-body))] after:absolute after:inset-x-0 after:bottom-0 after:h-0.5 after:origin-bottom after:scale-y-0 after:bg-[var(--tabs-underline-default,var(--contrast-200))] after:transition-all after:duration-200 after:ease-linear after:content-[""]',
+        // Hover state
+        "hover:text-[var(--tabs-text-hover,var(--foreground))] hover:after:scale-y-100",
+        // Focus-visible state
+        "focus:outline-none focus-visible:text-[var(--tabs-text-active,var(--foreground))] focus-visible:after:scale-y-100 focus-visible:after:bg-[var(--tabs-underline-active,var(--brand))]",
+        // Disabled state
+        "disabled:pointer-events-none disabled:text-[var(--tabs-text,var(--contrast-500))]",
+        // Active state
+        "data-[state=active]:text-[var(--tabs-text-active,var(--foreground))] data-[state=active]:after:scale-y-100 data-[state=active]:after:bg-[var(--tabs-underline-active,var(--brand))]",
+        // Inactive hover state
+        "data-[state=inactive]:hover:after:bg-[var(--tabs-underline-hover,var(--contrast-200)))",
         t
       ),
       "data-slot": "tabs-trigger",
@@ -196,7 +206,8 @@ function dt({ className: t, children: a, ...e }) {
     W,
     {
       className: m(
-        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tabs-focus,hsl(var(--primary)))] focus-visible:ring-offset-2",
+        // Focus-visible state
+        "focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--tabs-focus,var(--brand))]",
         t
       ),
       "data-slot": "tabs-content",
@@ -206,8 +217,8 @@ function dt({ className: t, children: a, ...e }) {
   );
 }
 const E = V(void 0);
-function vt({ className: t, children: a, defaultValue: e, ...o }) {
-  const [n, s] = D(e), r = L(
+function vt({ className: t, children: a, defaultValue: e, ...r }) {
+  const [n, s] = D(e), o = L(
     () => ({
       defaultValue: e,
       activeValue: n,
@@ -215,7 +226,7 @@ function vt({ className: t, children: a, defaultValue: e, ...o }) {
     }),
     [e, n]
   );
-  return /* @__PURE__ */ i(E.Provider, { value: r, children: /* @__PURE__ */ i(
+  return /* @__PURE__ */ i(E.Provider, { value: o, children: /* @__PURE__ */ i(
     J,
     {
       className: m(t),
@@ -223,7 +234,7 @@ function vt({ className: t, children: a, defaultValue: e, ...o }) {
       defaultValue: e,
       onValueChange: s,
       value: n,
-      ...o,
+      ...r,
       children: a
     }
   ) });
@@ -241,4 +252,4 @@ export {
   vt as c,
   X as u
 };
-//# sourceMappingURL=tabs-root-BLHqpIyN.js.map
+//# sourceMappingURL=tabs-root-C3fY_qFs.js.map

package/dist/tabs-root-C3fY_qFs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-root-C3fY_qFs.js","sources":["../node_modules/.pnpm/@radix-ui+react-tabs@1.1.13_@types+react-dom@19.2.2_@types+react@19.2.2__@types+react@19.2.2__rlyzqydnl7bpknvwznw5oefge4/node_modules/@radix-ui/react-tabs/dist/index.mjs","../src/components/tabs/primitives/tabs-list.tsx","../src/components/tabs/primitives/tabs-trigger.tsx","../src/components/tabs/primitives/tabs-content.tsx","../src/components/tabs/primitives/tabs-root.tsx"],"sourcesContent":["\"use client\";\n\n// src/tabs.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { createRovingFocusGroupScope } from \"@radix-ui/react-roving-focus\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport * as RovingFocusGroup from \"@radix-ui/react-roving-focus\";\nimport { useDirection } from \"@radix-ui/react-direction\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { useId } from \"@radix-ui/react-id\";\nimport { jsx } from \"react/jsx-runtime\";\nvar TABS_NAME = \"Tabs\";\nvar [createTabsContext, createTabsScope] = createContextScope(TABS_NAME, [\n  createRovingFocusGroupScope\n]);\nvar useRovingFocusGroupScope = createRovingFocusGroupScope();\nvar [TabsProvider, useTabsContext] = createTabsContext(TABS_NAME);\nvar Tabs = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeTabs,\n      value: valueProp,\n      onValueChange,\n      defaultValue,\n      orientation = \"horizontal\",\n      dir,\n      activationMode = \"automatic\",\n      ...tabsProps\n    } = props;\n    const direction = useDirection(dir);\n    const [value, setValue] = useControllableState({\n      prop: valueProp,\n      onChange: onValueChange,\n      defaultProp: defaultValue ?? \"\",\n      caller: TABS_NAME\n    });\n    return /* @__PURE__ */ jsx(\n      TabsProvider,\n      {\n        scope: __scopeTabs,\n        baseId: useId(),\n        value,\n        onValueChange: setValue,\n        orientation,\n        dir: direction,\n        activationMode,\n        children: /* @__PURE__ */ jsx(\n          Primitive.div,\n          {\n            dir: direction,\n            \"data-orientation\": orientation,\n            ...tabsProps,\n            ref: forwardedRef\n          }\n        )\n      }\n    );\n  }\n);\nTabs.displayName = TABS_NAME;\nvar TAB_LIST_NAME = \"TabsList\";\nvar TabsList = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeTabs, loop = true, ...listProps } = props;\n    const context = useTabsContext(TAB_LIST_NAME, __scopeTabs);\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);\n    return /* @__PURE__ */ jsx(\n      RovingFocusGroup.Root,\n      {\n        asChild: true,\n        ...rovingFocusGroupScope,\n        orientation: context.orientation,\n        dir: context.dir,\n        loop,\n        children: /* @__PURE__ */ jsx(\n          Primitive.div,\n          {\n            role: \"tablist\",\n            \"aria-orientation\": context.orientation,\n            ...listProps,\n            ref: forwardedRef\n          }\n        )\n      }\n    );\n  }\n);\nTabsList.displayName = TAB_LIST_NAME;\nvar TRIGGER_NAME = \"TabsTrigger\";\nvar TabsTrigger = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeTabs, value, disabled = false, ...triggerProps } = props;\n    const context = useTabsContext(TRIGGER_NAME, __scopeTabs);\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);\n    const triggerId = makeTriggerId(context.baseId, value);\n    const contentId = makeContentId(context.baseId, value);\n    const isSelected = value === context.value;\n    return /* @__PURE__ */ jsx(\n      RovingFocusGroup.Item,\n      {\n        asChild: true,\n        ...rovingFocusGroupScope,\n        focusable: !disabled,\n        active: isSelected,\n        children: /* @__PURE__ */ jsx(\n          Primitive.button,\n          {\n            type: \"button\",\n            role: \"tab\",\n            \"aria-selected\": isSelected,\n            \"aria-controls\": contentId,\n            \"data-state\": isSelected ? \"active\" : \"inactive\",\n            \"data-disabled\": disabled ? \"\" : void 0,\n            disabled,\n            id: triggerId,\n            ...triggerProps,\n            ref: forwardedRef,\n            onMouseDown: composeEventHandlers(props.onMouseDown, (event) => {\n              if (!disabled && event.button === 0 && event.ctrlKey === false) {\n                context.onValueChange(value);\n              } else {\n                event.preventDefault();\n              }\n            }),\n            onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {\n              if ([\" \", \"Enter\"].includes(event.key)) context.onValueChange(value);\n            }),\n            onFocus: composeEventHandlers(props.onFocus, () => {\n              const isAutomaticActivation = context.activationMode !== \"manual\";\n              if (!isSelected && !disabled && isAutomaticActivation) {\n                context.onValueChange(value);\n              }\n            })\n          }\n        )\n      }\n    );\n  }\n);\nTabsTrigger.displayName = TRIGGER_NAME;\nvar CONTENT_NAME = \"TabsContent\";\nvar TabsContent = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeTabs, value, forceMount, children, ...contentProps } = props;\n    const context = useTabsContext(CONTENT_NAME, __scopeTabs);\n    const triggerId = makeTriggerId(context.baseId, value);\n    const contentId = makeContentId(context.baseId, value);\n    const isSelected = value === context.value;\n    const isMountAnimationPreventedRef = React.useRef(isSelected);\n    React.useEffect(() => {\n      const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);\n      return () => cancelAnimationFrame(rAF);\n    }, []);\n    return /* @__PURE__ */ jsx(Presence, { present: forceMount || isSelected, children: ({ present }) => /* @__PURE__ */ jsx(\n      Primitive.div,\n      {\n        \"data-state\": isSelected ? \"active\" : \"inactive\",\n        \"data-orientation\": context.orientation,\n        role: \"tabpanel\",\n        \"aria-labelledby\": triggerId,\n        hidden: !present,\n        id: contentId,\n        tabIndex: 0,\n        ...contentProps,\n        ref: forwardedRef,\n        style: {\n          ...props.style,\n          animationDuration: isMountAnimationPreventedRef.current ? \"0s\" : void 0\n        },\n        children: present && children\n      }\n    ) });\n  }\n);\nTabsContent.displayName = CONTENT_NAME;\nfunction makeTriggerId(baseId, value) {\n  return `${baseId}-trigger-${value}`;\n}\nfunction makeContentId(baseId, value) {\n  return `${baseId}-content-${value}`;\n}\nvar Root2 = Tabs;\nvar List = TabsList;\nvar Trigger = TabsTrigger;\nvar Content = TabsContent;\nexport {\n  Content,\n  List,\n  Root2 as Root,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n  Trigger,\n  createTabsScope\n};\n//# sourceMappingURL=index.mjs.map\n","'use client';\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\nimport type { ComponentProps } from 'react';\nimport { useEffect, useRef } from 'react';\n\nimport { useTabs } from '@/components/tabs';\nimport { cn } from '@/lib';\n\nexport type TabsListProps = ComponentProps<typeof TabsPrimitive.List>;\n\nexport function TabsList({ className, ...props }: TabsListProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const { activeValue } = useTabs();\n\n  useEffect(() => {\n    if (!containerRef.current) return;\n\n    const activeItem = containerRef.current.querySelector(`[data-state=\"active\"]`);\n\n    if (!(activeItem instanceof HTMLElement)) return;\n\n    const activeItemRect = activeItem.getBoundingClientRect();\n    const containerRect = containerRef.current.getBoundingClientRect();\n\n    // Calculate the midpoint of the active item and container\n    const activeItemMid = activeItemRect.left + activeItemRect.width / 2;\n    const containerMid = containerRect.left + containerRect.width / 2;\n\n    // Scroll to center the active tab\n    containerRef.current.scroll({\n      left: containerRef.current.scrollLeft + (activeItemMid - containerMid),\n      behavior: 'smooth',\n    });\n  }, [activeValue]);\n\n  return (\n    <TabsPrimitive.List\n      className={cn(\n        'scrollbar-none flex overflow-x-auto border-b border-[var(--tabs-border,var(--contrast-100))]',\n        className,\n      )}\n      data-slot=\"tabs-list\"\n      ref={containerRef}\n      {...props}\n    />\n  );\n}\n","import * as TabsPrimitive from '@radix-ui/react-tabs';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type TabsTriggerProps = ComponentProps<typeof TabsPrimitive.Trigger>;\n\nexport function TabsTrigger({ className, children, ...props }: TabsTriggerProps) {\n  return (\n    <TabsPrimitive.Trigger\n      className={cn(\n        'relative shrink-0 p-4 text-sm font-semibold text-[var(--tabs-text,var(--contrast-500))] transition-colors duration-200 ease-linear [font-family:var(--tabs-font-family,var(--font-family-body))] after:absolute after:inset-x-0 after:bottom-0 after:h-0.5 after:origin-bottom after:scale-y-0 after:bg-[var(--tabs-underline-default,var(--contrast-200))] after:transition-all after:duration-200 after:ease-linear after:content-[\"\"]',\n        // Hover state\n        'hover:text-[var(--tabs-text-hover,var(--foreground))] hover:after:scale-y-100',\n        // Focus-visible state\n        'focus:outline-none focus-visible:text-[var(--tabs-text-active,var(--foreground))] focus-visible:after:scale-y-100 focus-visible:after:bg-[var(--tabs-underline-active,var(--brand))]',\n        // Disabled state\n        'disabled:pointer-events-none disabled:text-[var(--tabs-text,var(--contrast-500))]',\n        // Active state\n        'data-[state=active]:text-[var(--tabs-text-active,var(--foreground))] data-[state=active]:after:scale-y-100 data-[state=active]:after:bg-[var(--tabs-underline-active,var(--brand))]',\n        // Inactive hover state\n        'data-[state=inactive]:hover:after:bg-[var(--tabs-underline-hover,var(--contrast-200)))',\n        className,\n      )}\n      data-slot=\"tabs-trigger\"\n      {...props}\n    >\n      {children}\n    </TabsPrimitive.Trigger>\n  );\n}\n","'use client';\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type TabsContentProps = ComponentProps<typeof TabsPrimitive.Content>;\n\nexport function TabsContent({ className, children, ...props }: TabsContentProps) {\n  return (\n    <TabsPrimitive.Content\n      className={cn(\n        // Focus-visible state\n        'focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--tabs-focus,var(--brand))]',\n        className,\n      )}\n      data-slot=\"tabs-content\"\n      {...props}\n    >\n      {children}\n    </TabsPrimitive.Content>\n  );\n}\n","'use client';\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\nimport { createContext, use, useMemo, useState } from 'react';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\ninterface TabsContext {\n  defaultValue: string;\n  activeValue: string;\n  setActiveValue: (value: string) => void;\n}\n\nexport const TabsContext = createContext<TabsContext | undefined>(undefined);\n\nexport type TabsRootProps = ComponentProps<typeof TabsPrimitive.Root> & {\n  defaultValue: string;\n};\n\nexport function TabsRoot({ className, children, defaultValue, ...props }: TabsRootProps) {\n  const [activeValue, setActiveValue] = useState(defaultValue);\n\n  const contextValues = useMemo(\n    () => ({\n      defaultValue,\n      activeValue,\n      setActiveValue,\n    }),\n    [defaultValue, activeValue],\n  );\n\n  return (\n    <TabsContext.Provider value={contextValues}>\n      <TabsPrimitive.Root\n        className={cn(className)}\n        data-slot=\"tabs-root\"\n        defaultValue={defaultValue}\n        onValueChange={setActiveValue}\n        value={activeValue}\n        {...props}\n      >\n        {children}\n      </TabsPrimitive.Root>\n    </TabsContext.Provider>\n  );\n}\n\nexport function useTabs() {\n  const context = use(TabsContext);\n\n  if (context === undefined) {\n    throw new Error('useTabs must be used within a TabsRoot');\n  }\n\n  return context;\n}\n"],"names":["TABS_NAME","createTabsContext","createContextScope","createRovingFocusGroupScope","useRovingFocusGroupScope","TabsProvider","useTabsContext","Tabs","React","props","forwardedRef","__scopeTabs","valueProp","onValueChange","defaultValue","orientation","dir","activationMode","tabsProps","direction","useDirection","value","setValue","useControllableState","jsx","useId","Primitive","TAB_LIST_NAME","TabsList","loop","listProps","context","rovingFocusGroupScope","RovingFocusGroup.Root","TRIGGER_NAME","TabsTrigger","disabled","triggerProps","triggerId","makeTriggerId","contentId","makeContentId","isSelected","RovingFocusGroup.Item","composeEventHandlers","event","isAutomaticActivation","CONTENT_NAME","TabsContent","forceMount","children","contentProps","isMountAnimationPreventedRef","rAF","Presence","present","baseId","Root2","List","Trigger","Content","className","containerRef","useRef","activeValue","useTabs","useEffect","activeItem","activeItemRect","containerRect","activeItemMid","containerMid","TabsPrimitive.List","cn","TabsPrimitive.Trigger","TabsPrimitive.Content","TabsContext","createContext","TabsRoot","setActiveValue","useState","contextValues","useMemo","TabsPrimitive.Root","use"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/tabs-root-DRJRMB7Y.cjs

@@ -0,0 +1,2 @@
+"use strict";const i=require("react/jsx-runtime"),v=require("react"),x=require("./utils-DoxiiusW.cjs"),h=require("./index-BqyOu62e.cjs"),q=require("./index-DO-atGp-.cjs"),m=require("./index-VgAaryF4.cjs"),A=require("./index-Bd0gQB0k.cjs"),T=require("./index-C9i1xBih.cjs"),F=require("./index-Cje7xxa1.cjs"),D=require("./index-C8aODXfJ.cjs"),V=require("./index-WIv2ndLu.cjs");function L(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const f=L(v);var p="Tabs",[G]=q.createContextScope(p,[m.createRovingFocusGroupScope]),y=m.createRovingFocusGroupScope(),[O,R]=G(p),C=f.forwardRef((e,a)=>{const{__scopeTabs:t,value:r,onValueChange:o,defaultValue:s,orientation:n="horizontal",dir:l,activationMode:d="automatic",...g}=e,u=F.useDirection(l),[c,b]=D.useControllableState({prop:r,onChange:o,defaultProp:s??"",caller:p});return i.jsx(O,{scope:t,baseId:V.useId(),value:c,onValueChange:b,orientation:n,dir:u,activationMode:d,children:i.jsx(T.Primitive.div,{dir:u,"data-orientation":n,...g,ref:a})})});C.displayName=p;var I="TabsList",j=f.forwardRef((e,a)=>{const{__scopeTabs:t,loop:r=!0,...o}=e,s=R(I,t),n=y(t);return i.jsx(m.Root,{asChild:!0,...n,orientation:s.orientation,dir:s.dir,loop:r,children:i.jsx(T.Primitive.div,{role:"tablist","aria-orientation":s.orientation,...o,ref:a})})});j.displayName=I;var P="TabsTrigger",_=f.forwardRef((e,a)=>{const{__scopeTabs:t,value:r,disabled:o=!1,...s}=e,n=R(P,t),l=y(t),d=N(n.baseId,r),g=S(n.baseId,r),u=r===n.value;return i.jsx(m.Item,{asChild:!0,...l,focusable:!o,active:u,children:i.jsx(T.Primitive.button,{type:"button",role:"tab","aria-selected":u,"aria-controls":g,"data-state":u?"active":"inactive","data-disabled":o?"":void 0,disabled:o,id:d,...s,ref:a,onMouseDown:h.composeEventHandlers(e.onMouseDown,c=>{!o&&c.button===0&&c.ctrlKey===!1?n.onValueChange(r):c.preventDefault()}),onKeyDown:h.composeEventHandlers(e.onKeyDown,c=>{[" ","Enter"].includes(c.key)&&n.onValueChange(r)}),onFocus:h.composeEventHandlers(e.onFocus,()=>{const c=n.activationMode!=="manual";!u&&!o&&c&&n.onValueChange(r)})})})});_.displayName=P;var w="TabsContent",M=f.forwardRef((e,a)=>{const{__scopeTabs:t,value:r,forceMount:o,children:s,...n}=e,l=R(w,t),d=N(l.baseId,r),g=S(l.baseId,r),u=r===l.value,c=f.useRef(u);return f.useEffect(()=>{const b=requestAnimationFrame(()=>c.current=!1);return()=>cancelAnimationFrame(b)},[]),i.jsx(A.Presence,{present:o||u,children:({present:b})=>i.jsx(T.Primitive.div,{"data-state":u?"active":"inactive","data-orientation":l.orientation,role:"tabpanel","aria-labelledby":d,hidden:!b,id:g,tabIndex:0,...n,ref:a,style:{...e.style,animationDuration:c.current?"0s":void 0},children:b&&s})})});M.displayName=w;function N(e,a){return`${e}-trigger-${a}`}function S(e,a){return`${e}-content-${a}`}var k=C,B=j,H=_,K=M;function z({className:e,...a}){const t=v.useRef(null),{activeValue:r}=$();return v.useEffect(()=>{if(!t.current)return;const o=t.current.querySelector('[data-state="active"]');if(!(o instanceof HTMLElement))return;const s=o.getBoundingClientRect(),n=t.current.getBoundingClientRect(),l=s.left+s.width/2,d=n.left+n.width/2;t.current.scroll({left:t.current.scrollLeft+(l-d),behavior:"smooth"})},[r]),i.jsx(B,{className:x.cn("scrollbar-none flex overflow-x-auto border-b border-[var(--tabs-border,var(--contrast-100))]",e),"data-slot":"tabs-list",ref:t,...a})}function J({className:e,children:a,...t}){return i.jsx(H,{className:x.cn('relative shrink-0 p-4 text-sm font-semibold text-[var(--tabs-text,var(--contrast-500))] transition-colors duration-200 ease-linear [font-family:var(--tabs-font-family,var(--font-family-body))] after:absolute after:inset-x-0 after:bottom-0 after:h-0.5 after:origin-bottom after:scale-y-0 after:bg-[var(--tabs-underline-default,var(--contrast-200))] after:transition-all after:duration-200 after:ease-linear after:content-[""]',"hover:text-[var(--tabs-text-hover,var(--foreground))] hover:after:scale-y-100","focus:outline-none focus-visible:text-[var(--tabs-text-active,var(--foreground))] focus-visible:after:scale-y-100 focus-visible:after:bg-[var(--tabs-underline-active,var(--brand))]","disabled:pointer-events-none disabled:text-[var(--tabs-text,var(--contrast-500))]","data-[state=active]:text-[var(--tabs-text-active,var(--foreground))] data-[state=active]:after:scale-y-100 data-[state=active]:after:bg-[var(--tabs-underline-active,var(--brand))]","data-[state=inactive]:hover:after:bg-[var(--tabs-underline-hover,var(--contrast-200)))",e),"data-slot":"tabs-trigger",...t,children:a})}function Q({className:e,children:a,...t}){return i.jsx(K,{className:x.cn("focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--tabs-focus,var(--brand))]",e),"data-slot":"tabs-content",...t,children:a})}const E=v.createContext(void 0);function U({className:e,children:a,defaultValue:t,...r}){const[o,s]=v.useState(t),n=v.useMemo(()=>({defaultValue:t,activeValue:o,setActiveValue:s}),[t,o]);return i.jsx(E.Provider,{value:n,children:i.jsx(k,{className:x.cn(e),"data-slot":"tabs-root",defaultValue:t,onValueChange:s,value:o,...r,children:a})})}function $(){const e=v.use(E);if(e===void 0)throw new Error("useTabs must be used within a TabsRoot");return e}exports.TabsContent=Q;exports.TabsList=z;exports.TabsRoot=U;exports.TabsTrigger=J;exports.useTabs=$;
+//# sourceMappingURL=tabs-root-DRJRMB7Y.cjs.map