@zentauri-ui/zentauri-components 2.0.0 → 2.1.1

package/dist/chunk-FX5KR2GP.mjs

@@ -0,0 +1,81 @@
+// src/design-system/timeline.ts
+var zuiTimelineBase = "flex w-full flex-col";
+var zuiTimelineItemBase = "relative flex gap-4";
+var zuiTimelineIndicatorBase = "relative z-[1] grid shrink-0 place-items-center rounded-full border font-semibold transition-colors";
+var zuiTimelineIndicatorAppearances = {
+  default: "border-[color:var(--zui-timeline-indicator-default-border,var(--zui-border,oklch(55.1%_0.027_264.364_/_0.6)))] bg-[var(--zui-timeline-indicator-default-bg,var(--zui-surface-muted,oklch(55.1%_0.027_264.364_/_0.2)))] text-[color:var(--zui-timeline-indicator-default-fg,var(--zui-fg,oklch(21%_0.034_264.665)))] dark:text-[color:var(--zui-timeline-indicator-default-fg-dark,var(--zui-fg-dark,oklch(96.7%_0.003_264.542)))] ring-2 ring-[var(--zui-timeline-indicator-default-ring,var(--zui-focus-ring,oklch(70.7%_0.022_261.325_/_0.3)))]",
+  sky: "border-[color:var(--zui-timeline-indicator-sky-border,var(--zui-color-sky,oklch(68.5%_0.169_237.323_/_0.6)))] bg-[var(--zui-timeline-indicator-sky-bg,var(--zui-color-sky,oklch(68.5%_0.169_237.323_/_0.2)))] text-[color:var(--zui-timeline-indicator-sky-fg,var(--zui-color-sky,oklch(39.1%_0.09_240.876)))] dark:text-[color:var(--zui-timeline-indicator-sky-fg-dark,var(--zui-color-sky-dark,oklch(95.1%_0.026_236.824)))] ring-2 ring-[var(--zui-timeline-indicator-sky-ring,var(--zui-color-sky,oklch(74.6%_0.16_232.661_/_0.3)))]",
+  rose: "border-[color:var(--zui-timeline-indicator-rose-border,var(--zui-color-rose,oklch(64.5%_0.246_16.439_/_0.6)))] bg-[var(--zui-timeline-indicator-rose-bg,var(--zui-color-rose,oklch(64.5%_0.246_16.439_/_0.2)))] text-[color:var(--zui-timeline-indicator-rose-fg,var(--zui-color-rose,oklch(41%_0.159_10.272)))] dark:text-[color:var(--zui-timeline-indicator-rose-fg-dark,var(--zui-color-rose-dark,oklch(94.1%_0.03_12.58)))] ring-2 ring-[var(--zui-timeline-indicator-rose-ring,var(--zui-color-rose,oklch(71.2%_0.194_13.428_/_0.3)))]",
+  purple: "border-[color:var(--zui-timeline-indicator-purple-border,var(--zui-color-purple,oklch(62.7%_0.265_303.9_/_0.6)))] bg-[var(--zui-timeline-indicator-purple-bg,var(--zui-color-purple,oklch(62.7%_0.265_303.9_/_0.2)))] text-[color:var(--zui-timeline-indicator-purple-fg,var(--zui-color-purple,oklch(38.1%_0.176_304.987)))] dark:text-[color:var(--zui-timeline-indicator-purple-fg-dark,var(--zui-color-purple-dark,oklch(94.6%_0.033_307.174)))] ring-2 ring-[var(--zui-timeline-indicator-purple-ring,var(--zui-color-purple,oklch(71.4%_0.203_305.504_/_0.3)))]",
+  pink: "border-[color:var(--zui-timeline-indicator-pink-border,var(--zui-color-pink,oklch(65.6%_0.241_354.308_/_0.6)))] bg-[var(--zui-timeline-indicator-pink-bg,var(--zui-color-pink,oklch(65.6%_0.241_354.308_/_0.2)))] text-[color:var(--zui-timeline-indicator-pink-fg,var(--zui-color-pink,oklch(40.8%_0.153_2.432)))] dark:text-[color:var(--zui-timeline-indicator-pink-fg-dark,var(--zui-color-pink-dark,oklch(94.8%_0.028_342.258)))] ring-2 ring-[var(--zui-timeline-indicator-pink-ring,var(--zui-color-pink,oklch(71.8%_0.202_349.761_/_0.3)))]",
+  orange: "border-[color:var(--zui-timeline-indicator-orange-border,var(--zui-color-orange,oklch(70.5%_0.213_47.604_/_0.6)))] bg-[var(--zui-timeline-indicator-orange-bg,var(--zui-color-orange,oklch(70.5%_0.213_47.604_/_0.2)))] text-[color:var(--zui-timeline-indicator-orange-fg,var(--zui-color-orange,oklch(40.8%_0.123_38.172)))] dark:text-[color:var(--zui-timeline-indicator-orange-fg-dark,var(--zui-color-orange-dark,oklch(95.4%_0.038_75.164)))] ring-2 ring-[var(--zui-timeline-indicator-orange-ring,var(--zui-color-orange,oklch(75%_0.183_55.934_/_0.3)))]",
+  yellow: "border-[color:var(--zui-timeline-indicator-yellow-border,var(--zui-color-yellow,oklch(79.5%_0.184_86.047_/_0.6)))] bg-[var(--zui-timeline-indicator-yellow-bg,var(--zui-color-yellow,oklch(79.5%_0.184_86.047_/_0.2)))] text-[color:var(--zui-timeline-indicator-yellow-fg,var(--zui-color-yellow,oklch(42.1%_0.095_57.708)))] dark:text-[color:var(--zui-timeline-indicator-yellow-fg-dark,var(--zui-color-yellow-dark,oklch(97.3%_0.071_103.193)))] ring-2 ring-[var(--zui-timeline-indicator-yellow-ring,var(--zui-color-yellow,oklch(85.2%_0.199_91.936_/_0.3)))]",
+  teal: "border-[color:var(--zui-timeline-indicator-teal-border,var(--zui-color-teal,oklch(70.4%_0.14_182.503_/_0.6)))] bg-[var(--zui-timeline-indicator-teal-bg,var(--zui-color-teal,oklch(70.4%_0.14_182.503_/_0.2)))] text-[color:var(--zui-timeline-indicator-teal-fg,var(--zui-color-teal,oklch(38.6%_0.063_188.416)))] dark:text-[color:var(--zui-timeline-indicator-teal-fg-dark,var(--zui-color-teal-dark,oklch(95.3%_0.051_180.801)))] ring-2 ring-[var(--zui-timeline-indicator-teal-ring,var(--zui-color-teal,oklch(77.7%_0.152_181.912_/_0.3)))]",
+  indigo: "border-[color:var(--zui-timeline-indicator-indigo-border,var(--zui-color-indigo,oklch(58.5%_0.233_277.117_/_0.6)))] bg-[var(--zui-timeline-indicator-indigo-bg,var(--zui-color-indigo,oklch(58.5%_0.233_277.117_/_0.2)))] text-[color:var(--zui-timeline-indicator-indigo-fg,var(--zui-color-indigo,oklch(35.9%_0.144_278.697)))] dark:text-[color:var(--zui-timeline-indicator-indigo-fg-dark,var(--zui-color-indigo-dark,oklch(93%_0.034_272.788)))] ring-2 ring-[var(--zui-timeline-indicator-indigo-ring,var(--zui-color-indigo,oklch(67.3%_0.182_276.935_/_0.3)))]",
+  emerald: "border-[color:var(--zui-timeline-indicator-emerald-border,var(--zui-color-emerald,oklch(69.6%_0.17_162.48_/_0.6)))] bg-[var(--zui-timeline-indicator-emerald-bg,var(--zui-color-emerald,oklch(69.6%_0.17_162.48_/_0.2)))] text-[color:var(--zui-timeline-indicator-emerald-fg,var(--zui-color-emerald,oklch(37.8%_0.077_168.94)))] dark:text-[color:var(--zui-timeline-indicator-emerald-fg-dark,var(--zui-color-emerald-dark,oklch(95%_0.052_163.051)))] ring-2 ring-[var(--zui-timeline-indicator-emerald-ring,var(--zui-color-emerald,oklch(76.5%_0.177_163.223_/_0.3)))]",
+  gray: "border-[color:var(--zui-timeline-indicator-gray-border,var(--zui-color-gray,oklch(55.1%_0.027_264.364_/_0.6)))] bg-[var(--zui-timeline-indicator-gray-bg,var(--zui-color-gray,oklch(55.1%_0.027_264.364_/_0.2)))] text-[color:var(--zui-timeline-indicator-gray-fg,var(--zui-color-gray,oklch(21%_0.034_264.665)))] dark:text-[color:var(--zui-timeline-indicator-gray-fg-dark,var(--zui-color-gray-dark,oklch(96.7%_0.003_264.542)))] ring-2 ring-[var(--zui-timeline-indicator-gray-ring,var(--zui-color-gray,oklch(70.7%_0.022_261.325_/_0.3)))]",
+  violet: "border-[color:var(--zui-timeline-indicator-violet-border,var(--zui-color-violet,oklch(60.6%_0.25_292.717_/_0.6)))] bg-[var(--zui-timeline-indicator-violet-bg,var(--zui-color-violet,oklch(60.6%_0.25_292.717_/_0.2)))] text-[color:var(--zui-timeline-indicator-violet-fg,var(--zui-color-violet,oklch(38%_0.189_293.745)))] dark:text-[color:var(--zui-timeline-indicator-violet-fg-dark,var(--zui-color-violet-dark,oklch(94.3%_0.029_294.588)))] ring-2 ring-[var(--zui-timeline-indicator-violet-ring,var(--zui-color-violet,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,var(--zui-color-blue,oklch(62.3%_0.214_259.815)))] dark:from-[var(--zui-timeline-indicator-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(42.4%_0.199_265.638)))] to-[var(--zui-timeline-indicator-gradient-blue-to,var(--zui-color-purple,oklch(54.6%_0.245_262.881)))] dark:to-[var(--zui-timeline-indicator-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(37.9%_0.146_265.522)))] text-[color:var(--zui-timeline-indicator-gradient-blue-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-timeline-indicator-gradient-blue-fg-dark,var(--zui-brand-fg-dark,#ffffff))] ring-2 ring-[var(--zui-timeline-indicator-gradient-blue-ring,var(--zui-color-blue,oklch(70.7%_0.165_254.624_/_0.3)))] dark:ring-[var(--zui-timeline-indicator-gradient-blue-ring-dark,var(--zui-color-blue-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,var(--zui-color-green,oklch(72.3%_0.219_149.579)))] dark:from-[var(--zui-timeline-indicator-gradient-green-from-dark,var(--zui-color-green-dark,oklch(44.8%_0.119_151.328)))] to-[var(--zui-timeline-indicator-gradient-green-to,var(--zui-color-lime,oklch(62.7%_0.194_149.214)))] dark:to-[var(--zui-timeline-indicator-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(39.3%_0.095_152.535)))] text-[color:var(--zui-timeline-indicator-gradient-green-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-timeline-indicator-gradient-green-fg-dark,var(--zui-brand-fg-dark,#ffffff))] ring-2 ring-[var(--zui-timeline-indicator-gradient-green-ring,var(--zui-color-green,oklch(79.2%_0.209_151.711_/_0.3)))] dark:ring-[var(--zui-timeline-indicator-gradient-green-ring-dark,var(--zui-color-green-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,var(--zui-color-red,oklch(63.7%_0.237_25.331)))] dark:from-[var(--zui-timeline-indicator-gradient-red-from-dark,var(--zui-color-red-dark,oklch(44.4%_0.177_26.899)))] to-[var(--zui-timeline-indicator-gradient-red-to,var(--zui-color-pink,oklch(57.7%_0.245_27.325)))] dark:to-[var(--zui-timeline-indicator-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(39.6%_0.141_25.723)))] text-[color:var(--zui-timeline-indicator-gradient-red-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-timeline-indicator-gradient-red-fg-dark,var(--zui-brand-fg-dark,#ffffff))] ring-2 ring-[var(--zui-timeline-indicator-gradient-red-ring,var(--zui-color-red,oklch(70.4%_0.191_22.216_/_0.3)))] dark:ring-[var(--zui-timeline-indicator-gradient-red-ring-dark,var(--zui-color-red-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,var(--zui-color-yellow,oklch(85.2%_0.199_91.936)))] dark:from-[var(--zui-timeline-indicator-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(47.6%_0.114_61.907)))] to-[var(--zui-timeline-indicator-gradient-yellow-to,var(--zui-color-orange,oklch(79.5%_0.184_86.047)))] dark:to-[var(--zui-timeline-indicator-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(42.1%_0.095_57.708)))] text-[color:var(--zui-timeline-indicator-gradient-yellow-fg,var(--zui-brand-fg,oklch(42.1%_0.095_57.708)))] dark:text-[color:var(--zui-timeline-indicator-gradient-yellow-fg-dark,var(--zui-brand-fg-dark,#ffffff))] ring-2 ring-[var(--zui-timeline-indicator-gradient-yellow-ring,var(--zui-color-yellow,oklch(85.2%_0.199_91.936_/_0.3)))] dark:ring-[var(--zui-timeline-indicator-gradient-yellow-ring-dark,var(--zui-color-yellow-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,var(--zui-color-purple,oklch(71.4%_0.203_305.504)))] dark:from-[var(--zui-timeline-indicator-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] to-[var(--zui-timeline-indicator-gradient-purple-to,var(--zui-color-pink,oklch(62.7%_0.265_303.9)))] dark:to-[var(--zui-timeline-indicator-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(38.1%_0.176_304.987)))] text-[color:var(--zui-timeline-indicator-gradient-purple-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-timeline-indicator-gradient-purple-fg-dark,var(--zui-brand-fg-dark,#ffffff))] ring-2 ring-[var(--zui-timeline-indicator-gradient-purple-ring,var(--zui-color-purple,oklch(71.4%_0.203_305.504_/_0.3)))] dark:ring-[var(--zui-timeline-indicator-gradient-purple-ring-dark,var(--zui-color-purple-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,var(--zui-color-teal,oklch(77.7%_0.152_181.912)))] dark:from-[var(--zui-timeline-indicator-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(43.7%_0.078_188.216)))] to-[var(--zui-timeline-indicator-gradient-teal-to,var(--zui-color-cyan,oklch(70.4%_0.14_182.503)))] dark:to-[var(--zui-timeline-indicator-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(38.6%_0.063_188.416)))] text-[color:var(--zui-timeline-indicator-gradient-teal-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-timeline-indicator-gradient-teal-fg-dark,var(--zui-brand-fg-dark,#ffffff))] ring-2 ring-[var(--zui-timeline-indicator-gradient-teal-ring,var(--zui-color-teal,oklch(77.7%_0.152_181.912_/_0.3)))] dark:ring-[var(--zui-timeline-indicator-gradient-teal-ring-dark,var(--zui-color-teal-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,var(--zui-color-indigo,oklch(67.3%_0.182_276.935)))] dark:from-[var(--zui-timeline-indicator-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(39.8%_0.195_277.366)))] to-[var(--zui-timeline-indicator-gradient-indigo-to,var(--zui-color-purple,oklch(58.5%_0.233_277.117)))] dark:to-[var(--zui-timeline-indicator-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(35.9%_0.144_278.697)))] text-[color:var(--zui-timeline-indicator-gradient-indigo-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-timeline-indicator-gradient-indigo-fg-dark,var(--zui-brand-fg-dark,#ffffff))] ring-2 ring-[var(--zui-timeline-indicator-gradient-indigo-ring,var(--zui-color-indigo,oklch(67.3%_0.182_276.935_/_0.3)))] dark:ring-[var(--zui-timeline-indicator-gradient-indigo-ring-dark,var(--zui-color-indigo-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,var(--zui-color-pink,oklch(71.8%_0.202_349.761)))] dark:from-[var(--zui-timeline-indicator-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] to-[var(--zui-timeline-indicator-gradient-pink-to,var(--zui-color-rose,oklch(65.6%_0.241_354.308)))] dark:to-[var(--zui-timeline-indicator-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(40.8%_0.153_2.432)))] text-[color:var(--zui-timeline-indicator-gradient-pink-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-timeline-indicator-gradient-pink-fg-dark,var(--zui-brand-fg-dark,#ffffff))] ring-2 ring-[var(--zui-timeline-indicator-gradient-pink-ring,var(--zui-color-pink,oklch(71.8%_0.202_349.761_/_0.3)))] dark:ring-[var(--zui-timeline-indicator-gradient-pink-ring-dark,var(--zui-color-pink-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,var(--zui-color-orange,oklch(75%_0.183_55.934)))] dark:from-[var(--zui-timeline-indicator-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304)))] to-[var(--zui-timeline-indicator-gradient-orange-to,var(--zui-color-red,oklch(70.5%_0.213_47.604)))] dark:to-[var(--zui-timeline-indicator-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(40.8%_0.123_38.172)))] text-[color:var(--zui-timeline-indicator-gradient-orange-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-timeline-indicator-gradient-orange-fg-dark,var(--zui-brand-fg-dark,#ffffff))] ring-2 ring-[var(--zui-timeline-indicator-gradient-orange-ring,var(--zui-color-orange,oklch(75%_0.183_55.934_/_0.3)))] dark:ring-[var(--zui-timeline-indicator-gradient-orange-ring-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304_/_0.3)))]",
+  blue: "border-[color:var(--zui-timeline-indicator-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-timeline-indicator-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-timeline-indicator-blue-bg,var(--zui-color-blue,#2563eb14))] dark:bg-[var(--zui-timeline-indicator-blue-bg-dark,var(--zui-color-blue-dark,#3b82f624))] text-[color:var(--zui-timeline-indicator-blue-fg,var(--zui-color-blue,#2563eb))] dark:text-[color:var(--zui-timeline-indicator-blue-fg-dark,var(--zui-color-blue-dark,#3b82f6))] ring-2 ring-[var(--zui-timeline-indicator-blue-ring,var(--zui-color-blue,#2563eb33))] dark:ring-[var(--zui-timeline-indicator-blue-ring-dark,var(--zui-color-blue-dark,#3b82f640))]",
+  cyan: "border-[color:var(--zui-timeline-indicator-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-timeline-indicator-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-timeline-indicator-cyan-bg,var(--zui-color-cyan,#0891b214))] dark:bg-[var(--zui-timeline-indicator-cyan-bg-dark,var(--zui-color-cyan-dark,#22d3ee24))] text-[color:var(--zui-timeline-indicator-cyan-fg,var(--zui-color-cyan,#0891b2))] dark:text-[color:var(--zui-timeline-indicator-cyan-fg-dark,var(--zui-color-cyan-dark,#22d3ee))] ring-2 ring-[var(--zui-timeline-indicator-cyan-ring,var(--zui-color-cyan,#0891b233))] dark:ring-[var(--zui-timeline-indicator-cyan-ring-dark,var(--zui-color-cyan-dark,#22d3ee40))]",
+  green: "border-[color:var(--zui-timeline-indicator-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-timeline-indicator-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-timeline-indicator-green-bg,var(--zui-color-green,#16a34a14))] dark:bg-[var(--zui-timeline-indicator-green-bg-dark,var(--zui-color-green-dark,#22c55e24))] text-[color:var(--zui-timeline-indicator-green-fg,var(--zui-color-green,#16a34a))] dark:text-[color:var(--zui-timeline-indicator-green-fg-dark,var(--zui-color-green-dark,#22c55e))] ring-2 ring-[var(--zui-timeline-indicator-green-ring,var(--zui-color-green,#16a34a33))] dark:ring-[var(--zui-timeline-indicator-green-ring-dark,var(--zui-color-green-dark,#22c55e40))]",
+  lime: "border-[color:var(--zui-timeline-indicator-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-timeline-indicator-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-timeline-indicator-lime-bg,var(--zui-color-lime,#65a30d14))] dark:bg-[var(--zui-timeline-indicator-lime-bg-dark,var(--zui-color-lime-dark,#a3e63524))] text-[color:var(--zui-timeline-indicator-lime-fg,var(--zui-color-lime,#65a30d))] dark:text-[color:var(--zui-timeline-indicator-lime-fg-dark,var(--zui-color-lime-dark,#a3e635))] ring-2 ring-[var(--zui-timeline-indicator-lime-ring,var(--zui-color-lime,#65a30d33))] dark:ring-[var(--zui-timeline-indicator-lime-ring-dark,var(--zui-color-lime-dark,#a3e63540))]",
+  mint: "border-[color:var(--zui-timeline-indicator-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-timeline-indicator-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-timeline-indicator-mint-bg,var(--zui-color-mint,#10b98114))] dark:bg-[var(--zui-timeline-indicator-mint-bg-dark,var(--zui-color-mint-dark,#6ee7b724))] text-[color:var(--zui-timeline-indicator-mint-fg,var(--zui-color-mint,#10b981))] dark:text-[color:var(--zui-timeline-indicator-mint-fg-dark,var(--zui-color-mint-dark,#6ee7b7))] ring-2 ring-[var(--zui-timeline-indicator-mint-ring,var(--zui-color-mint,#10b98133))] dark:ring-[var(--zui-timeline-indicator-mint-ring-dark,var(--zui-color-mint-dark,#6ee7b740))]",
+  ocean: "border-[color:var(--zui-timeline-indicator-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-timeline-indicator-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-timeline-indicator-ocean-bg,var(--zui-color-ocean,#0284c714))] dark:bg-[var(--zui-timeline-indicator-ocean-bg-dark,var(--zui-color-ocean-dark,#38bdf824))] text-[color:var(--zui-timeline-indicator-ocean-fg,var(--zui-color-ocean,#0284c7))] dark:text-[color:var(--zui-timeline-indicator-ocean-fg-dark,var(--zui-color-ocean-dark,#38bdf8))] ring-2 ring-[var(--zui-timeline-indicator-ocean-ring,var(--zui-color-ocean,#0284c733))] dark:ring-[var(--zui-timeline-indicator-ocean-ring-dark,var(--zui-color-ocean-dark,#38bdf840))]",
+  sapphire: "border-[color:var(--zui-timeline-indicator-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-timeline-indicator-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-timeline-indicator-sapphire-bg,var(--zui-color-sapphire,#1d4ed814))] dark:bg-[var(--zui-timeline-indicator-sapphire-bg-dark,var(--zui-color-sapphire-dark,#60a5fa24))] text-[color:var(--zui-timeline-indicator-sapphire-fg,var(--zui-color-sapphire,#1d4ed8))] dark:text-[color:var(--zui-timeline-indicator-sapphire-fg-dark,var(--zui-color-sapphire-dark,#60a5fa))] ring-2 ring-[var(--zui-timeline-indicator-sapphire-ring,var(--zui-color-sapphire,#1d4ed833))] dark:ring-[var(--zui-timeline-indicator-sapphire-ring-dark,var(--zui-color-sapphire-dark,#60a5fa40))]",
+  lavender: "border-[color:var(--zui-timeline-indicator-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-timeline-indicator-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-timeline-indicator-lavender-bg,var(--zui-color-lavender,#8b5cf614))] dark:bg-[var(--zui-timeline-indicator-lavender-bg-dark,var(--zui-color-lavender-dark,#a78bfa24))] text-[color:var(--zui-timeline-indicator-lavender-fg,var(--zui-color-lavender,#8b5cf6))] dark:text-[color:var(--zui-timeline-indicator-lavender-fg-dark,var(--zui-color-lavender-dark,#a78bfa))] ring-2 ring-[var(--zui-timeline-indicator-lavender-ring,var(--zui-color-lavender,#8b5cf633))] dark:ring-[var(--zui-timeline-indicator-lavender-ring-dark,var(--zui-color-lavender-dark,#a78bfa40))]",
+  ruby: "border-[color:var(--zui-timeline-indicator-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-timeline-indicator-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-timeline-indicator-ruby-bg,var(--zui-color-ruby,#be123c14))] dark:bg-[var(--zui-timeline-indicator-ruby-bg-dark,var(--zui-color-ruby-dark,#fb718524))] text-[color:var(--zui-timeline-indicator-ruby-fg,var(--zui-color-ruby,#be123c))] dark:text-[color:var(--zui-timeline-indicator-ruby-fg-dark,var(--zui-color-ruby-dark,#fb7185))] ring-2 ring-[var(--zui-timeline-indicator-ruby-ring,var(--zui-color-ruby,#be123c33))] dark:ring-[var(--zui-timeline-indicator-ruby-ring-dark,var(--zui-color-ruby-dark,#fb718540))]",
+  red: "border-[color:var(--zui-timeline-indicator-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-timeline-indicator-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-timeline-indicator-red-bg,var(--zui-color-red,#dc262614))] dark:bg-[var(--zui-timeline-indicator-red-bg-dark,var(--zui-color-red-dark,#ef444424))] text-[color:var(--zui-timeline-indicator-red-fg,var(--zui-color-red,#dc2626))] dark:text-[color:var(--zui-timeline-indicator-red-fg-dark,var(--zui-color-red-dark,#ef4444))] ring-2 ring-[var(--zui-timeline-indicator-red-ring,var(--zui-color-red,#dc262633))] dark:ring-[var(--zui-timeline-indicator-red-ring-dark,var(--zui-color-red-dark,#ef444440))]",
+  slate: "border-[color:var(--zui-timeline-indicator-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-timeline-indicator-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-timeline-indicator-slate-bg,var(--zui-color-slate,#47556914))] dark:bg-[var(--zui-timeline-indicator-slate-bg-dark,var(--zui-color-slate-dark,#64748b24))] text-[color:var(--zui-timeline-indicator-slate-fg,var(--zui-color-slate,#475569))] dark:text-[color:var(--zui-timeline-indicator-slate-fg-dark,var(--zui-color-slate-dark,#64748b))] ring-2 ring-[var(--zui-timeline-indicator-slate-ring,var(--zui-color-slate,#47556933))] dark:ring-[var(--zui-timeline-indicator-slate-ring-dark,var(--zui-color-slate-dark,#64748b40))]",
+  zinc: "border-[color:var(--zui-timeline-indicator-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-timeline-indicator-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-timeline-indicator-zinc-bg,var(--zui-color-zinc,#52525b14))] dark:bg-[var(--zui-timeline-indicator-zinc-bg-dark,var(--zui-color-zinc-dark,#71717a24))] text-[color:var(--zui-timeline-indicator-zinc-fg,var(--zui-color-zinc,#52525b))] dark:text-[color:var(--zui-timeline-indicator-zinc-fg-dark,var(--zui-color-zinc-dark,#71717a))] ring-2 ring-[var(--zui-timeline-indicator-zinc-ring,var(--zui-color-zinc,#52525b33))] dark:ring-[var(--zui-timeline-indicator-zinc-ring-dark,var(--zui-color-zinc-dark,#71717a40))]",
+  stone: "border-[color:var(--zui-timeline-indicator-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-timeline-indicator-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-timeline-indicator-stone-bg,var(--zui-color-stone,#57534e14))] dark:bg-[var(--zui-timeline-indicator-stone-bg-dark,var(--zui-color-stone-dark,#78716c24))] text-[color:var(--zui-timeline-indicator-stone-fg,var(--zui-color-stone,#57534e))] dark:text-[color:var(--zui-timeline-indicator-stone-fg-dark,var(--zui-color-stone-dark,#78716c))] ring-2 ring-[var(--zui-timeline-indicator-stone-ring,var(--zui-color-stone,#57534e33))] dark:ring-[var(--zui-timeline-indicator-stone-ring-dark,var(--zui-color-stone-dark,#78716c40))]",
+  royal: "border-[color:var(--zui-timeline-indicator-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-timeline-indicator-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-timeline-indicator-royal-bg,var(--zui-color-royal,#4338ca14))] dark:bg-[var(--zui-timeline-indicator-royal-bg-dark,var(--zui-color-royal-dark,#818cf824))] text-[color:var(--zui-timeline-indicator-royal-fg,var(--zui-color-royal,#4338ca))] dark:text-[color:var(--zui-timeline-indicator-royal-fg-dark,var(--zui-color-royal-dark,#818cf8))] ring-2 ring-[var(--zui-timeline-indicator-royal-ring,var(--zui-color-royal,#4338ca33))] dark:ring-[var(--zui-timeline-indicator-royal-ring-dark,var(--zui-color-royal-dark,#818cf840))]",
+  electric: "border-[color:var(--zui-timeline-indicator-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-timeline-indicator-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-timeline-indicator-electric-bg,var(--zui-color-electric,#0ea5e914))] dark:bg-[var(--zui-timeline-indicator-electric-bg-dark,var(--zui-color-electric-dark,#38bdf824))] text-[color:var(--zui-timeline-indicator-electric-fg,var(--zui-color-electric,#0ea5e9))] dark:text-[color:var(--zui-timeline-indicator-electric-fg-dark,var(--zui-color-electric-dark,#38bdf8))] ring-2 ring-[var(--zui-timeline-indicator-electric-ring,var(--zui-color-electric,#0ea5e933))] dark:ring-[var(--zui-timeline-indicator-electric-ring-dark,var(--zui-color-electric-dark,#38bdf840))]",
+  forest: "border-[color:var(--zui-timeline-indicator-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-timeline-indicator-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-timeline-indicator-forest-bg,var(--zui-color-forest,#16653414))] dark:bg-[var(--zui-timeline-indicator-forest-bg-dark,var(--zui-color-forest-dark,#4ade8024))] text-[color:var(--zui-timeline-indicator-forest-fg,var(--zui-color-forest,#166534))] dark:text-[color:var(--zui-timeline-indicator-forest-fg-dark,var(--zui-color-forest-dark,#4ade80))] ring-2 ring-[var(--zui-timeline-indicator-forest-ring,var(--zui-color-forest,#16653433))] dark:ring-[var(--zui-timeline-indicator-forest-ring-dark,var(--zui-color-forest-dark,#4ade8040))]",
+  sunset: "border-[color:var(--zui-timeline-indicator-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-timeline-indicator-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-timeline-indicator-sunset-bg,var(--zui-color-sunset,#ea580c14))] dark:bg-[var(--zui-timeline-indicator-sunset-bg-dark,var(--zui-color-sunset-dark,#fb923c24))] text-[color:var(--zui-timeline-indicator-sunset-fg,var(--zui-color-sunset,#ea580c))] dark:text-[color:var(--zui-timeline-indicator-sunset-fg-dark,var(--zui-color-sunset-dark,#fb923c))] ring-2 ring-[var(--zui-timeline-indicator-sunset-ring,var(--zui-color-sunset,#ea580c33))] dark:ring-[var(--zui-timeline-indicator-sunset-ring-dark,var(--zui-color-sunset-dark,#fb923c40))]",
+  magenta: "border-[color:var(--zui-timeline-indicator-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-timeline-indicator-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-timeline-indicator-magenta-bg,var(--zui-color-magenta,#c026d314))] dark:bg-[var(--zui-timeline-indicator-magenta-bg-dark,var(--zui-color-magenta-dark,#e879f924))] text-[color:var(--zui-timeline-indicator-magenta-fg,var(--zui-color-magenta,#c026d3))] dark:text-[color:var(--zui-timeline-indicator-magenta-fg-dark,var(--zui-color-magenta-dark,#e879f9))] ring-2 ring-[var(--zui-timeline-indicator-magenta-ring,var(--zui-color-magenta,#c026d333))] dark:ring-[var(--zui-timeline-indicator-magenta-ring-dark,var(--zui-color-magenta-dark,#e879f940))]",
+  crimson: "border-[color:var(--zui-timeline-indicator-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-timeline-indicator-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-timeline-indicator-crimson-bg,var(--zui-color-crimson,#b91c1c14))] dark:bg-[var(--zui-timeline-indicator-crimson-bg-dark,var(--zui-color-crimson-dark,#f8717124))] text-[color:var(--zui-timeline-indicator-crimson-fg,var(--zui-color-crimson,#b91c1c))] dark:text-[color:var(--zui-timeline-indicator-crimson-fg-dark,var(--zui-color-crimson-dark,#f87171))] ring-2 ring-[var(--zui-timeline-indicator-crimson-ring,var(--zui-color-crimson,#b91c1c33))] dark:ring-[var(--zui-timeline-indicator-crimson-ring-dark,var(--zui-color-crimson-dark,#f8717140))]",
+  aqua: "border-[color:var(--zui-timeline-indicator-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-timeline-indicator-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-timeline-indicator-aqua-bg,var(--zui-color-aqua,#0f766e14))] dark:bg-[var(--zui-timeline-indicator-aqua-bg-dark,var(--zui-color-aqua-dark,#2dd4bf24))] text-[color:var(--zui-timeline-indicator-aqua-fg,var(--zui-color-aqua,#0f766e))] dark:text-[color:var(--zui-timeline-indicator-aqua-fg-dark,var(--zui-color-aqua-dark,#2dd4bf))] ring-2 ring-[var(--zui-timeline-indicator-aqua-ring,var(--zui-color-aqua,#0f766e33))] dark:ring-[var(--zui-timeline-indicator-aqua-ring-dark,var(--zui-color-aqua-dark,#2dd4bf40))]",
+  plum: "border-[color:var(--zui-timeline-indicator-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-timeline-indicator-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-timeline-indicator-plum-bg,var(--zui-color-plum,#7e22ce14))] dark:bg-[var(--zui-timeline-indicator-plum-bg-dark,var(--zui-color-plum-dark,#c084fc24))] text-[color:var(--zui-timeline-indicator-plum-fg,var(--zui-color-plum,#7e22ce))] dark:text-[color:var(--zui-timeline-indicator-plum-fg-dark,var(--zui-color-plum-dark,#c084fc))] ring-2 ring-[var(--zui-timeline-indicator-plum-ring,var(--zui-color-plum,#7e22ce33))] dark:ring-[var(--zui-timeline-indicator-plum-ring-dark,var(--zui-color-plum-dark,#c084fc40))]"
+};
+var zuiTimelineIndicatorSizes = {
+  sm: "size-5 text-[0.625rem]",
+  md: "size-6 text-xs",
+  lg: "size-7 text-sm"
+};
+var zuiTimelineConnectorBase = "pointer-events-none absolute bottom-0 w-px -translate-x-1/2 rounded-full bg-[var(--zui-timeline-connector,var(--zui-border,#0000001f))] dark:bg-[var(--zui-timeline-connector-dark,var(--zui-border-dark,#ffffff1f))]";
+var zuiTimelineConnectorSizes = {
+  sm: "left-2.5 top-6",
+  md: "left-3 top-7",
+  lg: "left-3.5 top-8"
+};
+var zuiTimelineContentBase = "min-w-0 flex-1";
+var zuiTimelineContentSizes = {
+  sm: "pb-5",
+  md: "pb-6",
+  lg: "pb-8"
+};
+var zuiTimelineTitleBase = "font-semibold text-[color:var(--zui-timeline-title-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-timeline-title-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+var zuiTimelineTitleSizes = {
+  sm: "text-sm",
+  md: "text-sm",
+  lg: "text-base"
+};
+var zuiTimelineDescriptionBase = "text-[color:var(--zui-timeline-description-fg,var(--zui-fg-muted,oklch(44.6%_0.03_256.802)))] dark:text-[color:var(--zui-timeline-description-fg-dark,var(--zui-fg-muted-dark,oklch(70.4%_0.04_256.788)))]";
+var zuiTimelineDescriptionSizes = {
+  sm: "text-xs",
+  md: "text-xs",
+  lg: "text-sm"
+};
+
+export { zuiTimelineBase, zuiTimelineConnectorBase, zuiTimelineConnectorSizes, zuiTimelineContentBase, zuiTimelineContentSizes, zuiTimelineDescriptionBase, zuiTimelineDescriptionSizes, zuiTimelineIndicatorAppearances, zuiTimelineIndicatorBase, zuiTimelineIndicatorSizes, zuiTimelineItemBase, zuiTimelineTitleBase, zuiTimelineTitleSizes };
+//# sourceMappingURL=chunk-FX5KR2GP.mjs.map
+//# sourceMappingURL=chunk-FX5KR2GP.mjs.map

package/dist/chunk-FX5KR2GP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/timeline.ts"],"names":[],"mappings":";AAAO,IAAM,eAAA,GAAkB;AAExB,IAAM,mBAAA,GAAsB;AAE5B,IAAM,wBAAA,GACX;AAEK,IAAM,+BAAA,GAAkC;AAAA,EAC7C,OAAA,EACE,mhBAAA;AAAA,EACF,GAAA,EAAK,2gBAAA;AAAA,EACL,IAAA,EAAM,8gBAAA;AAAA,EACN,MAAA,EACE,uiBAAA;AAAA,EACF,IAAA,EAAM,qhBAAA;AAAA,EACN,MAAA,EACE,oiBAAA;AAAA,EACF,MAAA,EACE,uiBAAA;AAAA,EACF,IAAA,EAAM,qhBAAA;AAAA,EACN,MAAA,EACE,yiBAAA;AAAA,EACF,OAAA,EACE,8iBAAA;AAAA,EACF,IAAA,EAAM,qhBAAA;AAAA,EACN,MAAA,EACE,uiBAAA;AAAA,EACF,eAAA,EACE,q5BAAA;AAAA,EACF,gBAAA,EACE,65BAAA;AAAA,EACF,cAAA,EACE,+3BAAA;AAAA,EACF,iBAAA,EACE,y7BAAA;AAAA,EACF,iBAAA,EACE,u6BAAA;AAAA,EACF,eAAA,EACE,g5BAAA;AAAA,EACF,iBAAA,EACE,66BAAA;AAAA,EACF,eAAA,EACE,24BAAA;AAAA,EACF,iBAAA,EACE,y5BAAA;AAAA,EACF,IAAA,EAAM,wsBAAA;AAAA,EACN,IAAA,EAAM,wsBAAA;AAAA,EACN,KAAA,EACE,wtBAAA;AAAA,EACF,IAAA,EAAM,wsBAAA;AAAA,EACN,IAAA,EAAM,wsBAAA;AAAA,EACN,KAAA,EACE,wtBAAA;AAAA,EACF,QAAA,EACE,wwBAAA;AAAA,EACF,QAAA,EACE,wwBAAA;AAAA,EACF,IAAA,EAAM,wsBAAA;AAAA,EACN,GAAA,EAAK,wrBAAA;AAAA,EACL,KAAA,EACE,wtBAAA;AAAA,EACF,IAAA,EAAM,wsBAAA;AAAA,EACN,KAAA,EACE,wtBAAA;AAAA,EACF,KAAA,EACE,wtBAAA;AAAA,EACF,QAAA,EACE,wwBAAA;AAAA,EACF,MAAA,EACE,wuBAAA;AAAA,EACF,MAAA,EACE,wuBAAA;AAAA,EACF,OAAA,EACE,wvBAAA;AAAA,EACF,OAAA,EACE,wvBAAA;AAAA,EACF,IAAA,EAAM,wsBAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,yBAAA,GAA4B;AAAA,EACvC,EAAA,EAAI,wBAAA;AAAA,EACJ,EAAA,EAAI,gBAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,wBAAA,GACX;AAEK,IAAM,yBAAA,GAA4B;AAAA,EACvC,EAAA,EAAI,gBAAA;AAAA,EACJ,EAAA,EAAI,cAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,sBAAA,GAAyB;AAE/B,IAAM,uBAAA,GAA0B;AAAA,EACrC,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,oBAAA,GACX;AAEK,IAAM,qBAAA,GAAwB;AAAA,EACnC,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,0BAAA,GACX;AAEK,IAAM,2BAAA,GAA8B;AAAA,EACzC,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI;AACN","file":"chunk-FX5KR2GP.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,var(--zui-border,oklch(55.1%_0.027_264.364_/_0.6)))] bg-[var(--zui-timeline-indicator-default-bg,var(--zui-surface-muted,oklch(55.1%_0.027_264.364_/_0.2)))] text-[color:var(--zui-timeline-indicator-default-fg,var(--zui-fg,oklch(21%_0.034_264.665)))] dark:text-[color:var(--zui-timeline-indicator-default-fg-dark,var(--zui-fg-dark,oklch(96.7%_0.003_264.542)))] ring-2 ring-[var(--zui-timeline-indicator-default-ring,var(--zui-focus-ring,oklch(70.7%_0.022_261.325_/_0.3)))]\",\n  sky: \"border-[color:var(--zui-timeline-indicator-sky-border,var(--zui-color-sky,oklch(68.5%_0.169_237.323_/_0.6)))] bg-[var(--zui-timeline-indicator-sky-bg,var(--zui-color-sky,oklch(68.5%_0.169_237.323_/_0.2)))] text-[color:var(--zui-timeline-indicator-sky-fg,var(--zui-color-sky,oklch(39.1%_0.09_240.876)))] dark:text-[color:var(--zui-timeline-indicator-sky-fg-dark,var(--zui-color-sky-dark,oklch(95.1%_0.026_236.824)))] ring-2 ring-[var(--zui-timeline-indicator-sky-ring,var(--zui-color-sky,oklch(74.6%_0.16_232.661_/_0.3)))]\",\n  rose: \"border-[color:var(--zui-timeline-indicator-rose-border,var(--zui-color-rose,oklch(64.5%_0.246_16.439_/_0.6)))] bg-[var(--zui-timeline-indicator-rose-bg,var(--zui-color-rose,oklch(64.5%_0.246_16.439_/_0.2)))] text-[color:var(--zui-timeline-indicator-rose-fg,var(--zui-color-rose,oklch(41%_0.159_10.272)))] dark:text-[color:var(--zui-timeline-indicator-rose-fg-dark,var(--zui-color-rose-dark,oklch(94.1%_0.03_12.58)))] ring-2 ring-[var(--zui-timeline-indicator-rose-ring,var(--zui-color-rose,oklch(71.2%_0.194_13.428_/_0.3)))]\",\n  purple:\n    \"border-[color:var(--zui-timeline-indicator-purple-border,var(--zui-color-purple,oklch(62.7%_0.265_303.9_/_0.6)))] bg-[var(--zui-timeline-indicator-purple-bg,var(--zui-color-purple,oklch(62.7%_0.265_303.9_/_0.2)))] text-[color:var(--zui-timeline-indicator-purple-fg,var(--zui-color-purple,oklch(38.1%_0.176_304.987)))] dark:text-[color:var(--zui-timeline-indicator-purple-fg-dark,var(--zui-color-purple-dark,oklch(94.6%_0.033_307.174)))] ring-2 ring-[var(--zui-timeline-indicator-purple-ring,var(--zui-color-purple,oklch(71.4%_0.203_305.504_/_0.3)))]\",\n  pink: \"border-[color:var(--zui-timeline-indicator-pink-border,var(--zui-color-pink,oklch(65.6%_0.241_354.308_/_0.6)))] bg-[var(--zui-timeline-indicator-pink-bg,var(--zui-color-pink,oklch(65.6%_0.241_354.308_/_0.2)))] text-[color:var(--zui-timeline-indicator-pink-fg,var(--zui-color-pink,oklch(40.8%_0.153_2.432)))] dark:text-[color:var(--zui-timeline-indicator-pink-fg-dark,var(--zui-color-pink-dark,oklch(94.8%_0.028_342.258)))] ring-2 ring-[var(--zui-timeline-indicator-pink-ring,var(--zui-color-pink,oklch(71.8%_0.202_349.761_/_0.3)))]\",\n  orange:\n    \"border-[color:var(--zui-timeline-indicator-orange-border,var(--zui-color-orange,oklch(70.5%_0.213_47.604_/_0.6)))] bg-[var(--zui-timeline-indicator-orange-bg,var(--zui-color-orange,oklch(70.5%_0.213_47.604_/_0.2)))] text-[color:var(--zui-timeline-indicator-orange-fg,var(--zui-color-orange,oklch(40.8%_0.123_38.172)))] dark:text-[color:var(--zui-timeline-indicator-orange-fg-dark,var(--zui-color-orange-dark,oklch(95.4%_0.038_75.164)))] ring-2 ring-[var(--zui-timeline-indicator-orange-ring,var(--zui-color-orange,oklch(75%_0.183_55.934_/_0.3)))]\",\n  yellow:\n    \"border-[color:var(--zui-timeline-indicator-yellow-border,var(--zui-color-yellow,oklch(79.5%_0.184_86.047_/_0.6)))] bg-[var(--zui-timeline-indicator-yellow-bg,var(--zui-color-yellow,oklch(79.5%_0.184_86.047_/_0.2)))] text-[color:var(--zui-timeline-indicator-yellow-fg,var(--zui-color-yellow,oklch(42.1%_0.095_57.708)))] dark:text-[color:var(--zui-timeline-indicator-yellow-fg-dark,var(--zui-color-yellow-dark,oklch(97.3%_0.071_103.193)))] ring-2 ring-[var(--zui-timeline-indicator-yellow-ring,var(--zui-color-yellow,oklch(85.2%_0.199_91.936_/_0.3)))]\",\n  teal: \"border-[color:var(--zui-timeline-indicator-teal-border,var(--zui-color-teal,oklch(70.4%_0.14_182.503_/_0.6)))] bg-[var(--zui-timeline-indicator-teal-bg,var(--zui-color-teal,oklch(70.4%_0.14_182.503_/_0.2)))] text-[color:var(--zui-timeline-indicator-teal-fg,var(--zui-color-teal,oklch(38.6%_0.063_188.416)))] dark:text-[color:var(--zui-timeline-indicator-teal-fg-dark,var(--zui-color-teal-dark,oklch(95.3%_0.051_180.801)))] ring-2 ring-[var(--zui-timeline-indicator-teal-ring,var(--zui-color-teal,oklch(77.7%_0.152_181.912_/_0.3)))]\",\n  indigo:\n    \"border-[color:var(--zui-timeline-indicator-indigo-border,var(--zui-color-indigo,oklch(58.5%_0.233_277.117_/_0.6)))] bg-[var(--zui-timeline-indicator-indigo-bg,var(--zui-color-indigo,oklch(58.5%_0.233_277.117_/_0.2)))] text-[color:var(--zui-timeline-indicator-indigo-fg,var(--zui-color-indigo,oklch(35.9%_0.144_278.697)))] dark:text-[color:var(--zui-timeline-indicator-indigo-fg-dark,var(--zui-color-indigo-dark,oklch(93%_0.034_272.788)))] ring-2 ring-[var(--zui-timeline-indicator-indigo-ring,var(--zui-color-indigo,oklch(67.3%_0.182_276.935_/_0.3)))]\",\n  emerald:\n    \"border-[color:var(--zui-timeline-indicator-emerald-border,var(--zui-color-emerald,oklch(69.6%_0.17_162.48_/_0.6)))] bg-[var(--zui-timeline-indicator-emerald-bg,var(--zui-color-emerald,oklch(69.6%_0.17_162.48_/_0.2)))] text-[color:var(--zui-timeline-indicator-emerald-fg,var(--zui-color-emerald,oklch(37.8%_0.077_168.94)))] dark:text-[color:var(--zui-timeline-indicator-emerald-fg-dark,var(--zui-color-emerald-dark,oklch(95%_0.052_163.051)))] ring-2 ring-[var(--zui-timeline-indicator-emerald-ring,var(--zui-color-emerald,oklch(76.5%_0.177_163.223_/_0.3)))]\",\n  gray: \"border-[color:var(--zui-timeline-indicator-gray-border,var(--zui-color-gray,oklch(55.1%_0.027_264.364_/_0.6)))] bg-[var(--zui-timeline-indicator-gray-bg,var(--zui-color-gray,oklch(55.1%_0.027_264.364_/_0.2)))] text-[color:var(--zui-timeline-indicator-gray-fg,var(--zui-color-gray,oklch(21%_0.034_264.665)))] dark:text-[color:var(--zui-timeline-indicator-gray-fg-dark,var(--zui-color-gray-dark,oklch(96.7%_0.003_264.542)))] ring-2 ring-[var(--zui-timeline-indicator-gray-ring,var(--zui-color-gray,oklch(70.7%_0.022_261.325_/_0.3)))]\",\n  violet:\n    \"border-[color:var(--zui-timeline-indicator-violet-border,var(--zui-color-violet,oklch(60.6%_0.25_292.717_/_0.6)))] bg-[var(--zui-timeline-indicator-violet-bg,var(--zui-color-violet,oklch(60.6%_0.25_292.717_/_0.2)))] text-[color:var(--zui-timeline-indicator-violet-fg,var(--zui-color-violet,oklch(38%_0.189_293.745)))] dark:text-[color:var(--zui-timeline-indicator-violet-fg-dark,var(--zui-color-violet-dark,oklch(94.3%_0.029_294.588)))] ring-2 ring-[var(--zui-timeline-indicator-violet-ring,var(--zui-color-violet,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,var(--zui-color-blue,oklch(62.3%_0.214_259.815)))] dark:from-[var(--zui-timeline-indicator-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(42.4%_0.199_265.638)))] to-[var(--zui-timeline-indicator-gradient-blue-to,var(--zui-color-purple,oklch(54.6%_0.245_262.881)))] dark:to-[var(--zui-timeline-indicator-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(37.9%_0.146_265.522)))] text-[color:var(--zui-timeline-indicator-gradient-blue-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-timeline-indicator-gradient-blue-fg-dark,var(--zui-brand-fg-dark,#ffffff))] ring-2 ring-[var(--zui-timeline-indicator-gradient-blue-ring,var(--zui-color-blue,oklch(70.7%_0.165_254.624_/_0.3)))] dark:ring-[var(--zui-timeline-indicator-gradient-blue-ring-dark,var(--zui-color-blue-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,var(--zui-color-green,oklch(72.3%_0.219_149.579)))] dark:from-[var(--zui-timeline-indicator-gradient-green-from-dark,var(--zui-color-green-dark,oklch(44.8%_0.119_151.328)))] to-[var(--zui-timeline-indicator-gradient-green-to,var(--zui-color-lime,oklch(62.7%_0.194_149.214)))] dark:to-[var(--zui-timeline-indicator-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(39.3%_0.095_152.535)))] text-[color:var(--zui-timeline-indicator-gradient-green-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-timeline-indicator-gradient-green-fg-dark,var(--zui-brand-fg-dark,#ffffff))] ring-2 ring-[var(--zui-timeline-indicator-gradient-green-ring,var(--zui-color-green,oklch(79.2%_0.209_151.711_/_0.3)))] dark:ring-[var(--zui-timeline-indicator-gradient-green-ring-dark,var(--zui-color-green-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,var(--zui-color-red,oklch(63.7%_0.237_25.331)))] dark:from-[var(--zui-timeline-indicator-gradient-red-from-dark,var(--zui-color-red-dark,oklch(44.4%_0.177_26.899)))] to-[var(--zui-timeline-indicator-gradient-red-to,var(--zui-color-pink,oklch(57.7%_0.245_27.325)))] dark:to-[var(--zui-timeline-indicator-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(39.6%_0.141_25.723)))] text-[color:var(--zui-timeline-indicator-gradient-red-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-timeline-indicator-gradient-red-fg-dark,var(--zui-brand-fg-dark,#ffffff))] ring-2 ring-[var(--zui-timeline-indicator-gradient-red-ring,var(--zui-color-red,oklch(70.4%_0.191_22.216_/_0.3)))] dark:ring-[var(--zui-timeline-indicator-gradient-red-ring-dark,var(--zui-color-red-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,var(--zui-color-yellow,oklch(85.2%_0.199_91.936)))] dark:from-[var(--zui-timeline-indicator-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(47.6%_0.114_61.907)))] to-[var(--zui-timeline-indicator-gradient-yellow-to,var(--zui-color-orange,oklch(79.5%_0.184_86.047)))] dark:to-[var(--zui-timeline-indicator-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(42.1%_0.095_57.708)))] text-[color:var(--zui-timeline-indicator-gradient-yellow-fg,var(--zui-brand-fg,oklch(42.1%_0.095_57.708)))] dark:text-[color:var(--zui-timeline-indicator-gradient-yellow-fg-dark,var(--zui-brand-fg-dark,#ffffff))] ring-2 ring-[var(--zui-timeline-indicator-gradient-yellow-ring,var(--zui-color-yellow,oklch(85.2%_0.199_91.936_/_0.3)))] dark:ring-[var(--zui-timeline-indicator-gradient-yellow-ring-dark,var(--zui-color-yellow-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,var(--zui-color-purple,oklch(71.4%_0.203_305.504)))] dark:from-[var(--zui-timeline-indicator-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] to-[var(--zui-timeline-indicator-gradient-purple-to,var(--zui-color-pink,oklch(62.7%_0.265_303.9)))] dark:to-[var(--zui-timeline-indicator-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(38.1%_0.176_304.987)))] text-[color:var(--zui-timeline-indicator-gradient-purple-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-timeline-indicator-gradient-purple-fg-dark,var(--zui-brand-fg-dark,#ffffff))] ring-2 ring-[var(--zui-timeline-indicator-gradient-purple-ring,var(--zui-color-purple,oklch(71.4%_0.203_305.504_/_0.3)))] dark:ring-[var(--zui-timeline-indicator-gradient-purple-ring-dark,var(--zui-color-purple-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,var(--zui-color-teal,oklch(77.7%_0.152_181.912)))] dark:from-[var(--zui-timeline-indicator-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(43.7%_0.078_188.216)))] to-[var(--zui-timeline-indicator-gradient-teal-to,var(--zui-color-cyan,oklch(70.4%_0.14_182.503)))] dark:to-[var(--zui-timeline-indicator-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(38.6%_0.063_188.416)))] text-[color:var(--zui-timeline-indicator-gradient-teal-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-timeline-indicator-gradient-teal-fg-dark,var(--zui-brand-fg-dark,#ffffff))] ring-2 ring-[var(--zui-timeline-indicator-gradient-teal-ring,var(--zui-color-teal,oklch(77.7%_0.152_181.912_/_0.3)))] dark:ring-[var(--zui-timeline-indicator-gradient-teal-ring-dark,var(--zui-color-teal-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,var(--zui-color-indigo,oklch(67.3%_0.182_276.935)))] dark:from-[var(--zui-timeline-indicator-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(39.8%_0.195_277.366)))] to-[var(--zui-timeline-indicator-gradient-indigo-to,var(--zui-color-purple,oklch(58.5%_0.233_277.117)))] dark:to-[var(--zui-timeline-indicator-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(35.9%_0.144_278.697)))] text-[color:var(--zui-timeline-indicator-gradient-indigo-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-timeline-indicator-gradient-indigo-fg-dark,var(--zui-brand-fg-dark,#ffffff))] ring-2 ring-[var(--zui-timeline-indicator-gradient-indigo-ring,var(--zui-color-indigo,oklch(67.3%_0.182_276.935_/_0.3)))] dark:ring-[var(--zui-timeline-indicator-gradient-indigo-ring-dark,var(--zui-color-indigo-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,var(--zui-color-pink,oklch(71.8%_0.202_349.761)))] dark:from-[var(--zui-timeline-indicator-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] to-[var(--zui-timeline-indicator-gradient-pink-to,var(--zui-color-rose,oklch(65.6%_0.241_354.308)))] dark:to-[var(--zui-timeline-indicator-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(40.8%_0.153_2.432)))] text-[color:var(--zui-timeline-indicator-gradient-pink-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-timeline-indicator-gradient-pink-fg-dark,var(--zui-brand-fg-dark,#ffffff))] ring-2 ring-[var(--zui-timeline-indicator-gradient-pink-ring,var(--zui-color-pink,oklch(71.8%_0.202_349.761_/_0.3)))] dark:ring-[var(--zui-timeline-indicator-gradient-pink-ring-dark,var(--zui-color-pink-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,var(--zui-color-orange,oklch(75%_0.183_55.934)))] dark:from-[var(--zui-timeline-indicator-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304)))] to-[var(--zui-timeline-indicator-gradient-orange-to,var(--zui-color-red,oklch(70.5%_0.213_47.604)))] dark:to-[var(--zui-timeline-indicator-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(40.8%_0.123_38.172)))] text-[color:var(--zui-timeline-indicator-gradient-orange-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-timeline-indicator-gradient-orange-fg-dark,var(--zui-brand-fg-dark,#ffffff))] ring-2 ring-[var(--zui-timeline-indicator-gradient-orange-ring,var(--zui-color-orange,oklch(75%_0.183_55.934_/_0.3)))] dark:ring-[var(--zui-timeline-indicator-gradient-orange-ring-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304_/_0.3)))]\",\n  blue: \"border-[color:var(--zui-timeline-indicator-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-timeline-indicator-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-timeline-indicator-blue-bg,var(--zui-color-blue,#2563eb14))] dark:bg-[var(--zui-timeline-indicator-blue-bg-dark,var(--zui-color-blue-dark,#3b82f624))] text-[color:var(--zui-timeline-indicator-blue-fg,var(--zui-color-blue,#2563eb))] dark:text-[color:var(--zui-timeline-indicator-blue-fg-dark,var(--zui-color-blue-dark,#3b82f6))] ring-2 ring-[var(--zui-timeline-indicator-blue-ring,var(--zui-color-blue,#2563eb33))] dark:ring-[var(--zui-timeline-indicator-blue-ring-dark,var(--zui-color-blue-dark,#3b82f640))]\",\n  cyan: \"border-[color:var(--zui-timeline-indicator-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-timeline-indicator-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-timeline-indicator-cyan-bg,var(--zui-color-cyan,#0891b214))] dark:bg-[var(--zui-timeline-indicator-cyan-bg-dark,var(--zui-color-cyan-dark,#22d3ee24))] text-[color:var(--zui-timeline-indicator-cyan-fg,var(--zui-color-cyan,#0891b2))] dark:text-[color:var(--zui-timeline-indicator-cyan-fg-dark,var(--zui-color-cyan-dark,#22d3ee))] ring-2 ring-[var(--zui-timeline-indicator-cyan-ring,var(--zui-color-cyan,#0891b233))] dark:ring-[var(--zui-timeline-indicator-cyan-ring-dark,var(--zui-color-cyan-dark,#22d3ee40))]\",\n  green:\n    \"border-[color:var(--zui-timeline-indicator-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-timeline-indicator-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-timeline-indicator-green-bg,var(--zui-color-green,#16a34a14))] dark:bg-[var(--zui-timeline-indicator-green-bg-dark,var(--zui-color-green-dark,#22c55e24))] text-[color:var(--zui-timeline-indicator-green-fg,var(--zui-color-green,#16a34a))] dark:text-[color:var(--zui-timeline-indicator-green-fg-dark,var(--zui-color-green-dark,#22c55e))] ring-2 ring-[var(--zui-timeline-indicator-green-ring,var(--zui-color-green,#16a34a33))] dark:ring-[var(--zui-timeline-indicator-green-ring-dark,var(--zui-color-green-dark,#22c55e40))]\",\n  lime: \"border-[color:var(--zui-timeline-indicator-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-timeline-indicator-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-timeline-indicator-lime-bg,var(--zui-color-lime,#65a30d14))] dark:bg-[var(--zui-timeline-indicator-lime-bg-dark,var(--zui-color-lime-dark,#a3e63524))] text-[color:var(--zui-timeline-indicator-lime-fg,var(--zui-color-lime,#65a30d))] dark:text-[color:var(--zui-timeline-indicator-lime-fg-dark,var(--zui-color-lime-dark,#a3e635))] ring-2 ring-[var(--zui-timeline-indicator-lime-ring,var(--zui-color-lime,#65a30d33))] dark:ring-[var(--zui-timeline-indicator-lime-ring-dark,var(--zui-color-lime-dark,#a3e63540))]\",\n  mint: \"border-[color:var(--zui-timeline-indicator-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-timeline-indicator-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-timeline-indicator-mint-bg,var(--zui-color-mint,#10b98114))] dark:bg-[var(--zui-timeline-indicator-mint-bg-dark,var(--zui-color-mint-dark,#6ee7b724))] text-[color:var(--zui-timeline-indicator-mint-fg,var(--zui-color-mint,#10b981))] dark:text-[color:var(--zui-timeline-indicator-mint-fg-dark,var(--zui-color-mint-dark,#6ee7b7))] ring-2 ring-[var(--zui-timeline-indicator-mint-ring,var(--zui-color-mint,#10b98133))] dark:ring-[var(--zui-timeline-indicator-mint-ring-dark,var(--zui-color-mint-dark,#6ee7b740))]\",\n  ocean:\n    \"border-[color:var(--zui-timeline-indicator-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-timeline-indicator-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-timeline-indicator-ocean-bg,var(--zui-color-ocean,#0284c714))] dark:bg-[var(--zui-timeline-indicator-ocean-bg-dark,var(--zui-color-ocean-dark,#38bdf824))] text-[color:var(--zui-timeline-indicator-ocean-fg,var(--zui-color-ocean,#0284c7))] dark:text-[color:var(--zui-timeline-indicator-ocean-fg-dark,var(--zui-color-ocean-dark,#38bdf8))] ring-2 ring-[var(--zui-timeline-indicator-ocean-ring,var(--zui-color-ocean,#0284c733))] dark:ring-[var(--zui-timeline-indicator-ocean-ring-dark,var(--zui-color-ocean-dark,#38bdf840))]\",\n  sapphire:\n    \"border-[color:var(--zui-timeline-indicator-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-timeline-indicator-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-timeline-indicator-sapphire-bg,var(--zui-color-sapphire,#1d4ed814))] dark:bg-[var(--zui-timeline-indicator-sapphire-bg-dark,var(--zui-color-sapphire-dark,#60a5fa24))] text-[color:var(--zui-timeline-indicator-sapphire-fg,var(--zui-color-sapphire,#1d4ed8))] dark:text-[color:var(--zui-timeline-indicator-sapphire-fg-dark,var(--zui-color-sapphire-dark,#60a5fa))] ring-2 ring-[var(--zui-timeline-indicator-sapphire-ring,var(--zui-color-sapphire,#1d4ed833))] dark:ring-[var(--zui-timeline-indicator-sapphire-ring-dark,var(--zui-color-sapphire-dark,#60a5fa40))]\",\n  lavender:\n    \"border-[color:var(--zui-timeline-indicator-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-timeline-indicator-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-timeline-indicator-lavender-bg,var(--zui-color-lavender,#8b5cf614))] dark:bg-[var(--zui-timeline-indicator-lavender-bg-dark,var(--zui-color-lavender-dark,#a78bfa24))] text-[color:var(--zui-timeline-indicator-lavender-fg,var(--zui-color-lavender,#8b5cf6))] dark:text-[color:var(--zui-timeline-indicator-lavender-fg-dark,var(--zui-color-lavender-dark,#a78bfa))] ring-2 ring-[var(--zui-timeline-indicator-lavender-ring,var(--zui-color-lavender,#8b5cf633))] dark:ring-[var(--zui-timeline-indicator-lavender-ring-dark,var(--zui-color-lavender-dark,#a78bfa40))]\",\n  ruby: \"border-[color:var(--zui-timeline-indicator-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-timeline-indicator-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-timeline-indicator-ruby-bg,var(--zui-color-ruby,#be123c14))] dark:bg-[var(--zui-timeline-indicator-ruby-bg-dark,var(--zui-color-ruby-dark,#fb718524))] text-[color:var(--zui-timeline-indicator-ruby-fg,var(--zui-color-ruby,#be123c))] dark:text-[color:var(--zui-timeline-indicator-ruby-fg-dark,var(--zui-color-ruby-dark,#fb7185))] ring-2 ring-[var(--zui-timeline-indicator-ruby-ring,var(--zui-color-ruby,#be123c33))] dark:ring-[var(--zui-timeline-indicator-ruby-ring-dark,var(--zui-color-ruby-dark,#fb718540))]\",\n  red: \"border-[color:var(--zui-timeline-indicator-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-timeline-indicator-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-timeline-indicator-red-bg,var(--zui-color-red,#dc262614))] dark:bg-[var(--zui-timeline-indicator-red-bg-dark,var(--zui-color-red-dark,#ef444424))] text-[color:var(--zui-timeline-indicator-red-fg,var(--zui-color-red,#dc2626))] dark:text-[color:var(--zui-timeline-indicator-red-fg-dark,var(--zui-color-red-dark,#ef4444))] ring-2 ring-[var(--zui-timeline-indicator-red-ring,var(--zui-color-red,#dc262633))] dark:ring-[var(--zui-timeline-indicator-red-ring-dark,var(--zui-color-red-dark,#ef444440))]\",\n  slate:\n    \"border-[color:var(--zui-timeline-indicator-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-timeline-indicator-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-timeline-indicator-slate-bg,var(--zui-color-slate,#47556914))] dark:bg-[var(--zui-timeline-indicator-slate-bg-dark,var(--zui-color-slate-dark,#64748b24))] text-[color:var(--zui-timeline-indicator-slate-fg,var(--zui-color-slate,#475569))] dark:text-[color:var(--zui-timeline-indicator-slate-fg-dark,var(--zui-color-slate-dark,#64748b))] ring-2 ring-[var(--zui-timeline-indicator-slate-ring,var(--zui-color-slate,#47556933))] dark:ring-[var(--zui-timeline-indicator-slate-ring-dark,var(--zui-color-slate-dark,#64748b40))]\",\n  zinc: \"border-[color:var(--zui-timeline-indicator-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-timeline-indicator-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-timeline-indicator-zinc-bg,var(--zui-color-zinc,#52525b14))] dark:bg-[var(--zui-timeline-indicator-zinc-bg-dark,var(--zui-color-zinc-dark,#71717a24))] text-[color:var(--zui-timeline-indicator-zinc-fg,var(--zui-color-zinc,#52525b))] dark:text-[color:var(--zui-timeline-indicator-zinc-fg-dark,var(--zui-color-zinc-dark,#71717a))] ring-2 ring-[var(--zui-timeline-indicator-zinc-ring,var(--zui-color-zinc,#52525b33))] dark:ring-[var(--zui-timeline-indicator-zinc-ring-dark,var(--zui-color-zinc-dark,#71717a40))]\",\n  stone:\n    \"border-[color:var(--zui-timeline-indicator-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-timeline-indicator-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-timeline-indicator-stone-bg,var(--zui-color-stone,#57534e14))] dark:bg-[var(--zui-timeline-indicator-stone-bg-dark,var(--zui-color-stone-dark,#78716c24))] text-[color:var(--zui-timeline-indicator-stone-fg,var(--zui-color-stone,#57534e))] dark:text-[color:var(--zui-timeline-indicator-stone-fg-dark,var(--zui-color-stone-dark,#78716c))] ring-2 ring-[var(--zui-timeline-indicator-stone-ring,var(--zui-color-stone,#57534e33))] dark:ring-[var(--zui-timeline-indicator-stone-ring-dark,var(--zui-color-stone-dark,#78716c40))]\",\n  royal:\n    \"border-[color:var(--zui-timeline-indicator-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-timeline-indicator-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-timeline-indicator-royal-bg,var(--zui-color-royal,#4338ca14))] dark:bg-[var(--zui-timeline-indicator-royal-bg-dark,var(--zui-color-royal-dark,#818cf824))] text-[color:var(--zui-timeline-indicator-royal-fg,var(--zui-color-royal,#4338ca))] dark:text-[color:var(--zui-timeline-indicator-royal-fg-dark,var(--zui-color-royal-dark,#818cf8))] ring-2 ring-[var(--zui-timeline-indicator-royal-ring,var(--zui-color-royal,#4338ca33))] dark:ring-[var(--zui-timeline-indicator-royal-ring-dark,var(--zui-color-royal-dark,#818cf840))]\",\n  electric:\n    \"border-[color:var(--zui-timeline-indicator-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-timeline-indicator-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-timeline-indicator-electric-bg,var(--zui-color-electric,#0ea5e914))] dark:bg-[var(--zui-timeline-indicator-electric-bg-dark,var(--zui-color-electric-dark,#38bdf824))] text-[color:var(--zui-timeline-indicator-electric-fg,var(--zui-color-electric,#0ea5e9))] dark:text-[color:var(--zui-timeline-indicator-electric-fg-dark,var(--zui-color-electric-dark,#38bdf8))] ring-2 ring-[var(--zui-timeline-indicator-electric-ring,var(--zui-color-electric,#0ea5e933))] dark:ring-[var(--zui-timeline-indicator-electric-ring-dark,var(--zui-color-electric-dark,#38bdf840))]\",\n  forest:\n    \"border-[color:var(--zui-timeline-indicator-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-timeline-indicator-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-timeline-indicator-forest-bg,var(--zui-color-forest,#16653414))] dark:bg-[var(--zui-timeline-indicator-forest-bg-dark,var(--zui-color-forest-dark,#4ade8024))] text-[color:var(--zui-timeline-indicator-forest-fg,var(--zui-color-forest,#166534))] dark:text-[color:var(--zui-timeline-indicator-forest-fg-dark,var(--zui-color-forest-dark,#4ade80))] ring-2 ring-[var(--zui-timeline-indicator-forest-ring,var(--zui-color-forest,#16653433))] dark:ring-[var(--zui-timeline-indicator-forest-ring-dark,var(--zui-color-forest-dark,#4ade8040))]\",\n  sunset:\n    \"border-[color:var(--zui-timeline-indicator-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-timeline-indicator-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-timeline-indicator-sunset-bg,var(--zui-color-sunset,#ea580c14))] dark:bg-[var(--zui-timeline-indicator-sunset-bg-dark,var(--zui-color-sunset-dark,#fb923c24))] text-[color:var(--zui-timeline-indicator-sunset-fg,var(--zui-color-sunset,#ea580c))] dark:text-[color:var(--zui-timeline-indicator-sunset-fg-dark,var(--zui-color-sunset-dark,#fb923c))] ring-2 ring-[var(--zui-timeline-indicator-sunset-ring,var(--zui-color-sunset,#ea580c33))] dark:ring-[var(--zui-timeline-indicator-sunset-ring-dark,var(--zui-color-sunset-dark,#fb923c40))]\",\n  magenta:\n    \"border-[color:var(--zui-timeline-indicator-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-timeline-indicator-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-timeline-indicator-magenta-bg,var(--zui-color-magenta,#c026d314))] dark:bg-[var(--zui-timeline-indicator-magenta-bg-dark,var(--zui-color-magenta-dark,#e879f924))] text-[color:var(--zui-timeline-indicator-magenta-fg,var(--zui-color-magenta,#c026d3))] dark:text-[color:var(--zui-timeline-indicator-magenta-fg-dark,var(--zui-color-magenta-dark,#e879f9))] ring-2 ring-[var(--zui-timeline-indicator-magenta-ring,var(--zui-color-magenta,#c026d333))] dark:ring-[var(--zui-timeline-indicator-magenta-ring-dark,var(--zui-color-magenta-dark,#e879f940))]\",\n  crimson:\n    \"border-[color:var(--zui-timeline-indicator-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-timeline-indicator-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-timeline-indicator-crimson-bg,var(--zui-color-crimson,#b91c1c14))] dark:bg-[var(--zui-timeline-indicator-crimson-bg-dark,var(--zui-color-crimson-dark,#f8717124))] text-[color:var(--zui-timeline-indicator-crimson-fg,var(--zui-color-crimson,#b91c1c))] dark:text-[color:var(--zui-timeline-indicator-crimson-fg-dark,var(--zui-color-crimson-dark,#f87171))] ring-2 ring-[var(--zui-timeline-indicator-crimson-ring,var(--zui-color-crimson,#b91c1c33))] dark:ring-[var(--zui-timeline-indicator-crimson-ring-dark,var(--zui-color-crimson-dark,#f8717140))]\",\n  aqua: \"border-[color:var(--zui-timeline-indicator-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-timeline-indicator-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-timeline-indicator-aqua-bg,var(--zui-color-aqua,#0f766e14))] dark:bg-[var(--zui-timeline-indicator-aqua-bg-dark,var(--zui-color-aqua-dark,#2dd4bf24))] text-[color:var(--zui-timeline-indicator-aqua-fg,var(--zui-color-aqua,#0f766e))] dark:text-[color:var(--zui-timeline-indicator-aqua-fg-dark,var(--zui-color-aqua-dark,#2dd4bf))] ring-2 ring-[var(--zui-timeline-indicator-aqua-ring,var(--zui-color-aqua,#0f766e33))] dark:ring-[var(--zui-timeline-indicator-aqua-ring-dark,var(--zui-color-aqua-dark,#2dd4bf40))]\",\n  plum: \"border-[color:var(--zui-timeline-indicator-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-timeline-indicator-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-timeline-indicator-plum-bg,var(--zui-color-plum,#7e22ce14))] dark:bg-[var(--zui-timeline-indicator-plum-bg-dark,var(--zui-color-plum-dark,#c084fc24))] text-[color:var(--zui-timeline-indicator-plum-fg,var(--zui-color-plum,#7e22ce))] dark:text-[color:var(--zui-timeline-indicator-plum-fg-dark,var(--zui-color-plum-dark,#c084fc))] ring-2 ring-[var(--zui-timeline-indicator-plum-ring,var(--zui-color-plum,#7e22ce33))] dark:ring-[var(--zui-timeline-indicator-plum-ring-dark,var(--zui-color-plum-dark,#c084fc40))]\",\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,var(--zui-border,#0000001f))] dark:bg-[var(--zui-timeline-connector-dark,var(--zui-border-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,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-timeline-title-fg-dark,var(--zui-brand-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,var(--zui-fg-muted,oklch(44.6%_0.03_256.802)))] dark:text-[color:var(--zui-timeline-description-fg-dark,var(--zui-fg-muted-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"]}

package/dist/{chunk-C7F6OCGK.mjs → chunk-GFCT24TH.mjs}

@@ -1,4 +1,4 @@
-import { zuiDividerAppearances, zuiDividerBase, zuiDividerSizes, zuiDividerOrientations, zuiDividerLineBase, zuiDividerLineOrientations, zuiDividerLabelBase } from './chunk-5WWD3TZ2.mjs';
+import { zuiDividerAppearances, zuiDividerBase, zuiDividerSizes, zuiDividerOrientations, zuiDividerLineBase, zuiDividerLineOrientations, zuiDividerLabelBase } from './chunk-SS3T3BUL.mjs';
 import { cn } from './chunk-4D54YOL6.mjs';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -119,5 +119,5 @@ function DividerBase({
 DividerBase.displayName = "Divider";
 
 export { DividerBase, dividerLabelVariants, dividerLineVariants, dividerToneVariants, dividerVariants };
-//# sourceMappingURL=chunk-C7F6OCGK.mjs.map
-//# sourceMappingURL=chunk-C7F6OCGK.mjs.map
+//# sourceMappingURL=chunk-GFCT24TH.mjs.map
+//# sourceMappingURL=chunk-GFCT24TH.mjs.map

package/dist/{chunk-C7F6OCGK.mjs.map → chunk-GFCT24TH.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/divider/variants.ts","../src/ui/divider/divider-base.tsx"],"names":[],"mappings":"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","file":"chunk-C7F6OCGK.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiDividerAppearances,\n  zuiDividerBase,\n  zuiDividerLabelBase,\n  zuiDividerLineBase,\n  zuiDividerLineOrientations,\n  zuiDividerOrientations,\n  zuiDividerSizes,\n} from \"../../design-system/divider\";\n\nexport const dividerToneVariants = cva(\"\", {\n  variants: {\n    appearance: zuiDividerAppearances,\n  },\n  defaultVariants: { appearance: \"default\" },\n});\n\nexport const dividerVariants = cva(zuiDividerBase, {\n  variants: {\n    appearance: zuiDividerAppearances,\n    orientation: zuiDividerOrientations,\n    size: zuiDividerSizes,\n  },\n  compoundVariants: [\n    { orientation: \"horizontal\", size: \"sm\", class: \"min-h-px\" },\n    { orientation: \"horizontal\", size: \"md\", class: \"min-h-[2px]\" },\n    { orientation: \"horizontal\", size: \"lg\", class: \"min-h-[3px]\" },\n    { orientation: \"vertical\", size: \"sm\", class: \"min-w-px\" },\n    { orientation: \"vertical\", size: \"md\", class: \"min-w-[2px]\" },\n    { orientation: \"vertical\", size: \"lg\", class: \"min-w-[3px]\" },\n  ],\n  defaultVariants: {\n    appearance: \"default\",\n    orientation: \"horizontal\",\n    size: \"md\",\n  },\n});\n\nexport const dividerLineVariants = cva(zuiDividerLineBase, {\n  variants: {\n    orientation: zuiDividerLineOrientations,\n    size: zuiDividerSizes,\n  },\n  compoundVariants: [\n    { orientation: \"horizontal\", size: \"sm\", class: \"h-px\" },\n    { orientation: \"horizontal\", size: \"md\", class: \"h-0.5\" },\n    { orientation: \"horizontal\", size: \"lg\", class: \"h-1\" },\n    { orientation: \"vertical\", size: \"sm\", class: \"w-px\" },\n    { orientation: \"vertical\", size: \"md\", class: \"w-0.5\" },\n    { orientation: \"vertical\", size: \"lg\", class: \"w-1\" },\n  ],\n  defaultVariants: {\n    orientation: \"horizontal\",\n    size: \"md\",\n  },\n});\n\nexport const dividerLabelVariants = cva(zuiDividerLabelBase);\n","\"use client\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { DividerBaseProps } from \"./types\";\nimport {\n  dividerLabelVariants,\n  dividerLineVariants,\n  dividerToneVariants,\n  dividerVariants,\n} from \"./variants\";\n\nexport function DividerBase({\n  className,\n  appearance,\n  orientation,\n  size,\n  label,\n  children,\n  ref,\n  as: Wrapper = \"div\",\n  ...rest\n}: DividerBaseProps) {\n  const slot = label ?? children;\n\n  if (!slot) {\n    return (\n      <Wrapper\n        ref={ref}\n        data-slot=\"divider\"\n        role=\"separator\"\n        aria-orientation={\n          orientation === \"vertical\" ? \"vertical\" : \"horizontal\"\n        }\n        className={cn(\n          dividerToneVariants({ appearance }),\n          orientation === \"horizontal\"\n            ? \"flex w-full min-h-px flex-row items-stretch\"\n            : \"flex h-full min-h-8 w-auto min-w-0 items-stretch self-stretch\",\n          className,\n        )}\n        {...rest}\n      >\n        <span\n          className={cn(dividerLineVariants({ orientation, size }))}\n          aria-hidden\n        />\n      </Wrapper>\n    );\n  }\n\n  return (\n    <Wrapper\n      ref={ref}\n      data-slot=\"divider\"\n      role=\"separator\"\n      aria-orientation={orientation === \"vertical\" ? \"vertical\" : \"horizontal\"}\n      className={cn(\n        dividerVariants({ appearance, orientation, size }),\n        className,\n      )}\n      {...rest}\n    >\n      <span\n        className={cn(dividerLineVariants({ orientation, size }))}\n        aria-hidden\n      />\n      <span data-slot=\"divider-label\" className={dividerLabelVariants()}>\n        {slot}\n      </span>\n      <span\n        className={cn(dividerLineVariants({ orientation, size }))}\n        aria-hidden\n      />\n    </Wrapper>\n  );\n}\n\nDividerBase.displayName = \"Divider\";\n"]}
+{"version":3,"sources":["../src/ui/divider/variants.ts","../src/ui/divider/divider-base.tsx"],"names":[],"mappings":"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","file":"chunk-GFCT24TH.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiDividerAppearances,\n  zuiDividerBase,\n  zuiDividerLabelBase,\n  zuiDividerLineBase,\n  zuiDividerLineOrientations,\n  zuiDividerOrientations,\n  zuiDividerSizes,\n} from \"../../design-system/divider\";\n\nexport const dividerToneVariants = cva(\"\", {\n  variants: {\n    appearance: zuiDividerAppearances,\n  },\n  defaultVariants: { appearance: \"default\" },\n});\n\nexport const dividerVariants = cva(zuiDividerBase, {\n  variants: {\n    appearance: zuiDividerAppearances,\n    orientation: zuiDividerOrientations,\n    size: zuiDividerSizes,\n  },\n  compoundVariants: [\n    { orientation: \"horizontal\", size: \"sm\", class: \"min-h-px\" },\n    { orientation: \"horizontal\", size: \"md\", class: \"min-h-[2px]\" },\n    { orientation: \"horizontal\", size: \"lg\", class: \"min-h-[3px]\" },\n    { orientation: \"vertical\", size: \"sm\", class: \"min-w-px\" },\n    { orientation: \"vertical\", size: \"md\", class: \"min-w-[2px]\" },\n    { orientation: \"vertical\", size: \"lg\", class: \"min-w-[3px]\" },\n  ],\n  defaultVariants: {\n    appearance: \"default\",\n    orientation: \"horizontal\",\n    size: \"md\",\n  },\n});\n\nexport const dividerLineVariants = cva(zuiDividerLineBase, {\n  variants: {\n    orientation: zuiDividerLineOrientations,\n    size: zuiDividerSizes,\n  },\n  compoundVariants: [\n    { orientation: \"horizontal\", size: \"sm\", class: \"h-px\" },\n    { orientation: \"horizontal\", size: \"md\", class: \"h-0.5\" },\n    { orientation: \"horizontal\", size: \"lg\", class: \"h-1\" },\n    { orientation: \"vertical\", size: \"sm\", class: \"w-px\" },\n    { orientation: \"vertical\", size: \"md\", class: \"w-0.5\" },\n    { orientation: \"vertical\", size: \"lg\", class: \"w-1\" },\n  ],\n  defaultVariants: {\n    orientation: \"horizontal\",\n    size: \"md\",\n  },\n});\n\nexport const dividerLabelVariants = cva(zuiDividerLabelBase);\n","\"use client\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { DividerBaseProps } from \"./types\";\nimport {\n  dividerLabelVariants,\n  dividerLineVariants,\n  dividerToneVariants,\n  dividerVariants,\n} from \"./variants\";\n\nexport function DividerBase({\n  className,\n  appearance,\n  orientation,\n  size,\n  label,\n  children,\n  ref,\n  as: Wrapper = \"div\",\n  ...rest\n}: DividerBaseProps) {\n  const slot = label ?? children;\n\n  if (!slot) {\n    return (\n      <Wrapper\n        ref={ref}\n        data-slot=\"divider\"\n        role=\"separator\"\n        aria-orientation={\n          orientation === \"vertical\" ? \"vertical\" : \"horizontal\"\n        }\n        className={cn(\n          dividerToneVariants({ appearance }),\n          orientation === \"horizontal\"\n            ? \"flex w-full min-h-px flex-row items-stretch\"\n            : \"flex h-full min-h-8 w-auto min-w-0 items-stretch self-stretch\",\n          className,\n        )}\n        {...rest}\n      >\n        <span\n          className={cn(dividerLineVariants({ orientation, size }))}\n          aria-hidden\n        />\n      </Wrapper>\n    );\n  }\n\n  return (\n    <Wrapper\n      ref={ref}\n      data-slot=\"divider\"\n      role=\"separator\"\n      aria-orientation={orientation === \"vertical\" ? \"vertical\" : \"horizontal\"}\n      className={cn(\n        dividerVariants({ appearance, orientation, size }),\n        className,\n      )}\n      {...rest}\n    >\n      <span\n        className={cn(dividerLineVariants({ orientation, size }))}\n        aria-hidden\n      />\n      <span data-slot=\"divider-label\" className={dividerLabelVariants()}>\n        {slot}\n      </span>\n      <span\n        className={cn(dividerLineVariants({ orientation, size }))}\n        aria-hidden\n      />\n    </Wrapper>\n  );\n}\n\nDividerBase.displayName = \"Divider\";\n"]}

package/dist/{chunk-IPUQBMAB.mjs → chunk-GH2GZFRD.mjs}

@@ -1,4 +1,4 @@
-import { zuiProgressBase, zuiProgressBoolean, zuiProgressShapes, zuiProgressSizes, zuiProgressAppearances, zuiProgressTrackBase, zuiProgressTrackSizes, zuiProgressBarBase, zuiProgressBarStriped } from './chunk-P43A2BPU.mjs';
+import { zuiProgressBase, zuiProgressBoolean, zuiProgressShapes, zuiProgressSizes, zuiProgressAppearances, zuiProgressTrackBase, zuiProgressTrackSizes, zuiProgressBarBase, zuiProgressBarStriped } from './chunk-BUEI4RMR.mjs';
 import { clamp, cn } from './chunk-4D54YOL6.mjs';
 import { cva } from 'class-variance-authority';
 import { createContext, useContext, useId, useRef, useState, useCallback, useMemo, useEffect } from 'react';
@@ -201,5 +201,5 @@ function ProgressValue({ className, children }) {
 ProgressValue.displayName = "ProgressValue";
 
 export { ProgressBar, ProgressBase, ProgressContext, ProgressLabel, ProgressValue, progressBarVariants, progressTrackVariants, progressVariants, useProgressContext };
-//# sourceMappingURL=chunk-IPUQBMAB.mjs.map
-//# sourceMappingURL=chunk-IPUQBMAB.mjs.map
+//# sourceMappingURL=chunk-GH2GZFRD.mjs.map
+//# sourceMappingURL=chunk-GH2GZFRD.mjs.map

package/dist/{chunk-IPUQBMAB.mjs.map → chunk-GH2GZFRD.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/progress/variants.ts","../src/ui/progress/progress-base.tsx"],"names":[],"mappings":";;;;;;AAcO,IAAM,gBAAA,GAAmB,IAAI,eAAA,EAAiB;AAAA,EACnD,QAAA,EAAU;AAAA,IACR,UAAA,EAAY,sBAAA;AAAA,IACZ,IAAA,EAAM,gBAAA;AAAA,IACN,KAAA,EAAO,iBAAA;AAAA,IACP,OAAA,EAAS,kBAAA;AAAA,IACT,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO,SAAA;AAAA,IACP,OAAA,EAAS,KAAA;AAAA,IACT,QAAA,EAAU;AAAA;AAEd,CAAC;AAEM,IAAM,qBAAA,GAAwB,IAAI,oBAAA,EAAsB;AAAA,EAC7D,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,qBAAA;AAAA,IACN,KAAA,EAAO;AAAA,GACT;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA;AAEX,CAAC;AAEM,IAAM,mBAAA,GAAsB,IAAI,kBAAA,EAAoB;AAAA,EACzD,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,GACX;AAAA,EACA,eAAA,EAAiB,EAAE,OAAA,EAAS,KAAA;AAC9B,CAAC;ACzBM,IAAM,eAAA,GAAkB,cAAkC,IAAI;AAE9D,SAAS,mBAAmB,SAAA,EAAgC;AACjE,EAAA,MAAM,GAAA,GAAM,WAAW,eAAe,CAAA;AACtC,EAAA,IAAI,CAAC,GAAA,EAAK;AACR,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA,EAAG,SAAS,CAAA,+BAAA,CAAiC,CAAA;AAAA,EAC/D;AACA,EAAA,OAAO,GAAA;AACT;AAEO,SAAS,aAAa,KAAA,EAAsB;AACjD,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,UAAA,GAAa,SAAA;AAAA,IACb,IAAA,GAAO,IAAA;AAAA,IACP,KAAA,GAAQ,SAAA;AAAA,IACR,OAAA,GAAU,KAAA;AAAA,IACV,QAAA,GAAW,KAAA;AAAA,IACX,KAAA,GAAQ,CAAA;AAAA,IACR,GAAA,GAAM,CAAA;AAAA,IACN,GAAA,GAAM,GAAA;AAAA,IACN,KAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAA;AAAA,IACA,IAAI,OAAA,GAAU,KAAA;AAAA,IACd,GAAG;AAAA,GACL,GAAI,KAAA;AACJ,EAAA,MAAM,OAAA,GAAU,KAAA,CAAM,KAAA,EAAO,GAAA,EAAK,GAAG,CAAA;AACrC,EAAA,MAAM,UAAU,GAAA,KAAQ,GAAA,GAAM,KAAM,OAAA,GAAU,GAAA,KAAQ,MAAM,GAAA,CAAA,GAAQ,GAAA;AACpE,EAAA,MAAM,WAAA,GAAc,CAAA,EAAG,KAAA,EAAO,CAAA,eAAA,CAAA;AAC9B,EAAA,MAAM,iBAAA,GAAoB,OAAO,CAAC,CAAA;AAClC,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,SAAS,KAAK,CAAA;AAC9D,EAAA,MAAM,qBAAA,GAAwB,YAAY,MAAM;AAC9C,IAAA,iBAAA,CAAkB,OAAA,IAAW,CAAA;AAC7B,IAAA,IAAI,iBAAA,CAAkB,YAAY,CAAA,EAAG;AACnC,MAAA,mBAAA,CAAoB,IAAI,CAAA;AAAA,IAC1B;AACA,IAAA,OAAO,MAAM;AACX,MAAA,iBAAA,CAAkB,OAAA,IAAW,CAAA;AAC7B,MAAA,IAAI,iBAAA,CAAkB,YAAY,CAAA,EAAG;AACnC,QAAA,mBAAA,CAAoB,KAAK,CAAA;AAAA,MAC3B;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AACL,EAAA,MAAM,kBAAA,GAAqB,OAAA,CAAQ,KAAA,EAAO,IAAA,GAAO,MAAM,CAAA;AAEvD,EAAA,MAAM,aAAA,GAAgB,QAAQ,MAAM;AAClC,IAAA,IAAI,kBAAA,EAAoB;AACtB,MAAA,OAAO,EAAE,YAAA,EAAc,KAAA,EAAO,IAAA,MAAU,UAAA,EAAW;AAAA,IACrD;AACA,IAAA,IAAI,gBAAA,EAAkB;AACpB,MAAA,OAAO,EAAE,mBAAmB,WAAA,EAAY;AAAA,IAC1C;AACA,IAAA,OAAO,EAAE,cAAc,UAAA,EAAW;AAAA,EACpC,GAAG,CAAC,kBAAA,EAAoB,KAAA,EAAO,WAAA,EAAa,gBAAgB,CAAC,CAAA;AAE7D,EAAA,MAAM,GAAA,GAAM,OAAA;AAAA,IACV,OAAO;AAAA,MACL,KAAA,EAAO,OAAA;AAAA,MACP,GAAA;AAAA,MACA,GAAA;AAAA,MACA,MAAM,IAAA,IAAQ,IAAA;AAAA,MACd,OAAO,KAAA,IAAS,SAAA;AAAA,MAChB,OAAA,EAAS,QAAQ,OAAO,CAAA;AAAA,MACxB,QAAA,EAAU,QAAQ,QAAQ,CAAA;AAAA,MAC1B,YAAY,UAAA,IAAc,SAAA;AAAA,MAC1B,WAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA;AAAA,MACE,QAAA;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,MACA,WAAA;AAAA,MACA,GAAA;AAAA,MACA,GAAA;AAAA,MACA,qBAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,eAAA,CAAgB,QAAA,EAAhB,EAAyB,OAAO,GAAA,EAC/B,QAAA,kBAAA,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,UAAA;AAAA,MACV,IAAA,EAAK,aAAA;AAAA,MACL,eAAA,EAAe,GAAA;AAAA,MACf,eAAA,EAAe,GAAA;AAAA,MACf,eAAA,EAAe,OAAA;AAAA,MACd,GAAG,aAAA;AAAA,MACJ,SAAA,EAAW,EAAA;AAAA,QACT,iBAAiB,EAAE,UAAA,EAAY,MAAM,KAAA,EAAO,OAAA,EAAS,UAAU,CAAA;AAAA,QAC/D;AAAA,OACF;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA,QAAA,oBACC,GAAA,CAAA,QAAA,EAAA,EACE,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAO,EAAE,SAAA,EAAW,CAAA,OAAA,EAAU,OAAA,GAAU,GAAG,CAAA,CAAA,CAAA,EAAI,EAAG,CAAA,EACjE;AAAA;AAAA,GAEJ,EACF,CAAA;AAEJ;AAEA,YAAA,CAAa,WAAA,GAAc,UAAA;AAEpB,SAAS,WAAA,CAAY;AAAA,EAC1B,SAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAI,OAAA,GAAU,KAAA;AAAA,EACd,GAAG;AACL,CAAA,EAGG;AACD,EAAA,MAAM,EAAE,IAAA,EAAM,KAAA,EAAO,SAAS,QAAA,EAAS,GAAI,mBAAmB,aAAa,CAAA;AAE3E,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,gBAAA;AAAA,MACV,SAAA,EAAW,GAAG,qBAAA,CAAsB,EAAE,MAAM,KAAA,EAAO,GAAG,cAAc,CAAA;AAAA,MAEpE,QAAA,kBAAA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,WAAA,EAAU,cAAA;AAAA,UACV,SAAA,EAAW,EAAA;AAAA,YACT,mBAAA,CAAoB,EAAE,OAAA,EAAS,CAAA;AAAA,YAC/B,WAAW,eAAA,GAAkB,MAAA;AAAA,YAC7B;AAAA,WACF;AAAA,UACA,KAAA,EAAO;AAAA,YACL,eAAA,EAAiB,aAAA;AAAA,YACjB,GAAG;AAAA,WACL;AAAA,UACC,GAAG;AAAA;AAAA;AACN;AAAA,GACF;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA;AAEnB,SAAS,aAAA,CAAc,EAAE,SAAA,EAAW,QAAA,EAAS,EAAyB;AAC3E,EAAA,MAAM,EAAE,WAAA,EAAa,qBAAA,EAAsB,GACzC,mBAAmB,eAAe,CAAA;AAEpC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAO,qBAAA,EAAsB;AAAA,EAC/B,CAAA,EAAG,CAAC,qBAAqB,CAAC,CAAA;AAE1B,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI,WAAA;AAAA,MACJ,WAAA,EAAU,gBAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,iCAAA,EAAmC,SAAS,CAAA;AAAA,MAEzD;AAAA;AAAA,GACH;AAEJ;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA;AAErB,SAAS,aAAA,CAAc,EAAE,SAAA,EAAW,QAAA,EAAS,EAAyB;AAC3E,EAAA,MAAM,EAAE,KAAA,EAAO,GAAA,EAAK,GAAA,EAAI,GAAI,mBAAmB,eAAe,CAAA;AAC9D,EAAA,MAAM,QAAQ,GAAA,GAAM,GAAA;AACpB,EAAA,MAAM,GAAA,GAAM,UAAU,CAAA,GAAI,CAAA,GAAI,KAAK,KAAA,CAAA,CAAQ,KAAA,GAAQ,GAAA,IAAO,KAAA,GAAS,GAAG,CAAA;AACtE,EAAA,MAAM,OAAA,GAAU,QAAA,IAAY,CAAA,EAAG,GAAG,CAAA,CAAA,CAAA;AAClC,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,gBAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,gCAAA,EAAkC,SAAS,CAAA;AAAA,MAExD,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA","file":"chunk-IPUQBMAB.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiProgressAppearances,\n  zuiProgressBarBase,\n  zuiProgressBarStriped,\n  zuiProgressBase,\n  zuiProgressBoolean,\n  zuiProgressShapes,\n  zuiProgressSizes,\n  zuiProgressTrackBase,\n  zuiProgressTrackSizes,\n} from \"../../design-system/progress\";\n\nexport const progressVariants = cva(zuiProgressBase, {\n  variants: {\n    appearance: zuiProgressAppearances,\n    size: zuiProgressSizes,\n    shape: zuiProgressShapes,\n    striped: zuiProgressBoolean,\n    animated: zuiProgressBoolean,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    shape: \"rounded\",\n    striped: false,\n    animated: false,\n  },\n});\n\nexport const progressTrackVariants = cva(zuiProgressTrackBase, {\n  variants: {\n    size: zuiProgressTrackSizes,\n    shape: zuiProgressShapes,\n  },\n  defaultVariants: {\n    size: \"md\",\n    shape: \"rounded\",\n  },\n});\n\nexport const progressBarVariants = cva(zuiProgressBarBase, {\n  variants: {\n    striped: zuiProgressBarStriped,\n  },\n  defaultVariants: { striped: false },\n});\n","\"use client\";\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { cn, clamp } from \"../../lib/utils\";\n\nimport type { ProgressProps, ProgressSectionProps, ProgressCtx } from \"./types\";\nimport {\n  progressBarVariants,\n  progressTrackVariants,\n  progressVariants,\n} from \"./variants\";\n\nexport const ProgressContext = createContext<ProgressCtx | null>(null);\n\nexport function useProgressContext(component: string): ProgressCtx {\n  const ctx = useContext(ProgressContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Progress>`);\n  }\n  return ctx;\n}\n\nexport function ProgressBase(props: ProgressProps) {\n  const {\n    className,\n    appearance = \"default\",\n    size = \"md\",\n    shape = \"rounded\",\n    striped = false,\n    animated = false,\n    value = 0,\n    min = 0,\n    max = 100,\n    label,\n    children,\n    ref,\n    as: Wrapper = \"div\",\n    ...rest\n  } = props;\n  const clamped = clamp(value, min, max);\n  const percent = max === min ? 0 : ((clamped - min) / (max - min)) * 100;\n  const labelSlotId = `${useId()}-progress-label`;\n  const labelSlotCountRef = useRef(0);\n  const [labelSlotMounted, setLabelSlotMounted] = useState(false);\n  const registerProgressLabel = useCallback(() => {\n    labelSlotCountRef.current += 1;\n    if (labelSlotCountRef.current === 1) {\n      setLabelSlotMounted(true);\n    }\n    return () => {\n      labelSlotCountRef.current -= 1;\n      if (labelSlotCountRef.current === 0) {\n        setLabelSlotMounted(false);\n      }\n    };\n  }, []);\n  const hasInlineLabelProp = Boolean(label?.trim().length);\n\n  const labelingProps = useMemo(() => {\n    if (hasInlineLabelProp) {\n      return { \"aria-label\": label?.trim() ?? \"Progress\" };\n    }\n    if (labelSlotMounted) {\n      return { \"aria-labelledby\": labelSlotId };\n    }\n    return { \"aria-label\": \"Progress\" };\n  }, [hasInlineLabelProp, label, labelSlotId, labelSlotMounted]);\n\n  const ctx = useMemo(\n    () => ({\n      value: clamped,\n      min,\n      max,\n      size: size ?? \"md\",\n      shape: shape ?? \"rounded\",\n      striped: Boolean(striped),\n      animated: Boolean(animated),\n      appearance: appearance ?? \"default\",\n      labelSlotId,\n      registerProgressLabel,\n    }),\n    [\n      animated,\n      appearance,\n      clamped,\n      labelSlotId,\n      max,\n      min,\n      registerProgressLabel,\n      shape,\n      size,\n      striped,\n    ],\n  );\n\n  return (\n    <ProgressContext.Provider value={ctx}>\n      <Wrapper\n        ref={ref}\n        data-slot=\"progress\"\n        role=\"progressbar\"\n        aria-valuemin={min}\n        aria-valuemax={max}\n        aria-valuenow={clamped}\n        {...labelingProps}\n        className={cn(\n          progressVariants({ appearance, size, shape, striped, animated }),\n          className,\n        )}\n        {...rest}\n      >\n        {children ?? (\n          <>\n            <ProgressBar style={{ transform: `scaleX(${percent / 100})` }} />\n          </>\n        )}\n      </Wrapper>\n    </ProgressContext.Provider>\n  );\n}\n\nProgressBase.displayName = \"Progress\";\n\nexport function ProgressBar({\n  className,\n  style,\n  ref,\n  as: Wrapper = \"div\",\n  ...rest\n}: ProgressSectionProps & {\n  style?: React.CSSProperties;\n  ref?: React.Ref<HTMLDivElement>;\n}) {\n  const { size, shape, striped, animated } = useProgressContext(\"ProgressBar\");\n\n  return (\n    <Wrapper\n      data-slot=\"progress-track\"\n      className={cn(progressTrackVariants({ size, shape }), \"text-current\")}\n    >\n      <div\n        ref={ref}\n        data-slot=\"progress-bar\"\n        className={cn(\n          progressBarVariants({ striped }),\n          animated ? \"animate-pulse\" : undefined,\n          className,\n        )}\n        style={{\n          transformOrigin: \"left center\",\n          ...style,\n        }}\n        {...rest}\n      />\n    </Wrapper>\n  );\n}\n\nProgressBar.displayName = \"ProgressBar\";\n\nexport function ProgressLabel({ className, children }: ProgressSectionProps) {\n  const { labelSlotId, registerProgressLabel } =\n    useProgressContext(\"ProgressLabel\");\n\n  useEffect(() => {\n    return registerProgressLabel();\n  }, [registerProgressLabel]);\n\n  return (\n    <div\n      id={labelSlotId}\n      data-slot=\"progress-label\"\n      className={cn(\"mb-2 font-medium text-slate-200\", className)}\n    >\n      {children}\n    </div>\n  );\n}\n\nProgressLabel.displayName = \"ProgressLabel\";\n\nexport function ProgressValue({ className, children }: ProgressSectionProps) {\n  const { value, min, max } = useProgressContext(\"ProgressValue\");\n  const range = max - min;\n  const pct = range === 0 ? 0 : Math.round(((value - min) / range) * 100);\n  const content = children ?? `${pct}%`;\n  return (\n    <div\n      data-slot=\"progress-value\"\n      className={cn(\"mt-2 text-right text-slate-400\", className)}\n    >\n      {content}\n    </div>\n  );\n}\n\nProgressValue.displayName = \"ProgressValue\";\n"]}
+{"version":3,"sources":["../src/ui/progress/variants.ts","../src/ui/progress/progress-base.tsx"],"names":[],"mappings":"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","file":"chunk-GH2GZFRD.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiProgressAppearances,\n  zuiProgressBarBase,\n  zuiProgressBarStriped,\n  zuiProgressBase,\n  zuiProgressBoolean,\n  zuiProgressShapes,\n  zuiProgressSizes,\n  zuiProgressTrackBase,\n  zuiProgressTrackSizes,\n} from \"../../design-system/progress\";\n\nexport const progressVariants = cva(zuiProgressBase, {\n  variants: {\n    appearance: zuiProgressAppearances,\n    size: zuiProgressSizes,\n    shape: zuiProgressShapes,\n    striped: zuiProgressBoolean,\n    animated: zuiProgressBoolean,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    shape: \"rounded\",\n    striped: false,\n    animated: false,\n  },\n});\n\nexport const progressTrackVariants = cva(zuiProgressTrackBase, {\n  variants: {\n    size: zuiProgressTrackSizes,\n    shape: zuiProgressShapes,\n  },\n  defaultVariants: {\n    size: \"md\",\n    shape: \"rounded\",\n  },\n});\n\nexport const progressBarVariants = cva(zuiProgressBarBase, {\n  variants: {\n    striped: zuiProgressBarStriped,\n  },\n  defaultVariants: { striped: false },\n});\n","\"use client\";\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { cn, clamp } from \"../../lib/utils\";\n\nimport type { ProgressProps, ProgressSectionProps, ProgressCtx } from \"./types\";\nimport {\n  progressBarVariants,\n  progressTrackVariants,\n  progressVariants,\n} from \"./variants\";\n\nexport const ProgressContext = createContext<ProgressCtx | null>(null);\n\nexport function useProgressContext(component: string): ProgressCtx {\n  const ctx = useContext(ProgressContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Progress>`);\n  }\n  return ctx;\n}\n\nexport function ProgressBase(props: ProgressProps) {\n  const {\n    className,\n    appearance = \"default\",\n    size = \"md\",\n    shape = \"rounded\",\n    striped = false,\n    animated = false,\n    value = 0,\n    min = 0,\n    max = 100,\n    label,\n    children,\n    ref,\n    as: Wrapper = \"div\",\n    ...rest\n  } = props;\n  const clamped = clamp(value, min, max);\n  const percent = max === min ? 0 : ((clamped - min) / (max - min)) * 100;\n  const labelSlotId = `${useId()}-progress-label`;\n  const labelSlotCountRef = useRef(0);\n  const [labelSlotMounted, setLabelSlotMounted] = useState(false);\n  const registerProgressLabel = useCallback(() => {\n    labelSlotCountRef.current += 1;\n    if (labelSlotCountRef.current === 1) {\n      setLabelSlotMounted(true);\n    }\n    return () => {\n      labelSlotCountRef.current -= 1;\n      if (labelSlotCountRef.current === 0) {\n        setLabelSlotMounted(false);\n      }\n    };\n  }, []);\n  const hasInlineLabelProp = Boolean(label?.trim().length);\n\n  const labelingProps = useMemo(() => {\n    if (hasInlineLabelProp) {\n      return { \"aria-label\": label?.trim() ?? \"Progress\" };\n    }\n    if (labelSlotMounted) {\n      return { \"aria-labelledby\": labelSlotId };\n    }\n    return { \"aria-label\": \"Progress\" };\n  }, [hasInlineLabelProp, label, labelSlotId, labelSlotMounted]);\n\n  const ctx = useMemo(\n    () => ({\n      value: clamped,\n      min,\n      max,\n      size: size ?? \"md\",\n      shape: shape ?? \"rounded\",\n      striped: Boolean(striped),\n      animated: Boolean(animated),\n      appearance: appearance ?? \"default\",\n      labelSlotId,\n      registerProgressLabel,\n    }),\n    [\n      animated,\n      appearance,\n      clamped,\n      labelSlotId,\n      max,\n      min,\n      registerProgressLabel,\n      shape,\n      size,\n      striped,\n    ],\n  );\n\n  return (\n    <ProgressContext.Provider value={ctx}>\n      <Wrapper\n        ref={ref}\n        data-slot=\"progress\"\n        role=\"progressbar\"\n        aria-valuemin={min}\n        aria-valuemax={max}\n        aria-valuenow={clamped}\n        {...labelingProps}\n        className={cn(\n          progressVariants({ appearance, size, shape, striped, animated }),\n          className,\n        )}\n        {...rest}\n      >\n        {children ?? (\n          <>\n            <ProgressBar style={{ transform: `scaleX(${percent / 100})` }} />\n          </>\n        )}\n      </Wrapper>\n    </ProgressContext.Provider>\n  );\n}\n\nProgressBase.displayName = \"Progress\";\n\nexport function ProgressBar({\n  className,\n  style,\n  ref,\n  as: Wrapper = \"div\",\n  ...rest\n}: ProgressSectionProps & {\n  style?: React.CSSProperties;\n  ref?: React.Ref<HTMLDivElement>;\n}) {\n  const { size, shape, striped, animated } = useProgressContext(\"ProgressBar\");\n\n  return (\n    <Wrapper\n      data-slot=\"progress-track\"\n      className={cn(progressTrackVariants({ size, shape }), \"text-current\")}\n    >\n      <div\n        ref={ref}\n        data-slot=\"progress-bar\"\n        className={cn(\n          progressBarVariants({ striped }),\n          animated ? \"animate-pulse\" : undefined,\n          className,\n        )}\n        style={{\n          transformOrigin: \"left center\",\n          ...style,\n        }}\n        {...rest}\n      />\n    </Wrapper>\n  );\n}\n\nProgressBar.displayName = \"ProgressBar\";\n\nexport function ProgressLabel({ className, children }: ProgressSectionProps) {\n  const { labelSlotId, registerProgressLabel } =\n    useProgressContext(\"ProgressLabel\");\n\n  useEffect(() => {\n    return registerProgressLabel();\n  }, [registerProgressLabel]);\n\n  return (\n    <div\n      id={labelSlotId}\n      data-slot=\"progress-label\"\n      className={cn(\"mb-2 font-medium text-slate-200\", className)}\n    >\n      {children}\n    </div>\n  );\n}\n\nProgressLabel.displayName = \"ProgressLabel\";\n\nexport function ProgressValue({ className, children }: ProgressSectionProps) {\n  const { value, min, max } = useProgressContext(\"ProgressValue\");\n  const range = max - min;\n  const pct = range === 0 ? 0 : Math.round(((value - min) / range) * 100);\n  const content = children ?? `${pct}%`;\n  return (\n    <div\n      data-slot=\"progress-value\"\n      className={cn(\"mt-2 text-right text-slate-400\", className)}\n    >\n      {content}\n    </div>\n  );\n}\n\nProgressValue.displayName = \"ProgressValue\";\n"]}

package/dist/{chunk-NAHHFB2M.js → chunk-GICW4DH5.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var chunk3I6XR7KN_js = require('./chunk-3I6XR7KN.js');
+var chunkIR5SJ7AQ_js = require('./chunk-IR5SJ7AQ.js');
 var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
 var classVarianceAuthority = require('class-variance-authority');
 var hi2 = require('react-icons/hi2');
 var jsxRuntime = require('react/jsx-runtime');
 
-var badgeVariants = classVarianceAuthority.cva(chunk3I6XR7KN_js.zuiBadgeBase, {
+var badgeVariants = classVarianceAuthority.cva(chunkIR5SJ7AQ_js.zuiBadgeBase, {
   variants: {
-    appearance: chunk3I6XR7KN_js.zuiBadgeAppearances,
-    size: chunk3I6XR7KN_js.zuiBadgeSizes,
-    shape: chunk3I6XR7KN_js.zuiBadgeShapes
+    appearance: chunkIR5SJ7AQ_js.zuiBadgeAppearances,
+    size: chunkIR5SJ7AQ_js.zuiBadgeSizes,
+    shape: chunkIR5SJ7AQ_js.zuiBadgeShapes
   },
   defaultVariants: {
     appearance: "default",
@@ -18,9 +18,9 @@ var badgeVariants = classVarianceAuthority.cva(chunk3I6XR7KN_js.zuiBadgeBase, {
     shape: "pill"
   }
 });
-var badgeCloseButtonVariants = classVarianceAuthority.cva(chunk3I6XR7KN_js.zuiBadgeCloseButtonBase, {
+var badgeCloseButtonVariants = classVarianceAuthority.cva(chunkIR5SJ7AQ_js.zuiBadgeCloseButtonBase, {
   variants: {
-    size: chunk3I6XR7KN_js.zuiBadgeCloseButtonSizes
+    size: chunkIR5SJ7AQ_js.zuiBadgeCloseButtonSizes
   },
   defaultVariants: { size: "md" }
 });
@@ -73,5 +73,5 @@ BadgeBase.displayName = "Badge";
 exports.BadgeBase = BadgeBase;
 exports.badgeCloseButtonVariants = badgeCloseButtonVariants;
 exports.badgeVariants = badgeVariants;
-//# sourceMappingURL=chunk-NAHHFB2M.js.map
-//# sourceMappingURL=chunk-NAHHFB2M.js.map
+//# sourceMappingURL=chunk-GICW4DH5.js.map
+//# sourceMappingURL=chunk-GICW4DH5.js.map

package/dist/{chunk-NAHHFB2M.js.map → chunk-GICW4DH5.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/badge/variants.ts","../src/ui/badge/badge-base.tsx"],"names":["cva","zuiBadgeBase","zuiBadgeAppearances","zuiBadgeSizes","zuiBadgeShapes","zuiBadgeCloseButtonBase","zuiBadgeCloseButtonSizes","jsxs","cn","jsx","HiXMark"],"mappings":";;;;;;;;AAgBO,IAAM,aAAA,GAAgBA,2BAAIC,6BAAA,EAAc;AAAA,EAC7C,QAAA,EAAU;AAAA,IACR,UAAA,EAAYC,oCAAA;AAAA,IACZ,IAAA,EAAMC,8BAAA;AAAA,IACN,KAAA,EAAOC;AAAA,GACT;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA;AAEX,CAAC;AAEM,IAAM,wBAAA,GAA2BJ,2BAAIK,wCAAA,EAAyB;AAAA,EACnE,QAAA,EAAU;AAAA,IACR,IAAA,EAAMC;AAAA,GACR;AAAA,EACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA;AAC3B,CAAC;ACzBM,SAAS,SAAA,CAAU;AAAA,EACxB,SAAA;AAAA,EACA,UAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,UAAA,GAAa,KAAA;AAAA,EACb,OAAA;AAAA,EACA,UAAA,GAAa,QAAA;AAAA,EACb,QAAA;AAAA,EACA,GAAA;AAAA,EACA,YAAA,EAAc,SAAA;AAAA,EACd,IAAI,OAAA,GAAU,MAAA;AAAA,EACd,GAAG;AACL,CAAA,EAAmB;AACjB,EAAA,MAAM,QAAQ,KAAA,KAAU,KAAA;AACxB,EAAA,MAAM,iBAAA,GACJ,SAAA,KAAc,KAAA,GAAQ,kBAAA,GAAqB,MAAA,CAAA;AAC7C,EAAA,MAAM,YAAA,GACJ,UAAA,KAAe,IAAA,IAAQ,KAAA,GAAS,QAAA,GAAqB,MAAA;AAEvD,EAAA,uBACEC,eAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA,EAAM,YAAA;AAAA,MACN,WAAA,EAAU,OAAA;AAAA,MACV,YAAA,EAAY,iBAAA;AAAA,MACZ,SAAA,EAAWC,oBAAG,aAAA,CAAc,EAAE,YAAY,IAAA,EAAM,KAAA,EAAO,CAAA,EAAG,SAAS,CAAA;AAAA,MAClE,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,CAAC,QAAQ,QAAA,GAAW,IAAA;AAAA,QACpB,QAAA,mBACCC,cAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,WAAA,EAAU,aAAA;AAAA,YACV,YAAA,EAAY,UAAA;AAAA,YACZ,OAAA,EAAS,OAAA;AAAA,YACT,SAAA,EAAW,wBAAA,CAAyB,EAAE,IAAA,EAAM,CAAA;AAAA,YAE5C,QAAA,kBAAAA,cAAA,CAACC,WAAA,EAAA,EAAQ,SAAA,EAAU,UAAA,EAAW,eAAW,IAAA,EAAC;AAAA;AAAA,SAC5C,GACE;AAAA;AAAA;AAAA,GACN;AAEJ;AAEA,SAAA,CAAU,WAAA,GAAc,OAAA","file":"chunk-NAHHFB2M.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiBadgeAppearances,\n  zuiBadgeBase,\n  zuiBadgeCloseButtonBase,\n  zuiBadgeCloseButtonSizes,\n  zuiBadgeShapes,\n  zuiBadgeSizes,\n  zuiButtonLikeSolidAppearances,\n  type ZuiButtonLikeSolidAppearance,\n} from \"../../design-system/badge\";\n\nexport const buttonLikeSolidAppearances = zuiButtonLikeSolidAppearances;\nexport type ButtonLikeSolidAppearance = ZuiButtonLikeSolidAppearance;\n\nexport const badgeVariants = cva(zuiBadgeBase, {\n  variants: {\n    appearance: zuiBadgeAppearances,\n    size: zuiBadgeSizes,\n    shape: zuiBadgeShapes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    shape: \"pill\",\n  },\n});\n\nexport const badgeCloseButtonVariants = cva(zuiBadgeCloseButtonBase, {\n  variants: {\n    size: zuiBadgeCloseButtonSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { HiXMark } from \"react-icons/hi2\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { BadgeBaseProps } from \"./types\";\nimport { badgeCloseButtonVariants, badgeVariants } from \"./variants\";\n\nexport function BadgeBase({\n  className,\n  appearance,\n  size,\n  shape,\n  closable = false,\n  liveRegion = false,\n  onClose,\n  closeLabel = \"Remove\",\n  children,\n  ref,\n  \"aria-label\": ariaLabel,\n  as: Wrapper = \"span\",\n  ...rest\n}: BadgeBaseProps) {\n  const isDot = shape === \"dot\";\n  const resolvedAriaLabel =\n    ariaLabel ?? (isDot ? \"Status indicator\" : undefined);\n  const landmarkRole =\n    liveRegion === true || isDot ? (\"status\" as const) : undefined;\n\n  return (\n    <Wrapper\n      ref={ref}\n      role={landmarkRole}\n      data-slot=\"badge\"\n      aria-label={resolvedAriaLabel}\n      className={cn(badgeVariants({ appearance, size, shape }), className)}\n      {...rest}\n    >\n      {!isDot ? children : null}\n      {closable ? (\n        <button\n          type=\"button\"\n          data-slot=\"badge-close\"\n          aria-label={closeLabel}\n          onClick={onClose}\n          className={badgeCloseButtonVariants({ size })}\n        >\n          <HiXMark className=\"size-3.5\" aria-hidden />\n        </button>\n      ) : null}\n    </Wrapper>\n  );\n}\n\nBadgeBase.displayName = \"Badge\";\n"]}
+{"version":3,"sources":["../src/ui/badge/variants.ts","../src/ui/badge/badge-base.tsx"],"names":["cva","zuiBadgeBase","zuiBadgeAppearances","zuiBadgeSizes","zuiBadgeShapes","zuiBadgeCloseButtonBase","zuiBadgeCloseButtonSizes","jsxs","cn","jsx","HiXMark"],"mappings":";;;;;;;;AAgBO,IAAM,aAAA,GAAgBA,2BAAIC,6BAAA,EAAc;AAAA,EAC7C,QAAA,EAAU;AAAA,IACR,UAAA,EAAYC,oCAAA;AAAA,IACZ,IAAA,EAAMC,8BAAA;AAAA,IACN,KAAA,EAAOC;AAAA,GACT;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA;AAEX,CAAC;AAEM,IAAM,wBAAA,GAA2BJ,2BAAIK,wCAAA,EAAyB;AAAA,EACnE,QAAA,EAAU;AAAA,IACR,IAAA,EAAMC;AAAA,GACR;AAAA,EACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA;AAC3B,CAAC;ACzBM,SAAS,SAAA,CAAU;AAAA,EACxB,SAAA;AAAA,EACA,UAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,UAAA,GAAa,KAAA;AAAA,EACb,OAAA;AAAA,EACA,UAAA,GAAa,QAAA;AAAA,EACb,QAAA;AAAA,EACA,GAAA;AAAA,EACA,YAAA,EAAc,SAAA;AAAA,EACd,IAAI,OAAA,GAAU,MAAA;AAAA,EACd,GAAG;AACL,CAAA,EAAmB;AACjB,EAAA,MAAM,QAAQ,KAAA,KAAU,KAAA;AACxB,EAAA,MAAM,iBAAA,GACJ,SAAA,KAAc,KAAA,GAAQ,kBAAA,GAAqB,MAAA,CAAA;AAC7C,EAAA,MAAM,YAAA,GACJ,UAAA,KAAe,IAAA,IAAQ,KAAA,GAAS,QAAA,GAAqB,MAAA;AAEvD,EAAA,uBACEC,eAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA,EAAM,YAAA;AAAA,MACN,WAAA,EAAU,OAAA;AAAA,MACV,YAAA,EAAY,iBAAA;AAAA,MACZ,SAAA,EAAWC,oBAAG,aAAA,CAAc,EAAE,YAAY,IAAA,EAAM,KAAA,EAAO,CAAA,EAAG,SAAS,CAAA;AAAA,MAClE,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,CAAC,QAAQ,QAAA,GAAW,IAAA;AAAA,QACpB,QAAA,mBACCC,cAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,WAAA,EAAU,aAAA;AAAA,YACV,YAAA,EAAY,UAAA;AAAA,YACZ,OAAA,EAAS,OAAA;AAAA,YACT,SAAA,EAAW,wBAAA,CAAyB,EAAE,IAAA,EAAM,CAAA;AAAA,YAE5C,QAAA,kBAAAA,cAAA,CAACC,WAAA,EAAA,EAAQ,SAAA,EAAU,UAAA,EAAW,eAAW,IAAA,EAAC;AAAA;AAAA,SAC5C,GACE;AAAA;AAAA;AAAA,GACN;AAEJ;AAEA,SAAA,CAAU,WAAA,GAAc,OAAA","file":"chunk-GICW4DH5.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiBadgeAppearances,\n  zuiBadgeBase,\n  zuiBadgeCloseButtonBase,\n  zuiBadgeCloseButtonSizes,\n  zuiBadgeShapes,\n  zuiBadgeSizes,\n  zuiButtonLikeSolidAppearances,\n  type ZuiButtonLikeSolidAppearance,\n} from \"../../design-system/badge\";\n\nexport const buttonLikeSolidAppearances = zuiButtonLikeSolidAppearances;\nexport type ButtonLikeSolidAppearance = ZuiButtonLikeSolidAppearance;\n\nexport const badgeVariants = cva(zuiBadgeBase, {\n  variants: {\n    appearance: zuiBadgeAppearances,\n    size: zuiBadgeSizes,\n    shape: zuiBadgeShapes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    shape: \"pill\",\n  },\n});\n\nexport const badgeCloseButtonVariants = cva(zuiBadgeCloseButtonBase, {\n  variants: {\n    size: zuiBadgeCloseButtonSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { HiXMark } from \"react-icons/hi2\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { BadgeBaseProps } from \"./types\";\nimport { badgeCloseButtonVariants, badgeVariants } from \"./variants\";\n\nexport function BadgeBase({\n  className,\n  appearance,\n  size,\n  shape,\n  closable = false,\n  liveRegion = false,\n  onClose,\n  closeLabel = \"Remove\",\n  children,\n  ref,\n  \"aria-label\": ariaLabel,\n  as: Wrapper = \"span\",\n  ...rest\n}: BadgeBaseProps) {\n  const isDot = shape === \"dot\";\n  const resolvedAriaLabel =\n    ariaLabel ?? (isDot ? \"Status indicator\" : undefined);\n  const landmarkRole =\n    liveRegion === true || isDot ? (\"status\" as const) : undefined;\n\n  return (\n    <Wrapper\n      ref={ref}\n      role={landmarkRole}\n      data-slot=\"badge\"\n      aria-label={resolvedAriaLabel}\n      className={cn(badgeVariants({ appearance, size, shape }), className)}\n      {...rest}\n    >\n      {!isDot ? children : null}\n      {closable ? (\n        <button\n          type=\"button\"\n          data-slot=\"badge-close\"\n          aria-label={closeLabel}\n          onClick={onClose}\n          className={badgeCloseButtonVariants({ size })}\n        >\n          <HiXMark className=\"size-3.5\" aria-hidden />\n        </button>\n      ) : null}\n    </Wrapper>\n  );\n}\n\nBadgeBase.displayName = \"Badge\";\n"]}

package/dist/{chunk-ATMCT3A3.mjs → chunk-GOH2THVW.mjs}

@@ -1,4 +1,4 @@
-import { zuiTabsListBase, zuiTabsOrientations, zuiTabsListSizes, zuiTabsListVariants, zuiTabsTriggerBase, zuiTabsTriggerSizes, zuiTabsTriggerVariants, zuiTabsTriggerAppearances } from './chunk-LL2UY6CD.mjs';
+import { zuiTabsListBase, zuiTabsOrientations, zuiTabsListSizes, zuiTabsListVariants, zuiTabsTriggerBase, zuiTabsTriggerSizes, zuiTabsTriggerVariants, zuiTabsTriggerAppearances } from './chunk-TVEK6PKH.mjs';
 import { cn } from './chunk-4D54YOL6.mjs';
 import { cva } from 'class-variance-authority';
 import { createContext, useContext, useState, useId, useRef } from 'react';
@@ -218,5 +218,5 @@ function TabsContent({
 }
 
 export { Tabs, TabsContent, TabsContext, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants, useTabs };
-//# sourceMappingURL=chunk-ATMCT3A3.mjs.map
-//# sourceMappingURL=chunk-ATMCT3A3.mjs.map
+//# sourceMappingURL=chunk-GOH2THVW.mjs.map
+//# sourceMappingURL=chunk-GOH2THVW.mjs.map

package/dist/{chunk-ATMCT3A3.mjs.map → chunk-GOH2THVW.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/tabs/variants.ts","../src/ui/tabs/tabs-base.tsx"],"names":[],"mappings":"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","file":"chunk-ATMCT3A3.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiTabsListBase,\n  zuiTabsListSizes,\n  zuiTabsListVariants,\n  zuiTabsOrientations,\n  zuiTabsTriggerAppearances,\n  zuiTabsTriggerBase,\n  zuiTabsTriggerSizes,\n  zuiTabsTriggerVariants,\n} from \"../../design-system/tabs\";\n\nexport const tabsListVariants = cva(zuiTabsListBase, {\n  variants: {\n    variant: zuiTabsListVariants,\n    size: zuiTabsListSizes,\n    orientation: zuiTabsOrientations,\n  },\n  defaultVariants: {\n    size: \"md\",\n    orientation: \"horizontal\",\n    variant: \"pills\",\n  },\n});\n\nexport const tabsTriggerVariants = cva(zuiTabsTriggerBase, {\n  variants: {\n    appearance: zuiTabsTriggerAppearances,\n    variant: zuiTabsTriggerVariants,\n    size: zuiTabsTriggerSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    variant: \"pills\",\n    size: \"md\",\n  },\n});\n","\"use client\";\n\nimport {\n  createContext,\n  KeyboardEvent,\n  useContext,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport {\n  TabsContentProps,\n  TabsListProps,\n  TabsProps,\n  TabsTriggerProps,\n  TabsValue,\n  TabsContextType,\n} from \"./types\";\nimport { tabsListVariants, tabsTriggerVariants } from \"./variants\";\n\nexport const TabsContext = createContext<TabsContextType | null>(null);\n\nexport const useTabs = () => {\n  const ctx = useContext(TabsContext);\n  if (!ctx) throw new Error(\"Tabs components must be used within Tabs\");\n  return ctx;\n};\n\nexport function Tabs({\n  value,\n  defaultValue,\n  onValueChange,\n  orientation = \"horizontal\",\n  variant,\n  size,\n  appearance,\n  children,\n  className,\n}: TabsProps) {\n  const [internalValue, setInternalValue] = useState(defaultValue);\n  const idPrefix = useId();\n  const listRef = useRef<HTMLDivElement | null>(null);\n\n  const isControlled = value !== undefined;\n  const currentValue = isControlled ? value : internalValue;\n\n  const setValue = (val: string) => {\n    if (!isControlled) setInternalValue(val);\n    onValueChange?.(val);\n  };\n\n  const tabTriggerId = (tabValue: TabsValue) =>\n    `${idPrefix}zentauri-tab-${tabValue}`;\n  const tabPanelId = (tabValue: TabsValue) =>\n    `${idPrefix}zentauri-panel-${tabValue}`;\n\n  return (\n    <TabsContext.Provider\n      value={{\n        value: currentValue,\n        setValue,\n        listRef,\n        orientation,\n        size,\n        variant,\n        appearance,\n        tabTriggerId,\n        tabPanelId,\n      }}\n    >\n      <div data-slot=\"tabs\" className={cn(\"w-full\", className)}>\n        {children}\n      </div>\n    </TabsContext.Provider>\n  );\n}\n\nexport function TabsList({ children, className, ...props }: TabsListProps) {\n  const { orientation, size, listRef } = useTabs();\n\n  return (\n    <div\n      ref={listRef}\n      role=\"tablist\"\n      aria-orientation={orientation}\n      className={cn(tabsListVariants({ orientation, size }), className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function TabsTrigger({\n  value,\n  children,\n  disabled,\n  className,\n  ...props\n}: TabsTriggerProps) {\n  const {\n    value: activeValue,\n    setValue,\n    listRef,\n    orientation,\n    tabTriggerId,\n    tabPanelId,\n    size,\n    appearance,\n    variant,\n  } = useTabs();\n\n  const isActive = activeValue === value;\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n    const list = listRef.current;\n    const triggers =\n      list === null\n        ? []\n        : Array.from(list.querySelectorAll<HTMLButtonElement>('[role=\"tab\"]'));\n\n    const nextKeys =\n      orientation === \"vertical\" ? [\"ArrowDown\"] : [\"ArrowRight\"];\n    const prevKeys = orientation === \"vertical\" ? [\"ArrowUp\"] : [\"ArrowLeft\"];\n\n    const index = triggers.findIndex((el) => el === e.currentTarget);\n    if (index === -1) {\n      return;\n    }\n\n    const findEnabledIndex = (\n      start: number,\n      direction: 1 | -1,\n    ): number | undefined => {\n      const n = triggers.length;\n      if (n === 0) {\n        return undefined;\n      }\n      let i = start;\n      for (let step = 0; step < n; step += 1) {\n        i = (i + direction + n) % n;\n        if (triggers[i]?.disabled !== true) {\n          return i;\n        }\n      }\n      return undefined;\n    };\n\n    const focusAt = (i: number) => {\n      const target = triggers[i];\n      if (target !== undefined && target.disabled !== true) {\n        target.focus();\n      }\n    };\n\n    const isNext = nextKeys.includes(e.key);\n    const isPrev = prevKeys.includes(e.key);\n\n    if (isNext) {\n      e.preventDefault();\n      const nextIdx = findEnabledIndex(index, 1);\n      if (nextIdx !== undefined) {\n        focusAt(nextIdx);\n      }\n      return;\n    }\n\n    if (isPrev) {\n      e.preventDefault();\n      const prevIdx = findEnabledIndex(index, -1);\n      if (prevIdx !== undefined) {\n        focusAt(prevIdx);\n      }\n      return;\n    }\n\n    if (e.key === \"Home\") {\n      e.preventDefault();\n      const firstEnabledIndex = triggers.findIndex((btn) => !btn.disabled);\n      if (firstEnabledIndex !== -1) {\n        triggers[firstEnabledIndex]?.focus();\n      }\n      return;\n    }\n\n    if (e.key === \"End\") {\n      e.preventDefault();\n      for (let i = triggers.length - 1; i >= 0; i -= 1) {\n        if (!triggers[i]?.disabled) {\n          triggers[i]?.focus();\n          break;\n        }\n      }\n    }\n  };\n\n  return (\n    <button\n      id={tabTriggerId(value)}\n      type=\"button\"\n      role=\"tab\"\n      data-state={isActive ? \"active\" : \"inactive\"}\n      aria-selected={isActive}\n      aria-controls={tabPanelId(value)}\n      disabled={disabled}\n      tabIndex={activeValue === undefined ? undefined : isActive ? 0 : -1}\n      onClick={() => setValue(value)}\n      onKeyDown={handleKeyDown}\n      className={cn(\n        tabsTriggerVariants({ size, appearance, variant }),\n        className,\n        \"cursor-pointer\",\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport function TabsContent({\n  value,\n  children,\n  className,\n  as: Wrapper = \"div\",\n  ...props\n}: TabsContentProps) {\n  const { value: activeValue, tabTriggerId, tabPanelId } = useTabs();\n\n  if (activeValue !== value) return null;\n\n  return (\n    <Wrapper\n      id={tabPanelId(value)}\n      role=\"tabpanel\"\n      aria-labelledby={tabTriggerId(value)}\n      className={cn(\"mt-2\", className)}\n      {...props}\n    >\n      {children}\n    </Wrapper>\n  );\n}\n"]}
+{"version":3,"sources":["../src/ui/tabs/variants.ts","../src/ui/tabs/tabs-base.tsx"],"names":[],"mappings":"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","file":"chunk-GOH2THVW.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiTabsListBase,\n  zuiTabsListSizes,\n  zuiTabsListVariants,\n  zuiTabsOrientations,\n  zuiTabsTriggerAppearances,\n  zuiTabsTriggerBase,\n  zuiTabsTriggerSizes,\n  zuiTabsTriggerVariants,\n} from \"../../design-system/tabs\";\n\nexport const tabsListVariants = cva(zuiTabsListBase, {\n  variants: {\n    variant: zuiTabsListVariants,\n    size: zuiTabsListSizes,\n    orientation: zuiTabsOrientations,\n  },\n  defaultVariants: {\n    size: \"md\",\n    orientation: \"horizontal\",\n    variant: \"pills\",\n  },\n});\n\nexport const tabsTriggerVariants = cva(zuiTabsTriggerBase, {\n  variants: {\n    appearance: zuiTabsTriggerAppearances,\n    variant: zuiTabsTriggerVariants,\n    size: zuiTabsTriggerSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    variant: \"pills\",\n    size: \"md\",\n  },\n});\n","\"use client\";\n\nimport {\n  createContext,\n  KeyboardEvent,\n  useContext,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport {\n  TabsContentProps,\n  TabsListProps,\n  TabsProps,\n  TabsTriggerProps,\n  TabsValue,\n  TabsContextType,\n} from \"./types\";\nimport { tabsListVariants, tabsTriggerVariants } from \"./variants\";\n\nexport const TabsContext = createContext<TabsContextType | null>(null);\n\nexport const useTabs = () => {\n  const ctx = useContext(TabsContext);\n  if (!ctx) throw new Error(\"Tabs components must be used within Tabs\");\n  return ctx;\n};\n\nexport function Tabs({\n  value,\n  defaultValue,\n  onValueChange,\n  orientation = \"horizontal\",\n  variant,\n  size,\n  appearance,\n  children,\n  className,\n}: TabsProps) {\n  const [internalValue, setInternalValue] = useState(defaultValue);\n  const idPrefix = useId();\n  const listRef = useRef<HTMLDivElement | null>(null);\n\n  const isControlled = value !== undefined;\n  const currentValue = isControlled ? value : internalValue;\n\n  const setValue = (val: string) => {\n    if (!isControlled) setInternalValue(val);\n    onValueChange?.(val);\n  };\n\n  const tabTriggerId = (tabValue: TabsValue) =>\n    `${idPrefix}zentauri-tab-${tabValue}`;\n  const tabPanelId = (tabValue: TabsValue) =>\n    `${idPrefix}zentauri-panel-${tabValue}`;\n\n  return (\n    <TabsContext.Provider\n      value={{\n        value: currentValue,\n        setValue,\n        listRef,\n        orientation,\n        size,\n        variant,\n        appearance,\n        tabTriggerId,\n        tabPanelId,\n      }}\n    >\n      <div data-slot=\"tabs\" className={cn(\"w-full\", className)}>\n        {children}\n      </div>\n    </TabsContext.Provider>\n  );\n}\n\nexport function TabsList({ children, className, ...props }: TabsListProps) {\n  const { orientation, size, listRef } = useTabs();\n\n  return (\n    <div\n      ref={listRef}\n      role=\"tablist\"\n      aria-orientation={orientation}\n      className={cn(tabsListVariants({ orientation, size }), className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function TabsTrigger({\n  value,\n  children,\n  disabled,\n  className,\n  ...props\n}: TabsTriggerProps) {\n  const {\n    value: activeValue,\n    setValue,\n    listRef,\n    orientation,\n    tabTriggerId,\n    tabPanelId,\n    size,\n    appearance,\n    variant,\n  } = useTabs();\n\n  const isActive = activeValue === value;\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n    const list = listRef.current;\n    const triggers =\n      list === null\n        ? []\n        : Array.from(list.querySelectorAll<HTMLButtonElement>('[role=\"tab\"]'));\n\n    const nextKeys =\n      orientation === \"vertical\" ? [\"ArrowDown\"] : [\"ArrowRight\"];\n    const prevKeys = orientation === \"vertical\" ? [\"ArrowUp\"] : [\"ArrowLeft\"];\n\n    const index = triggers.findIndex((el) => el === e.currentTarget);\n    if (index === -1) {\n      return;\n    }\n\n    const findEnabledIndex = (\n      start: number,\n      direction: 1 | -1,\n    ): number | undefined => {\n      const n = triggers.length;\n      if (n === 0) {\n        return undefined;\n      }\n      let i = start;\n      for (let step = 0; step < n; step += 1) {\n        i = (i + direction + n) % n;\n        if (triggers[i]?.disabled !== true) {\n          return i;\n        }\n      }\n      return undefined;\n    };\n\n    const focusAt = (i: number) => {\n      const target = triggers[i];\n      if (target !== undefined && target.disabled !== true) {\n        target.focus();\n      }\n    };\n\n    const isNext = nextKeys.includes(e.key);\n    const isPrev = prevKeys.includes(e.key);\n\n    if (isNext) {\n      e.preventDefault();\n      const nextIdx = findEnabledIndex(index, 1);\n      if (nextIdx !== undefined) {\n        focusAt(nextIdx);\n      }\n      return;\n    }\n\n    if (isPrev) {\n      e.preventDefault();\n      const prevIdx = findEnabledIndex(index, -1);\n      if (prevIdx !== undefined) {\n        focusAt(prevIdx);\n      }\n      return;\n    }\n\n    if (e.key === \"Home\") {\n      e.preventDefault();\n      const firstEnabledIndex = triggers.findIndex((btn) => !btn.disabled);\n      if (firstEnabledIndex !== -1) {\n        triggers[firstEnabledIndex]?.focus();\n      }\n      return;\n    }\n\n    if (e.key === \"End\") {\n      e.preventDefault();\n      for (let i = triggers.length - 1; i >= 0; i -= 1) {\n        if (!triggers[i]?.disabled) {\n          triggers[i]?.focus();\n          break;\n        }\n      }\n    }\n  };\n\n  return (\n    <button\n      id={tabTriggerId(value)}\n      type=\"button\"\n      role=\"tab\"\n      data-state={isActive ? \"active\" : \"inactive\"}\n      aria-selected={isActive}\n      aria-controls={tabPanelId(value)}\n      disabled={disabled}\n      tabIndex={activeValue === undefined ? undefined : isActive ? 0 : -1}\n      onClick={() => setValue(value)}\n      onKeyDown={handleKeyDown}\n      className={cn(\n        tabsTriggerVariants({ size, appearance, variant }),\n        className,\n        \"cursor-pointer\",\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport function TabsContent({\n  value,\n  children,\n  className,\n  as: Wrapper = \"div\",\n  ...props\n}: TabsContentProps) {\n  const { value: activeValue, tabTriggerId, tabPanelId } = useTabs();\n\n  if (activeValue !== value) return null;\n\n  return (\n    <Wrapper\n      id={tabPanelId(value)}\n      role=\"tabpanel\"\n      aria-labelledby={tabTriggerId(value)}\n      className={cn(\"mt-2\", className)}\n      {...props}\n    >\n      {children}\n    </Wrapper>\n  );\n}\n"]}