@zentauri-ui/zentauri-components 1.9.2 → 2.1.0

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-3HSFL4WA.mjs → chunk-GENYOZN4.mjs}

@@ -1,4 +1,4 @@
-import { zuiToastViewportBase, zuiToastViewportPositions, zuiToastRootBase, zuiToastRootSizes, zuiToastRootAppearances } from './chunk-V4U6Q5NL.mjs';
+import { zuiToastViewportBase, zuiToastViewportPositions, zuiToastRootBase, zuiToastRootSizes, zuiToastRootAppearances } from './chunk-BVTYDGLM.mjs';
 import { cn } from './chunk-4D54YOL6.mjs';
 import { cva } from 'class-variance-authority';
 import { createContext, useContext, useState, useRef, useCallback, useMemo, useEffect } from 'react';
@@ -187,5 +187,5 @@ function ToastClose({
 ToastClose.displayName = "ToastClose";
 
 export { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastStoreContext, ToastTitle, ToastViewport, toast, toastRootVariants, toastViewportVariants, useToast };
-//# sourceMappingURL=chunk-3HSFL4WA.mjs.map
-//# sourceMappingURL=chunk-3HSFL4WA.mjs.map
+//# sourceMappingURL=chunk-GENYOZN4.mjs.map
+//# sourceMappingURL=chunk-GENYOZN4.mjs.map

package/dist/{chunk-3HSFL4WA.mjs.map → chunk-GENYOZN4.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/toast/variants.ts","../src/ui/toast/toast-base.tsx"],"names":[],"mappings":"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","file":"chunk-3HSFL4WA.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiToastRootAppearances,\n  zuiToastRootBase,\n  zuiToastRootSizes,\n  zuiToastViewportBase,\n  zuiToastViewportPositions,\n} from \"../../design-system/toast\";\n\nexport const toastViewportVariants = cva(zuiToastViewportBase, {\n  variants: {\n    position: zuiToastViewportPositions,\n  },\n  defaultVariants: {\n    position: \"bottom-right\",\n  },\n});\n\nexport const toastRootVariants = cva(zuiToastRootBase, {\n  variants: {\n    appearance: zuiToastRootAppearances,\n    size: zuiToastRootSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n","\"use client\";\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  ToastContextValue,\n  ToastStoreContextValue,\n  InternalToast,\n  ToastInput,\n  ToastProps,\n  ToastProviderProps,\n  ToastSectionProps,\n  ToastViewportProps,\n} from \"./types\";\nimport { toastRootVariants, toastViewportVariants } from \"./variants\";\n\nexport const ToastStoreContext = createContext<ToastStoreContextValue | null>(\n  null,\n);\n\nlet toastDispatcher: ToastStoreContextValue[\"push\"] | null = null;\n\nexport function toast(input: ToastInput) {\n  if (!toastDispatcher) {\n    return \"\";\n  }\n  return toastDispatcher(input);\n}\n\nexport function useToast(): ToastContextValue {\n  const ctx = useContext(ToastStoreContext);\n  if (!ctx) {\n    throw new Error(\"useToast must be used within <ToastProvider>\");\n  }\n  return { toast: ctx.push, dismiss: ctx.dismiss };\n}\n\nexport function ToastProvider({ children }: ToastProviderProps) {\n  const [toasts, setToasts] = useState<InternalToast[]>([]);\n  const timers = useRef<Map<string, number>>(new Map());\n\n  const dismiss = useCallback((id: string) => {\n    const timerId = timers.current.get(id);\n    if (timerId) {\n      window.clearTimeout(timerId);\n      timers.current.delete(id);\n    }\n    setToasts((prev) => prev.filter((toastItem) => toastItem.id !== id));\n  }, []);\n\n  const push = useCallback(\n    (input: ToastInput) => {\n      const id = input.id ?? `toast-${Math.random().toString(16).slice(2)}`;\n      const durationMs = input.durationMs ?? 4500;\n      const record: InternalToast = {\n        ...input,\n        id,\n        durationMs,\n        animation: input.animation ?? \"slide\",\n      };\n      setToasts((prev) => [...prev, record]);\n      const timerId = window.setTimeout(() => dismiss(id), durationMs);\n      timers.current.set(id, timerId);\n      return id;\n    },\n    [dismiss],\n  );\n\n  const ctx = useMemo(\n    () => ({\n      toasts,\n      push,\n      dismiss,\n    }),\n    [dismiss, push, toasts],\n  );\n\n  useEffect(() => {\n    toastDispatcher = push;\n    return () => {\n      toastDispatcher = null;\n    };\n  }, [push]);\n\n  return (\n    <ToastStoreContext.Provider value={ctx}>\n      {children}\n    </ToastStoreContext.Provider>\n  );\n}\n\nToastProvider.displayName = \"ToastProvider\";\n\nexport function ToastViewport({\n  position = \"bottom-right\",\n  className,\n}: ToastViewportProps) {\n  const ctx = useContext(ToastStoreContext);\n  if (!ctx) {\n    throw new Error(\"ToastViewport must be used within <ToastProvider>\");\n  }\n\n  const portalTarget = typeof document !== \"undefined\" ? document.body : null;\n  if (!portalTarget) {\n    return null;\n  }\n\n  return createPortal(\n    <div\n      className={cn(toastViewportVariants({ position }), className)}\n      data-slot=\"toast-viewport\"\n    >\n      {ctx.toasts.map((item) => (\n        <Toast\n          key={item.id}\n          toastId={item.id}\n          appearance={item.appearance}\n          size={item.size}\n          animation={item.animation}\n        >\n          <ToastTitle>{item.title}</ToastTitle>\n          {item.description ? (\n            <ToastDescription>{item.description}</ToastDescription>\n          ) : null}\n          <ToastClose onClick={() => ctx.dismiss(item.id)} />\n        </Toast>\n      ))}\n    </div>,\n    portalTarget,\n  );\n}\n\nToastViewport.displayName = \"ToastViewport\";\n\nexport function Toast({\n  toastId: _toastId,\n  appearance,\n  size,\n  animation: _animation = \"slide\",\n  className,\n  children,\n}: ToastProps) {\n  const live = appearance === \"error\" ? \"assertive\" : \"polite\";\n\n  return (\n    <div\n      data-slot=\"toast\"\n      role={appearance === \"error\" ? \"alert\" : \"status\"}\n      aria-live={live}\n      aria-atomic=\"true\"\n      className={cn(\n        \"relative\",\n        toastRootVariants({ appearance, size }),\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n\nToast.displayName = \"Toast\";\n\nexport function ToastTitle({ className, children }: ToastSectionProps) {\n  return (\n    <div data-slot=\"toast-title\" className={cn(\"font-semibold\", className)}>\n      {children}\n    </div>\n  );\n}\n\nToastTitle.displayName = \"ToastTitle\";\n\nexport function ToastDescription({ className, children }: ToastSectionProps) {\n  return (\n    <div data-slot=\"toast-description\" className={cn(\"text-sm\", className)}>\n      {children}\n    </div>\n  );\n}\n\nToastDescription.displayName = \"ToastDescription\";\n\nexport function ToastAction({ className, children }: ToastSectionProps) {\n  return (\n    <div data-slot=\"toast-action\" className={cn(\"mt-3\", className)}>\n      {children}\n    </div>\n  );\n}\n\nToastAction.displayName = \"ToastAction\";\n\nexport function ToastClose({\n  className,\n  children,\n  onClick,\n  ...rest\n}: ToastSectionProps & { onClick?: () => void }) {\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"toast-close\"\n      aria-label=\"Dismiss notification\"\n      className={cn(\n        \"absolute right-3 top-3 inline-flex size-8 items-center justify-center rounded-md text-slate-200 transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/40 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n        className,\n      )}\n      onClick={onClick}\n      {...rest}\n    >\n      {children ?? \"×\"}\n    </button>\n  );\n}\n\nToastClose.displayName = \"ToastClose\";\n"]}
+{"version":3,"sources":["../src/ui/toast/variants.ts","../src/ui/toast/toast-base.tsx"],"names":[],"mappings":"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","file":"chunk-GENYOZN4.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiToastRootAppearances,\n  zuiToastRootBase,\n  zuiToastRootSizes,\n  zuiToastViewportBase,\n  zuiToastViewportPositions,\n} from \"../../design-system/toast\";\n\nexport const toastViewportVariants = cva(zuiToastViewportBase, {\n  variants: {\n    position: zuiToastViewportPositions,\n  },\n  defaultVariants: {\n    position: \"bottom-right\",\n  },\n});\n\nexport const toastRootVariants = cva(zuiToastRootBase, {\n  variants: {\n    appearance: zuiToastRootAppearances,\n    size: zuiToastRootSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n","\"use client\";\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  ToastContextValue,\n  ToastStoreContextValue,\n  InternalToast,\n  ToastInput,\n  ToastProps,\n  ToastProviderProps,\n  ToastSectionProps,\n  ToastViewportProps,\n} from \"./types\";\nimport { toastRootVariants, toastViewportVariants } from \"./variants\";\n\nexport const ToastStoreContext = createContext<ToastStoreContextValue | null>(\n  null,\n);\n\nlet toastDispatcher: ToastStoreContextValue[\"push\"] | null = null;\n\nexport function toast(input: ToastInput) {\n  if (!toastDispatcher) {\n    return \"\";\n  }\n  return toastDispatcher(input);\n}\n\nexport function useToast(): ToastContextValue {\n  const ctx = useContext(ToastStoreContext);\n  if (!ctx) {\n    throw new Error(\"useToast must be used within <ToastProvider>\");\n  }\n  return { toast: ctx.push, dismiss: ctx.dismiss };\n}\n\nexport function ToastProvider({ children }: ToastProviderProps) {\n  const [toasts, setToasts] = useState<InternalToast[]>([]);\n  const timers = useRef<Map<string, number>>(new Map());\n\n  const dismiss = useCallback((id: string) => {\n    const timerId = timers.current.get(id);\n    if (timerId) {\n      window.clearTimeout(timerId);\n      timers.current.delete(id);\n    }\n    setToasts((prev) => prev.filter((toastItem) => toastItem.id !== id));\n  }, []);\n\n  const push = useCallback(\n    (input: ToastInput) => {\n      const id = input.id ?? `toast-${Math.random().toString(16).slice(2)}`;\n      const durationMs = input.durationMs ?? 4500;\n      const record: InternalToast = {\n        ...input,\n        id,\n        durationMs,\n        animation: input.animation ?? \"slide\",\n      };\n      setToasts((prev) => [...prev, record]);\n      const timerId = window.setTimeout(() => dismiss(id), durationMs);\n      timers.current.set(id, timerId);\n      return id;\n    },\n    [dismiss],\n  );\n\n  const ctx = useMemo(\n    () => ({\n      toasts,\n      push,\n      dismiss,\n    }),\n    [dismiss, push, toasts],\n  );\n\n  useEffect(() => {\n    toastDispatcher = push;\n    return () => {\n      toastDispatcher = null;\n    };\n  }, [push]);\n\n  return (\n    <ToastStoreContext.Provider value={ctx}>\n      {children}\n    </ToastStoreContext.Provider>\n  );\n}\n\nToastProvider.displayName = \"ToastProvider\";\n\nexport function ToastViewport({\n  position = \"bottom-right\",\n  className,\n}: ToastViewportProps) {\n  const ctx = useContext(ToastStoreContext);\n  if (!ctx) {\n    throw new Error(\"ToastViewport must be used within <ToastProvider>\");\n  }\n\n  const portalTarget = typeof document !== \"undefined\" ? document.body : null;\n  if (!portalTarget) {\n    return null;\n  }\n\n  return createPortal(\n    <div\n      className={cn(toastViewportVariants({ position }), className)}\n      data-slot=\"toast-viewport\"\n    >\n      {ctx.toasts.map((item) => (\n        <Toast\n          key={item.id}\n          toastId={item.id}\n          appearance={item.appearance}\n          size={item.size}\n          animation={item.animation}\n        >\n          <ToastTitle>{item.title}</ToastTitle>\n          {item.description ? (\n            <ToastDescription>{item.description}</ToastDescription>\n          ) : null}\n          <ToastClose onClick={() => ctx.dismiss(item.id)} />\n        </Toast>\n      ))}\n    </div>,\n    portalTarget,\n  );\n}\n\nToastViewport.displayName = \"ToastViewport\";\n\nexport function Toast({\n  toastId: _toastId,\n  appearance,\n  size,\n  animation: _animation = \"slide\",\n  className,\n  children,\n}: ToastProps) {\n  const live = appearance === \"error\" ? \"assertive\" : \"polite\";\n\n  return (\n    <div\n      data-slot=\"toast\"\n      role={appearance === \"error\" ? \"alert\" : \"status\"}\n      aria-live={live}\n      aria-atomic=\"true\"\n      className={cn(\n        \"relative\",\n        toastRootVariants({ appearance, size }),\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n\nToast.displayName = \"Toast\";\n\nexport function ToastTitle({ className, children }: ToastSectionProps) {\n  return (\n    <div data-slot=\"toast-title\" className={cn(\"font-semibold\", className)}>\n      {children}\n    </div>\n  );\n}\n\nToastTitle.displayName = \"ToastTitle\";\n\nexport function ToastDescription({ className, children }: ToastSectionProps) {\n  return (\n    <div data-slot=\"toast-description\" className={cn(\"text-sm\", className)}>\n      {children}\n    </div>\n  );\n}\n\nToastDescription.displayName = \"ToastDescription\";\n\nexport function ToastAction({ className, children }: ToastSectionProps) {\n  return (\n    <div data-slot=\"toast-action\" className={cn(\"mt-3\", className)}>\n      {children}\n    </div>\n  );\n}\n\nToastAction.displayName = \"ToastAction\";\n\nexport function ToastClose({\n  className,\n  children,\n  onClick,\n  ...rest\n}: ToastSectionProps & { onClick?: () => void }) {\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"toast-close\"\n      aria-label=\"Dismiss notification\"\n      className={cn(\n        \"absolute right-3 top-3 inline-flex size-8 items-center justify-center rounded-md text-slate-200 transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/40 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n        className,\n      )}\n      onClick={onClick}\n      {...rest}\n    >\n      {children ?? \"×\"}\n    </button>\n  );\n}\n\nToastClose.displayName = \"ToastClose\";\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":";;;;;AAYO,IAAM,mBAAA,GAAsB,IAAI,EAAA,EAAI;AAAA,EACzC,QAAA,EAAU;AAAA,IACR,UAAA,EAAY;AAAA,GACd;AAAA,EACA,eAAA,EAAiB,EAAE,UAAA,EAAY,SAAA;AACjC,CAAC;AAEM,IAAM,eAAA,GAAkB,IAAI,cAAA,EAAgB;AAAA,EACjD,QAAA,EAAU;AAAA,IACR,UAAA,EAAY,qBAAA;AAAA,IACZ,WAAA,EAAa,sBAAA;AAAA,IACb,IAAA,EAAM;AAAA,GACR;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB,EAAE,WAAA,EAAa,YAAA,EAAc,IAAA,EAAM,IAAA,EAAM,OAAO,UAAA,EAAW;AAAA,IAC3D,EAAE,WAAA,EAAa,YAAA,EAAc,IAAA,EAAM,IAAA,EAAM,OAAO,aAAA,EAAc;AAAA,IAC9D,EAAE,WAAA,EAAa,YAAA,EAAc,IAAA,EAAM,IAAA,EAAM,OAAO,aAAA,EAAc;AAAA,IAC9D,EAAE,WAAA,EAAa,UAAA,EAAY,IAAA,EAAM,IAAA,EAAM,OAAO,UAAA,EAAW;AAAA,IACzD,EAAE,WAAA,EAAa,UAAA,EAAY,IAAA,EAAM,IAAA,EAAM,OAAO,aAAA,EAAc;AAAA,IAC5D,EAAE,WAAA,EAAa,UAAA,EAAY,IAAA,EAAM,IAAA,EAAM,OAAO,aAAA;AAAc,GAC9D;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,WAAA,EAAa,YAAA;AAAA,IACb,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,IAAM,mBAAA,GAAsB,IAAI,kBAAA,EAAoB;AAAA,EACzD,QAAA,EAAU;AAAA,IACR,WAAA,EAAa,0BAAA;AAAA,IACb,IAAA,EAAM;AAAA,GACR;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB,EAAE,WAAA,EAAa,YAAA,EAAc,IAAA,EAAM,IAAA,EAAM,OAAO,MAAA,EAAO;AAAA,IACvD,EAAE,WAAA,EAAa,YAAA,EAAc,IAAA,EAAM,IAAA,EAAM,OAAO,OAAA,EAAQ;AAAA,IACxD,EAAE,WAAA,EAAa,YAAA,EAAc,IAAA,EAAM,IAAA,EAAM,OAAO,KAAA,EAAM;AAAA,IACtD,EAAE,WAAA,EAAa,UAAA,EAAY,IAAA,EAAM,IAAA,EAAM,OAAO,MAAA,EAAO;AAAA,IACrD,EAAE,WAAA,EAAa,UAAA,EAAY,IAAA,EAAM,IAAA,EAAM,OAAO,OAAA,EAAQ;AAAA,IACtD,EAAE,WAAA,EAAa,UAAA,EAAY,IAAA,EAAM,IAAA,EAAM,OAAO,KAAA;AAAM,GACtD;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,WAAA,EAAa,YAAA;AAAA,IACb,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,IAAM,oBAAA,GAAuB,IAAI,mBAAmB;AC/CpD,SAAS,WAAA,CAAY;AAAA,EAC1B,SAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAI,OAAA,GAAU,KAAA;AAAA,EACd,GAAG;AACL,CAAA,EAAqB;AACnB,EAAA,MAAM,OAAO,KAAA,IAAS,QAAA;AAEtB,EAAA,IAAI,CAAC,IAAA,EAAM;AACT,IAAA,uBACE,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAA,EAAU,SAAA;AAAA,QACV,IAAA,EAAK,WAAA;AAAA,QACL,kBAAA,EACE,WAAA,KAAgB,UAAA,GAAa,UAAA,GAAa,YAAA;AAAA,QAE5C,SAAA,EAAW,EAAA;AAAA,UACT,mBAAA,CAAoB,EAAE,UAAA,EAAY,CAAA;AAAA,UAClC,WAAA,KAAgB,eACZ,6CAAA,GACA,+DAAA;AAAA,UACJ;AAAA,SACF;AAAA,QACC,GAAG,IAAA;AAAA,QAEJ,QAAA,kBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,WAAW,EAAA,CAAG,mBAAA,CAAoB,EAAE,WAAA,EAAa,IAAA,EAAM,CAAC,CAAA;AAAA,YACxD,aAAA,EAAW;AAAA;AAAA;AACb;AAAA,KACF;AAAA,EAEJ;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,SAAA;AAAA,MACV,IAAA,EAAK,WAAA;AAAA,MACL,kBAAA,EAAkB,WAAA,KAAgB,UAAA,GAAa,UAAA,GAAa,YAAA;AAAA,MAC5D,SAAA,EAAW,EAAA;AAAA,QACT,eAAA,CAAgB,EAAE,UAAA,EAAY,WAAA,EAAa,MAAM,CAAA;AAAA,QACjD;AAAA,OACF;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,WAAW,EAAA,CAAG,mBAAA,CAAoB,EAAE,WAAA,EAAa,IAAA,EAAM,CAAC,CAAA;AAAA,YACxD,aAAA,EAAW;AAAA;AAAA,SACb;AAAA,4BACC,MAAA,EAAA,EAAK,WAAA,EAAU,iBAAgB,SAAA,EAAW,oBAAA,IACxC,QAAA,EAAA,IAAA,EACH,CAAA;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,WAAW,EAAA,CAAG,mBAAA,CAAoB,EAAE,WAAA,EAAa,IAAA,EAAM,CAAC,CAAA;AAAA,YACxD,aAAA,EAAW;AAAA;AAAA;AACb;AAAA;AAAA,GACF;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,SAAA","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":"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","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"]}