@zentauri-ui/zentauri-components 1.8.42 → 1.9.0

package/dist/{chunk-V5JTDRV5.mjs → chunk-TKVZU56F.mjs}

@@ -20,15 +20,15 @@ var zuiTimelineIndicatorAppearances = {
   emerald: "border-[color:var(--zui-timeline-indicator-emerald-border,oklch(69.6%_0.17_162.48_/_0.6))] bg-[var(--zui-timeline-indicator-emerald-bg,oklch(69.6%_0.17_162.48_/_0.2))] text-[color:var(--zui-timeline-indicator-emerald-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-timeline-indicator-emerald-fg-dark,oklch(95%_0.052_163.051))] ring-2 ring-[var(--zui-timeline-indicator-emerald-ring,oklch(76.5%_0.177_163.223_/_0.3))]",
   gray: "border-[color:var(--zui-timeline-indicator-gray-border,oklch(55.1%_0.027_264.364_/_0.6))] bg-[var(--zui-timeline-indicator-gray-bg,oklch(55.1%_0.027_264.364_/_0.2))] text-[color:var(--zui-timeline-indicator-gray-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-timeline-indicator-gray-fg-dark,oklch(96.7%_0.003_264.542))] ring-2 ring-[var(--zui-timeline-indicator-gray-ring,oklch(70.7%_0.022_261.325_/_0.3))]",
   violet: "border-[color:var(--zui-timeline-indicator-violet-border,oklch(60.6%_0.25_292.717_/_0.6))] bg-[var(--zui-timeline-indicator-violet-bg,oklch(60.6%_0.25_292.717_/_0.2))] text-[color:var(--zui-timeline-indicator-violet-fg,oklch(38%_0.189_293.745))] dark:text-[color:var(--zui-timeline-indicator-violet-fg-dark,oklch(94.3%_0.029_294.588))] ring-2 ring-[var(--zui-timeline-indicator-violet-ring,oklch(70.2%_0.183_293.541_/_0.3))]",
-  "gradient-blue": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-blue-from,oklch(62.3%_0.214_259.815))] to-[var(--zui-timeline-indicator-gradient-blue-to,oklch(54.6%_0.245_262.881))] text-[color:var(--zui-timeline-indicator-gradient-blue-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-blue-ring,oklch(70.7%_0.165_254.624_/_0.3))]",
-  "gradient-green": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-green-from,oklch(72.3%_0.219_149.579))] to-[var(--zui-timeline-indicator-gradient-green-to,oklch(62.7%_0.194_149.214))] text-[color:var(--zui-timeline-indicator-gradient-green-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-green-ring,oklch(79.2%_0.209_151.711_/_0.3))]",
-  "gradient-red": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-red-from,oklch(63.7%_0.237_25.331))] to-[var(--zui-timeline-indicator-gradient-red-to,oklch(57.7%_0.245_27.325))] text-[color:var(--zui-timeline-indicator-gradient-red-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-red-ring,oklch(70.4%_0.191_22.216_/_0.3))]",
-  "gradient-yellow": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-yellow-from,oklch(85.2%_0.199_91.936))] to-[var(--zui-timeline-indicator-gradient-yellow-to,oklch(79.5%_0.184_86.047))] text-[color:var(--zui-timeline-indicator-gradient-yellow-fg,oklch(42.1%_0.095_57.708))] ring-2 ring-[var(--zui-timeline-indicator-gradient-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))]",
-  "gradient-purple": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-purple-from,oklch(71.4%_0.203_305.504))] to-[var(--zui-timeline-indicator-gradient-purple-to,oklch(62.7%_0.265_303.9))] text-[color:var(--zui-timeline-indicator-gradient-purple-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))]",
-  "gradient-teal": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-teal-from,oklch(77.7%_0.152_181.912))] to-[var(--zui-timeline-indicator-gradient-teal-to,oklch(70.4%_0.14_182.503))] text-[color:var(--zui-timeline-indicator-gradient-teal-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))]",
-  "gradient-indigo": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-indigo-from,oklch(67.3%_0.182_276.935))] to-[var(--zui-timeline-indicator-gradient-indigo-to,oklch(58.5%_0.233_277.117))] text-[color:var(--zui-timeline-indicator-gradient-indigo-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))]",
-  "gradient-pink": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-pink-from,oklch(71.8%_0.202_349.761))] to-[var(--zui-timeline-indicator-gradient-pink-to,oklch(65.6%_0.241_354.308))] text-[color:var(--zui-timeline-indicator-gradient-pink-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))]",
-  "gradient-orange": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-orange-from,oklch(75%_0.183_55.934))] to-[var(--zui-timeline-indicator-gradient-orange-to,oklch(70.5%_0.213_47.604))] text-[color:var(--zui-timeline-indicator-gradient-orange-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-orange-ring,oklch(75%_0.183_55.934_/_0.3))]"
+  "gradient-blue": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-blue-from,oklch(62.3%_0.214_259.815))] dark:from-[var(--zui-timeline-indicator-gradient-blue-from-dark,oklch(42.4%_0.199_265.638))] to-[var(--zui-timeline-indicator-gradient-blue-to,oklch(54.6%_0.245_262.881))] dark:to-[var(--zui-timeline-indicator-gradient-blue-to-dark,oklch(37.9%_0.146_265.522))] text-[color:var(--zui-timeline-indicator-gradient-blue-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-blue-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-blue-ring,oklch(70.7%_0.165_254.624_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-blue-ring-dark,oklch(42.4%_0.199_265.638_/_0.3))]",
+  "gradient-green": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-green-from,oklch(72.3%_0.219_149.579))] dark:from-[var(--zui-timeline-indicator-gradient-green-from-dark,oklch(44.8%_0.119_151.328))] to-[var(--zui-timeline-indicator-gradient-green-to,oklch(62.7%_0.194_149.214))] dark:to-[var(--zui-timeline-indicator-gradient-green-to-dark,oklch(39.3%_0.095_152.535))] text-[color:var(--zui-timeline-indicator-gradient-green-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-green-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-green-ring,oklch(79.2%_0.209_151.711_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-green-ring-dark,oklch(44.8%_0.119_151.328_/_0.3))]",
+  "gradient-red": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-red-from,oklch(63.7%_0.237_25.331))] dark:from-[var(--zui-timeline-indicator-gradient-red-from-dark,oklch(44.4%_0.177_26.899))] to-[var(--zui-timeline-indicator-gradient-red-to,oklch(57.7%_0.245_27.325))] dark:to-[var(--zui-timeline-indicator-gradient-red-to-dark,oklch(39.6%_0.141_25.723))] text-[color:var(--zui-timeline-indicator-gradient-red-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-red-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-red-ring,oklch(70.4%_0.191_22.216_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-red-ring-dark,oklch(44.4%_0.177_26.899_/_0.3))]",
+  "gradient-yellow": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-yellow-from,oklch(85.2%_0.199_91.936))] dark:from-[var(--zui-timeline-indicator-gradient-yellow-from-dark,oklch(47.6%_0.114_61.907))] to-[var(--zui-timeline-indicator-gradient-yellow-to,oklch(79.5%_0.184_86.047))] dark:to-[var(--zui-timeline-indicator-gradient-yellow-to-dark,oklch(42.1%_0.095_57.708))] text-[color:var(--zui-timeline-indicator-gradient-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-timeline-indicator-gradient-yellow-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-yellow-ring-dark,oklch(47.6%_0.114_61.907_/_0.3))]",
+  "gradient-purple": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-purple-from,oklch(71.4%_0.203_305.504))] dark:from-[var(--zui-timeline-indicator-gradient-purple-from-dark,oklch(43.8%_0.218_303.724))] to-[var(--zui-timeline-indicator-gradient-purple-to,oklch(62.7%_0.265_303.9))] dark:to-[var(--zui-timeline-indicator-gradient-purple-to-dark,oklch(38.1%_0.176_304.987))] text-[color:var(--zui-timeline-indicator-gradient-purple-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-purple-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-purple-ring-dark,oklch(43.8%_0.218_303.724_/_0.3))]",
+  "gradient-teal": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-teal-from,oklch(77.7%_0.152_181.912))] dark:from-[var(--zui-timeline-indicator-gradient-teal-from-dark,oklch(43.7%_0.078_188.216))] to-[var(--zui-timeline-indicator-gradient-teal-to,oklch(70.4%_0.14_182.503))] dark:to-[var(--zui-timeline-indicator-gradient-teal-to-dark,oklch(38.6%_0.063_188.416))] text-[color:var(--zui-timeline-indicator-gradient-teal-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-teal-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-teal-ring-dark,oklch(43.7%_0.078_188.216_/_0.3))]",
+  "gradient-indigo": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-indigo-from,oklch(67.3%_0.182_276.935))] dark:from-[var(--zui-timeline-indicator-gradient-indigo-from-dark,oklch(39.8%_0.195_277.366))] to-[var(--zui-timeline-indicator-gradient-indigo-to,oklch(58.5%_0.233_277.117))] dark:to-[var(--zui-timeline-indicator-gradient-indigo-to-dark,oklch(35.9%_0.144_278.697))] text-[color:var(--zui-timeline-indicator-gradient-indigo-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-indigo-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-indigo-ring-dark,oklch(39.8%_0.195_277.366_/_0.3))]",
+  "gradient-pink": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-pink-from,oklch(71.8%_0.202_349.761))] dark:from-[var(--zui-timeline-indicator-gradient-pink-from-dark,oklch(45.9%_0.187_3.815))] to-[var(--zui-timeline-indicator-gradient-pink-to,oklch(65.6%_0.241_354.308))] dark:to-[var(--zui-timeline-indicator-gradient-pink-to-dark,oklch(40.8%_0.153_2.432))] text-[color:var(--zui-timeline-indicator-gradient-pink-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-pink-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-pink-ring-dark,oklch(45.9%_0.187_3.815_/_0.3))]",
+  "gradient-orange": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-orange-from,oklch(75%_0.183_55.934))] dark:from-[var(--zui-timeline-indicator-gradient-orange-from-dark,oklch(47%_0.157_37.304))] to-[var(--zui-timeline-indicator-gradient-orange-to,oklch(70.5%_0.213_47.604))] dark:to-[var(--zui-timeline-indicator-gradient-orange-to-dark,oklch(40.8%_0.123_38.172))] text-[color:var(--zui-timeline-indicator-gradient-orange-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-orange-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-orange-ring,oklch(75%_0.183_55.934_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-orange-ring-dark,oklch(47%_0.157_37.304_/_0.3))]"
 };
 var zuiTimelineIndicatorSizes = {
   sm: "size-5 text-[0.625rem]",
@@ -274,5 +274,5 @@ function TimelineDescription({
 TimelineDescription.displayName = "TimelineDescription";
 
 export { Timeline, TimelineContent, TimelineDescription, TimelineIndicator, TimelineItem, TimelineItemContext, TimelineTitle, timelineConnectorVariants, timelineContentVariants, timelineDescriptionVariants, timelineIndicatorVariants, timelineItemVariants, timelineTitleVariants, timelineVariants, useTimelineContext, useTimelineIndex };
-//# sourceMappingURL=chunk-V5JTDRV5.mjs.map
-//# sourceMappingURL=chunk-V5JTDRV5.mjs.map
+//# sourceMappingURL=chunk-TKVZU56F.mjs.map
+//# sourceMappingURL=chunk-TKVZU56F.mjs.map

package/dist/chunk-TKVZU56F.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/timeline.ts","../src/ui/timeline/variants.ts","../src/ui/timeline/timeline-base.tsx"],"names":[],"mappings":"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","file":"chunk-TKVZU56F.mjs","sourcesContent":["export const zuiTimelineBase = \"flex w-full flex-col\";\n\nexport const zuiTimelineItemBase = \"relative flex gap-4\";\n\nexport const zuiTimelineIndicatorBase =\n  \"relative z-[1] grid shrink-0 place-items-center rounded-full border font-semibold transition-colors\";\n\nexport const zuiTimelineIndicatorAppearances = {\n  default:\n    \"border-[color:var(--zui-timeline-indicator-default-border,oklch(55.1%_0.027_264.364_/_0.6))] bg-[var(--zui-timeline-indicator-default-bg,oklch(55.1%_0.027_264.364_/_0.2))] text-[color:var(--zui-timeline-indicator-default-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-timeline-indicator-default-fg-dark,oklch(96.7%_0.003_264.542))] ring-2 ring-[var(--zui-timeline-indicator-default-ring,oklch(70.7%_0.022_261.325_/_0.3))]\",\n  sky: \"border-[color:var(--zui-timeline-indicator-sky-border,oklch(68.5%_0.169_237.323_/_0.6))] bg-[var(--zui-timeline-indicator-sky-bg,oklch(68.5%_0.169_237.323_/_0.2))] text-[color:var(--zui-timeline-indicator-sky-fg,oklch(39.1%_0.09_240.876))] dark:text-[color:var(--zui-timeline-indicator-sky-fg-dark,oklch(95.1%_0.026_236.824))] ring-2 ring-[var(--zui-timeline-indicator-sky-ring,oklch(74.6%_0.16_232.661_/_0.3))]\",\n  rose: \"border-[color:var(--zui-timeline-indicator-rose-border,oklch(64.5%_0.246_16.439_/_0.6))] bg-[var(--zui-timeline-indicator-rose-bg,oklch(64.5%_0.246_16.439_/_0.2))] text-[color:var(--zui-timeline-indicator-rose-fg,oklch(41%_0.159_10.272))] dark:text-[color:var(--zui-timeline-indicator-rose-fg-dark,oklch(94.1%_0.03_12.58))] ring-2 ring-[var(--zui-timeline-indicator-rose-ring,oklch(71.2%_0.194_13.428_/_0.3))]\",\n  purple:\n    \"border-[color:var(--zui-timeline-indicator-purple-border,oklch(62.7%_0.265_303.9_/_0.6))] bg-[var(--zui-timeline-indicator-purple-bg,oklch(62.7%_0.265_303.9_/_0.2))] text-[color:var(--zui-timeline-indicator-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-timeline-indicator-purple-fg-dark,oklch(94.6%_0.033_307.174))] ring-2 ring-[var(--zui-timeline-indicator-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))]\",\n  pink: \"border-[color:var(--zui-timeline-indicator-pink-border,oklch(65.6%_0.241_354.308_/_0.6))] bg-[var(--zui-timeline-indicator-pink-bg,oklch(65.6%_0.241_354.308_/_0.2))] text-[color:var(--zui-timeline-indicator-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-timeline-indicator-pink-fg-dark,oklch(94.8%_0.028_342.258))] ring-2 ring-[var(--zui-timeline-indicator-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))]\",\n  orange:\n    \"border-[color:var(--zui-timeline-indicator-orange-border,oklch(70.5%_0.213_47.604_/_0.6))] bg-[var(--zui-timeline-indicator-orange-bg,oklch(70.5%_0.213_47.604_/_0.2))] text-[color:var(--zui-timeline-indicator-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-timeline-indicator-orange-fg-dark,oklch(95.4%_0.038_75.164))] ring-2 ring-[var(--zui-timeline-indicator-orange-ring,oklch(75%_0.183_55.934_/_0.3))]\",\n  yellow:\n    \"border-[color:var(--zui-timeline-indicator-yellow-border,oklch(79.5%_0.184_86.047_/_0.6))] bg-[var(--zui-timeline-indicator-yellow-bg,oklch(79.5%_0.184_86.047_/_0.2))] text-[color:var(--zui-timeline-indicator-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-timeline-indicator-yellow-fg-dark,oklch(97.3%_0.071_103.193))] ring-2 ring-[var(--zui-timeline-indicator-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))]\",\n  teal: \"border-[color:var(--zui-timeline-indicator-teal-border,oklch(70.4%_0.14_182.503_/_0.6))] bg-[var(--zui-timeline-indicator-teal-bg,oklch(70.4%_0.14_182.503_/_0.2))] text-[color:var(--zui-timeline-indicator-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-timeline-indicator-teal-fg-dark,oklch(95.3%_0.051_180.801))] ring-2 ring-[var(--zui-timeline-indicator-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))]\",\n  indigo:\n    \"border-[color:var(--zui-timeline-indicator-indigo-border,oklch(58.5%_0.233_277.117_/_0.6))] bg-[var(--zui-timeline-indicator-indigo-bg,oklch(58.5%_0.233_277.117_/_0.2))] text-[color:var(--zui-timeline-indicator-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-timeline-indicator-indigo-fg-dark,oklch(93%_0.034_272.788))] ring-2 ring-[var(--zui-timeline-indicator-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))]\",\n  emerald:\n    \"border-[color:var(--zui-timeline-indicator-emerald-border,oklch(69.6%_0.17_162.48_/_0.6))] bg-[var(--zui-timeline-indicator-emerald-bg,oklch(69.6%_0.17_162.48_/_0.2))] text-[color:var(--zui-timeline-indicator-emerald-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-timeline-indicator-emerald-fg-dark,oklch(95%_0.052_163.051))] ring-2 ring-[var(--zui-timeline-indicator-emerald-ring,oklch(76.5%_0.177_163.223_/_0.3))]\",\n  gray: \"border-[color:var(--zui-timeline-indicator-gray-border,oklch(55.1%_0.027_264.364_/_0.6))] bg-[var(--zui-timeline-indicator-gray-bg,oklch(55.1%_0.027_264.364_/_0.2))] text-[color:var(--zui-timeline-indicator-gray-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-timeline-indicator-gray-fg-dark,oklch(96.7%_0.003_264.542))] ring-2 ring-[var(--zui-timeline-indicator-gray-ring,oklch(70.7%_0.022_261.325_/_0.3))]\",\n  violet:\n    \"border-[color:var(--zui-timeline-indicator-violet-border,oklch(60.6%_0.25_292.717_/_0.6))] bg-[var(--zui-timeline-indicator-violet-bg,oklch(60.6%_0.25_292.717_/_0.2))] text-[color:var(--zui-timeline-indicator-violet-fg,oklch(38%_0.189_293.745))] dark:text-[color:var(--zui-timeline-indicator-violet-fg-dark,oklch(94.3%_0.029_294.588))] ring-2 ring-[var(--zui-timeline-indicator-violet-ring,oklch(70.2%_0.183_293.541_/_0.3))]\",\n  \"gradient-blue\":\n    \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-blue-from,oklch(62.3%_0.214_259.815))] dark:from-[var(--zui-timeline-indicator-gradient-blue-from-dark,oklch(42.4%_0.199_265.638))] to-[var(--zui-timeline-indicator-gradient-blue-to,oklch(54.6%_0.245_262.881))] dark:to-[var(--zui-timeline-indicator-gradient-blue-to-dark,oklch(37.9%_0.146_265.522))] text-[color:var(--zui-timeline-indicator-gradient-blue-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-blue-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-blue-ring,oklch(70.7%_0.165_254.624_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-blue-ring-dark,oklch(42.4%_0.199_265.638_/_0.3))]\",\n  \"gradient-green\":\n    \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-green-from,oklch(72.3%_0.219_149.579))] dark:from-[var(--zui-timeline-indicator-gradient-green-from-dark,oklch(44.8%_0.119_151.328))] to-[var(--zui-timeline-indicator-gradient-green-to,oklch(62.7%_0.194_149.214))] dark:to-[var(--zui-timeline-indicator-gradient-green-to-dark,oklch(39.3%_0.095_152.535))] text-[color:var(--zui-timeline-indicator-gradient-green-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-green-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-green-ring,oklch(79.2%_0.209_151.711_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-green-ring-dark,oklch(44.8%_0.119_151.328_/_0.3))]\",\n  \"gradient-red\":\n    \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-red-from,oklch(63.7%_0.237_25.331))] dark:from-[var(--zui-timeline-indicator-gradient-red-from-dark,oklch(44.4%_0.177_26.899))] to-[var(--zui-timeline-indicator-gradient-red-to,oklch(57.7%_0.245_27.325))] dark:to-[var(--zui-timeline-indicator-gradient-red-to-dark,oklch(39.6%_0.141_25.723))] text-[color:var(--zui-timeline-indicator-gradient-red-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-red-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-red-ring,oklch(70.4%_0.191_22.216_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-red-ring-dark,oklch(44.4%_0.177_26.899_/_0.3))]\",\n  \"gradient-yellow\":\n    \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-yellow-from,oklch(85.2%_0.199_91.936))] dark:from-[var(--zui-timeline-indicator-gradient-yellow-from-dark,oklch(47.6%_0.114_61.907))] to-[var(--zui-timeline-indicator-gradient-yellow-to,oklch(79.5%_0.184_86.047))] dark:to-[var(--zui-timeline-indicator-gradient-yellow-to-dark,oklch(42.1%_0.095_57.708))] text-[color:var(--zui-timeline-indicator-gradient-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-timeline-indicator-gradient-yellow-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-yellow-ring-dark,oklch(47.6%_0.114_61.907_/_0.3))]\",\n  \"gradient-purple\":\n    \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-purple-from,oklch(71.4%_0.203_305.504))] dark:from-[var(--zui-timeline-indicator-gradient-purple-from-dark,oklch(43.8%_0.218_303.724))] to-[var(--zui-timeline-indicator-gradient-purple-to,oklch(62.7%_0.265_303.9))] dark:to-[var(--zui-timeline-indicator-gradient-purple-to-dark,oklch(38.1%_0.176_304.987))] text-[color:var(--zui-timeline-indicator-gradient-purple-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-purple-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-purple-ring-dark,oklch(43.8%_0.218_303.724_/_0.3))]\",\n  \"gradient-teal\":\n    \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-teal-from,oklch(77.7%_0.152_181.912))] dark:from-[var(--zui-timeline-indicator-gradient-teal-from-dark,oklch(43.7%_0.078_188.216))] to-[var(--zui-timeline-indicator-gradient-teal-to,oklch(70.4%_0.14_182.503))] dark:to-[var(--zui-timeline-indicator-gradient-teal-to-dark,oklch(38.6%_0.063_188.416))] text-[color:var(--zui-timeline-indicator-gradient-teal-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-teal-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-teal-ring-dark,oklch(43.7%_0.078_188.216_/_0.3))]\",\n  \"gradient-indigo\":\n    \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-indigo-from,oklch(67.3%_0.182_276.935))] dark:from-[var(--zui-timeline-indicator-gradient-indigo-from-dark,oklch(39.8%_0.195_277.366))] to-[var(--zui-timeline-indicator-gradient-indigo-to,oklch(58.5%_0.233_277.117))] dark:to-[var(--zui-timeline-indicator-gradient-indigo-to-dark,oklch(35.9%_0.144_278.697))] text-[color:var(--zui-timeline-indicator-gradient-indigo-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-indigo-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-indigo-ring-dark,oklch(39.8%_0.195_277.366_/_0.3))]\",\n  \"gradient-pink\":\n    \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-pink-from,oklch(71.8%_0.202_349.761))] dark:from-[var(--zui-timeline-indicator-gradient-pink-from-dark,oklch(45.9%_0.187_3.815))] to-[var(--zui-timeline-indicator-gradient-pink-to,oklch(65.6%_0.241_354.308))] dark:to-[var(--zui-timeline-indicator-gradient-pink-to-dark,oklch(40.8%_0.153_2.432))] text-[color:var(--zui-timeline-indicator-gradient-pink-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-pink-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-pink-ring-dark,oklch(45.9%_0.187_3.815_/_0.3))]\",\n  \"gradient-orange\":\n    \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-orange-from,oklch(75%_0.183_55.934))] dark:from-[var(--zui-timeline-indicator-gradient-orange-from-dark,oklch(47%_0.157_37.304))] to-[var(--zui-timeline-indicator-gradient-orange-to,oklch(70.5%_0.213_47.604))] dark:to-[var(--zui-timeline-indicator-gradient-orange-to-dark,oklch(40.8%_0.123_38.172))] text-[color:var(--zui-timeline-indicator-gradient-orange-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-orange-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-orange-ring,oklch(75%_0.183_55.934_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-orange-ring-dark,oklch(47%_0.157_37.304_/_0.3))]\",\n} as const;\n\nexport const zuiTimelineIndicatorSizes = {\n  sm: \"size-5 text-[0.625rem]\",\n  md: \"size-6 text-xs\",\n  lg: \"size-7 text-sm\",\n} as const;\n\nexport const zuiTimelineConnectorBase =\n  \"pointer-events-none absolute bottom-0 w-px -translate-x-1/2 rounded-full bg-[var(--zui-timeline-connector,#0000001f)] dark:bg-[var(--zui-timeline-connector-dark,#ffffff1f)]\";\n\nexport const zuiTimelineConnectorSizes = {\n  sm: \"left-2.5 top-6\",\n  md: \"left-3 top-7\",\n  lg: \"left-3.5 top-8\",\n} as const;\n\nexport const zuiTimelineContentBase = \"min-w-0 flex-1\";\n\nexport const zuiTimelineContentSizes = {\n  sm: \"pb-5\",\n  md: \"pb-6\",\n  lg: \"pb-8\",\n} as const;\n\nexport const zuiTimelineTitleBase =\n  \"font-semibold text-[color:var(--zui-timeline-title-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-timeline-title-fg-dark,#ffffff)]\";\n\nexport const zuiTimelineTitleSizes = {\n  sm: \"text-sm\",\n  md: \"text-sm\",\n  lg: \"text-base\",\n} as const;\n\nexport const zuiTimelineDescriptionBase =\n  \"text-[color:var(--zui-timeline-description-fg,oklch(44.6%_0.03_256.802))] dark:text-[color:var(--zui-timeline-description-fg-dark,oklch(70.4%_0.04_256.788))]\";\n\nexport const zuiTimelineDescriptionSizes = {\n  sm: \"text-xs\",\n  md: \"text-xs\",\n  lg: \"text-sm\",\n} as const;\n","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-Z4KHAD6Y.js → chunk-U3VV22G4.js}

@@ -22,15 +22,15 @@ var zuiTimelineIndicatorAppearances = {
   emerald: "border-[color:var(--zui-timeline-indicator-emerald-border,oklch(69.6%_0.17_162.48_/_0.6))] bg-[var(--zui-timeline-indicator-emerald-bg,oklch(69.6%_0.17_162.48_/_0.2))] text-[color:var(--zui-timeline-indicator-emerald-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-timeline-indicator-emerald-fg-dark,oklch(95%_0.052_163.051))] ring-2 ring-[var(--zui-timeline-indicator-emerald-ring,oklch(76.5%_0.177_163.223_/_0.3))]",
   gray: "border-[color:var(--zui-timeline-indicator-gray-border,oklch(55.1%_0.027_264.364_/_0.6))] bg-[var(--zui-timeline-indicator-gray-bg,oklch(55.1%_0.027_264.364_/_0.2))] text-[color:var(--zui-timeline-indicator-gray-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-timeline-indicator-gray-fg-dark,oklch(96.7%_0.003_264.542))] ring-2 ring-[var(--zui-timeline-indicator-gray-ring,oklch(70.7%_0.022_261.325_/_0.3))]",
   violet: "border-[color:var(--zui-timeline-indicator-violet-border,oklch(60.6%_0.25_292.717_/_0.6))] bg-[var(--zui-timeline-indicator-violet-bg,oklch(60.6%_0.25_292.717_/_0.2))] text-[color:var(--zui-timeline-indicator-violet-fg,oklch(38%_0.189_293.745))] dark:text-[color:var(--zui-timeline-indicator-violet-fg-dark,oklch(94.3%_0.029_294.588))] ring-2 ring-[var(--zui-timeline-indicator-violet-ring,oklch(70.2%_0.183_293.541_/_0.3))]",
-  "gradient-blue": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-blue-from,oklch(62.3%_0.214_259.815))] to-[var(--zui-timeline-indicator-gradient-blue-to,oklch(54.6%_0.245_262.881))] text-[color:var(--zui-timeline-indicator-gradient-blue-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-blue-ring,oklch(70.7%_0.165_254.624_/_0.3))]",
-  "gradient-green": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-green-from,oklch(72.3%_0.219_149.579))] to-[var(--zui-timeline-indicator-gradient-green-to,oklch(62.7%_0.194_149.214))] text-[color:var(--zui-timeline-indicator-gradient-green-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-green-ring,oklch(79.2%_0.209_151.711_/_0.3))]",
-  "gradient-red": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-red-from,oklch(63.7%_0.237_25.331))] to-[var(--zui-timeline-indicator-gradient-red-to,oklch(57.7%_0.245_27.325))] text-[color:var(--zui-timeline-indicator-gradient-red-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-red-ring,oklch(70.4%_0.191_22.216_/_0.3))]",
-  "gradient-yellow": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-yellow-from,oklch(85.2%_0.199_91.936))] to-[var(--zui-timeline-indicator-gradient-yellow-to,oklch(79.5%_0.184_86.047))] text-[color:var(--zui-timeline-indicator-gradient-yellow-fg,oklch(42.1%_0.095_57.708))] ring-2 ring-[var(--zui-timeline-indicator-gradient-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))]",
-  "gradient-purple": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-purple-from,oklch(71.4%_0.203_305.504))] to-[var(--zui-timeline-indicator-gradient-purple-to,oklch(62.7%_0.265_303.9))] text-[color:var(--zui-timeline-indicator-gradient-purple-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))]",
-  "gradient-teal": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-teal-from,oklch(77.7%_0.152_181.912))] to-[var(--zui-timeline-indicator-gradient-teal-to,oklch(70.4%_0.14_182.503))] text-[color:var(--zui-timeline-indicator-gradient-teal-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))]",
-  "gradient-indigo": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-indigo-from,oklch(67.3%_0.182_276.935))] to-[var(--zui-timeline-indicator-gradient-indigo-to,oklch(58.5%_0.233_277.117))] text-[color:var(--zui-timeline-indicator-gradient-indigo-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))]",
-  "gradient-pink": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-pink-from,oklch(71.8%_0.202_349.761))] to-[var(--zui-timeline-indicator-gradient-pink-to,oklch(65.6%_0.241_354.308))] text-[color:var(--zui-timeline-indicator-gradient-pink-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))]",
-  "gradient-orange": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-orange-from,oklch(75%_0.183_55.934))] to-[var(--zui-timeline-indicator-gradient-orange-to,oklch(70.5%_0.213_47.604))] text-[color:var(--zui-timeline-indicator-gradient-orange-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-orange-ring,oklch(75%_0.183_55.934_/_0.3))]"
+  "gradient-blue": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-blue-from,oklch(62.3%_0.214_259.815))] dark:from-[var(--zui-timeline-indicator-gradient-blue-from-dark,oklch(42.4%_0.199_265.638))] to-[var(--zui-timeline-indicator-gradient-blue-to,oklch(54.6%_0.245_262.881))] dark:to-[var(--zui-timeline-indicator-gradient-blue-to-dark,oklch(37.9%_0.146_265.522))] text-[color:var(--zui-timeline-indicator-gradient-blue-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-blue-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-blue-ring,oklch(70.7%_0.165_254.624_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-blue-ring-dark,oklch(42.4%_0.199_265.638_/_0.3))]",
+  "gradient-green": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-green-from,oklch(72.3%_0.219_149.579))] dark:from-[var(--zui-timeline-indicator-gradient-green-from-dark,oklch(44.8%_0.119_151.328))] to-[var(--zui-timeline-indicator-gradient-green-to,oklch(62.7%_0.194_149.214))] dark:to-[var(--zui-timeline-indicator-gradient-green-to-dark,oklch(39.3%_0.095_152.535))] text-[color:var(--zui-timeline-indicator-gradient-green-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-green-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-green-ring,oklch(79.2%_0.209_151.711_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-green-ring-dark,oklch(44.8%_0.119_151.328_/_0.3))]",
+  "gradient-red": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-red-from,oklch(63.7%_0.237_25.331))] dark:from-[var(--zui-timeline-indicator-gradient-red-from-dark,oklch(44.4%_0.177_26.899))] to-[var(--zui-timeline-indicator-gradient-red-to,oklch(57.7%_0.245_27.325))] dark:to-[var(--zui-timeline-indicator-gradient-red-to-dark,oklch(39.6%_0.141_25.723))] text-[color:var(--zui-timeline-indicator-gradient-red-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-red-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-red-ring,oklch(70.4%_0.191_22.216_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-red-ring-dark,oklch(44.4%_0.177_26.899_/_0.3))]",
+  "gradient-yellow": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-yellow-from,oklch(85.2%_0.199_91.936))] dark:from-[var(--zui-timeline-indicator-gradient-yellow-from-dark,oklch(47.6%_0.114_61.907))] to-[var(--zui-timeline-indicator-gradient-yellow-to,oklch(79.5%_0.184_86.047))] dark:to-[var(--zui-timeline-indicator-gradient-yellow-to-dark,oklch(42.1%_0.095_57.708))] text-[color:var(--zui-timeline-indicator-gradient-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-timeline-indicator-gradient-yellow-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-yellow-ring-dark,oklch(47.6%_0.114_61.907_/_0.3))]",
+  "gradient-purple": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-purple-from,oklch(71.4%_0.203_305.504))] dark:from-[var(--zui-timeline-indicator-gradient-purple-from-dark,oklch(43.8%_0.218_303.724))] to-[var(--zui-timeline-indicator-gradient-purple-to,oklch(62.7%_0.265_303.9))] dark:to-[var(--zui-timeline-indicator-gradient-purple-to-dark,oklch(38.1%_0.176_304.987))] text-[color:var(--zui-timeline-indicator-gradient-purple-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-purple-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-purple-ring-dark,oklch(43.8%_0.218_303.724_/_0.3))]",
+  "gradient-teal": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-teal-from,oklch(77.7%_0.152_181.912))] dark:from-[var(--zui-timeline-indicator-gradient-teal-from-dark,oklch(43.7%_0.078_188.216))] to-[var(--zui-timeline-indicator-gradient-teal-to,oklch(70.4%_0.14_182.503))] dark:to-[var(--zui-timeline-indicator-gradient-teal-to-dark,oklch(38.6%_0.063_188.416))] text-[color:var(--zui-timeline-indicator-gradient-teal-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-teal-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-teal-ring-dark,oklch(43.7%_0.078_188.216_/_0.3))]",
+  "gradient-indigo": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-indigo-from,oklch(67.3%_0.182_276.935))] dark:from-[var(--zui-timeline-indicator-gradient-indigo-from-dark,oklch(39.8%_0.195_277.366))] to-[var(--zui-timeline-indicator-gradient-indigo-to,oklch(58.5%_0.233_277.117))] dark:to-[var(--zui-timeline-indicator-gradient-indigo-to-dark,oklch(35.9%_0.144_278.697))] text-[color:var(--zui-timeline-indicator-gradient-indigo-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-indigo-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-indigo-ring-dark,oklch(39.8%_0.195_277.366_/_0.3))]",
+  "gradient-pink": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-pink-from,oklch(71.8%_0.202_349.761))] dark:from-[var(--zui-timeline-indicator-gradient-pink-from-dark,oklch(45.9%_0.187_3.815))] to-[var(--zui-timeline-indicator-gradient-pink-to,oklch(65.6%_0.241_354.308))] dark:to-[var(--zui-timeline-indicator-gradient-pink-to-dark,oklch(40.8%_0.153_2.432))] text-[color:var(--zui-timeline-indicator-gradient-pink-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-pink-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-pink-ring-dark,oklch(45.9%_0.187_3.815_/_0.3))]",
+  "gradient-orange": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-orange-from,oklch(75%_0.183_55.934))] dark:from-[var(--zui-timeline-indicator-gradient-orange-from-dark,oklch(47%_0.157_37.304))] to-[var(--zui-timeline-indicator-gradient-orange-to,oklch(70.5%_0.213_47.604))] dark:to-[var(--zui-timeline-indicator-gradient-orange-to-dark,oklch(40.8%_0.123_38.172))] text-[color:var(--zui-timeline-indicator-gradient-orange-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-orange-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-orange-ring,oklch(75%_0.183_55.934_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-orange-ring-dark,oklch(47%_0.157_37.304_/_0.3))]"
 };
 var zuiTimelineIndicatorSizes = {
   sm: "size-5 text-[0.625rem]",
@@ -291,5 +291,5 @@ exports.timelineTitleVariants = timelineTitleVariants;
 exports.timelineVariants = timelineVariants;
 exports.useTimelineContext = useTimelineContext;
 exports.useTimelineIndex = useTimelineIndex;
-//# sourceMappingURL=chunk-Z4KHAD6Y.js.map
-//# sourceMappingURL=chunk-Z4KHAD6Y.js.map
+//# sourceMappingURL=chunk-U3VV22G4.js.map
+//# sourceMappingURL=chunk-U3VV22G4.js.map

package/dist/chunk-U3VV22G4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/timeline.ts","../src/ui/timeline/variants.ts","../src/ui/timeline/timeline-base.tsx"],"names":["cva","createContext","useContext","useMemo","Children","isValidElement","jsx","cn","jsxs"],"mappings":"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","file":"chunk-U3VV22G4.js","sourcesContent":["export const zuiTimelineBase = \"flex w-full flex-col\";\n\nexport const zuiTimelineItemBase = \"relative flex gap-4\";\n\nexport const zuiTimelineIndicatorBase =\n  \"relative z-[1] grid shrink-0 place-items-center rounded-full border font-semibold transition-colors\";\n\nexport const zuiTimelineIndicatorAppearances = {\n  default:\n    \"border-[color:var(--zui-timeline-indicator-default-border,oklch(55.1%_0.027_264.364_/_0.6))] bg-[var(--zui-timeline-indicator-default-bg,oklch(55.1%_0.027_264.364_/_0.2))] text-[color:var(--zui-timeline-indicator-default-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-timeline-indicator-default-fg-dark,oklch(96.7%_0.003_264.542))] ring-2 ring-[var(--zui-timeline-indicator-default-ring,oklch(70.7%_0.022_261.325_/_0.3))]\",\n  sky: \"border-[color:var(--zui-timeline-indicator-sky-border,oklch(68.5%_0.169_237.323_/_0.6))] bg-[var(--zui-timeline-indicator-sky-bg,oklch(68.5%_0.169_237.323_/_0.2))] text-[color:var(--zui-timeline-indicator-sky-fg,oklch(39.1%_0.09_240.876))] dark:text-[color:var(--zui-timeline-indicator-sky-fg-dark,oklch(95.1%_0.026_236.824))] ring-2 ring-[var(--zui-timeline-indicator-sky-ring,oklch(74.6%_0.16_232.661_/_0.3))]\",\n  rose: \"border-[color:var(--zui-timeline-indicator-rose-border,oklch(64.5%_0.246_16.439_/_0.6))] bg-[var(--zui-timeline-indicator-rose-bg,oklch(64.5%_0.246_16.439_/_0.2))] text-[color:var(--zui-timeline-indicator-rose-fg,oklch(41%_0.159_10.272))] dark:text-[color:var(--zui-timeline-indicator-rose-fg-dark,oklch(94.1%_0.03_12.58))] ring-2 ring-[var(--zui-timeline-indicator-rose-ring,oklch(71.2%_0.194_13.428_/_0.3))]\",\n  purple:\n    \"border-[color:var(--zui-timeline-indicator-purple-border,oklch(62.7%_0.265_303.9_/_0.6))] bg-[var(--zui-timeline-indicator-purple-bg,oklch(62.7%_0.265_303.9_/_0.2))] text-[color:var(--zui-timeline-indicator-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-timeline-indicator-purple-fg-dark,oklch(94.6%_0.033_307.174))] ring-2 ring-[var(--zui-timeline-indicator-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))]\",\n  pink: \"border-[color:var(--zui-timeline-indicator-pink-border,oklch(65.6%_0.241_354.308_/_0.6))] bg-[var(--zui-timeline-indicator-pink-bg,oklch(65.6%_0.241_354.308_/_0.2))] text-[color:var(--zui-timeline-indicator-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-timeline-indicator-pink-fg-dark,oklch(94.8%_0.028_342.258))] ring-2 ring-[var(--zui-timeline-indicator-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))]\",\n  orange:\n    \"border-[color:var(--zui-timeline-indicator-orange-border,oklch(70.5%_0.213_47.604_/_0.6))] bg-[var(--zui-timeline-indicator-orange-bg,oklch(70.5%_0.213_47.604_/_0.2))] text-[color:var(--zui-timeline-indicator-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-timeline-indicator-orange-fg-dark,oklch(95.4%_0.038_75.164))] ring-2 ring-[var(--zui-timeline-indicator-orange-ring,oklch(75%_0.183_55.934_/_0.3))]\",\n  yellow:\n    \"border-[color:var(--zui-timeline-indicator-yellow-border,oklch(79.5%_0.184_86.047_/_0.6))] bg-[var(--zui-timeline-indicator-yellow-bg,oklch(79.5%_0.184_86.047_/_0.2))] text-[color:var(--zui-timeline-indicator-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-timeline-indicator-yellow-fg-dark,oklch(97.3%_0.071_103.193))] ring-2 ring-[var(--zui-timeline-indicator-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))]\",\n  teal: \"border-[color:var(--zui-timeline-indicator-teal-border,oklch(70.4%_0.14_182.503_/_0.6))] bg-[var(--zui-timeline-indicator-teal-bg,oklch(70.4%_0.14_182.503_/_0.2))] text-[color:var(--zui-timeline-indicator-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-timeline-indicator-teal-fg-dark,oklch(95.3%_0.051_180.801))] ring-2 ring-[var(--zui-timeline-indicator-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))]\",\n  indigo:\n    \"border-[color:var(--zui-timeline-indicator-indigo-border,oklch(58.5%_0.233_277.117_/_0.6))] bg-[var(--zui-timeline-indicator-indigo-bg,oklch(58.5%_0.233_277.117_/_0.2))] text-[color:var(--zui-timeline-indicator-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-timeline-indicator-indigo-fg-dark,oklch(93%_0.034_272.788))] ring-2 ring-[var(--zui-timeline-indicator-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))]\",\n  emerald:\n    \"border-[color:var(--zui-timeline-indicator-emerald-border,oklch(69.6%_0.17_162.48_/_0.6))] bg-[var(--zui-timeline-indicator-emerald-bg,oklch(69.6%_0.17_162.48_/_0.2))] text-[color:var(--zui-timeline-indicator-emerald-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-timeline-indicator-emerald-fg-dark,oklch(95%_0.052_163.051))] ring-2 ring-[var(--zui-timeline-indicator-emerald-ring,oklch(76.5%_0.177_163.223_/_0.3))]\",\n  gray: \"border-[color:var(--zui-timeline-indicator-gray-border,oklch(55.1%_0.027_264.364_/_0.6))] bg-[var(--zui-timeline-indicator-gray-bg,oklch(55.1%_0.027_264.364_/_0.2))] text-[color:var(--zui-timeline-indicator-gray-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-timeline-indicator-gray-fg-dark,oklch(96.7%_0.003_264.542))] ring-2 ring-[var(--zui-timeline-indicator-gray-ring,oklch(70.7%_0.022_261.325_/_0.3))]\",\n  violet:\n    \"border-[color:var(--zui-timeline-indicator-violet-border,oklch(60.6%_0.25_292.717_/_0.6))] bg-[var(--zui-timeline-indicator-violet-bg,oklch(60.6%_0.25_292.717_/_0.2))] text-[color:var(--zui-timeline-indicator-violet-fg,oklch(38%_0.189_293.745))] dark:text-[color:var(--zui-timeline-indicator-violet-fg-dark,oklch(94.3%_0.029_294.588))] ring-2 ring-[var(--zui-timeline-indicator-violet-ring,oklch(70.2%_0.183_293.541_/_0.3))]\",\n  \"gradient-blue\":\n    \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-blue-from,oklch(62.3%_0.214_259.815))] dark:from-[var(--zui-timeline-indicator-gradient-blue-from-dark,oklch(42.4%_0.199_265.638))] to-[var(--zui-timeline-indicator-gradient-blue-to,oklch(54.6%_0.245_262.881))] dark:to-[var(--zui-timeline-indicator-gradient-blue-to-dark,oklch(37.9%_0.146_265.522))] text-[color:var(--zui-timeline-indicator-gradient-blue-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-blue-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-blue-ring,oklch(70.7%_0.165_254.624_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-blue-ring-dark,oklch(42.4%_0.199_265.638_/_0.3))]\",\n  \"gradient-green\":\n    \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-green-from,oklch(72.3%_0.219_149.579))] dark:from-[var(--zui-timeline-indicator-gradient-green-from-dark,oklch(44.8%_0.119_151.328))] to-[var(--zui-timeline-indicator-gradient-green-to,oklch(62.7%_0.194_149.214))] dark:to-[var(--zui-timeline-indicator-gradient-green-to-dark,oklch(39.3%_0.095_152.535))] text-[color:var(--zui-timeline-indicator-gradient-green-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-green-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-green-ring,oklch(79.2%_0.209_151.711_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-green-ring-dark,oklch(44.8%_0.119_151.328_/_0.3))]\",\n  \"gradient-red\":\n    \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-red-from,oklch(63.7%_0.237_25.331))] dark:from-[var(--zui-timeline-indicator-gradient-red-from-dark,oklch(44.4%_0.177_26.899))] to-[var(--zui-timeline-indicator-gradient-red-to,oklch(57.7%_0.245_27.325))] dark:to-[var(--zui-timeline-indicator-gradient-red-to-dark,oklch(39.6%_0.141_25.723))] text-[color:var(--zui-timeline-indicator-gradient-red-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-red-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-red-ring,oklch(70.4%_0.191_22.216_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-red-ring-dark,oklch(44.4%_0.177_26.899_/_0.3))]\",\n  \"gradient-yellow\":\n    \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-yellow-from,oklch(85.2%_0.199_91.936))] dark:from-[var(--zui-timeline-indicator-gradient-yellow-from-dark,oklch(47.6%_0.114_61.907))] to-[var(--zui-timeline-indicator-gradient-yellow-to,oklch(79.5%_0.184_86.047))] dark:to-[var(--zui-timeline-indicator-gradient-yellow-to-dark,oklch(42.1%_0.095_57.708))] text-[color:var(--zui-timeline-indicator-gradient-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-timeline-indicator-gradient-yellow-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-yellow-ring-dark,oklch(47.6%_0.114_61.907_/_0.3))]\",\n  \"gradient-purple\":\n    \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-purple-from,oklch(71.4%_0.203_305.504))] dark:from-[var(--zui-timeline-indicator-gradient-purple-from-dark,oklch(43.8%_0.218_303.724))] to-[var(--zui-timeline-indicator-gradient-purple-to,oklch(62.7%_0.265_303.9))] dark:to-[var(--zui-timeline-indicator-gradient-purple-to-dark,oklch(38.1%_0.176_304.987))] text-[color:var(--zui-timeline-indicator-gradient-purple-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-purple-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-purple-ring-dark,oklch(43.8%_0.218_303.724_/_0.3))]\",\n  \"gradient-teal\":\n    \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-teal-from,oklch(77.7%_0.152_181.912))] dark:from-[var(--zui-timeline-indicator-gradient-teal-from-dark,oklch(43.7%_0.078_188.216))] to-[var(--zui-timeline-indicator-gradient-teal-to,oklch(70.4%_0.14_182.503))] dark:to-[var(--zui-timeline-indicator-gradient-teal-to-dark,oklch(38.6%_0.063_188.416))] text-[color:var(--zui-timeline-indicator-gradient-teal-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-teal-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-teal-ring-dark,oklch(43.7%_0.078_188.216_/_0.3))]\",\n  \"gradient-indigo\":\n    \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-indigo-from,oklch(67.3%_0.182_276.935))] dark:from-[var(--zui-timeline-indicator-gradient-indigo-from-dark,oklch(39.8%_0.195_277.366))] to-[var(--zui-timeline-indicator-gradient-indigo-to,oklch(58.5%_0.233_277.117))] dark:to-[var(--zui-timeline-indicator-gradient-indigo-to-dark,oklch(35.9%_0.144_278.697))] text-[color:var(--zui-timeline-indicator-gradient-indigo-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-indigo-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-indigo-ring-dark,oklch(39.8%_0.195_277.366_/_0.3))]\",\n  \"gradient-pink\":\n    \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-pink-from,oklch(71.8%_0.202_349.761))] dark:from-[var(--zui-timeline-indicator-gradient-pink-from-dark,oklch(45.9%_0.187_3.815))] to-[var(--zui-timeline-indicator-gradient-pink-to,oklch(65.6%_0.241_354.308))] dark:to-[var(--zui-timeline-indicator-gradient-pink-to-dark,oklch(40.8%_0.153_2.432))] text-[color:var(--zui-timeline-indicator-gradient-pink-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-pink-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-pink-ring-dark,oklch(45.9%_0.187_3.815_/_0.3))]\",\n  \"gradient-orange\":\n    \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-orange-from,oklch(75%_0.183_55.934))] dark:from-[var(--zui-timeline-indicator-gradient-orange-from-dark,oklch(47%_0.157_37.304))] to-[var(--zui-timeline-indicator-gradient-orange-to,oklch(70.5%_0.213_47.604))] dark:to-[var(--zui-timeline-indicator-gradient-orange-to-dark,oklch(40.8%_0.123_38.172))] text-[color:var(--zui-timeline-indicator-gradient-orange-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-orange-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-orange-ring,oklch(75%_0.183_55.934_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-orange-ring-dark,oklch(47%_0.157_37.304_/_0.3))]\",\n} as const;\n\nexport const zuiTimelineIndicatorSizes = {\n  sm: \"size-5 text-[0.625rem]\",\n  md: \"size-6 text-xs\",\n  lg: \"size-7 text-sm\",\n} as const;\n\nexport const zuiTimelineConnectorBase =\n  \"pointer-events-none absolute bottom-0 w-px -translate-x-1/2 rounded-full bg-[var(--zui-timeline-connector,#0000001f)] dark:bg-[var(--zui-timeline-connector-dark,#ffffff1f)]\";\n\nexport const zuiTimelineConnectorSizes = {\n  sm: \"left-2.5 top-6\",\n  md: \"left-3 top-7\",\n  lg: \"left-3.5 top-8\",\n} as const;\n\nexport const zuiTimelineContentBase = \"min-w-0 flex-1\";\n\nexport const zuiTimelineContentSizes = {\n  sm: \"pb-5\",\n  md: \"pb-6\",\n  lg: \"pb-8\",\n} as const;\n\nexport const zuiTimelineTitleBase =\n  \"font-semibold text-[color:var(--zui-timeline-title-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-timeline-title-fg-dark,#ffffff)]\";\n\nexport const zuiTimelineTitleSizes = {\n  sm: \"text-sm\",\n  md: \"text-sm\",\n  lg: \"text-base\",\n} as const;\n\nexport const zuiTimelineDescriptionBase =\n  \"text-[color:var(--zui-timeline-description-fg,oklch(44.6%_0.03_256.802))] dark:text-[color:var(--zui-timeline-description-fg-dark,oklch(70.4%_0.04_256.788))]\";\n\nexport const zuiTimelineDescriptionSizes = {\n  sm: \"text-xs\",\n  md: \"text-xs\",\n  lg: \"text-sm\",\n} as const;\n","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/design-system/dynamic-stepper.d.ts

@@ -3,7 +3,6 @@ type GradientButtonAppearance = "gradient-blue" | "gradient-green" | "gradient-r
 export type ZuiDynamicStepperIndicatorToneAppearance = Exclude<keyof typeof zuiButtonAppearances, GradientButtonAppearance>;
 export type ZuiDynamicStepperIndicatorSemanticState = "complete" | "current" | "upcoming";
 export declare const zuiDynamicStepperIndicatorToneClasses: Record<ZuiDynamicStepperIndicatorToneAppearance, Record<ZuiDynamicStepperIndicatorSemanticState, string>>;
-export declare function zuiDynamicStepperIndicatorToneClass(state: ZuiDynamicStepperIndicatorSemanticState, tone: ZuiDynamicStepperIndicatorToneAppearance): string;
 export declare const zuiDynamicStepperRootBase = "flex w-full";
 export declare const zuiDynamicStepperRootOrientations: {
     readonly horizontal: "flex-row flex-wrap items-start justify-between gap-4 md:flex-nowrap md:items-center";

package/dist/design-system/dynamic-stepper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic-stepper.d.ts","sourceRoot":"","sources":["../../src/design-system/dynamic-stepper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAErD,KAAK,wBAAwB,GACzB,eAAe,GACf,gBAAgB,GAChB,cAAc,GACd,iBAAiB,GACjB,iBAAiB,GACjB,eAAe,GACf,iBAAiB,GACjB,eAAe,GACf,iBAAiB,CAAC;AAEtB,MAAM,MAAM,wCAAwC,GAAG,OAAO,CAC5D,MAAM,OAAO,oBAAoB,EACjC,wBAAwB,CACzB,CAAC;AAEF,MAAM,MAAM,uCAAuC,GAC/C,UAAU,GACV,SAAS,GACT,UAAU,CAAC;AAEf,eAAO,MAAM,qCAAqC,EAAE,MAAM,CACxD,wCAAwC,EACxC,MAAM,CAAC,uCAAuC,EAAE,MAAM,CAAC,CA0JxD,CAAC;AAEF,wBAAgB,mCAAmC,CACjD,KAAK,EAAE,uCAAuC,EAC9C,IAAI,EAAE,wCAAwC,GAC7C,MAAM,CAER;AAED,eAAO,MAAM,yBAAyB,gBAAgB,CAAC;AAEvD,eAAO,MAAM,iCAAiC;;;CAIpC,CAAC;AAEX,eAAO,MAAM,2BAA2B,qCAAqC,CAAC;AAE9E,eAAO,MAAM,mCAAmC;;;CAGtC,CAAC;AAEX,eAAO,MAAM,yBAAyB,wBAAwB,CAAC;AAE/D,eAAO,MAAM,iCAAiC;;;CAGpC,CAAC;AAEX,eAAO,MAAM,8BAA8B,wGAC4D,CAAC;AAExG,eAAO,MAAM,+BAA+B;;;;CAIlC,CAAC"}
+{"version":3,"file":"dynamic-stepper.d.ts","sourceRoot":"","sources":["../../src/design-system/dynamic-stepper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAErD,KAAK,wBAAwB,GACzB,eAAe,GACf,gBAAgB,GAChB,cAAc,GACd,iBAAiB,GACjB,iBAAiB,GACjB,eAAe,GACf,iBAAiB,GACjB,eAAe,GACf,iBAAiB,CAAC;AAEtB,MAAM,MAAM,wCAAwC,GAAG,OAAO,CAC5D,MAAM,OAAO,oBAAoB,EACjC,wBAAwB,CACzB,CAAC;AAEF,MAAM,MAAM,uCAAuC,GAC/C,UAAU,GACV,SAAS,GACT,UAAU,CAAC;AAEf,eAAO,MAAM,qCAAqC,EAAE,MAAM,CACxD,wCAAwC,EACxC,MAAM,CAAC,uCAAuC,EAAE,MAAM,CAAC,CA0JxD,CAAC;AAEF,eAAO,MAAM,yBAAyB,gBAAgB,CAAC;AAEvD,eAAO,MAAM,iCAAiC;;;CAIpC,CAAC;AAEX,eAAO,MAAM,2BAA2B,qCAAqC,CAAC;AAE9E,eAAO,MAAM,mCAAmC;;;CAGtC,CAAC;AAEX,eAAO,MAAM,yBAAyB,wBAAwB,CAAC;AAE/D,eAAO,MAAM,iCAAiC;;;CAGpC,CAAC;AAEX,eAAO,MAAM,8BAA8B,wGAC4D,CAAC;AAExG,eAAO,MAAM,+BAA+B;;;;CAIlC,CAAC"}

package/dist/design-system/inputs.d.ts

@@ -24,6 +24,71 @@ export declare const zuiInputSizes: {
     readonly md: "h-9 md:h-11 px-4 text-sm";
     readonly lg: "h-10 md:h-12 px-5 text-base";
 };
+export declare const zuiInputTextareaSizes: {
+    readonly sm: "min-h-[5rem]";
+    readonly md: "min-h-[6rem]";
+    readonly lg: "min-h-[7.5rem]";
+};
+export declare const zuiInputFileSizes: {
+    readonly sm: "h-8 text-xs pl-1 file:h-8 file:px-3 file:text-xs";
+    readonly md: "h-9 md:h-11 text-sm pl-1 file:h-9 md:file:h-11 file:px-4 file:text-sm";
+    readonly lg: "h-10 md:h-12 text-base pl-1 file:h-10 md:file:h-12 file:px-5 file:text-base";
+};
+export declare const zuiInputFileAppearances: {
+    readonly default: "file:text-[color:var(--zui-input-file-default-fg,#334155)] dark:file:text-[color:var(--zui-input-file-default-fg-dark,#e2e8f0)]";
+    readonly warning: "file:bg-[var(--zui-input-file-warning-bg,#eab30833)] dark:file:bg-[var(--zui-input-file-warning-bg-dark,#eab30833)] file:text-[color:var(--zui-input-file-warning-fg,#854d0e)] dark:file:text-[color:var(--zui-input-file-warning-fg-dark,#fef08a)] file:border-[color:var(--zui-input-file-warning-border,#eab30866)] dark:file:border-[color:var(--zui-input-file-warning-border-dark,#eab30866)] hover:file:bg-[var(--zui-input-file-warning-bg-hover,#eab3084d)] dark:hover:file:bg-[var(--zui-input-file-warning-bg-hover-dark,#eab3084d)]";
+    readonly error: "file:bg-[var(--zui-input-file-error-bg,#f43f5e33)] dark:file:bg-[var(--zui-input-file-error-bg-dark,#f43f5e33)] file:text-[color:var(--zui-input-file-error-fg,#9f1239)] dark:file:text-[color:var(--zui-input-file-error-fg-dark,#fecdd3)] file:border-[color:var(--zui-input-file-error-border,#f43f5e66)] dark:file:border-[color:var(--zui-input-file-error-border-dark,#f43f5e66)] hover:file:bg-[var(--zui-input-file-error-bg-hover,#f43f5e4d)] dark:hover:file:bg-[var(--zui-input-file-error-bg-hover-dark,#f43f5e4d)]";
+    readonly success: "file:bg-[var(--zui-input-file-success-bg,#10b98133)] dark:file:bg-[var(--zui-input-file-success-bg-dark,#10b98133)] file:text-[color:var(--zui-input-file-success-fg,#065f46)] dark:file:text-[color:var(--zui-input-file-success-fg-dark,#a7f3d0)] file:border-[color:var(--zui-input-file-success-border,#10b98166)] dark:file:border-[color:var(--zui-input-file-success-border-dark,#10b98166)] hover:file:bg-[var(--zui-input-file-success-bg-hover,#10b9814d)] dark:hover:file:bg-[var(--zui-input-file-success-bg-hover-dark,#10b9814d)]";
+    readonly info: "file:bg-[var(--zui-input-file-info-bg,#3b82f633)] dark:file:bg-[var(--zui-input-file-info-bg-dark,#3b82f633)] file:text-[color:var(--zui-input-file-info-fg,#1e40af)] dark:file:text-[color:var(--zui-input-file-info-fg-dark,#bfdbfe)] file:border-[color:var(--zui-input-file-info-border,#3b82f666)] dark:file:border-[color:var(--zui-input-file-info-border-dark,#3b82f666)] hover:file:bg-[var(--zui-input-file-info-bg-hover,#3b82f64d)] dark:hover:file:bg-[var(--zui-input-file-info-bg-hover-dark,#3b82f64d)]";
+    readonly violet: "file:bg-[var(--zui-input-file-violet-bg,#8b5cf633)] dark:file:bg-[var(--zui-input-file-violet-bg-dark,#8b5cf633)] file:text-[color:var(--zui-input-file-violet-fg,#5b21b6)] dark:file:text-[color:var(--zui-input-file-violet-fg-dark,#ddd6fe)] file:border-[color:var(--zui-input-file-violet-border,#8b5cf666)] dark:file:border-[color:var(--zui-input-file-violet-border-dark,#8b5cf666)] hover:file:bg-[var(--zui-input-file-violet-bg-hover,#8b5cf64d)] dark:hover:file:bg-[var(--zui-input-file-violet-bg-hover-dark,#8b5cf64d)]";
+    readonly amber: "file:bg-[var(--zui-input-file-amber-bg,#f59e0b33)] dark:file:bg-[var(--zui-input-file-amber-bg-dark,#f59e0b33)] file:text-[color:var(--zui-input-file-amber-fg,#92400e)] dark:file:text-[color:var(--zui-input-file-amber-fg-dark,#fde68a)] file:border-[color:var(--zui-input-file-amber-border,#f59e0b66)] dark:file:border-[color:var(--zui-input-file-amber-border-dark,#f59e0b66)] hover:file:bg-[var(--zui-input-file-amber-bg-hover,#f59e0b4d)] dark:hover:file:bg-[var(--zui-input-file-amber-bg-hover-dark,#f59e0b4d)]";
+    readonly pink: "file:bg-[var(--zui-input-file-pink-bg,#ec489933)] dark:file:bg-[var(--zui-input-file-pink-bg-dark,#ec489933)] file:text-[color:var(--zui-input-file-pink-fg,#9d174d)] dark:file:text-[color:var(--zui-input-file-pink-fg-dark,#fbcfe8)] file:border-[color:var(--zui-input-file-pink-border,#ec489966)] dark:file:border-[color:var(--zui-input-file-pink-border-dark,#ec489966)] hover:file:bg-[var(--zui-input-file-pink-bg-hover,#ec48994d)] dark:hover:file:bg-[var(--zui-input-file-pink-bg-hover-dark,#ec48994d)]";
+    readonly indigo: "file:bg-[var(--zui-input-file-indigo-bg,#6366f133)] dark:file:bg-[var(--zui-input-file-indigo-bg-dark,#6366f133)] file:text-[color:var(--zui-input-file-indigo-fg,#3730a3)] dark:file:text-[color:var(--zui-input-file-indigo-fg-dark,#c7d2fe)] file:border-[color:var(--zui-input-file-indigo-border,#6366f166)] dark:file:border-[color:var(--zui-input-file-indigo-border-dark,#6366f166)] hover:file:bg-[var(--zui-input-file-indigo-bg-hover,#6366f14d)] dark:hover:file:bg-[var(--zui-input-file-indigo-bg-hover-dark,#6366f14d)]";
+};
+export declare const zuiInputCheckboxSizes: {
+    readonly sm: "h-4! w-4! min-h-0! rounded-[0.35rem]! px-0! py-0!";
+    readonly md: "h-5! w-5! min-h-0! rounded-md! px-0! py-0!";
+    readonly lg: "h-6! w-6! min-h-0! rounded-md! px-0! py-0!";
+};
+export declare const zuiInputRadioSizes: {
+    readonly sm: "h-4! w-4! min-h-0! px-0! py-0!";
+    readonly md: "h-5! w-5! min-h-0! px-0! py-0!";
+    readonly lg: "h-6! w-6! min-h-0! px-0! py-0!";
+};
+export declare const zuiInputCheckboxAppearances: {
+    readonly default: "border-[color:var(--zui-input-checkbox-default-border,#94a3b8b3)]! dark:border-[color:var(--zui-input-checkbox-default-border-dark,#94a3b8b3)]! checked:border-[color:var(--zui-input-checkbox-default-border-checked,#334155)] dark:checked:border-[color:var(--zui-input-checkbox-default-border-checked-dark,#e2e8f0)] checked:text-[color:var(--zui-input-checkbox-default-fg-checked,#334155)] dark:checked:text-[color:var(--zui-input-checkbox-default-fg-checked-dark,#e2e8f0)] hover:border-[color:var(--zui-input-checkbox-default-border-hover,#475569)] dark:hover:border-[color:var(--zui-input-checkbox-default-border-hover-dark,#cbd5e1)] focus-visible:border-[color:var(--zui-input-checkbox-default-border-focus,#475569)] dark:focus-visible:border-[color:var(--zui-input-checkbox-default-border-focus-dark,#cbd5e1)] focus-visible:ring-[var(--zui-input-checkbox-default-ring-focus,#64748bb3)] dark:focus-visible:ring-[var(--zui-input-checkbox-default-ring-focus-dark,#94a3b8b3)]";
+    readonly warning: "border-[color:var(--zui-input-checkbox-warning-border,#eab308b3)]! dark:border-[color:var(--zui-input-checkbox-warning-border-dark,#eab308b3)]! checked:border-[color:var(--zui-input-checkbox-warning-border-checked,#ca8a04)] dark:checked:border-[color:var(--zui-input-checkbox-warning-border-checked-dark,#facc15)] checked:text-[color:var(--zui-input-checkbox-warning-fg-checked,#a16207)] dark:checked:text-[color:var(--zui-input-checkbox-warning-fg-checked-dark,#fde047)] hover:border-[color:var(--zui-input-checkbox-warning-border-hover,#ca8a04)] dark:hover:border-[color:var(--zui-input-checkbox-warning-border-hover-dark,#facc15)] focus-visible:border-[color:var(--zui-input-checkbox-warning-border-focus,#ca8a04)] dark:focus-visible:border-[color:var(--zui-input-checkbox-warning-border-focus-dark,#facc15)] focus-visible:ring-[var(--zui-input-checkbox-warning-ring-focus,#facc15cc)] dark:focus-visible:ring-[var(--zui-input-checkbox-warning-ring-focus-dark,#facc15cc)]";
+    readonly error: "border-[color:var(--zui-input-checkbox-error-border,#f43f5eb3)]! dark:border-[color:var(--zui-input-checkbox-error-border-dark,#f43f5eb3)]! checked:border-[color:var(--zui-input-checkbox-error-border-checked,#e11d48)] dark:checked:border-[color:var(--zui-input-checkbox-error-border-checked-dark,#fb7185)] checked:text-[color:var(--zui-input-checkbox-error-fg-checked,#be123c)] dark:checked:text-[color:var(--zui-input-checkbox-error-fg-checked-dark,#fda4af)] hover:border-[color:var(--zui-input-checkbox-error-border-hover,#e11d48)] dark:hover:border-[color:var(--zui-input-checkbox-error-border-hover-dark,#fb7185)] focus-visible:border-[color:var(--zui-input-checkbox-error-border-focus,#e11d48)] dark:focus-visible:border-[color:var(--zui-input-checkbox-error-border-focus-dark,#fb7185)] focus-visible:ring-[var(--zui-input-checkbox-error-ring-focus,#fb7185cc)] dark:focus-visible:ring-[var(--zui-input-checkbox-error-ring-focus-dark,#fb7185cc)]";
+    readonly success: "border-[color:var(--zui-input-checkbox-success-border,#10b981b3)]! dark:border-[color:var(--zui-input-checkbox-success-border-dark,#10b981b3)]! checked:border-[color:var(--zui-input-checkbox-success-border-checked,#059669)] dark:checked:border-[color:var(--zui-input-checkbox-success-border-checked-dark,#34d399)] checked:text-[color:var(--zui-input-checkbox-success-fg-checked,#047857)] dark:checked:text-[color:var(--zui-input-checkbox-success-fg-checked-dark,#6ee7b7)] hover:border-[color:var(--zui-input-checkbox-success-border-hover,#059669)] dark:hover:border-[color:var(--zui-input-checkbox-success-border-hover-dark,#34d399)] focus-visible:border-[color:var(--zui-input-checkbox-success-border-focus,#059669)] dark:focus-visible:border-[color:var(--zui-input-checkbox-success-border-focus-dark,#34d399)] focus-visible:ring-[var(--zui-input-checkbox-success-ring-focus,#34d399cc)] dark:focus-visible:ring-[var(--zui-input-checkbox-success-ring-focus-dark,#34d399cc)]";
+    readonly info: "border-[color:var(--zui-input-checkbox-info-border,#3b82f6b3)]! dark:border-[color:var(--zui-input-checkbox-info-border-dark,#3b82f6b3)]! checked:border-[color:var(--zui-input-checkbox-info-border-checked,#2563eb)] dark:checked:border-[color:var(--zui-input-checkbox-info-border-checked-dark,#60a5fa)] checked:text-[color:var(--zui-input-checkbox-info-fg-checked,#1d4ed8)] dark:checked:text-[color:var(--zui-input-checkbox-info-fg-checked-dark,#93c5fd)] hover:border-[color:var(--zui-input-checkbox-info-border-hover,#2563eb)] dark:hover:border-[color:var(--zui-input-checkbox-info-border-hover-dark,#60a5fa)] focus-visible:border-[color:var(--zui-input-checkbox-info-border-focus,#2563eb)] dark:focus-visible:border-[color:var(--zui-input-checkbox-info-border-focus-dark,#60a5fa)] focus-visible:ring-[var(--zui-input-checkbox-info-ring-focus,#60a5facc)] dark:focus-visible:ring-[var(--zui-input-checkbox-info-ring-focus-dark,#60a5facc)]";
+    readonly violet: "border-[color:var(--zui-input-checkbox-violet-border,#8b5cf6b3)]! dark:border-[color:var(--zui-input-checkbox-violet-border-dark,#8b5cf6b3)]! checked:border-[color:var(--zui-input-checkbox-violet-border-checked,#7c3aed)] dark:checked:border-[color:var(--zui-input-checkbox-violet-border-checked-dark,#a78bfa)] checked:text-[color:var(--zui-input-checkbox-violet-fg-checked,#6d28d9)] dark:checked:text-[color:var(--zui-input-checkbox-violet-fg-checked-dark,#c4b5fd)] hover:border-[color:var(--zui-input-checkbox-violet-border-hover,#7c3aed)] dark:hover:border-[color:var(--zui-input-checkbox-violet-border-hover-dark,#a78bfa)] focus-visible:border-[color:var(--zui-input-checkbox-violet-border-focus,#7c3aed)] dark:focus-visible:border-[color:var(--zui-input-checkbox-violet-border-focus-dark,#a78bfa)] focus-visible:ring-[var(--zui-input-checkbox-violet-ring-focus,#a78bfacc)] dark:focus-visible:ring-[var(--zui-input-checkbox-violet-ring-focus-dark,#a78bfacc)]";
+    readonly amber: "border-[color:var(--zui-input-checkbox-amber-border,#f59e0bb3)]! dark:border-[color:var(--zui-input-checkbox-amber-border-dark,#f59e0bb3)]! checked:border-[color:var(--zui-input-checkbox-amber-border-checked,#fbbf24)]! dark:checked:border-[color:var(--zui-input-checkbox-amber-border-checked-dark,#fbbf24)]! checked:text-[color:var(--zui-input-checkbox-amber-fg-checked,#b45309)] dark:checked:text-[color:var(--zui-input-checkbox-amber-fg-checked-dark,#fcd34d)] hover:border-[color:var(--zui-input-checkbox-amber-border-hover,#fbbf24)]! dark:hover:border-[color:var(--zui-input-checkbox-amber-border-hover-dark,#fbbf24)]! focus-visible:border-[color:var(--zui-input-checkbox-amber-border-focus,#fbbf24)]! dark:focus-visible:border-[color:var(--zui-input-checkbox-amber-border-focus-dark,#fbbf24)]! focus-visible:ring-[var(--zui-input-checkbox-amber-ring-focus,#fbbf24cc)]! dark:focus-visible:ring-[var(--zui-input-checkbox-amber-ring-focus-dark,#fbbf24cc)]!";
+    readonly pink: "border-[color:var(--zui-input-checkbox-pink-border,#ec4899b3)]! dark:border-[color:var(--zui-input-checkbox-pink-border-dark,#ec4899b3)]! checked:border-[color:var(--zui-input-checkbox-pink-border-checked,#db2777)] dark:checked:border-[color:var(--zui-input-checkbox-pink-border-checked-dark,#f472b6)] checked:text-[color:var(--zui-input-checkbox-pink-fg-checked,#be185d)] dark:checked:text-[color:var(--zui-input-checkbox-pink-fg-checked-dark,#f9a8d4)] hover:border-[color:var(--zui-input-checkbox-pink-border-hover,#db2777)] dark:hover:border-[color:var(--zui-input-checkbox-pink-border-hover-dark,#f472b6)] focus-visible:border-[color:var(--zui-input-checkbox-pink-border-focus,#db2777)] dark:focus-visible:border-[color:var(--zui-input-checkbox-pink-border-focus-dark,#f472b6)] focus-visible:ring-[var(--zui-input-checkbox-pink-ring-focus,#f472b6cc)] dark:focus-visible:ring-[var(--zui-input-checkbox-pink-ring-focus-dark,#f472b6cc)]";
+    readonly indigo: "border-[color:var(--zui-input-checkbox-indigo-border,#6366f1b3)]! dark:border-[color:var(--zui-input-checkbox-indigo-border-dark,#6366f1b3)]! checked:border-[color:var(--zui-input-checkbox-indigo-border-checked,#818cf8)]! dark:checked:border-[color:var(--zui-input-checkbox-indigo-border-checked-dark,#818cf8)]! checked:text-[color:var(--zui-input-checkbox-indigo-fg-checked,#4338ca)] dark:checked:text-[color:var(--zui-input-checkbox-indigo-fg-checked-dark,#a5b4fc)] hover:border-[color:var(--zui-input-checkbox-indigo-border-hover,#818cf8)]! dark:hover:border-[color:var(--zui-input-checkbox-indigo-border-hover-dark,#818cf8)]! focus-visible:border-[color:var(--zui-input-checkbox-indigo-border-focus,#818cf8)]! dark:focus-visible:border-[color:var(--zui-input-checkbox-indigo-border-focus-dark,#818cf8)]! focus-visible:ring-[var(--zui-input-checkbox-indigo-ring-focus,#818cf8cc)]! dark:focus-visible:ring-[var(--zui-input-checkbox-indigo-ring-focus-dark,#818cf8cc)]!";
+};
+export declare const zuiInputRadioAppearances: {
+    readonly default: "border-[color:var(--zui-input-radio-default-border,#94a3b8b3)]! dark:border-[color:var(--zui-input-radio-default-border-dark,#94a3b8b3)]! checked:border-[color:var(--zui-input-radio-default-border-checked,#334155)] dark:checked:border-[color:var(--zui-input-radio-default-border-checked-dark,#e2e8f0)] checked:bg-[var(--zui-input-radio-default-bg-checked,transparent)]! dark:checked:bg-[var(--zui-input-radio-default-bg-checked-dark,transparent)]! checked:shadow-[inset_0_0_0_0.28rem_var(--zui-input-radio-default-dot,#e2e8f0)]! dark:checked:shadow-[inset_0_0_0_0.28rem_var(--zui-input-radio-default-dot-dark,#e2e8f0)]! hover:border-[color:var(--zui-input-radio-default-border-hover,#475569)] dark:hover:border-[color:var(--zui-input-radio-default-border-hover-dark,#cbd5e1)] focus-visible:border-[color:var(--zui-input-radio-default-border-focus,#475569)] dark:focus-visible:border-[color:var(--zui-input-radio-default-border-focus-dark,#cbd5e1)] focus-visible:ring-[var(--zui-input-radio-default-ring-focus,#64748bb3)] dark:focus-visible:ring-[var(--zui-input-radio-default-ring-focus-dark,#94a3b8b3)] checked:ring-2! checked:ring-offset-2! checked:ring-offset-[var(--zui-input-radio-default-ring-offset-checked,#ffffff)]! dark:checked:ring-offset-[var(--zui-input-radio-default-ring-offset-checked-dark,#020617)]! checked:ring-[var(--zui-input-radio-default-ring-checked,#cbd5e1e6)]!";
+    readonly warning: "border-[color:var(--zui-input-radio-warning-border,#eab308b3)]! dark:border-[color:var(--zui-input-radio-warning-border-dark,#eab308b3)]! checked:border-[color:var(--zui-input-radio-warning-border-checked,#ca8a04)] dark:checked:border-[color:var(--zui-input-radio-warning-border-checked-dark,#facc15)] checked:bg-[var(--zui-input-radio-warning-bg-checked,transparent)]! dark:checked:bg-[var(--zui-input-radio-warning-bg-checked-dark,transparent)]! checked:shadow-[inset_0_0_0_0.28rem_var(--zui-input-radio-warning-dot,#facc15)]! dark:checked:shadow-[inset_0_0_0_0.28rem_var(--zui-input-radio-warning-dot-dark,#facc15)]! hover:border-[color:var(--zui-input-radio-warning-border-hover,#ca8a04)] dark:hover:border-[color:var(--zui-input-radio-warning-border-hover-dark,#facc15)] focus-visible:border-[color:var(--zui-input-radio-warning-border-focus,#ca8a04)] dark:focus-visible:border-[color:var(--zui-input-radio-warning-border-focus-dark,#facc15)] focus-visible:ring-[var(--zui-input-radio-warning-ring-focus,#facc15cc)] dark:focus-visible:ring-[var(--zui-input-radio-warning-ring-focus-dark,#facc15cc)] checked:ring-2! checked:ring-offset-2! checked:ring-offset-[var(--zui-input-radio-warning-ring-offset-checked,#ffffff)]! dark:checked:ring-offset-[var(--zui-input-radio-warning-ring-offset-checked-dark,#020617)]! checked:ring-[var(--zui-input-radio-warning-ring-checked,#facc15e6)]!";
+    readonly error: "border-[color:var(--zui-input-radio-error-border,#f43f5eb3)]! dark:border-[color:var(--zui-input-radio-error-border-dark,#f43f5eb3)]! checked:border-[color:var(--zui-input-radio-error-border-checked,#e11d48)] dark:checked:border-[color:var(--zui-input-radio-error-border-checked-dark,#fb7185)] checked:bg-[var(--zui-input-radio-error-bg-checked,transparent)]! dark:checked:bg-[var(--zui-input-radio-error-bg-checked-dark,transparent)]! checked:shadow-[inset_0_0_0_0.28rem_var(--zui-input-radio-error-dot,#fb7185)]! dark:checked:shadow-[inset_0_0_0_0.28rem_var(--zui-input-radio-error-dot-dark,#fb7185)]! hover:border-[color:var(--zui-input-radio-error-border-hover,#e11d48)] dark:hover:border-[color:var(--zui-input-radio-error-border-hover-dark,#fb7185)] focus-visible:border-[color:var(--zui-input-radio-error-border-focus,#e11d48)] dark:focus-visible:border-[color:var(--zui-input-radio-error-border-focus-dark,#fb7185)] focus-visible:ring-[var(--zui-input-radio-error-ring-focus,#fb7185cc)] dark:focus-visible:ring-[var(--zui-input-radio-error-ring-focus-dark,#fb7185cc)] checked:ring-2! checked:ring-offset-2! checked:ring-offset-[var(--zui-input-radio-error-ring-offset-checked,#ffffff)]! dark:checked:ring-offset-[var(--zui-input-radio-error-ring-offset-checked-dark,#020617)]! checked:ring-[var(--zui-input-radio-error-ring-checked,#fb7185e6)]!";
+    readonly success: "border-[color:var(--zui-input-radio-success-border,#10b981b3)]! dark:border-[color:var(--zui-input-radio-success-border-dark,#10b981b3)]! checked:border-[color:var(--zui-input-radio-success-border-checked,#059669)] dark:checked:border-[color:var(--zui-input-radio-success-border-checked-dark,#34d399)] checked:bg-[var(--zui-input-radio-success-bg-checked,transparent)]! dark:checked:bg-[var(--zui-input-radio-success-bg-checked-dark,transparent)]! checked:shadow-[inset_0_0_0_0.28rem_var(--zui-input-radio-success-dot,#34d399)]! dark:checked:shadow-[inset_0_0_0_0.28rem_var(--zui-input-radio-success-dot-dark,#34d399)]! hover:border-[color:var(--zui-input-radio-success-border-hover,#059669)] dark:hover:border-[color:var(--zui-input-radio-success-border-hover-dark,#34d399)] focus-visible:border-[color:var(--zui-input-radio-success-border-focus,#059669)] dark:focus-visible:border-[color:var(--zui-input-radio-success-border-focus-dark,#34d399)] focus-visible:ring-[var(--zui-input-radio-success-ring-focus,#34d399cc)] dark:focus-visible:ring-[var(--zui-input-radio-success-ring-focus-dark,#34d399cc)] checked:ring-2! checked:ring-offset-2! checked:ring-offset-[var(--zui-input-radio-success-ring-offset-checked,#ffffff)]! dark:checked:ring-offset-[var(--zui-input-radio-success-ring-offset-checked-dark,#020617)]! checked:ring-[var(--zui-input-radio-success-ring-checked,#34d399e6)]!";
+    readonly info: "border-[color:var(--zui-input-radio-info-border,#3b82f6b3)]! dark:border-[color:var(--zui-input-radio-info-border-dark,#3b82f6b3)]! checked:border-[color:var(--zui-input-radio-info-border-checked,#2563eb)] dark:checked:border-[color:var(--zui-input-radio-info-border-checked-dark,#60a5fa)] checked:bg-[var(--zui-input-radio-info-bg-checked,transparent)]! dark:checked:bg-[var(--zui-input-radio-info-bg-checked-dark,transparent)]! checked:shadow-[inset_0_0_0_0.28rem_var(--zui-input-radio-info-dot,#60a5fa)]! dark:checked:shadow-[inset_0_0_0_0.28rem_var(--zui-input-radio-info-dot-dark,#60a5fa)]! hover:border-[color:var(--zui-input-radio-info-border-hover,#2563eb)] dark:hover:border-[color:var(--zui-input-radio-info-border-hover-dark,#60a5fa)] focus-visible:border-[color:var(--zui-input-radio-info-border-focus,#2563eb)] dark:focus-visible:border-[color:var(--zui-input-radio-info-border-focus-dark,#60a5fa)] focus-visible:ring-[var(--zui-input-radio-info-ring-focus,#60a5facc)] dark:focus-visible:ring-[var(--zui-input-radio-info-ring-focus-dark,#60a5facc)] checked:ring-2! checked:ring-offset-2! checked:ring-offset-[var(--zui-input-radio-info-ring-offset-checked,#ffffff)]! dark:checked:ring-offset-[var(--zui-input-radio-info-ring-offset-checked-dark,#020617)]! checked:ring-[var(--zui-input-radio-info-ring-checked,#60a5fae6)]!";
+    readonly violet: "border-[color:var(--zui-input-radio-violet-border,#8b5cf6b3)]! dark:border-[color:var(--zui-input-radio-violet-border-dark,#8b5cf6b3)]! checked:border-[color:var(--zui-input-radio-violet-border-checked,#7c3aed)] dark:checked:border-[color:var(--zui-input-radio-violet-border-checked-dark,#a78bfa)] checked:bg-[var(--zui-input-radio-violet-bg-checked,transparent)]! dark:checked:bg-[var(--zui-input-radio-violet-bg-checked-dark,transparent)]! checked:shadow-[inset_0_0_0_0.28rem_var(--zui-input-radio-violet-dot,#a78bfa)]! dark:checked:shadow-[inset_0_0_0_0.28rem_var(--zui-input-radio-violet-dot-dark,#a78bfa)]! hover:border-[color:var(--zui-input-radio-violet-border-hover,#7c3aed)] dark:hover:border-[color:var(--zui-input-radio-violet-border-hover-dark,#a78bfa)] focus-visible:border-[color:var(--zui-input-radio-violet-border-focus,#7c3aed)] dark:focus-visible:border-[color:var(--zui-input-radio-violet-border-focus-dark,#a78bfa)] focus-visible:ring-[var(--zui-input-radio-violet-ring-focus,#a78bfacc)] dark:focus-visible:ring-[var(--zui-input-radio-violet-ring-focus-dark,#a78bfacc)] checked:ring-2! checked:ring-offset-2! checked:ring-offset-[var(--zui-input-radio-violet-ring-offset-checked,#ffffff)]! dark:checked:ring-offset-[var(--zui-input-radio-violet-ring-offset-checked-dark,#020617)]! checked:ring-[var(--zui-input-radio-violet-ring-checked,#a78bfae6)]!";
+    readonly amber: "border-[color:var(--zui-input-radio-amber-border,#f59e0bb3)]! dark:border-[color:var(--zui-input-radio-amber-border-dark,#f59e0bb3)]! checked:border-[color:var(--zui-input-radio-amber-border-checked,#d97706)] dark:checked:border-[color:var(--zui-input-radio-amber-border-checked-dark,#fbbf24)] checked:bg-[var(--zui-input-radio-amber-bg-checked,transparent)]! dark:checked:bg-[var(--zui-input-radio-amber-bg-checked-dark,transparent)]! checked:shadow-[inset_0_0_0_0.28rem_var(--zui-input-radio-amber-dot,#fbbf24)]! dark:checked:shadow-[inset_0_0_0_0.28rem_var(--zui-input-radio-amber-dot-dark,#fbbf24)]! hover:border-[color:var(--zui-input-radio-amber-border-hover,#d97706)] dark:hover:border-[color:var(--zui-input-radio-amber-border-hover-dark,#fbbf24)] focus-visible:border-[color:var(--zui-input-radio-amber-border-focus,#d97706)] dark:focus-visible:border-[color:var(--zui-input-radio-amber-border-focus-dark,#fbbf24)] focus-visible:ring-[var(--zui-input-radio-amber-ring-focus,#fbbf24cc)] dark:focus-visible:ring-[var(--zui-input-radio-amber-ring-focus-dark,#fbbf24cc)] checked:ring-2! checked:ring-offset-2! checked:ring-offset-[var(--zui-input-radio-amber-ring-offset-checked,#ffffff)]! dark:checked:ring-offset-[var(--zui-input-radio-amber-ring-offset-checked-dark,#020617)]! checked:ring-[var(--zui-input-radio-amber-ring-checked,#fbbf24e6)]!";
+    readonly pink: "border-[color:var(--zui-input-radio-pink-border,#ec4899b3)]! dark:border-[color:var(--zui-input-radio-pink-border-dark,#ec4899b3)]! checked:border-[color:var(--zui-input-radio-pink-border-checked,#db2777)] dark:checked:border-[color:var(--zui-input-radio-pink-border-checked-dark,#f472b6)] checked:bg-[var(--zui-input-radio-pink-bg-checked,transparent)]! dark:checked:bg-[var(--zui-input-radio-pink-bg-checked-dark,transparent)]! checked:shadow-[inset_0_0_0_0.28rem_var(--zui-input-radio-pink-dot,#f472b6)]! dark:checked:shadow-[inset_0_0_0_0.28rem_var(--zui-input-radio-pink-dot-dark,#f472b6)]! hover:border-[color:var(--zui-input-radio-pink-border-hover,#db2777)] dark:hover:border-[color:var(--zui-input-radio-pink-border-hover-dark,#f472b6)] focus-visible:border-[color:var(--zui-input-radio-pink-border-focus,#db2777)] dark:focus-visible:border-[color:var(--zui-input-radio-pink-border-focus-dark,#f472b6)] focus-visible:ring-[var(--zui-input-radio-pink-ring-focus,#f472b6cc)] dark:focus-visible:ring-[var(--zui-input-radio-pink-ring-focus-dark,#f472b6cc)] checked:ring-2! checked:ring-offset-2! checked:ring-offset-[var(--zui-input-radio-pink-ring-offset-checked,#ffffff)]! dark:checked:ring-offset-[var(--zui-input-radio-pink-ring-offset-checked-dark,#020617)]! checked:ring-[var(--zui-input-radio-pink-ring-checked,#f472b6e6)]!";
+    readonly indigo: "border-[color:var(--zui-input-radio-indigo-border,#6366f1b3)]! dark:border-[color:var(--zui-input-radio-indigo-border-dark,#6366f1b3)]! checked:border-[color:var(--zui-input-radio-indigo-border-checked,#4f46e5)] dark:checked:border-[color:var(--zui-input-radio-indigo-border-checked-dark,#818cf8)] checked:bg-[var(--zui-input-radio-indigo-bg-checked,transparent)]! dark:checked:bg-[var(--zui-input-radio-indigo-bg-checked-dark,transparent)]! checked:shadow-[inset_0_0_0_0.28rem_var(--zui-input-radio-indigo-dot,#818cf8)]! dark:checked:shadow-[inset_0_0_0_0.28rem_var(--zui-input-radio-indigo-dot-dark,#818cf8)]! hover:border-[color:var(--zui-input-radio-indigo-border-hover,#4f46e5)] dark:hover:border-[color:var(--zui-input-radio-indigo-border-hover-dark,#818cf8)] focus-visible:border-[color:var(--zui-input-radio-indigo-border-focus,#4f46e5)] dark:focus-visible:border-[color:var(--zui-input-radio-indigo-border-focus-dark,#818cf8)] focus-visible:ring-[var(--zui-input-radio-indigo-ring-focus,#818cf8cc)] dark:focus-visible:ring-[var(--zui-input-radio-indigo-ring-focus-dark,#818cf8cc)] checked:ring-2! checked:ring-offset-2! checked:ring-offset-[var(--zui-input-radio-indigo-ring-offset-checked,#ffffff)]! dark:checked:ring-offset-[var(--zui-input-radio-indigo-ring-offset-checked-dark,#020617)]! checked:ring-[var(--zui-input-radio-indigo-ring-checked,#818cf8e6)]!";
+};
+export declare const zuiInputDateAppearances: {
+    readonly default: "bg-[var(--zui-input-date-default-bg,#ffffff)] dark:bg-[var(--zui-input-date-default-bg-dark,#000000)] border border-[color:var(--zui-input-date-default-border,#0000001a)] dark:border-[color:var(--zui-input-date-default-border-dark,#ffffffcc)] text-[color:var(--zui-input-date-default-fg,#000000)] dark:text-[color:var(--zui-input-date-default-fg-dark,#ffffff)]";
+    readonly warning: "bg-[var(--zui-input-date-warning-bg,#713f12)] dark:bg-[var(--zui-input-date-warning-bg-dark,transparent)] text-[color:var(--zui-input-date-warning-fg,#fefce8)] dark:text-[color:var(--zui-input-date-warning-fg-dark,#fefce8)]";
+    readonly error: "bg-[var(--zui-input-date-error-bg,#881337)] dark:bg-[var(--zui-input-date-error-bg-dark,transparent)] text-[color:var(--zui-input-date-error-fg,#fff1f2)] dark:text-[color:var(--zui-input-date-error-fg-dark,#fff1f2)]";
+    readonly success: "bg-[var(--zui-input-date-success-bg,#064e3b)] dark:bg-[var(--zui-input-date-success-bg-dark,transparent)] text-[color:var(--zui-input-date-success-fg,#ecfdf5)] dark:text-[color:var(--zui-input-date-success-fg-dark,#ecfdf5)]";
+    readonly info: "bg-[var(--zui-input-date-info-bg,#1e3a8a)] dark:bg-[var(--zui-input-date-info-bg-dark,transparent)] text-[color:var(--zui-input-date-info-fg,#eff6ff)] dark:text-[color:var(--zui-input-date-info-fg-dark,#eff6ff)]";
+    readonly violet: "bg-[var(--zui-input-date-violet-bg,#4c1d95)] dark:bg-[var(--zui-input-date-violet-bg-dark,transparent)] text-[color:var(--zui-input-date-violet-fg,#f5f3ff)] dark:text-[color:var(--zui-input-date-violet-fg-dark,#f5f3ff)]";
+    readonly amber: "bg-[var(--zui-input-date-amber-bg,#78350f)] dark:bg-[var(--zui-input-date-amber-bg-dark,transparent)] text-[color:var(--zui-input-date-amber-fg,#fffbeb)] dark:text-[color:var(--zui-input-date-amber-fg-dark,#fffbeb)]";
+    readonly pink: "bg-[var(--zui-input-date-pink-bg,#831843)] dark:bg-[var(--zui-input-date-pink-bg-dark,transparent)] text-[color:var(--zui-input-date-pink-fg,#fdf2f8)] dark:text-[color:var(--zui-input-date-pink-fg-dark,#fdf2f8)]";
+    readonly indigo: "bg-[var(--zui-input-date-indigo-bg,#312e81)] dark:bg-[var(--zui-input-date-indigo-bg-dark,transparent)] text-[color:var(--zui-input-date-indigo-fg,#eef2ff)] dark:text-[color:var(--zui-input-date-indigo-fg-dark,#eef2ff)]";
+    readonly orange: "bg-[var(--zui-input-date-orange-bg,#7c2d12)] dark:bg-[var(--zui-input-date-orange-bg-dark,transparent)] text-[color:var(--zui-input-date-orange-fg,#fff7ed)] dark:text-[color:var(--zui-input-date-orange-fg-dark,#fff7ed)]";
+};
 export declare const zuiInputRing: {
     readonly true: "focus-visible:ring-2 focus-visible:ring-offset-2";
     readonly false: "";

package/dist/design-system/inputs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inputs.d.ts","sourceRoot":"","sources":["../../src/design-system/inputs.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,ugCAQf,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;;;CA+Bb,CAAC;AAEX,eAAO,MAAM,mBAAmB;;;;;;;;;;;CAmBtB,CAAC;AAEX,eAAO,MAAM,aAAa;;;;CAIhB,CAAC;AAEX,eAAO,MAAM,YAAY;;;CAGf,CAAC"}
+{"version":3,"file":"inputs.d.ts","sourceRoot":"","sources":["../../src/design-system/inputs.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,ugCAQf,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;;;CA+Bb,CAAC;AAEX,eAAO,MAAM,mBAAmB;;;;;;;;;;;CAmBtB,CAAC;AAEX,eAAO,MAAM,aAAa;;;;CAIhB,CAAC;AAEX,eAAO,MAAM,qBAAqB;;;;CAIxB,CAAC;AAEX,eAAO,MAAM,iBAAiB;;;;CAIpB,CAAC;AAEX,eAAO,MAAM,uBAAuB;;;;;;;;;;CAiB1B,CAAC;AAEX,eAAO,MAAM,qBAAqB;;;;CAIxB,CAAC;AAEX,eAAO,MAAM,kBAAkB;;;;CAIrB,CAAC;AAEX,eAAO,MAAM,2BAA2B;;;;;;;;;;CAiB9B,CAAC;AAEX,eAAO,MAAM,wBAAwB;;;;;;;;;;CAiB3B,CAAC;AAEX,eAAO,MAAM,uBAAuB;;;;;;;;;;;CAmB1B,CAAC;AAEX,eAAO,MAAM,YAAY;;;CAGf,CAAC"}

package/dist/design-system/kbd.d.ts

@@ -36,6 +36,7 @@ export declare const zuiKbdKeySizes: {
     readonly lg: "h-7 min-w-7 px-2 text-sm";
 };
 export type ZuiKbdSize = keyof typeof zuiKbdKeySizes;
+export declare const zuiKbdSeparatorBase = "text-[color:var(--zui-kbd-separator-fg,#94a3b8)] dark:text-[color:var(--zui-kbd-separator-fg-dark,#64748b)]";
 export declare const zuiKbdSeparatorSizes: {
     readonly sm: "text-[0.7rem]";
     readonly md: "text-xs";

package/dist/design-system/kbd.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"kbd.d.ts","sourceRoot":"","sources":["../../src/design-system/kbd.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,oKAGb,CAAC;AAEX,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDvB,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,oBAAoB,CAAC;AAEjE,eAAO,MAAM,aAAa,kQAIhB,CAAC;AAEX,eAAO,MAAM,cAAc;;;;CAIjB,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,cAAc,CAAC;AAErD,eAAO,MAAM,oBAAoB;;;;CAIvB,CAAC"}
+{"version":3,"file":"kbd.d.ts","sourceRoot":"","sources":["../../src/design-system/kbd.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,oKAGb,CAAC;AAEX,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDvB,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,oBAAoB,CAAC;AAEjE,eAAO,MAAM,aAAa,kQAIhB,CAAC;AAEX,eAAO,MAAM,cAAc;;;;CAIjB,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,cAAc,CAAC;AAErD,eAAO,MAAM,mBAAmB,gHAC+E,CAAC;AAEhH,eAAO,MAAM,oBAAoB;;;;CAIvB,CAAC"}

package/dist/design-system/marquee.d.ts

@@ -14,15 +14,15 @@ export declare const zuiMarqueeAppearances: {
     readonly teal: "border-[color:var(--zui-marquee-teal-border,oklch(70.4%_0.14_182.503_/_0.28))] [--zui-marquee-bg:oklch(98.4%_0.014_180.72)] [--zui-marquee-fg:oklch(38.6%_0.063_188.416)] dark:border-[color:var(--zui-marquee-teal-border-dark,oklch(77.7%_0.152_181.912_/_0.32))] dark:[--zui-marquee-bg:oklch(38.6%_0.063_188.416_/_0.28)] dark:[--zui-marquee-fg:oklch(95.3%_0.051_180.801)]";
     readonly indigo: "border-[color:var(--zui-marquee-indigo-border,oklch(58.5%_0.233_277.117_/_0.24))] [--zui-marquee-bg:oklch(96.2%_0.018_272.314)] [--zui-marquee-fg:oklch(35.9%_0.144_278.697)] dark:border-[color:var(--zui-marquee-indigo-border-dark,oklch(67.3%_0.182_276.935_/_0.32))] dark:[--zui-marquee-bg:oklch(35.9%_0.144_278.697_/_0.28)] dark:[--zui-marquee-fg:oklch(93%_0.034_272.788)]";
     readonly emerald: "border-[color:var(--zui-marquee-emerald-border,oklch(69.6%_0.17_162.48_/_0.28))] [--zui-marquee-bg:oklch(97.9%_0.021_166.113)] [--zui-marquee-fg:oklch(37.8%_0.077_168.94)] dark:border-[color:var(--zui-marquee-emerald-border-dark,oklch(76.5%_0.177_163.223_/_0.32))] dark:[--zui-marquee-bg:oklch(37.8%_0.077_168.94_/_0.28)] dark:[--zui-marquee-fg:oklch(95%_0.052_163.051)]";
-    readonly "gradient-blue": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-blue-from,oklch(62.3%_0.214_259.815))] to-[var(--zui-marquee-gradient-blue-to,oklch(54.6%_0.245_262.881))] [--zui-marquee-fg:#ffffff]";
-    readonly "gradient-green": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-green-from,oklch(72.3%_0.219_149.579))] to-[var(--zui-marquee-gradient-green-to,oklch(62.7%_0.194_149.214))] [--zui-marquee-fg:#ffffff]";
-    readonly "gradient-red": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-red-from,oklch(63.7%_0.237_25.331))] to-[var(--zui-marquee-gradient-red-to,oklch(57.7%_0.245_27.325))] [--zui-marquee-fg:#ffffff]";
-    readonly "gradient-yellow": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-yellow-from,oklch(85.2%_0.199_91.936))] to-[var(--zui-marquee-gradient-yellow-to,oklch(79.5%_0.184_86.047))] [--zui-marquee-fg:oklch(27.9%_0.077_45.635)]";
-    readonly "gradient-purple": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-purple-from,oklch(71.4%_0.203_305.504))] to-[var(--zui-marquee-gradient-purple-to,oklch(62.7%_0.265_303.9))] [--zui-marquee-fg:#ffffff]";
-    readonly "gradient-teal": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-teal-from,oklch(77.7%_0.152_181.912))] to-[var(--zui-marquee-gradient-teal-to,oklch(70.4%_0.14_182.503))] [--zui-marquee-fg:#ffffff]";
-    readonly "gradient-indigo": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-indigo-from,oklch(67.3%_0.182_276.935))] to-[var(--zui-marquee-gradient-indigo-to,oklch(58.5%_0.233_277.117))] [--zui-marquee-fg:#ffffff]";
-    readonly "gradient-pink": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-pink-from,oklch(71.8%_0.202_349.761))] to-[var(--zui-marquee-gradient-pink-to,oklch(65.6%_0.241_354.308))] [--zui-marquee-fg:#ffffff]";
-    readonly "gradient-orange": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-orange-from,oklch(75%_0.183_55.934))] to-[var(--zui-marquee-gradient-orange-to,oklch(70.5%_0.213_47.604))] [--zui-marquee-fg:#ffffff]";
+    readonly "gradient-blue": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-blue-from,oklch(62.3%_0.214_259.815))] dark:from-[var(--zui-marquee-gradient-blue-from-dark,oklch(42.4%_0.199_265.638))] to-[var(--zui-marquee-gradient-blue-to,oklch(54.6%_0.245_262.881))] dark:to-[var(--zui-marquee-gradient-blue-to-dark,oklch(37.9%_0.146_265.522))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]";
+    readonly "gradient-green": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-green-from,oklch(72.3%_0.219_149.579))] dark:from-[var(--zui-marquee-gradient-green-from-dark,oklch(44.8%_0.119_151.328))] to-[var(--zui-marquee-gradient-green-to,oklch(62.7%_0.194_149.214))] dark:to-[var(--zui-marquee-gradient-green-to-dark,oklch(39.3%_0.095_152.535))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]";
+    readonly "gradient-red": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-red-from,oklch(63.7%_0.237_25.331))] dark:from-[var(--zui-marquee-gradient-red-from-dark,oklch(44.4%_0.177_26.899))] to-[var(--zui-marquee-gradient-red-to,oklch(57.7%_0.245_27.325))] dark:to-[var(--zui-marquee-gradient-red-to-dark,oklch(39.6%_0.141_25.723))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]";
+    readonly "gradient-yellow": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-yellow-from,oklch(85.2%_0.199_91.936))] dark:from-[var(--zui-marquee-gradient-yellow-from-dark,oklch(47.6%_0.114_61.907))] to-[var(--zui-marquee-gradient-yellow-to,oklch(79.5%_0.184_86.047))] dark:to-[var(--zui-marquee-gradient-yellow-to-dark,oklch(42.1%_0.095_57.708))] [--zui-marquee-fg:oklch(27.9%_0.077_45.635)] dark:[--zui-marquee-fg:#ffffff]";
+    readonly "gradient-purple": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-purple-from,oklch(71.4%_0.203_305.504))] dark:from-[var(--zui-marquee-gradient-purple-from-dark,oklch(43.8%_0.218_303.724))] to-[var(--zui-marquee-gradient-purple-to,oklch(62.7%_0.265_303.9))] dark:to-[var(--zui-marquee-gradient-purple-to-dark,oklch(38.1%_0.176_304.987))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]";
+    readonly "gradient-teal": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-teal-from,oklch(77.7%_0.152_181.912))] dark:from-[var(--zui-marquee-gradient-teal-from-dark,oklch(43.7%_0.078_188.216))] to-[var(--zui-marquee-gradient-teal-to,oklch(70.4%_0.14_182.503))] dark:to-[var(--zui-marquee-gradient-teal-to-dark,oklch(38.6%_0.063_188.416))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]";
+    readonly "gradient-indigo": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-indigo-from,oklch(67.3%_0.182_276.935))] dark:from-[var(--zui-marquee-gradient-indigo-from-dark,oklch(39.8%_0.195_277.366))] to-[var(--zui-marquee-gradient-indigo-to,oklch(58.5%_0.233_277.117))] dark:to-[var(--zui-marquee-gradient-indigo-to-dark,oklch(35.9%_0.144_278.697))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]";
+    readonly "gradient-pink": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-pink-from,oklch(71.8%_0.202_349.761))] dark:from-[var(--zui-marquee-gradient-pink-from-dark,oklch(45.9%_0.187_3.815))] to-[var(--zui-marquee-gradient-pink-to,oklch(65.6%_0.241_354.308))] dark:to-[var(--zui-marquee-gradient-pink-to-dark,oklch(40.8%_0.153_2.432))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]";
+    readonly "gradient-orange": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-orange-from,oklch(75%_0.183_55.934))] dark:from-[var(--zui-marquee-gradient-orange-from-dark,oklch(47%_0.157_37.304))] to-[var(--zui-marquee-gradient-orange-to,oklch(70.5%_0.213_47.604))] dark:to-[var(--zui-marquee-gradient-orange-to-dark,oklch(40.8%_0.123_38.172))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]";
 };
 export declare const zuiMarqueeOrientations: {
     readonly horizontal: "w-full flex-row";

package/dist/design-system/timeline.d.ts

@@ -14,15 +14,15 @@ export declare const zuiTimelineIndicatorAppearances: {
     readonly emerald: "border-[color:var(--zui-timeline-indicator-emerald-border,oklch(69.6%_0.17_162.48_/_0.6))] bg-[var(--zui-timeline-indicator-emerald-bg,oklch(69.6%_0.17_162.48_/_0.2))] text-[color:var(--zui-timeline-indicator-emerald-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-timeline-indicator-emerald-fg-dark,oklch(95%_0.052_163.051))] ring-2 ring-[var(--zui-timeline-indicator-emerald-ring,oklch(76.5%_0.177_163.223_/_0.3))]";
     readonly gray: "border-[color:var(--zui-timeline-indicator-gray-border,oklch(55.1%_0.027_264.364_/_0.6))] bg-[var(--zui-timeline-indicator-gray-bg,oklch(55.1%_0.027_264.364_/_0.2))] text-[color:var(--zui-timeline-indicator-gray-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-timeline-indicator-gray-fg-dark,oklch(96.7%_0.003_264.542))] ring-2 ring-[var(--zui-timeline-indicator-gray-ring,oklch(70.7%_0.022_261.325_/_0.3))]";
     readonly violet: "border-[color:var(--zui-timeline-indicator-violet-border,oklch(60.6%_0.25_292.717_/_0.6))] bg-[var(--zui-timeline-indicator-violet-bg,oklch(60.6%_0.25_292.717_/_0.2))] text-[color:var(--zui-timeline-indicator-violet-fg,oklch(38%_0.189_293.745))] dark:text-[color:var(--zui-timeline-indicator-violet-fg-dark,oklch(94.3%_0.029_294.588))] ring-2 ring-[var(--zui-timeline-indicator-violet-ring,oklch(70.2%_0.183_293.541_/_0.3))]";
-    readonly "gradient-blue": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-blue-from,oklch(62.3%_0.214_259.815))] to-[var(--zui-timeline-indicator-gradient-blue-to,oklch(54.6%_0.245_262.881))] text-[color:var(--zui-timeline-indicator-gradient-blue-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-blue-ring,oklch(70.7%_0.165_254.624_/_0.3))]";
-    readonly "gradient-green": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-green-from,oklch(72.3%_0.219_149.579))] to-[var(--zui-timeline-indicator-gradient-green-to,oklch(62.7%_0.194_149.214))] text-[color:var(--zui-timeline-indicator-gradient-green-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-green-ring,oklch(79.2%_0.209_151.711_/_0.3))]";
-    readonly "gradient-red": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-red-from,oklch(63.7%_0.237_25.331))] to-[var(--zui-timeline-indicator-gradient-red-to,oklch(57.7%_0.245_27.325))] text-[color:var(--zui-timeline-indicator-gradient-red-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-red-ring,oklch(70.4%_0.191_22.216_/_0.3))]";
-    readonly "gradient-yellow": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-yellow-from,oklch(85.2%_0.199_91.936))] to-[var(--zui-timeline-indicator-gradient-yellow-to,oklch(79.5%_0.184_86.047))] text-[color:var(--zui-timeline-indicator-gradient-yellow-fg,oklch(42.1%_0.095_57.708))] ring-2 ring-[var(--zui-timeline-indicator-gradient-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))]";
-    readonly "gradient-purple": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-purple-from,oklch(71.4%_0.203_305.504))] to-[var(--zui-timeline-indicator-gradient-purple-to,oklch(62.7%_0.265_303.9))] text-[color:var(--zui-timeline-indicator-gradient-purple-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))]";
-    readonly "gradient-teal": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-teal-from,oklch(77.7%_0.152_181.912))] to-[var(--zui-timeline-indicator-gradient-teal-to,oklch(70.4%_0.14_182.503))] text-[color:var(--zui-timeline-indicator-gradient-teal-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))]";
-    readonly "gradient-indigo": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-indigo-from,oklch(67.3%_0.182_276.935))] to-[var(--zui-timeline-indicator-gradient-indigo-to,oklch(58.5%_0.233_277.117))] text-[color:var(--zui-timeline-indicator-gradient-indigo-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))]";
-    readonly "gradient-pink": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-pink-from,oklch(71.8%_0.202_349.761))] to-[var(--zui-timeline-indicator-gradient-pink-to,oklch(65.6%_0.241_354.308))] text-[color:var(--zui-timeline-indicator-gradient-pink-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))]";
-    readonly "gradient-orange": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-orange-from,oklch(75%_0.183_55.934))] to-[var(--zui-timeline-indicator-gradient-orange-to,oklch(70.5%_0.213_47.604))] text-[color:var(--zui-timeline-indicator-gradient-orange-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-orange-ring,oklch(75%_0.183_55.934_/_0.3))]";
+    readonly "gradient-blue": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-blue-from,oklch(62.3%_0.214_259.815))] dark:from-[var(--zui-timeline-indicator-gradient-blue-from-dark,oklch(42.4%_0.199_265.638))] to-[var(--zui-timeline-indicator-gradient-blue-to,oklch(54.6%_0.245_262.881))] dark:to-[var(--zui-timeline-indicator-gradient-blue-to-dark,oklch(37.9%_0.146_265.522))] text-[color:var(--zui-timeline-indicator-gradient-blue-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-blue-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-blue-ring,oklch(70.7%_0.165_254.624_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-blue-ring-dark,oklch(42.4%_0.199_265.638_/_0.3))]";
+    readonly "gradient-green": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-green-from,oklch(72.3%_0.219_149.579))] dark:from-[var(--zui-timeline-indicator-gradient-green-from-dark,oklch(44.8%_0.119_151.328))] to-[var(--zui-timeline-indicator-gradient-green-to,oklch(62.7%_0.194_149.214))] dark:to-[var(--zui-timeline-indicator-gradient-green-to-dark,oklch(39.3%_0.095_152.535))] text-[color:var(--zui-timeline-indicator-gradient-green-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-green-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-green-ring,oklch(79.2%_0.209_151.711_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-green-ring-dark,oklch(44.8%_0.119_151.328_/_0.3))]";
+    readonly "gradient-red": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-red-from,oklch(63.7%_0.237_25.331))] dark:from-[var(--zui-timeline-indicator-gradient-red-from-dark,oklch(44.4%_0.177_26.899))] to-[var(--zui-timeline-indicator-gradient-red-to,oklch(57.7%_0.245_27.325))] dark:to-[var(--zui-timeline-indicator-gradient-red-to-dark,oklch(39.6%_0.141_25.723))] text-[color:var(--zui-timeline-indicator-gradient-red-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-red-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-red-ring,oklch(70.4%_0.191_22.216_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-red-ring-dark,oklch(44.4%_0.177_26.899_/_0.3))]";
+    readonly "gradient-yellow": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-yellow-from,oklch(85.2%_0.199_91.936))] dark:from-[var(--zui-timeline-indicator-gradient-yellow-from-dark,oklch(47.6%_0.114_61.907))] to-[var(--zui-timeline-indicator-gradient-yellow-to,oklch(79.5%_0.184_86.047))] dark:to-[var(--zui-timeline-indicator-gradient-yellow-to-dark,oklch(42.1%_0.095_57.708))] text-[color:var(--zui-timeline-indicator-gradient-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-timeline-indicator-gradient-yellow-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-yellow-ring-dark,oklch(47.6%_0.114_61.907_/_0.3))]";
+    readonly "gradient-purple": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-purple-from,oklch(71.4%_0.203_305.504))] dark:from-[var(--zui-timeline-indicator-gradient-purple-from-dark,oklch(43.8%_0.218_303.724))] to-[var(--zui-timeline-indicator-gradient-purple-to,oklch(62.7%_0.265_303.9))] dark:to-[var(--zui-timeline-indicator-gradient-purple-to-dark,oklch(38.1%_0.176_304.987))] text-[color:var(--zui-timeline-indicator-gradient-purple-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-purple-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-purple-ring-dark,oklch(43.8%_0.218_303.724_/_0.3))]";
+    readonly "gradient-teal": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-teal-from,oklch(77.7%_0.152_181.912))] dark:from-[var(--zui-timeline-indicator-gradient-teal-from-dark,oklch(43.7%_0.078_188.216))] to-[var(--zui-timeline-indicator-gradient-teal-to,oklch(70.4%_0.14_182.503))] dark:to-[var(--zui-timeline-indicator-gradient-teal-to-dark,oklch(38.6%_0.063_188.416))] text-[color:var(--zui-timeline-indicator-gradient-teal-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-teal-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-teal-ring-dark,oklch(43.7%_0.078_188.216_/_0.3))]";
+    readonly "gradient-indigo": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-indigo-from,oklch(67.3%_0.182_276.935))] dark:from-[var(--zui-timeline-indicator-gradient-indigo-from-dark,oklch(39.8%_0.195_277.366))] to-[var(--zui-timeline-indicator-gradient-indigo-to,oklch(58.5%_0.233_277.117))] dark:to-[var(--zui-timeline-indicator-gradient-indigo-to-dark,oklch(35.9%_0.144_278.697))] text-[color:var(--zui-timeline-indicator-gradient-indigo-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-indigo-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-indigo-ring-dark,oklch(39.8%_0.195_277.366_/_0.3))]";
+    readonly "gradient-pink": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-pink-from,oklch(71.8%_0.202_349.761))] dark:from-[var(--zui-timeline-indicator-gradient-pink-from-dark,oklch(45.9%_0.187_3.815))] to-[var(--zui-timeline-indicator-gradient-pink-to,oklch(65.6%_0.241_354.308))] dark:to-[var(--zui-timeline-indicator-gradient-pink-to-dark,oklch(40.8%_0.153_2.432))] text-[color:var(--zui-timeline-indicator-gradient-pink-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-pink-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-pink-ring-dark,oklch(45.9%_0.187_3.815_/_0.3))]";
+    readonly "gradient-orange": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-orange-from,oklch(75%_0.183_55.934))] dark:from-[var(--zui-timeline-indicator-gradient-orange-from-dark,oklch(47%_0.157_37.304))] to-[var(--zui-timeline-indicator-gradient-orange-to,oklch(70.5%_0.213_47.604))] dark:to-[var(--zui-timeline-indicator-gradient-orange-to-dark,oklch(40.8%_0.123_38.172))] text-[color:var(--zui-timeline-indicator-gradient-orange-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-orange-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-orange-ring,oklch(75%_0.183_55.934_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-orange-ring-dark,oklch(47%_0.157_37.304_/_0.3))]";
 };
 export declare const zuiTimelineIndicatorSizes: {
     readonly sm: "size-5 text-[0.625rem]";

package/dist/test-utils/axe.d.ts

@@ -0,0 +1,30 @@
+import axe from "axe-core";
+/**
+ * Local aliases for axe-core types used by this package-level test helper.
+ *
+ * Keeping these aliases close to the helper makes the public function
+ * signatures easier to scan while still preserving axe-core's own type
+ * definitions for options, DOM targets, and result records.
+ */
+type AxeRunOptions = axe.RunOptions;
+/**
+ * Assert that a rendered component subtree has no axe-core violations.
+ *
+ * Tests should pass the smallest useful DOM target, usually the `container`
+ * returned by Testing Library's `render(...)`. Keeping the target scoped to the
+ * component fixture makes failures easier to understand and avoids auditing
+ * unrelated test harness DOM.
+ *
+ * Example:
+ *
+ * ```ts
+ * const { container } = render(<Button>Save</Button>);
+ * await assertNoAxeViolations(container);
+ * ```
+ *
+ * @param target DOM element, document, selector, or axe context to audit.
+ * @param options Optional per-test axe-core run options.
+ */
+export declare function assertNoAxeViolations(target: axe.ElementContext, options?: AxeRunOptions): Promise<void>;
+export {};
+//# sourceMappingURL=axe.d.ts.map

package/dist/test-utils/axe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"axe.d.ts","sourceRoot":"","sources":["../../src/test-utils/axe.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,UAAU,CAAC;AAG3B;;;;;;GAMG;AACH,KAAK,aAAa,GAAG,GAAG,CAAC,UAAU,CAAC;AAkFpC;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAsB,qBAAqB,CACzC,MAAM,EAAE,GAAG,CAAC,cAAc,EAC1B,OAAO,CAAC,EAAE,aAAa,iBAQxB"}

package/dist/ui/dynamic-stepper/variants.d.ts

@@ -1,7 +1,7 @@
-import { zuiDynamicStepperIndicatorToneClass, type ZuiDynamicStepperIndicatorSemanticState, type ZuiDynamicStepperIndicatorToneAppearance } from "../../design-system/dynamic-stepper";
+import { type ZuiDynamicStepperIndicatorSemanticState, type ZuiDynamicStepperIndicatorToneAppearance } from "../../design-system/dynamic-stepper";
 export type DynamicStepperIndicatorToneAppearance = ZuiDynamicStepperIndicatorToneAppearance;
 export type DynamicStepperIndicatorSemanticState = ZuiDynamicStepperIndicatorSemanticState;
-export declare const dynamicStepperIndicatorToneClass: typeof zuiDynamicStepperIndicatorToneClass;
+export declare function dynamicStepperIndicatorToneClass(state: DynamicStepperIndicatorSemanticState, tone: DynamicStepperIndicatorToneAppearance): string;
 export declare const dynamicStepperRootVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/ui/dynamic-stepper/variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/dynamic-stepper/variants.ts"],"names":[],"mappings":"AAEA,OAAO,EAGL,mCAAmC,EAOnC,KAAK,uCAAuC,EAC5C,KAAK,wCAAwC,EAC9C,MAAM,qCAAqC,CAAC;AAE7C,MAAM,MAAM,qCAAqC,GAC/C,wCAAwC,CAAC;AAE3C,MAAM,MAAM,oCAAoC,GAC9C,uCAAuC,CAAC;AAE1C,eAAO,MAAM,gCAAgC,4CACR,CAAC;AAEtC,eAAO,MAAM,0BAA0B;;8EAOrC,CAAC;AAEH,eAAO,MAAM,4BAA4B;;8EAOvC,CAAC;AAEH,eAAO,MAAM,0BAA0B;;8EAOrC,CAAC;AAEH,eAAO,MAAM,+BAA+B;;8EAU3C,CAAC"}
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/dynamic-stepper/variants.ts"],"names":[],"mappings":"AAEA,OAAO,EAUL,KAAK,uCAAuC,EAC5C,KAAK,wCAAwC,EAC9C,MAAM,qCAAqC,CAAC;AAE7C,MAAM,MAAM,qCAAqC,GAC/C,wCAAwC,CAAC;AAE3C,MAAM,MAAM,oCAAoC,GAC9C,uCAAuC,CAAC;AAE1C,wBAAgB,gCAAgC,CAC9C,KAAK,EAAE,oCAAoC,EAC3C,IAAI,EAAE,qCAAqC,UAG5C;AAED,eAAO,MAAM,0BAA0B;;8EAOrC,CAAC;AAEH,eAAO,MAAM,4BAA4B;;8EAOvC,CAAC;AAEH,eAAO,MAAM,0BAA0B;;8EAOrC,CAAC;AAEH,eAAO,MAAM,+BAA+B;;8EAU3C,CAAC"}

package/dist/ui/dynamic-stepper.js

@@ -109,9 +109,6 @@ var zuiDynamicStepperIndicatorToneClasses = {
     upcoming: "border-[color:var(--zui-dynamic-stepper-indicator-violet-border-upcoming,#00000026)] dark:border-[color:var(--zui-dynamic-stepper-indicator-violet-border-upcoming-dark,#ffffff26)] bg-[var(--zui-dynamic-stepper-indicator-violet-bg-upcoming,oklch(96.9%_0.016_293.756))] dark:bg-[var(--zui-dynamic-stepper-indicator-violet-bg-upcoming-dark,oklch(28.3%_0.141_291.089_/_0.3))] text-[color:var(--zui-dynamic-stepper-indicator-violet-fg-upcoming,oklch(49.1%_0.27_292.581_/_0.55))] dark:text-[color:var(--zui-dynamic-stepper-indicator-violet-fg-upcoming-dark,oklch(49.1%_0.27_292.581_/_0.55))]"
   }
 };
-function zuiDynamicStepperIndicatorToneClass(state, tone) {
-  return zuiDynamicStepperIndicatorToneClasses[tone][state];
-}
 var zuiDynamicStepperRootBase = "flex w-full";
 var zuiDynamicStepperRootOrientations = {
   horizontal: "flex-row flex-wrap items-start justify-between gap-4 md:flex-nowrap md:items-center",
@@ -133,7 +130,9 @@ var zuiDynamicStepperIndicatorSizes = {
   md: "size-9 text-sm",
   lg: "size-10 text-base"
 };
-var dynamicStepperIndicatorToneClass = zuiDynamicStepperIndicatorToneClass;
+function dynamicStepperIndicatorToneClass(state, tone) {
+  return zuiDynamicStepperIndicatorToneClasses[tone][state];
+}
 var dynamicStepperRootVariants = classVarianceAuthority.cva(zuiDynamicStepperRootBase, {
   variants: {
     orientation: zuiDynamicStepperRootOrientations