@zentauri-ui/zentauri-components 1.9.0 → 1.9.2

package/dist/chunk-Y73U7C4T.js

@@ -0,0 +1,238 @@
+'use strict';
+
+var chunk56DECC6D_js = require('./chunk-56DECC6D.js');
+var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
+var classVarianceAuthority = require('class-variance-authority');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var timelineVariants = classVarianceAuthority.cva(chunk56DECC6D_js.zuiTimelineBase);
+var timelineItemVariants = classVarianceAuthority.cva(chunk56DECC6D_js.zuiTimelineItemBase);
+var timelineConnectorVariants = classVarianceAuthority.cva(chunk56DECC6D_js.zuiTimelineConnectorBase, {
+  variants: {
+    size: chunk56DECC6D_js.zuiTimelineConnectorSizes
+  },
+  defaultVariants: { size: "md" }
+});
+var timelineIndicatorVariants = classVarianceAuthority.cva(chunk56DECC6D_js.zuiTimelineIndicatorBase, {
+  variants: {
+    appearance: chunk56DECC6D_js.zuiTimelineIndicatorAppearances,
+    size: chunk56DECC6D_js.zuiTimelineIndicatorSizes
+  },
+  defaultVariants: {
+    appearance: "default",
+    size: "md"
+  }
+});
+var timelineContentVariants = classVarianceAuthority.cva(chunk56DECC6D_js.zuiTimelineContentBase, {
+  variants: {
+    size: chunk56DECC6D_js.zuiTimelineContentSizes
+  },
+  defaultVariants: { size: "md" }
+});
+var timelineTitleVariants = classVarianceAuthority.cva(chunk56DECC6D_js.zuiTimelineTitleBase, {
+  variants: {
+    size: chunk56DECC6D_js.zuiTimelineTitleSizes
+  },
+  defaultVariants: { size: "md" }
+});
+var timelineDescriptionVariants = classVarianceAuthority.cva(chunk56DECC6D_js.zuiTimelineDescriptionBase, {
+  variants: {
+    size: chunk56DECC6D_js.zuiTimelineDescriptionSizes
+  },
+  defaultVariants: { size: "md" }
+});
+var TimelineContext = react.createContext(null);
+var TimelineIndexContext = react.createContext(null);
+var TimelineItemContext = react.createContext(null);
+function useTimelineContext(component) {
+  const ctx = react.useContext(TimelineContext);
+  if (!ctx) {
+    throw new Error(`${component} must be used within <Timeline>`);
+  }
+  return ctx;
+}
+function useTimelineIndex(component) {
+  const index = react.useContext(TimelineIndexContext);
+  if (index === null) {
+    throw new Error(`${component} must be used within <Timeline>`);
+  }
+  return index;
+}
+function useTimelineSize() {
+  return react.useContext(TimelineContext)?.size ?? "md";
+}
+function useTimelineIsLast() {
+  return react.useContext(TimelineItemContext)?.isLast ?? false;
+}
+function Timeline({
+  appearance = "default",
+  size = "md",
+  className,
+  children,
+  ref,
+  ...rest
+}) {
+  const items = react.useMemo(
+    () => react.Children.toArray(children).filter(react.isValidElement),
+    [children]
+  );
+  const ctx = react.useMemo(
+    () => ({
+      appearance: appearance ?? "default",
+      size: size ?? "md",
+      total: items.length
+    }),
+    [appearance, size, items.length]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(TimelineContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "ol",
+    {
+      ref,
+      "data-slot": "timeline",
+      className: chunkZS5756ZC_js.cn(timelineVariants(), "m-0 list-none p-0", className),
+      ...rest,
+      children: items.map((child, index) => /* @__PURE__ */ jsxRuntime.jsx(TimelineIndexContext.Provider, { value: index, children: child }, child.key))
+    }
+  ) });
+}
+Timeline.displayName = "Timeline";
+function TimelineItem({
+  className,
+  children,
+  ref,
+  ...rest
+}) {
+  const { size, total } = useTimelineContext("TimelineItem");
+  const index = useTimelineIndex("TimelineItem");
+  const isLast = index === total - 1;
+  const itemCtx = react.useMemo(
+    () => ({ index, isLast }),
+    [index, isLast]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(TimelineItemContext.Provider, { value: itemCtx, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "li",
+    {
+      ref,
+      "data-slot": "timeline-item",
+      "data-last": isLast ? "" : void 0,
+      className: chunkZS5756ZC_js.cn(timelineItemVariants(), className),
+      ...rest,
+      children: [
+        !isLast ? /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            "data-slot": "timeline-connector",
+            className: timelineConnectorVariants({ size })
+          }
+        ) : null,
+        children
+      ]
+    }
+  ) });
+}
+TimelineItem.displayName = "TimelineItem";
+function TimelineIndicator({
+  className,
+  appearance,
+  children,
+  ref,
+  ...rest
+}) {
+  const { appearance: rootAppearance, size } = useTimelineContext("TimelineIndicator");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "timeline-indicator",
+      className: chunkZS5756ZC_js.cn(
+        timelineIndicatorVariants({
+          appearance: appearance ?? rootAppearance,
+          size
+        }),
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+}
+TimelineIndicator.displayName = "TimelineIndicator";
+function TimelineContent({
+  className,
+  children,
+  ref,
+  ...rest
+}) {
+  const size = useTimelineSize();
+  const isLast = useTimelineIsLast();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "timeline-content",
+      className: chunkZS5756ZC_js.cn(
+        timelineContentVariants({ size }),
+        isLast && "pb-0",
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+}
+TimelineContent.displayName = "TimelineContent";
+function TimelineTitle({
+  className,
+  ref,
+  ...rest
+}) {
+  const size = useTimelineSize();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "timeline-title",
+      className: chunkZS5756ZC_js.cn(timelineTitleVariants({ size }), className),
+      ...rest
+    }
+  );
+}
+TimelineTitle.displayName = "TimelineTitle";
+function TimelineDescription({
+  className,
+  ref,
+  ...rest
+}) {
+  const size = useTimelineSize();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "p",
+    {
+      ref,
+      "data-slot": "timeline-description",
+      className: chunkZS5756ZC_js.cn(timelineDescriptionVariants({ size }), className),
+      ...rest
+    }
+  );
+}
+TimelineDescription.displayName = "TimelineDescription";
+
+exports.Timeline = Timeline;
+exports.TimelineContent = TimelineContent;
+exports.TimelineDescription = TimelineDescription;
+exports.TimelineIndicator = TimelineIndicator;
+exports.TimelineItem = TimelineItem;
+exports.TimelineItemContext = TimelineItemContext;
+exports.TimelineTitle = TimelineTitle;
+exports.timelineConnectorVariants = timelineConnectorVariants;
+exports.timelineContentVariants = timelineContentVariants;
+exports.timelineDescriptionVariants = timelineDescriptionVariants;
+exports.timelineIndicatorVariants = timelineIndicatorVariants;
+exports.timelineItemVariants = timelineItemVariants;
+exports.timelineTitleVariants = timelineTitleVariants;
+exports.timelineVariants = timelineVariants;
+exports.useTimelineContext = useTimelineContext;
+exports.useTimelineIndex = useTimelineIndex;
+//# sourceMappingURL=chunk-Y73U7C4T.js.map
+//# sourceMappingURL=chunk-Y73U7C4T.js.map

package/dist/chunk-Y73U7C4T.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/timeline/variants.ts","../src/ui/timeline/timeline-base.tsx"],"names":["cva","zuiTimelineBase","zuiTimelineItemBase","zuiTimelineConnectorBase","zuiTimelineConnectorSizes","zuiTimelineIndicatorBase","zuiTimelineIndicatorAppearances","zuiTimelineIndicatorSizes","zuiTimelineContentBase","zuiTimelineContentSizes","zuiTimelineTitleBase","zuiTimelineTitleSizes","zuiTimelineDescriptionBase","zuiTimelineDescriptionSizes","createContext","useContext","useMemo","Children","isValidElement","jsx","cn","jsxs"],"mappings":"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","file":"chunk-Y73U7C4T.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiTimelineBase,\n  zuiTimelineConnectorBase,\n  zuiTimelineConnectorSizes,\n  zuiTimelineContentBase,\n  zuiTimelineContentSizes,\n  zuiTimelineDescriptionBase,\n  zuiTimelineDescriptionSizes,\n  zuiTimelineIndicatorAppearances,\n  zuiTimelineIndicatorBase,\n  zuiTimelineIndicatorSizes,\n  zuiTimelineItemBase,\n  zuiTimelineTitleBase,\n  zuiTimelineTitleSizes,\n} from \"../../design-system/timeline\";\n\nexport const timelineVariants = cva(zuiTimelineBase);\n\nexport const timelineItemVariants = cva(zuiTimelineItemBase);\n\nexport const timelineConnectorVariants = cva(zuiTimelineConnectorBase, {\n  variants: {\n    size: zuiTimelineConnectorSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const timelineIndicatorVariants = cva(zuiTimelineIndicatorBase, {\n  variants: {\n    appearance: zuiTimelineIndicatorAppearances,\n    size: zuiTimelineIndicatorSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const timelineContentVariants = cva(zuiTimelineContentBase, {\n  variants: {\n    size: zuiTimelineContentSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const timelineTitleVariants = cva(zuiTimelineTitleBase, {\n  variants: {\n    size: zuiTimelineTitleSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const timelineDescriptionVariants = cva(zuiTimelineDescriptionBase, {\n  variants: {\n    size: zuiTimelineDescriptionSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport {\n  Children,\n  createContext,\n  isValidElement,\n  useContext,\n  useMemo,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  TimelineContentProps,\n  TimelineCtx,\n  TimelineDescriptionProps,\n  TimelineIndicatorProps,\n  TimelineItemCtx,\n  TimelineItemProps,\n  TimelineProps,\n  TimelineSize,\n  TimelineTitleProps,\n} from \"./types\";\nimport {\n  timelineConnectorVariants,\n  timelineContentVariants,\n  timelineDescriptionVariants,\n  timelineIndicatorVariants,\n  timelineItemVariants,\n  timelineTitleVariants,\n  timelineVariants,\n} from \"./variants\";\n\nconst TimelineContext = createContext<TimelineCtx | null>(null);\n\nconst TimelineIndexContext = createContext<number | null>(null);\n\nexport const TimelineItemContext = createContext<TimelineItemCtx | null>(null);\n\nexport function useTimelineContext(component: string): TimelineCtx {\n  const ctx = useContext(TimelineContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Timeline>`);\n  }\n  return ctx;\n}\n\nexport function useTimelineIndex(component: string): number {\n  const index = useContext(TimelineIndexContext);\n  if (index === null) {\n    throw new Error(`${component} must be used within <Timeline>`);\n  }\n  return index;\n}\n\nfunction useTimelineSize(): TimelineSize {\n  return useContext(TimelineContext)?.size ?? \"md\";\n}\n\nfunction useTimelineIsLast(): boolean {\n  return useContext(TimelineItemContext)?.isLast ?? false;\n}\n\nexport function Timeline({\n  appearance = \"default\",\n  size = \"md\",\n  className,\n  children,\n  ref,\n  ...rest\n}: TimelineProps) {\n  const items = useMemo(\n    () => Children.toArray(children).filter(isValidElement),\n    [children],\n  );\n  const ctx = useMemo<TimelineCtx>(\n    () => ({\n      appearance: appearance ?? \"default\",\n      size: size ?? \"md\",\n      total: items.length,\n    }),\n    [appearance, size, items.length],\n  );\n\n  return (\n    <TimelineContext.Provider value={ctx}>\n      <ol\n        ref={ref}\n        data-slot=\"timeline\"\n        className={cn(timelineVariants(), \"m-0 list-none p-0\", className)}\n        {...rest}\n      >\n        {items.map((child, index) => (\n          <TimelineIndexContext.Provider key={child.key} value={index}>\n            {child}\n          </TimelineIndexContext.Provider>\n        ))}\n      </ol>\n    </TimelineContext.Provider>\n  );\n}\n\nTimeline.displayName = \"Timeline\";\n\nexport function TimelineItem({\n  className,\n  children,\n  ref,\n  ...rest\n}: TimelineItemProps) {\n  const { size, total } = useTimelineContext(\"TimelineItem\");\n  const index = useTimelineIndex(\"TimelineItem\");\n  const isLast = index === total - 1;\n  const itemCtx = useMemo<TimelineItemCtx>(\n    () => ({ index, isLast }),\n    [index, isLast],\n  );\n\n  return (\n    <TimelineItemContext.Provider value={itemCtx}>\n      <li\n        ref={ref}\n        data-slot=\"timeline-item\"\n        data-last={isLast ? \"\" : undefined}\n        className={cn(timelineItemVariants(), className)}\n        {...rest}\n      >\n        {!isLast ? (\n          <span\n            aria-hidden=\"true\"\n            data-slot=\"timeline-connector\"\n            className={timelineConnectorVariants({ size })}\n          />\n        ) : null}\n        {children}\n      </li>\n    </TimelineItemContext.Provider>\n  );\n}\n\nTimelineItem.displayName = \"TimelineItem\";\n\nexport function TimelineIndicator({\n  className,\n  appearance,\n  children,\n  ref,\n  ...rest\n}: TimelineIndicatorProps & { ref?: React.Ref<HTMLDivElement> }) {\n  const { appearance: rootAppearance, size } =\n    useTimelineContext(\"TimelineIndicator\");\n  return (\n    <div\n      ref={ref}\n      data-slot=\"timeline-indicator\"\n      className={cn(\n        timelineIndicatorVariants({\n          appearance: appearance ?? rootAppearance,\n          size,\n        }),\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nTimelineIndicator.displayName = \"TimelineIndicator\";\n\nexport function TimelineContent({\n  className,\n  children,\n  ref,\n  ...rest\n}: TimelineContentProps & { ref?: React.Ref<HTMLDivElement> }) {\n  const size = useTimelineSize();\n  const isLast = useTimelineIsLast();\n  return (\n    <div\n      ref={ref}\n      data-slot=\"timeline-content\"\n      className={cn(\n        timelineContentVariants({ size }),\n        isLast && \"pb-0\",\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nTimelineContent.displayName = \"TimelineContent\";\n\nexport function TimelineTitle({\n  className,\n  ref,\n  ...rest\n}: TimelineTitleProps & { ref?: React.Ref<HTMLDivElement> }) {\n  const size = useTimelineSize();\n  return (\n    <div\n      ref={ref}\n      data-slot=\"timeline-title\"\n      className={cn(timelineTitleVariants({ size }), className)}\n      {...rest}\n    />\n  );\n}\n\nTimelineTitle.displayName = \"TimelineTitle\";\n\nexport function TimelineDescription({\n  className,\n  ref,\n  ...rest\n}: TimelineDescriptionProps & { ref?: React.Ref<HTMLParagraphElement> }) {\n  const size = useTimelineSize();\n  return (\n    <p\n      ref={ref}\n      data-slot=\"timeline-description\"\n      className={cn(timelineDescriptionVariants({ size }), className)}\n      {...rest}\n    />\n  );\n}\n\nTimelineDescription.displayName = \"TimelineDescription\";\n"]}

package/dist/{chunk-EIRCCTNA.js → chunk-Y7NRTCAT.js}

@@ -1,9 +1,5 @@
 'use strict';
 
-var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
-var classVarianceAuthority = require('class-variance-authority');
-var jsxRuntime = require('react/jsx-runtime');
-
 // src/design-system/divider.ts
 var zuiDividerAppearances = {
   default: "text-[color:var(--zui-divider-default-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-divider-default-fg-dark,oklch(92.9%_0.013_255.508))]",
@@ -31,7 +27,28 @@ var zuiDividerAppearances = {
   "gradient-teal": "text-[color:var(--zui-divider-gradient-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-divider-gradient-teal-fg-dark,oklch(77.7%_0.152_181.912))]",
   "gradient-indigo": "text-[color:var(--zui-divider-gradient-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-divider-gradient-indigo-fg-dark,oklch(67.3%_0.182_276.935))]",
   "gradient-pink": "text-[color:var(--zui-divider-gradient-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-divider-gradient-pink-fg-dark,oklch(71.8%_0.202_349.761))]",
-  "gradient-orange": "text-[color:var(--zui-divider-gradient-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-divider-gradient-orange-fg-dark,oklch(75%_0.183_55.934))]"
+  "gradient-orange": "text-[color:var(--zui-divider-gradient-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-divider-gradient-orange-fg-dark,oklch(75%_0.183_55.934))]",
+  blue: "text-[color:var(--zui-divider-blue-fg,#2563eb)] dark:text-[color:var(--zui-divider-blue-fg-dark,#3b82f6)]",
+  cyan: "text-[color:var(--zui-divider-cyan-fg,#0891b2)] dark:text-[color:var(--zui-divider-cyan-fg-dark,#22d3ee)]",
+  green: "text-[color:var(--zui-divider-green-fg,#16a34a)] dark:text-[color:var(--zui-divider-green-fg-dark,#22c55e)]",
+  lime: "text-[color:var(--zui-divider-lime-fg,#65a30d)] dark:text-[color:var(--zui-divider-lime-fg-dark,#a3e635)]",
+  mint: "text-[color:var(--zui-divider-mint-fg,#10b981)] dark:text-[color:var(--zui-divider-mint-fg-dark,#6ee7b7)]",
+  ocean: "text-[color:var(--zui-divider-ocean-fg,#0284c7)] dark:text-[color:var(--zui-divider-ocean-fg-dark,#38bdf8)]",
+  sapphire: "text-[color:var(--zui-divider-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-divider-sapphire-fg-dark,#60a5fa)]",
+  lavender: "text-[color:var(--zui-divider-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-divider-lavender-fg-dark,#a78bfa)]",
+  ruby: "text-[color:var(--zui-divider-ruby-fg,#be123c)] dark:text-[color:var(--zui-divider-ruby-fg-dark,#fb7185)]",
+  red: "text-[color:var(--zui-divider-red-fg,#dc2626)] dark:text-[color:var(--zui-divider-red-fg-dark,#ef4444)]",
+  slate: "text-[color:var(--zui-divider-slate-fg,#475569)] dark:text-[color:var(--zui-divider-slate-fg-dark,#64748b)]",
+  zinc: "text-[color:var(--zui-divider-zinc-fg,#52525b)] dark:text-[color:var(--zui-divider-zinc-fg-dark,#71717a)]",
+  stone: "text-[color:var(--zui-divider-stone-fg,#57534e)] dark:text-[color:var(--zui-divider-stone-fg-dark,#78716c)]",
+  royal: "text-[color:var(--zui-divider-royal-fg,#4338ca)] dark:text-[color:var(--zui-divider-royal-fg-dark,#818cf8)]",
+  electric: "text-[color:var(--zui-divider-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-divider-electric-fg-dark,#38bdf8)]",
+  forest: "text-[color:var(--zui-divider-forest-fg,#166534)] dark:text-[color:var(--zui-divider-forest-fg-dark,#4ade80)]",
+  sunset: "text-[color:var(--zui-divider-sunset-fg,#ea580c)] dark:text-[color:var(--zui-divider-sunset-fg-dark,#fb923c)]",
+  magenta: "text-[color:var(--zui-divider-magenta-fg,#c026d3)] dark:text-[color:var(--zui-divider-magenta-fg-dark,#e879f9)]",
+  crimson: "text-[color:var(--zui-divider-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-divider-crimson-fg-dark,#f87171)]",
+  aqua: "text-[color:var(--zui-divider-aqua-fg,#0f766e)] dark:text-[color:var(--zui-divider-aqua-fg-dark,#2dd4bf)]",
+  plum: "text-[color:var(--zui-divider-plum-fg,#7e22ce)] dark:text-[color:var(--zui-divider-plum-fg-dark,#c084fc)]"
 };
 var zuiDividerBase = "flex w-full items-center gap-3";
 var zuiDividerOrientations = {
@@ -50,126 +67,12 @@ var zuiDividerLineOrientations = {
 };
 var zuiDividerLabelBase = "shrink-0 text-xs font-medium uppercase tracking-wide text-current";
 
-// src/ui/divider/variants.ts
-var dividerToneVariants = classVarianceAuthority.cva("", {
-  variants: {
-    appearance: zuiDividerAppearances
-  },
-  defaultVariants: { appearance: "default" }
-});
-var dividerVariants = classVarianceAuthority.cva(zuiDividerBase, {
-  variants: {
-    appearance: zuiDividerAppearances,
-    orientation: zuiDividerOrientations,
-    size: zuiDividerSizes
-  },
-  compoundVariants: [
-    { orientation: "horizontal", size: "sm", class: "min-h-px" },
-    { orientation: "horizontal", size: "md", class: "min-h-[2px]" },
-    { orientation: "horizontal", size: "lg", class: "min-h-[3px]" },
-    { orientation: "vertical", size: "sm", class: "min-w-px" },
-    { orientation: "vertical", size: "md", class: "min-w-[2px]" },
-    { orientation: "vertical", size: "lg", class: "min-w-[3px]" }
-  ],
-  defaultVariants: {
-    appearance: "default",
-    orientation: "horizontal",
-    size: "md"
-  }
-});
-var dividerLineVariants = classVarianceAuthority.cva(zuiDividerLineBase, {
-  variants: {
-    orientation: zuiDividerLineOrientations,
-    size: zuiDividerSizes
-  },
-  compoundVariants: [
-    { orientation: "horizontal", size: "sm", class: "h-px" },
-    { orientation: "horizontal", size: "md", class: "h-0.5" },
-    { orientation: "horizontal", size: "lg", class: "h-1" },
-    { orientation: "vertical", size: "sm", class: "w-px" },
-    { orientation: "vertical", size: "md", class: "w-0.5" },
-    { orientation: "vertical", size: "lg", class: "w-1" }
-  ],
-  defaultVariants: {
-    orientation: "horizontal",
-    size: "md"
-  }
-});
-var dividerLabelVariants = classVarianceAuthority.cva(zuiDividerLabelBase);
-function DividerBase({
-  className,
-  appearance,
-  orientation,
-  size,
-  label,
-  children,
-  ref,
-  as: Wrapper = "div",
-  ...rest
-}) {
-  const slot = label ?? children;
-  if (!slot) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Wrapper,
-      {
-        ref,
-        "data-slot": "divider",
-        role: "separator",
-        "aria-orientation": orientation === "vertical" ? "vertical" : "horizontal",
-        className: chunkZS5756ZC_js.cn(
-          dividerToneVariants({ appearance }),
-          orientation === "horizontal" ? "flex w-full min-h-px flex-row items-stretch" : "flex h-full min-h-8 w-auto min-w-0 items-stretch self-stretch",
-          className
-        ),
-        ...rest,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            className: chunkZS5756ZC_js.cn(dividerLineVariants({ orientation, size })),
-            "aria-hidden": true
-          }
-        )
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    Wrapper,
-    {
-      ref,
-      "data-slot": "divider",
-      role: "separator",
-      "aria-orientation": orientation === "vertical" ? "vertical" : "horizontal",
-      className: chunkZS5756ZC_js.cn(
-        dividerVariants({ appearance, orientation, size }),
-        className
-      ),
-      ...rest,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            className: chunkZS5756ZC_js.cn(dividerLineVariants({ orientation, size })),
-            "aria-hidden": true
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "divider-label", className: dividerLabelVariants(), children: slot }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            className: chunkZS5756ZC_js.cn(dividerLineVariants({ orientation, size })),
-            "aria-hidden": true
-          }
-        )
-      ]
-    }
-  );
-}
-DividerBase.displayName = "Divider";
-
-exports.DividerBase = DividerBase;
-exports.dividerLabelVariants = dividerLabelVariants;
-exports.dividerLineVariants = dividerLineVariants;
-exports.dividerToneVariants = dividerToneVariants;
-exports.dividerVariants = dividerVariants;
-//# sourceMappingURL=chunk-EIRCCTNA.js.map
-//# sourceMappingURL=chunk-EIRCCTNA.js.map
+exports.zuiDividerAppearances = zuiDividerAppearances;
+exports.zuiDividerBase = zuiDividerBase;
+exports.zuiDividerLabelBase = zuiDividerLabelBase;
+exports.zuiDividerLineBase = zuiDividerLineBase;
+exports.zuiDividerLineOrientations = zuiDividerLineOrientations;
+exports.zuiDividerOrientations = zuiDividerOrientations;
+exports.zuiDividerSizes = zuiDividerSizes;
+//# sourceMappingURL=chunk-Y7NRTCAT.js.map
+//# sourceMappingURL=chunk-Y7NRTCAT.js.map

package/dist/chunk-Y7NRTCAT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/divider.ts"],"names":[],"mappings":";;;AAAO,IAAM,qBAAA,GAAwB;AAAA,EACnC,OAAA,EACE,uJAAA;AAAA,EACF,KAAA,EACE,mJAAA;AAAA,EACF,OAAA,EACE,qJAAA;AAAA,EACF,WAAA,EACE,6JAAA;AAAA,EACF,KAAA,EACE,kJAAA;AAAA,EACF,GAAA,EAAK,8IAAA;AAAA,EACL,IAAA,EAAM,+IAAA;AAAA,EACN,MAAA,EACE,qJAAA;AAAA,EACF,IAAA,EAAM,+IAAA;AAAA,EACN,MAAA,EACE,iJAAA;AAAA,EACF,MAAA,EACE,mJAAA;AAAA,EACF,IAAA,EAAM,+IAAA;AAAA,EACN,MAAA,EACE,qJAAA;AAAA,EACF,OAAA,EACE,uJAAA;AAAA,EACF,IAAA,EAAM,gJAAA;AAAA,EACN,KAAA,EACE,iJAAA;AAAA,EACF,MAAA,EACE,qJAAA;AAAA,EACF,eAAA,EACE,mKAAA;AAAA,EACF,gBAAA,EACE,qKAAA;AAAA,EACF,cAAA,EACE,+JAAA;AAAA,EACF,iBAAA,EACE,qKAAA;AAAA,EACF,iBAAA,EACE,uKAAA;AAAA,EACF,eAAA,EACE,iKAAA;AAAA,EACF,iBAAA,EACE,uKAAA;AAAA,EACF,eAAA,EACE,iKAAA;AAAA,EACF,iBAAA,EACE,mKAAA;AAAA,EACF,IAAA,EAAM,2GAAA;AAAA,EACN,IAAA,EAAM,2GAAA;AAAA,EACN,KAAA,EACE,6GAAA;AAAA,EACF,IAAA,EAAM,2GAAA;AAAA,EACN,IAAA,EAAM,2GAAA;AAAA,EACN,KAAA,EACE,6GAAA;AAAA,EACF,QAAA,EACE,mHAAA;AAAA,EACF,QAAA,EACE,mHAAA;AAAA,EACF,IAAA,EAAM,2GAAA;AAAA,EACN,GAAA,EAAK,yGAAA;AAAA,EACL,KAAA,EACE,6GAAA;AAAA,EACF,IAAA,EAAM,2GAAA;AAAA,EACN,KAAA,EACE,6GAAA;AAAA,EACF,KAAA,EACE,6GAAA;AAAA,EACF,QAAA,EACE,mHAAA;AAAA,EACF,MAAA,EACE,+GAAA;AAAA,EACF,MAAA,EACE,+GAAA;AAAA,EACF,OAAA,EACE,iHAAA;AAAA,EACF,OAAA,EACE,iHAAA;AAAA,EACF,IAAA,EAAM,2GAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,cAAA,GAAiB;AAEvB,IAAM,sBAAA,GAAyB;AAAA,EACpC,UAAA,EAAY,iBAAA;AAAA,EACZ,QAAA,EAAU;AACZ;AAEO,IAAM,eAAA,GAAkB;AAAA,EAC7B,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,kBAAA,GACX;AAEK,IAAM,0BAAA,GAA6B;AAAA,EACxC,UAAA,EAAY,MAAA;AAAA,EACZ,QAAA,EAAU;AACZ;AAEO,IAAM,mBAAA,GACX","file":"chunk-Y7NRTCAT.js","sourcesContent":["export const zuiDividerAppearances = {\n  default:\n    \"text-[color:var(--zui-divider-default-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-divider-default-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  muted:\n    \"text-[color:var(--zui-divider-muted-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-divider-muted-fg-dark,oklch(55.4%_0.046_257.417))]\",\n  primary:\n    \"text-[color:var(--zui-divider-primary-fg,oklch(52%_0.105_223.128))] dark:text-[color:var(--zui-divider-primary-fg-dark,oklch(86.5%_0.127_207.078))]\",\n  destructive:\n    \"text-[color:var(--zui-divider-destructive-fg,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-divider-destructive-fg-dark,oklch(71.2%_0.194_13.428))]\",\n  ghost:\n    \"text-[color:var(--zui-divider-ghost-fg,oklch(70.4%_0.04_256.788))] dark:text-[color:var(--zui-divider-ghost-fg-dark,oklch(44.6%_0.043_257.281))]\",\n  sky: \"text-[color:var(--zui-divider-sky-fg,oklch(58.8%_0.158_241.966))] dark:text-[color:var(--zui-divider-sky-fg-dark,oklch(74.6%_0.16_232.661))]\",\n  rose: \"text-[color:var(--zui-divider-rose-fg,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-divider-rose-fg-dark,oklch(71.2%_0.194_13.428))]\",\n  purple:\n    \"text-[color:var(--zui-divider-purple-fg,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-divider-purple-fg-dark,oklch(71.4%_0.203_305.504))]\",\n  pink: \"text-[color:var(--zui-divider-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-divider-pink-fg-dark,oklch(71.8%_0.202_349.761))]\",\n  orange:\n    \"text-[color:var(--zui-divider-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-divider-orange-fg-dark,oklch(75%_0.183_55.934))]\",\n  yellow:\n    \"text-[color:var(--zui-divider-yellow-fg,oklch(68.1%_0.162_75.834))] dark:text-[color:var(--zui-divider-yellow-fg-dark,oklch(85.2%_0.199_91.936))]\",\n  teal: \"text-[color:var(--zui-divider-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-divider-teal-fg-dark,oklch(77.7%_0.152_181.912))]\",\n  indigo:\n    \"text-[color:var(--zui-divider-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-divider-indigo-fg-dark,oklch(67.3%_0.182_276.935))]\",\n  emerald:\n    \"text-[color:var(--zui-divider-emerald-fg,oklch(59.6%_0.145_163.225))] dark:text-[color:var(--zui-divider-emerald-fg-dark,oklch(76.5%_0.177_163.223))]\",\n  gray: \"text-[color:var(--zui-divider-gray-fg,oklch(44.6%_0.03_256.802))] dark:text-[color:var(--zui-divider-gray-fg-dark,oklch(70.7%_0.022_261.325))]\",\n  amber:\n    \"text-[color:var(--zui-divider-amber-fg,oklch(66.6%_0.179_58.318))] dark:text-[color:var(--zui-divider-amber-fg-dark,oklch(82.8%_0.189_84.429))]\",\n  violet:\n    \"text-[color:var(--zui-divider-violet-fg,oklch(54.1%_0.281_293.009))] dark:text-[color:var(--zui-divider-violet-fg-dark,oklch(70.2%_0.183_293.541))]\",\n  \"gradient-blue\":\n    \"text-[color:var(--zui-divider-gradient-blue-fg,oklch(54.6%_0.245_262.881))] dark:text-[color:var(--zui-divider-gradient-blue-fg-dark,oklch(70.7%_0.165_254.624))]\",\n  \"gradient-green\":\n    \"text-[color:var(--zui-divider-gradient-green-fg,oklch(62.7%_0.194_149.214))] dark:text-[color:var(--zui-divider-gradient-green-fg-dark,oklch(79.2%_0.209_151.711))]\",\n  \"gradient-red\":\n    \"text-[color:var(--zui-divider-gradient-red-fg,oklch(57.7%_0.245_27.325))] dark:text-[color:var(--zui-divider-gradient-red-fg-dark,oklch(70.4%_0.191_22.216))]\",\n  \"gradient-yellow\":\n    \"text-[color:var(--zui-divider-gradient-yellow-fg,oklch(68.1%_0.162_75.834))] dark:text-[color:var(--zui-divider-gradient-yellow-fg-dark,oklch(85.2%_0.199_91.936))]\",\n  \"gradient-purple\":\n    \"text-[color:var(--zui-divider-gradient-purple-fg,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-divider-gradient-purple-fg-dark,oklch(71.4%_0.203_305.504))]\",\n  \"gradient-teal\":\n    \"text-[color:var(--zui-divider-gradient-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-divider-gradient-teal-fg-dark,oklch(77.7%_0.152_181.912))]\",\n  \"gradient-indigo\":\n    \"text-[color:var(--zui-divider-gradient-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-divider-gradient-indigo-fg-dark,oklch(67.3%_0.182_276.935))]\",\n  \"gradient-pink\":\n    \"text-[color:var(--zui-divider-gradient-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-divider-gradient-pink-fg-dark,oklch(71.8%_0.202_349.761))]\",\n  \"gradient-orange\":\n    \"text-[color:var(--zui-divider-gradient-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-divider-gradient-orange-fg-dark,oklch(75%_0.183_55.934))]\",\n  blue: \"text-[color:var(--zui-divider-blue-fg,#2563eb)] dark:text-[color:var(--zui-divider-blue-fg-dark,#3b82f6)]\",\n  cyan: \"text-[color:var(--zui-divider-cyan-fg,#0891b2)] dark:text-[color:var(--zui-divider-cyan-fg-dark,#22d3ee)]\",\n  green:\n    \"text-[color:var(--zui-divider-green-fg,#16a34a)] dark:text-[color:var(--zui-divider-green-fg-dark,#22c55e)]\",\n  lime: \"text-[color:var(--zui-divider-lime-fg,#65a30d)] dark:text-[color:var(--zui-divider-lime-fg-dark,#a3e635)]\",\n  mint: \"text-[color:var(--zui-divider-mint-fg,#10b981)] dark:text-[color:var(--zui-divider-mint-fg-dark,#6ee7b7)]\",\n  ocean:\n    \"text-[color:var(--zui-divider-ocean-fg,#0284c7)] dark:text-[color:var(--zui-divider-ocean-fg-dark,#38bdf8)]\",\n  sapphire:\n    \"text-[color:var(--zui-divider-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-divider-sapphire-fg-dark,#60a5fa)]\",\n  lavender:\n    \"text-[color:var(--zui-divider-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-divider-lavender-fg-dark,#a78bfa)]\",\n  ruby: \"text-[color:var(--zui-divider-ruby-fg,#be123c)] dark:text-[color:var(--zui-divider-ruby-fg-dark,#fb7185)]\",\n  red: \"text-[color:var(--zui-divider-red-fg,#dc2626)] dark:text-[color:var(--zui-divider-red-fg-dark,#ef4444)]\",\n  slate:\n    \"text-[color:var(--zui-divider-slate-fg,#475569)] dark:text-[color:var(--zui-divider-slate-fg-dark,#64748b)]\",\n  zinc: \"text-[color:var(--zui-divider-zinc-fg,#52525b)] dark:text-[color:var(--zui-divider-zinc-fg-dark,#71717a)]\",\n  stone:\n    \"text-[color:var(--zui-divider-stone-fg,#57534e)] dark:text-[color:var(--zui-divider-stone-fg-dark,#78716c)]\",\n  royal:\n    \"text-[color:var(--zui-divider-royal-fg,#4338ca)] dark:text-[color:var(--zui-divider-royal-fg-dark,#818cf8)]\",\n  electric:\n    \"text-[color:var(--zui-divider-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-divider-electric-fg-dark,#38bdf8)]\",\n  forest:\n    \"text-[color:var(--zui-divider-forest-fg,#166534)] dark:text-[color:var(--zui-divider-forest-fg-dark,#4ade80)]\",\n  sunset:\n    \"text-[color:var(--zui-divider-sunset-fg,#ea580c)] dark:text-[color:var(--zui-divider-sunset-fg-dark,#fb923c)]\",\n  magenta:\n    \"text-[color:var(--zui-divider-magenta-fg,#c026d3)] dark:text-[color:var(--zui-divider-magenta-fg-dark,#e879f9)]\",\n  crimson:\n    \"text-[color:var(--zui-divider-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-divider-crimson-fg-dark,#f87171)]\",\n  aqua: \"text-[color:var(--zui-divider-aqua-fg,#0f766e)] dark:text-[color:var(--zui-divider-aqua-fg-dark,#2dd4bf)]\",\n  plum: \"text-[color:var(--zui-divider-plum-fg,#7e22ce)] dark:text-[color:var(--zui-divider-plum-fg-dark,#c084fc)]\",\n} as const;\n\nexport const zuiDividerBase = \"flex w-full items-center gap-3\";\n\nexport const zuiDividerOrientations = {\n  horizontal: \"w-full flex-row\",\n  vertical: \"h-full min-h-[2rem] w-auto flex-col self-stretch\",\n} as const;\n\nexport const zuiDividerSizes = {\n  sm: \"\",\n  md: \"\",\n  lg: \"\",\n} as const;\n\nexport const zuiDividerLineBase =\n  \"shrink grow rounded-full bg-current opacity-80\";\n\nexport const zuiDividerLineOrientations = {\n  horizontal: \"h-px\",\n  vertical: \"w-px flex-1\",\n} as const;\n\nexport const zuiDividerLabelBase =\n  \"shrink-0 text-xs font-medium uppercase tracking-wide text-current\";\n"]}

package/dist/chunk-YDKAE7RM.mjs

@@ -0,0 +1,62 @@
+// src/design-system/radio-group.ts
+var zuiRadioGroupRootBase = "grid gap-2";
+var zuiRadioGroupItemBase = "group inline-flex w-fit items-start gap-2.5 text-sm font-medium text-[color:var(--zui-radio-label-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-radio-label-fg-dark,oklch(98.4%_0.003_247.858))] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50";
+var zuiRadioGroupControlBase = "grid shrink-0 place-items-center rounded-full border-2 border-[color:var(--zui-radio-border,#0000004d)] bg-[var(--zui-radio-bg,transparent)] dark:bg-[var(--zui-radio-bg-dark,transparent)] transition-[background-color,border-color,box-shadow] peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-[var(--zui-radio-ring-focus,oklch(44.6%_0.043_257.281_/_0.7))] peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-[var(--zui-radio-ring-offset-focus,oklch(98.4%_0.003_247.858))] dark:border-[color:var(--zui-radio-border-dark,#ffffff4d)] dark:peer-focus-visible:ring-[var(--zui-radio-ring-focus-dark,oklch(86.9%_0.022_252.894_/_0.7))] dark:peer-focus-visible:ring-offset-[var(--zui-radio-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))] group-data-[disabled=true]:cursor-not-allowed";
+var zuiRadioGroupIndicatorBase = "pointer-events-none block rounded-full opacity-0 transition-opacity duration-150 group-data-[state=checked]:opacity-100";
+var zuiRadioGroupSizes = {
+  sm: {
+    item: "text-xs",
+    control: "mt-0.5 size-4",
+    indicator: "size-1.5"
+  },
+  md: {
+    item: "text-sm",
+    control: "mt-0.5 size-5",
+    indicator: "size-2"
+  },
+  lg: {
+    item: "text-base",
+    control: "mt-0.5 size-6",
+    indicator: "size-2.5"
+  }
+};
+var zuiRadioGroupAppearances = {
+  default: "group-data-[state=checked]:border-[color:var(--zui-radio-default-border-checked,oklch(44.6%_0.043_257.281))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-default-border-checked-dark,oklch(44.6%_0.043_257.281))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-default-indicator-bg,oklch(44.6%_0.043_257.281))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-default-indicator-bg-dark,oklch(44.6%_0.043_257.281))]",
+  success: "group-data-[state=checked]:border-[color:var(--zui-radio-success-border-checked,oklch(59.6%_0.145_163.225))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-success-border-checked-dark,oklch(59.6%_0.145_163.225))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-success-indicator-bg,oklch(59.6%_0.145_163.225))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-success-indicator-bg-dark,oklch(59.6%_0.145_163.225))]",
+  warning: "group-data-[state=checked]:border-[color:var(--zui-radio-warning-border-checked,oklch(68.1%_0.162_75.834))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-warning-border-checked-dark,oklch(68.1%_0.162_75.834))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-warning-indicator-bg,oklch(68.1%_0.162_75.834))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-warning-indicator-bg-dark,oklch(68.1%_0.162_75.834))]",
+  error: "group-data-[state=checked]:border-[color:var(--zui-radio-error-border-checked,oklch(58.6%_0.253_17.585))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-error-border-checked-dark,oklch(58.6%_0.253_17.585))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-error-indicator-bg,oklch(58.6%_0.253_17.585))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-error-indicator-bg-dark,oklch(58.6%_0.253_17.585))]",
+  info: "group-data-[state=checked]:border-[color:var(--zui-radio-info-border-checked,oklch(54.6%_0.245_262.881))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-info-border-checked-dark,oklch(54.6%_0.245_262.881))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-info-indicator-bg,oklch(54.6%_0.245_262.881))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-info-indicator-bg-dark,oklch(54.6%_0.245_262.881))]",
+  violet: "group-data-[state=checked]:border-[color:var(--zui-radio-violet-border-checked,oklch(54.1%_0.281_293.009))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-violet-border-checked-dark,oklch(54.1%_0.281_293.009))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-violet-indicator-bg,oklch(54.1%_0.281_293.009))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-violet-indicator-bg-dark,oklch(54.1%_0.281_293.009))]",
+  amber: "group-data-[state=checked]:border-[color:var(--zui-radio-amber-border-checked,oklch(66.6%_0.179_58.318))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-amber-border-checked-dark,oklch(66.6%_0.179_58.318))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-amber-indicator-bg,oklch(66.6%_0.179_58.318))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-amber-indicator-bg-dark,oklch(66.6%_0.179_58.318))]",
+  pink: "group-data-[state=checked]:border-[color:var(--zui-radio-pink-border-checked,oklch(59.2%_0.249_0.584))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-pink-border-checked-dark,oklch(59.2%_0.249_0.584))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-pink-indicator-bg,oklch(59.2%_0.249_0.584))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-pink-indicator-bg-dark,oklch(59.2%_0.249_0.584))]",
+  indigo: "group-data-[state=checked]:border-[color:var(--zui-radio-indigo-border-checked,oklch(51.1%_0.262_276.966))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-indigo-border-checked-dark,oklch(51.1%_0.262_276.966))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-indigo-indicator-bg,oklch(51.1%_0.262_276.966))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-indigo-indicator-bg-dark,oklch(51.1%_0.262_276.966))]",
+  blue: "border-[color:var(--zui-radio-group-blue-border,#2563eb)] dark:border-[color:var(--zui-radio-group-blue-border-dark,#3b82f6)] text-[color:var(--zui-radio-group-blue-fg,#2563eb)] dark:text-[color:var(--zui-radio-group-blue-fg-dark,#3b82f6)] data-[state=checked]:border-[color:var(--zui-radio-group-blue-border-checked,#2563eb)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-blue-border-checked-dark,#3b82f6)] data-[state=checked]:bg-[var(--zui-radio-group-blue-bg-checked,#2563eb14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-blue-bg-checked-dark,#3b82f624)]",
+  cyan: "border-[color:var(--zui-radio-group-cyan-border,#0891b2)] dark:border-[color:var(--zui-radio-group-cyan-border-dark,#22d3ee)] text-[color:var(--zui-radio-group-cyan-fg,#0891b2)] dark:text-[color:var(--zui-radio-group-cyan-fg-dark,#22d3ee)] data-[state=checked]:border-[color:var(--zui-radio-group-cyan-border-checked,#0891b2)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-cyan-border-checked-dark,#22d3ee)] data-[state=checked]:bg-[var(--zui-radio-group-cyan-bg-checked,#0891b214)] dark:data-[state=checked]:bg-[var(--zui-radio-group-cyan-bg-checked-dark,#22d3ee24)]",
+  green: "border-[color:var(--zui-radio-group-green-border,#16a34a)] dark:border-[color:var(--zui-radio-group-green-border-dark,#22c55e)] text-[color:var(--zui-radio-group-green-fg,#16a34a)] dark:text-[color:var(--zui-radio-group-green-fg-dark,#22c55e)] data-[state=checked]:border-[color:var(--zui-radio-group-green-border-checked,#16a34a)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-green-border-checked-dark,#22c55e)] data-[state=checked]:bg-[var(--zui-radio-group-green-bg-checked,#16a34a14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-green-bg-checked-dark,#22c55e24)]",
+  lime: "border-[color:var(--zui-radio-group-lime-border,#65a30d)] dark:border-[color:var(--zui-radio-group-lime-border-dark,#a3e635)] text-[color:var(--zui-radio-group-lime-fg,#65a30d)] dark:text-[color:var(--zui-radio-group-lime-fg-dark,#a3e635)] data-[state=checked]:border-[color:var(--zui-radio-group-lime-border-checked,#65a30d)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-lime-border-checked-dark,#a3e635)] data-[state=checked]:bg-[var(--zui-radio-group-lime-bg-checked,#65a30d14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-lime-bg-checked-dark,#a3e63524)]",
+  mint: "border-[color:var(--zui-radio-group-mint-border,#10b981)] dark:border-[color:var(--zui-radio-group-mint-border-dark,#6ee7b7)] text-[color:var(--zui-radio-group-mint-fg,#10b981)] dark:text-[color:var(--zui-radio-group-mint-fg-dark,#6ee7b7)] data-[state=checked]:border-[color:var(--zui-radio-group-mint-border-checked,#10b981)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-mint-border-checked-dark,#6ee7b7)] data-[state=checked]:bg-[var(--zui-radio-group-mint-bg-checked,#10b98114)] dark:data-[state=checked]:bg-[var(--zui-radio-group-mint-bg-checked-dark,#6ee7b724)]",
+  ocean: "border-[color:var(--zui-radio-group-ocean-border,#0284c7)] dark:border-[color:var(--zui-radio-group-ocean-border-dark,#38bdf8)] text-[color:var(--zui-radio-group-ocean-fg,#0284c7)] dark:text-[color:var(--zui-radio-group-ocean-fg-dark,#38bdf8)] data-[state=checked]:border-[color:var(--zui-radio-group-ocean-border-checked,#0284c7)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-ocean-border-checked-dark,#38bdf8)] data-[state=checked]:bg-[var(--zui-radio-group-ocean-bg-checked,#0284c714)] dark:data-[state=checked]:bg-[var(--zui-radio-group-ocean-bg-checked-dark,#38bdf824)]",
+  sapphire: "border-[color:var(--zui-radio-group-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-radio-group-sapphire-border-dark,#60a5fa)] text-[color:var(--zui-radio-group-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-radio-group-sapphire-fg-dark,#60a5fa)] data-[state=checked]:border-[color:var(--zui-radio-group-sapphire-border-checked,#1d4ed8)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-sapphire-border-checked-dark,#60a5fa)] data-[state=checked]:bg-[var(--zui-radio-group-sapphire-bg-checked,#1d4ed814)] dark:data-[state=checked]:bg-[var(--zui-radio-group-sapphire-bg-checked-dark,#60a5fa24)]",
+  lavender: "border-[color:var(--zui-radio-group-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-radio-group-lavender-border-dark,#a78bfa)] text-[color:var(--zui-radio-group-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-radio-group-lavender-fg-dark,#a78bfa)] data-[state=checked]:border-[color:var(--zui-radio-group-lavender-border-checked,#8b5cf6)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-lavender-border-checked-dark,#a78bfa)] data-[state=checked]:bg-[var(--zui-radio-group-lavender-bg-checked,#8b5cf614)] dark:data-[state=checked]:bg-[var(--zui-radio-group-lavender-bg-checked-dark,#a78bfa24)]",
+  ruby: "border-[color:var(--zui-radio-group-ruby-border,#be123c)] dark:border-[color:var(--zui-radio-group-ruby-border-dark,#fb7185)] text-[color:var(--zui-radio-group-ruby-fg,#be123c)] dark:text-[color:var(--zui-radio-group-ruby-fg-dark,#fb7185)] data-[state=checked]:border-[color:var(--zui-radio-group-ruby-border-checked,#be123c)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-ruby-border-checked-dark,#fb7185)] data-[state=checked]:bg-[var(--zui-radio-group-ruby-bg-checked,#be123c14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-ruby-bg-checked-dark,#fb718524)]",
+  red: "border-[color:var(--zui-radio-group-red-border,#dc2626)] dark:border-[color:var(--zui-radio-group-red-border-dark,#ef4444)] text-[color:var(--zui-radio-group-red-fg,#dc2626)] dark:text-[color:var(--zui-radio-group-red-fg-dark,#ef4444)] data-[state=checked]:border-[color:var(--zui-radio-group-red-border-checked,#dc2626)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-red-border-checked-dark,#ef4444)] data-[state=checked]:bg-[var(--zui-radio-group-red-bg-checked,#dc262614)] dark:data-[state=checked]:bg-[var(--zui-radio-group-red-bg-checked-dark,#ef444424)]",
+  slate: "border-[color:var(--zui-radio-group-slate-border,#475569)] dark:border-[color:var(--zui-radio-group-slate-border-dark,#64748b)] text-[color:var(--zui-radio-group-slate-fg,#475569)] dark:text-[color:var(--zui-radio-group-slate-fg-dark,#64748b)] data-[state=checked]:border-[color:var(--zui-radio-group-slate-border-checked,#475569)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-slate-border-checked-dark,#64748b)] data-[state=checked]:bg-[var(--zui-radio-group-slate-bg-checked,#47556914)] dark:data-[state=checked]:bg-[var(--zui-radio-group-slate-bg-checked-dark,#64748b24)]",
+  zinc: "border-[color:var(--zui-radio-group-zinc-border,#52525b)] dark:border-[color:var(--zui-radio-group-zinc-border-dark,#71717a)] text-[color:var(--zui-radio-group-zinc-fg,#52525b)] dark:text-[color:var(--zui-radio-group-zinc-fg-dark,#71717a)] data-[state=checked]:border-[color:var(--zui-radio-group-zinc-border-checked,#52525b)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-zinc-border-checked-dark,#71717a)] data-[state=checked]:bg-[var(--zui-radio-group-zinc-bg-checked,#52525b14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-zinc-bg-checked-dark,#71717a24)]",
+  stone: "border-[color:var(--zui-radio-group-stone-border,#57534e)] dark:border-[color:var(--zui-radio-group-stone-border-dark,#78716c)] text-[color:var(--zui-radio-group-stone-fg,#57534e)] dark:text-[color:var(--zui-radio-group-stone-fg-dark,#78716c)] data-[state=checked]:border-[color:var(--zui-radio-group-stone-border-checked,#57534e)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-stone-border-checked-dark,#78716c)] data-[state=checked]:bg-[var(--zui-radio-group-stone-bg-checked,#57534e14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-stone-bg-checked-dark,#78716c24)]",
+  royal: "border-[color:var(--zui-radio-group-royal-border,#4338ca)] dark:border-[color:var(--zui-radio-group-royal-border-dark,#818cf8)] text-[color:var(--zui-radio-group-royal-fg,#4338ca)] dark:text-[color:var(--zui-radio-group-royal-fg-dark,#818cf8)] data-[state=checked]:border-[color:var(--zui-radio-group-royal-border-checked,#4338ca)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-royal-border-checked-dark,#818cf8)] data-[state=checked]:bg-[var(--zui-radio-group-royal-bg-checked,#4338ca14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-royal-bg-checked-dark,#818cf824)]",
+  electric: "border-[color:var(--zui-radio-group-electric-border,#0ea5e9)] dark:border-[color:var(--zui-radio-group-electric-border-dark,#38bdf8)] text-[color:var(--zui-radio-group-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-radio-group-electric-fg-dark,#38bdf8)] data-[state=checked]:border-[color:var(--zui-radio-group-electric-border-checked,#0ea5e9)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-electric-border-checked-dark,#38bdf8)] data-[state=checked]:bg-[var(--zui-radio-group-electric-bg-checked,#0ea5e914)] dark:data-[state=checked]:bg-[var(--zui-radio-group-electric-bg-checked-dark,#38bdf824)]",
+  forest: "border-[color:var(--zui-radio-group-forest-border,#166534)] dark:border-[color:var(--zui-radio-group-forest-border-dark,#4ade80)] text-[color:var(--zui-radio-group-forest-fg,#166534)] dark:text-[color:var(--zui-radio-group-forest-fg-dark,#4ade80)] data-[state=checked]:border-[color:var(--zui-radio-group-forest-border-checked,#166534)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-forest-border-checked-dark,#4ade80)] data-[state=checked]:bg-[var(--zui-radio-group-forest-bg-checked,#16653414)] dark:data-[state=checked]:bg-[var(--zui-radio-group-forest-bg-checked-dark,#4ade8024)]",
+  sunset: "border-[color:var(--zui-radio-group-sunset-border,#ea580c)] dark:border-[color:var(--zui-radio-group-sunset-border-dark,#fb923c)] text-[color:var(--zui-radio-group-sunset-fg,#ea580c)] dark:text-[color:var(--zui-radio-group-sunset-fg-dark,#fb923c)] data-[state=checked]:border-[color:var(--zui-radio-group-sunset-border-checked,#ea580c)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-sunset-border-checked-dark,#fb923c)] data-[state=checked]:bg-[var(--zui-radio-group-sunset-bg-checked,#ea580c14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-sunset-bg-checked-dark,#fb923c24)]",
+  magenta: "border-[color:var(--zui-radio-group-magenta-border,#c026d3)] dark:border-[color:var(--zui-radio-group-magenta-border-dark,#e879f9)] text-[color:var(--zui-radio-group-magenta-fg,#c026d3)] dark:text-[color:var(--zui-radio-group-magenta-fg-dark,#e879f9)] data-[state=checked]:border-[color:var(--zui-radio-group-magenta-border-checked,#c026d3)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-magenta-border-checked-dark,#e879f9)] data-[state=checked]:bg-[var(--zui-radio-group-magenta-bg-checked,#c026d314)] dark:data-[state=checked]:bg-[var(--zui-radio-group-magenta-bg-checked-dark,#e879f924)]",
+  crimson: "border-[color:var(--zui-radio-group-crimson-border,#b91c1c)] dark:border-[color:var(--zui-radio-group-crimson-border-dark,#f87171)] text-[color:var(--zui-radio-group-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-radio-group-crimson-fg-dark,#f87171)] data-[state=checked]:border-[color:var(--zui-radio-group-crimson-border-checked,#b91c1c)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-crimson-border-checked-dark,#f87171)] data-[state=checked]:bg-[var(--zui-radio-group-crimson-bg-checked,#b91c1c14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-crimson-bg-checked-dark,#f8717124)]",
+  aqua: "border-[color:var(--zui-radio-group-aqua-border,#0f766e)] dark:border-[color:var(--zui-radio-group-aqua-border-dark,#2dd4bf)] text-[color:var(--zui-radio-group-aqua-fg,#0f766e)] dark:text-[color:var(--zui-radio-group-aqua-fg-dark,#2dd4bf)] data-[state=checked]:border-[color:var(--zui-radio-group-aqua-border-checked,#0f766e)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-aqua-border-checked-dark,#2dd4bf)] data-[state=checked]:bg-[var(--zui-radio-group-aqua-bg-checked,#0f766e14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-aqua-bg-checked-dark,#2dd4bf24)]",
+  plum: "border-[color:var(--zui-radio-group-plum-border,#7e22ce)] dark:border-[color:var(--zui-radio-group-plum-border-dark,#c084fc)] text-[color:var(--zui-radio-group-plum-fg,#7e22ce)] dark:text-[color:var(--zui-radio-group-plum-fg-dark,#c084fc)] data-[state=checked]:border-[color:var(--zui-radio-group-plum-border-checked,#7e22ce)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-plum-border-checked-dark,#c084fc)] data-[state=checked]:bg-[var(--zui-radio-group-plum-bg-checked,#7e22ce14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-plum-bg-checked-dark,#c084fc24)]"
+};
+var zuiRadioGroupOrientations = {
+  vertical: "grid gap-2",
+  horizontal: "flex flex-wrap gap-x-5 gap-y-2"
+};
+
+export { zuiRadioGroupAppearances, zuiRadioGroupControlBase, zuiRadioGroupIndicatorBase, zuiRadioGroupItemBase, zuiRadioGroupOrientations, zuiRadioGroupRootBase, zuiRadioGroupSizes };
+//# sourceMappingURL=chunk-YDKAE7RM.mjs.map
+//# sourceMappingURL=chunk-YDKAE7RM.mjs.map

package/dist/chunk-YDKAE7RM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/radio-group.ts"],"names":[],"mappings":";AAAO,IAAM,qBAAA,GAAwB;AAE9B,IAAM,qBAAA,GACX;AAEK,IAAM,wBAAA,GACX;AAEK,IAAM,0BAAA,GACX;AAEK,IAAM,kBAAA,GAAqB;AAAA,EAChC,EAAA,EAAI;AAAA,IACF,IAAA,EAAM,SAAA;AAAA,IACN,OAAA,EAAS,eAAA;AAAA,IACT,SAAA,EAAW;AAAA,GACb;AAAA,EACA,EAAA,EAAI;AAAA,IACF,IAAA,EAAM,SAAA;AAAA,IACN,OAAA,EAAS,eAAA;AAAA,IACT,SAAA,EAAW;AAAA,GACb;AAAA,EACA,EAAA,EAAI;AAAA,IACF,IAAA,EAAM,WAAA;AAAA,IACN,OAAA,EAAS,eAAA;AAAA,IACT,SAAA,EAAW;AAAA;AAEf;AAEO,IAAM,wBAAA,GAA2B;AAAA,EACtC,OAAA,EACE,ucAAA;AAAA,EACF,OAAA,EACE,ucAAA;AAAA,EACF,OAAA,EACE,mcAAA;AAAA,EACF,KAAA,EACE,2bAAA;AAAA,EACF,IAAA,EAAM,2bAAA;AAAA,EACN,MAAA,EACE,mcAAA;AAAA,EACF,KAAA,EACE,2bAAA;AAAA,EACF,IAAA,EAAM,mbAAA;AAAA,EACN,MAAA,EACE,mcAAA;AAAA,EACF,IAAA,EAAM,ykBAAA;AAAA,EACN,IAAA,EAAM,ykBAAA;AAAA,EACN,KAAA,EACE,ilBAAA;AAAA,EACF,IAAA,EAAM,ykBAAA;AAAA,EACN,IAAA,EAAM,ykBAAA;AAAA,EACN,KAAA,EACE,ilBAAA;AAAA,EACF,QAAA,EACE,ymBAAA;AAAA,EACF,QAAA,EACE,ymBAAA;AAAA,EACF,IAAA,EAAM,ykBAAA;AAAA,EACN,GAAA,EAAK,ikBAAA;AAAA,EACL,KAAA,EACE,ilBAAA;AAAA,EACF,IAAA,EAAM,ykBAAA;AAAA,EACN,KAAA,EACE,ilBAAA;AAAA,EACF,KAAA,EACE,ilBAAA;AAAA,EACF,QAAA,EACE,ymBAAA;AAAA,EACF,MAAA,EACE,ylBAAA;AAAA,EACF,MAAA,EACE,ylBAAA;AAAA,EACF,OAAA,EACE,imBAAA;AAAA,EACF,OAAA,EACE,imBAAA;AAAA,EACF,IAAA,EAAM,ykBAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,yBAAA,GAA4B;AAAA,EACvC,QAAA,EAAU,YAAA;AAAA,EACV,UAAA,EAAY;AACd","file":"chunk-YDKAE7RM.mjs","sourcesContent":["export const zuiRadioGroupRootBase = \"grid gap-2\";\n\nexport const zuiRadioGroupItemBase =\n  \"group inline-flex w-fit items-start gap-2.5 text-sm font-medium text-[color:var(--zui-radio-label-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-radio-label-fg-dark,oklch(98.4%_0.003_247.858))] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50\";\n\nexport const zuiRadioGroupControlBase =\n  \"grid shrink-0 place-items-center rounded-full border-2 border-[color:var(--zui-radio-border,#0000004d)] bg-[var(--zui-radio-bg,transparent)] dark:bg-[var(--zui-radio-bg-dark,transparent)] transition-[background-color,border-color,box-shadow] peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-[var(--zui-radio-ring-focus,oklch(44.6%_0.043_257.281_/_0.7))] peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-[var(--zui-radio-ring-offset-focus,oklch(98.4%_0.003_247.858))] dark:border-[color:var(--zui-radio-border-dark,#ffffff4d)] dark:peer-focus-visible:ring-[var(--zui-radio-ring-focus-dark,oklch(86.9%_0.022_252.894_/_0.7))] dark:peer-focus-visible:ring-offset-[var(--zui-radio-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))] group-data-[disabled=true]:cursor-not-allowed\";\n\nexport const zuiRadioGroupIndicatorBase =\n  \"pointer-events-none block rounded-full opacity-0 transition-opacity duration-150 group-data-[state=checked]:opacity-100\";\n\nexport const zuiRadioGroupSizes = {\n  sm: {\n    item: \"text-xs\",\n    control: \"mt-0.5 size-4\",\n    indicator: \"size-1.5\",\n  },\n  md: {\n    item: \"text-sm\",\n    control: \"mt-0.5 size-5\",\n    indicator: \"size-2\",\n  },\n  lg: {\n    item: \"text-base\",\n    control: \"mt-0.5 size-6\",\n    indicator: \"size-2.5\",\n  },\n} as const;\n\nexport const zuiRadioGroupAppearances = {\n  default:\n    \"group-data-[state=checked]:border-[color:var(--zui-radio-default-border-checked,oklch(44.6%_0.043_257.281))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-default-border-checked-dark,oklch(44.6%_0.043_257.281))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-default-indicator-bg,oklch(44.6%_0.043_257.281))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-default-indicator-bg-dark,oklch(44.6%_0.043_257.281))]\",\n  success:\n    \"group-data-[state=checked]:border-[color:var(--zui-radio-success-border-checked,oklch(59.6%_0.145_163.225))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-success-border-checked-dark,oklch(59.6%_0.145_163.225))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-success-indicator-bg,oklch(59.6%_0.145_163.225))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-success-indicator-bg-dark,oklch(59.6%_0.145_163.225))]\",\n  warning:\n    \"group-data-[state=checked]:border-[color:var(--zui-radio-warning-border-checked,oklch(68.1%_0.162_75.834))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-warning-border-checked-dark,oklch(68.1%_0.162_75.834))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-warning-indicator-bg,oklch(68.1%_0.162_75.834))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-warning-indicator-bg-dark,oklch(68.1%_0.162_75.834))]\",\n  error:\n    \"group-data-[state=checked]:border-[color:var(--zui-radio-error-border-checked,oklch(58.6%_0.253_17.585))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-error-border-checked-dark,oklch(58.6%_0.253_17.585))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-error-indicator-bg,oklch(58.6%_0.253_17.585))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-error-indicator-bg-dark,oklch(58.6%_0.253_17.585))]\",\n  info: \"group-data-[state=checked]:border-[color:var(--zui-radio-info-border-checked,oklch(54.6%_0.245_262.881))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-info-border-checked-dark,oklch(54.6%_0.245_262.881))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-info-indicator-bg,oklch(54.6%_0.245_262.881))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-info-indicator-bg-dark,oklch(54.6%_0.245_262.881))]\",\n  violet:\n    \"group-data-[state=checked]:border-[color:var(--zui-radio-violet-border-checked,oklch(54.1%_0.281_293.009))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-violet-border-checked-dark,oklch(54.1%_0.281_293.009))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-violet-indicator-bg,oklch(54.1%_0.281_293.009))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-violet-indicator-bg-dark,oklch(54.1%_0.281_293.009))]\",\n  amber:\n    \"group-data-[state=checked]:border-[color:var(--zui-radio-amber-border-checked,oklch(66.6%_0.179_58.318))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-amber-border-checked-dark,oklch(66.6%_0.179_58.318))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-amber-indicator-bg,oklch(66.6%_0.179_58.318))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-amber-indicator-bg-dark,oklch(66.6%_0.179_58.318))]\",\n  pink: \"group-data-[state=checked]:border-[color:var(--zui-radio-pink-border-checked,oklch(59.2%_0.249_0.584))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-pink-border-checked-dark,oklch(59.2%_0.249_0.584))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-pink-indicator-bg,oklch(59.2%_0.249_0.584))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-pink-indicator-bg-dark,oklch(59.2%_0.249_0.584))]\",\n  indigo:\n    \"group-data-[state=checked]:border-[color:var(--zui-radio-indigo-border-checked,oklch(51.1%_0.262_276.966))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-indigo-border-checked-dark,oklch(51.1%_0.262_276.966))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-indigo-indicator-bg,oklch(51.1%_0.262_276.966))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-indigo-indicator-bg-dark,oklch(51.1%_0.262_276.966))]\",\n  blue: \"border-[color:var(--zui-radio-group-blue-border,#2563eb)] dark:border-[color:var(--zui-radio-group-blue-border-dark,#3b82f6)] text-[color:var(--zui-radio-group-blue-fg,#2563eb)] dark:text-[color:var(--zui-radio-group-blue-fg-dark,#3b82f6)] data-[state=checked]:border-[color:var(--zui-radio-group-blue-border-checked,#2563eb)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-blue-border-checked-dark,#3b82f6)] data-[state=checked]:bg-[var(--zui-radio-group-blue-bg-checked,#2563eb14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-blue-bg-checked-dark,#3b82f624)]\",\n  cyan: \"border-[color:var(--zui-radio-group-cyan-border,#0891b2)] dark:border-[color:var(--zui-radio-group-cyan-border-dark,#22d3ee)] text-[color:var(--zui-radio-group-cyan-fg,#0891b2)] dark:text-[color:var(--zui-radio-group-cyan-fg-dark,#22d3ee)] data-[state=checked]:border-[color:var(--zui-radio-group-cyan-border-checked,#0891b2)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-cyan-border-checked-dark,#22d3ee)] data-[state=checked]:bg-[var(--zui-radio-group-cyan-bg-checked,#0891b214)] dark:data-[state=checked]:bg-[var(--zui-radio-group-cyan-bg-checked-dark,#22d3ee24)]\",\n  green:\n    \"border-[color:var(--zui-radio-group-green-border,#16a34a)] dark:border-[color:var(--zui-radio-group-green-border-dark,#22c55e)] text-[color:var(--zui-radio-group-green-fg,#16a34a)] dark:text-[color:var(--zui-radio-group-green-fg-dark,#22c55e)] data-[state=checked]:border-[color:var(--zui-radio-group-green-border-checked,#16a34a)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-green-border-checked-dark,#22c55e)] data-[state=checked]:bg-[var(--zui-radio-group-green-bg-checked,#16a34a14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-green-bg-checked-dark,#22c55e24)]\",\n  lime: \"border-[color:var(--zui-radio-group-lime-border,#65a30d)] dark:border-[color:var(--zui-radio-group-lime-border-dark,#a3e635)] text-[color:var(--zui-radio-group-lime-fg,#65a30d)] dark:text-[color:var(--zui-radio-group-lime-fg-dark,#a3e635)] data-[state=checked]:border-[color:var(--zui-radio-group-lime-border-checked,#65a30d)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-lime-border-checked-dark,#a3e635)] data-[state=checked]:bg-[var(--zui-radio-group-lime-bg-checked,#65a30d14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-lime-bg-checked-dark,#a3e63524)]\",\n  mint: \"border-[color:var(--zui-radio-group-mint-border,#10b981)] dark:border-[color:var(--zui-radio-group-mint-border-dark,#6ee7b7)] text-[color:var(--zui-radio-group-mint-fg,#10b981)] dark:text-[color:var(--zui-radio-group-mint-fg-dark,#6ee7b7)] data-[state=checked]:border-[color:var(--zui-radio-group-mint-border-checked,#10b981)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-mint-border-checked-dark,#6ee7b7)] data-[state=checked]:bg-[var(--zui-radio-group-mint-bg-checked,#10b98114)] dark:data-[state=checked]:bg-[var(--zui-radio-group-mint-bg-checked-dark,#6ee7b724)]\",\n  ocean:\n    \"border-[color:var(--zui-radio-group-ocean-border,#0284c7)] dark:border-[color:var(--zui-radio-group-ocean-border-dark,#38bdf8)] text-[color:var(--zui-radio-group-ocean-fg,#0284c7)] dark:text-[color:var(--zui-radio-group-ocean-fg-dark,#38bdf8)] data-[state=checked]:border-[color:var(--zui-radio-group-ocean-border-checked,#0284c7)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-ocean-border-checked-dark,#38bdf8)] data-[state=checked]:bg-[var(--zui-radio-group-ocean-bg-checked,#0284c714)] dark:data-[state=checked]:bg-[var(--zui-radio-group-ocean-bg-checked-dark,#38bdf824)]\",\n  sapphire:\n    \"border-[color:var(--zui-radio-group-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-radio-group-sapphire-border-dark,#60a5fa)] text-[color:var(--zui-radio-group-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-radio-group-sapphire-fg-dark,#60a5fa)] data-[state=checked]:border-[color:var(--zui-radio-group-sapphire-border-checked,#1d4ed8)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-sapphire-border-checked-dark,#60a5fa)] data-[state=checked]:bg-[var(--zui-radio-group-sapphire-bg-checked,#1d4ed814)] dark:data-[state=checked]:bg-[var(--zui-radio-group-sapphire-bg-checked-dark,#60a5fa24)]\",\n  lavender:\n    \"border-[color:var(--zui-radio-group-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-radio-group-lavender-border-dark,#a78bfa)] text-[color:var(--zui-radio-group-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-radio-group-lavender-fg-dark,#a78bfa)] data-[state=checked]:border-[color:var(--zui-radio-group-lavender-border-checked,#8b5cf6)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-lavender-border-checked-dark,#a78bfa)] data-[state=checked]:bg-[var(--zui-radio-group-lavender-bg-checked,#8b5cf614)] dark:data-[state=checked]:bg-[var(--zui-radio-group-lavender-bg-checked-dark,#a78bfa24)]\",\n  ruby: \"border-[color:var(--zui-radio-group-ruby-border,#be123c)] dark:border-[color:var(--zui-radio-group-ruby-border-dark,#fb7185)] text-[color:var(--zui-radio-group-ruby-fg,#be123c)] dark:text-[color:var(--zui-radio-group-ruby-fg-dark,#fb7185)] data-[state=checked]:border-[color:var(--zui-radio-group-ruby-border-checked,#be123c)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-ruby-border-checked-dark,#fb7185)] data-[state=checked]:bg-[var(--zui-radio-group-ruby-bg-checked,#be123c14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-ruby-bg-checked-dark,#fb718524)]\",\n  red: \"border-[color:var(--zui-radio-group-red-border,#dc2626)] dark:border-[color:var(--zui-radio-group-red-border-dark,#ef4444)] text-[color:var(--zui-radio-group-red-fg,#dc2626)] dark:text-[color:var(--zui-radio-group-red-fg-dark,#ef4444)] data-[state=checked]:border-[color:var(--zui-radio-group-red-border-checked,#dc2626)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-red-border-checked-dark,#ef4444)] data-[state=checked]:bg-[var(--zui-radio-group-red-bg-checked,#dc262614)] dark:data-[state=checked]:bg-[var(--zui-radio-group-red-bg-checked-dark,#ef444424)]\",\n  slate:\n    \"border-[color:var(--zui-radio-group-slate-border,#475569)] dark:border-[color:var(--zui-radio-group-slate-border-dark,#64748b)] text-[color:var(--zui-radio-group-slate-fg,#475569)] dark:text-[color:var(--zui-radio-group-slate-fg-dark,#64748b)] data-[state=checked]:border-[color:var(--zui-radio-group-slate-border-checked,#475569)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-slate-border-checked-dark,#64748b)] data-[state=checked]:bg-[var(--zui-radio-group-slate-bg-checked,#47556914)] dark:data-[state=checked]:bg-[var(--zui-radio-group-slate-bg-checked-dark,#64748b24)]\",\n  zinc: \"border-[color:var(--zui-radio-group-zinc-border,#52525b)] dark:border-[color:var(--zui-radio-group-zinc-border-dark,#71717a)] text-[color:var(--zui-radio-group-zinc-fg,#52525b)] dark:text-[color:var(--zui-radio-group-zinc-fg-dark,#71717a)] data-[state=checked]:border-[color:var(--zui-radio-group-zinc-border-checked,#52525b)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-zinc-border-checked-dark,#71717a)] data-[state=checked]:bg-[var(--zui-radio-group-zinc-bg-checked,#52525b14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-zinc-bg-checked-dark,#71717a24)]\",\n  stone:\n    \"border-[color:var(--zui-radio-group-stone-border,#57534e)] dark:border-[color:var(--zui-radio-group-stone-border-dark,#78716c)] text-[color:var(--zui-radio-group-stone-fg,#57534e)] dark:text-[color:var(--zui-radio-group-stone-fg-dark,#78716c)] data-[state=checked]:border-[color:var(--zui-radio-group-stone-border-checked,#57534e)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-stone-border-checked-dark,#78716c)] data-[state=checked]:bg-[var(--zui-radio-group-stone-bg-checked,#57534e14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-stone-bg-checked-dark,#78716c24)]\",\n  royal:\n    \"border-[color:var(--zui-radio-group-royal-border,#4338ca)] dark:border-[color:var(--zui-radio-group-royal-border-dark,#818cf8)] text-[color:var(--zui-radio-group-royal-fg,#4338ca)] dark:text-[color:var(--zui-radio-group-royal-fg-dark,#818cf8)] data-[state=checked]:border-[color:var(--zui-radio-group-royal-border-checked,#4338ca)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-royal-border-checked-dark,#818cf8)] data-[state=checked]:bg-[var(--zui-radio-group-royal-bg-checked,#4338ca14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-royal-bg-checked-dark,#818cf824)]\",\n  electric:\n    \"border-[color:var(--zui-radio-group-electric-border,#0ea5e9)] dark:border-[color:var(--zui-radio-group-electric-border-dark,#38bdf8)] text-[color:var(--zui-radio-group-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-radio-group-electric-fg-dark,#38bdf8)] data-[state=checked]:border-[color:var(--zui-radio-group-electric-border-checked,#0ea5e9)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-electric-border-checked-dark,#38bdf8)] data-[state=checked]:bg-[var(--zui-radio-group-electric-bg-checked,#0ea5e914)] dark:data-[state=checked]:bg-[var(--zui-radio-group-electric-bg-checked-dark,#38bdf824)]\",\n  forest:\n    \"border-[color:var(--zui-radio-group-forest-border,#166534)] dark:border-[color:var(--zui-radio-group-forest-border-dark,#4ade80)] text-[color:var(--zui-radio-group-forest-fg,#166534)] dark:text-[color:var(--zui-radio-group-forest-fg-dark,#4ade80)] data-[state=checked]:border-[color:var(--zui-radio-group-forest-border-checked,#166534)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-forest-border-checked-dark,#4ade80)] data-[state=checked]:bg-[var(--zui-radio-group-forest-bg-checked,#16653414)] dark:data-[state=checked]:bg-[var(--zui-radio-group-forest-bg-checked-dark,#4ade8024)]\",\n  sunset:\n    \"border-[color:var(--zui-radio-group-sunset-border,#ea580c)] dark:border-[color:var(--zui-radio-group-sunset-border-dark,#fb923c)] text-[color:var(--zui-radio-group-sunset-fg,#ea580c)] dark:text-[color:var(--zui-radio-group-sunset-fg-dark,#fb923c)] data-[state=checked]:border-[color:var(--zui-radio-group-sunset-border-checked,#ea580c)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-sunset-border-checked-dark,#fb923c)] data-[state=checked]:bg-[var(--zui-radio-group-sunset-bg-checked,#ea580c14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-sunset-bg-checked-dark,#fb923c24)]\",\n  magenta:\n    \"border-[color:var(--zui-radio-group-magenta-border,#c026d3)] dark:border-[color:var(--zui-radio-group-magenta-border-dark,#e879f9)] text-[color:var(--zui-radio-group-magenta-fg,#c026d3)] dark:text-[color:var(--zui-radio-group-magenta-fg-dark,#e879f9)] data-[state=checked]:border-[color:var(--zui-radio-group-magenta-border-checked,#c026d3)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-magenta-border-checked-dark,#e879f9)] data-[state=checked]:bg-[var(--zui-radio-group-magenta-bg-checked,#c026d314)] dark:data-[state=checked]:bg-[var(--zui-radio-group-magenta-bg-checked-dark,#e879f924)]\",\n  crimson:\n    \"border-[color:var(--zui-radio-group-crimson-border,#b91c1c)] dark:border-[color:var(--zui-radio-group-crimson-border-dark,#f87171)] text-[color:var(--zui-radio-group-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-radio-group-crimson-fg-dark,#f87171)] data-[state=checked]:border-[color:var(--zui-radio-group-crimson-border-checked,#b91c1c)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-crimson-border-checked-dark,#f87171)] data-[state=checked]:bg-[var(--zui-radio-group-crimson-bg-checked,#b91c1c14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-crimson-bg-checked-dark,#f8717124)]\",\n  aqua: \"border-[color:var(--zui-radio-group-aqua-border,#0f766e)] dark:border-[color:var(--zui-radio-group-aqua-border-dark,#2dd4bf)] text-[color:var(--zui-radio-group-aqua-fg,#0f766e)] dark:text-[color:var(--zui-radio-group-aqua-fg-dark,#2dd4bf)] data-[state=checked]:border-[color:var(--zui-radio-group-aqua-border-checked,#0f766e)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-aqua-border-checked-dark,#2dd4bf)] data-[state=checked]:bg-[var(--zui-radio-group-aqua-bg-checked,#0f766e14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-aqua-bg-checked-dark,#2dd4bf24)]\",\n  plum: \"border-[color:var(--zui-radio-group-plum-border,#7e22ce)] dark:border-[color:var(--zui-radio-group-plum-border-dark,#c084fc)] text-[color:var(--zui-radio-group-plum-fg,#7e22ce)] dark:text-[color:var(--zui-radio-group-plum-fg-dark,#c084fc)] data-[state=checked]:border-[color:var(--zui-radio-group-plum-border-checked,#7e22ce)] dark:data-[state=checked]:border-[color:var(--zui-radio-group-plum-border-checked-dark,#c084fc)] data-[state=checked]:bg-[var(--zui-radio-group-plum-bg-checked,#7e22ce14)] dark:data-[state=checked]:bg-[var(--zui-radio-group-plum-bg-checked-dark,#c084fc24)]\",\n} as const;\n\nexport const zuiRadioGroupOrientations = {\n  vertical: \"grid gap-2\",\n  horizontal: \"flex flex-wrap gap-x-5 gap-y-2\",\n} as const;\n"]}