@zentauri-ui/zentauri-components 1.9.1 → 2.0.0

package/dist/chunk-P43A2BPU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/progress.ts"],"names":[],"mappings":";AAAO,IAAM,eAAA,GACX;AAEK,IAAM,sBAAA,GAAyB;AAAA,EACpC,OAAA,EACE,uKAAA;AAAA,EACF,SAAA,EACE,2KAAA;AAAA,EACF,WAAA,EACE,6KAAA;AAAA,EACF,OAAA,EACE,uKAAA;AAAA,EACF,MAAA,EACE,qKAAA;AAAA,EACF,MAAA,EACE,qKAAA;AAAA,EACF,IAAA,EAAM,+JAAA;AAAA,EACN,IAAA,EAAM,+JAAA;AAAA,EACN,GAAA,EAAK,4JAAA;AAAA,EACL,IAAA,EAAM,iKAAA;AAAA,EACN,MAAA,EACE,mKAAA;AAAA,EACF,MAAA,EACE,+JAAA;AAAA,EACF,OAAA,EACE,qKAAA;AAAA,EACF,KAAA,EACE,mKAAA;AAAA,EACF,KAAA,EACE,gJAAA;AAAA,EACF,eAAA,EACE,mRAAA;AAAA,EACF,gBAAA,EACE,uRAAA;AAAA,EACF,cAAA,EACE,mRAAA;AAAA,EACF,iBAAA,EACE,uRAAA;AAAA,EACF,iBAAA,EACE,uRAAA;AAAA,EACF,eAAA,EACE,qRAAA;AAAA,EACF,iBAAA,EACE,uRAAA;AAAA,EACF,eAAA,EACE,qRAAA;AAAA,EACF,iBAAA,EACE,uRAAA;AAAA,EACF,IAAA,EAAM,2HAAA;AAAA,EACN,IAAA,EAAM,2HAAA;AAAA,EACN,KAAA,EACE,6HAAA;AAAA,EACF,IAAA,EAAM,2HAAA;AAAA,EACN,IAAA,EAAM,2HAAA;AAAA,EACN,KAAA,EACE,6HAAA;AAAA,EACF,QAAA,EACE,mIAAA;AAAA,EACF,QAAA,EACE,mIAAA;AAAA,EACF,IAAA,EAAM,2HAAA;AAAA,EACN,GAAA,EAAK,yHAAA;AAAA,EACL,KAAA,EACE,6HAAA;AAAA,EACF,IAAA,EAAM,2HAAA;AAAA,EACN,KAAA,EACE,6HAAA;AAAA,EACF,KAAA,EACE,6HAAA;AAAA,EACF,QAAA,EACE,mIAAA;AAAA,EACF,MAAA,EACE,+HAAA;AAAA,EACF,MAAA,EACE,+HAAA;AAAA,EACF,OAAA,EACE,iIAAA;AAAA,EACF,OAAA,EACE,iIAAA;AAAA,EACF,IAAA,EAAM,2HAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,gBAAA,GAAmB;AAAA,EAC9B,EAAA,EAAI,gBAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,iBAAA,GAAoB;AAAA,EAC/B,IAAA,EAAM,cAAA;AAAA,EACN,OAAA,EAAS,YAAA;AAAA,EACT,IAAA,EAAM;AACR;AAEO,IAAM,kBAAA,GAAqB;AAAA,EAChC,IAAA,EAAM,EAAA;AAAA,EACN,KAAA,EAAO;AACT;AAEO,IAAM,oBAAA,GACX;AAEK,IAAM,qBAAA,GAAwB;AAAA,EACnC,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,kBAAA,GAAqB;AAE3B,IAAM,qBAAA,GAAwB;AAAA,EACnC,IAAA,EAAM,uYAAA;AAAA,EACN,KAAA,EAAO;AACT","file":"chunk-P43A2BPU.mjs","sourcesContent":["export const zuiProgressBase =\n  \"w-full text-[color:var(--zui-progress-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-progress-fg-dark,oklch(98.4%_0.003_247.858))]\";\n\nexport const zuiProgressAppearances = {\n  default:\n    \"[--progress-fill:var(--zui-progress-default-fill,oklch(20.8%_0.042_265.755))] dark:[--progress-fill:var(--zui-progress-default-fill-dark,oklch(98.4%_0.003_247.858))]\",\n  secondary:\n    \"[--progress-fill:var(--zui-progress-secondary-fill,oklch(44.6%_0.043_257.281))] dark:[--progress-fill:var(--zui-progress-secondary-fill-dark,oklch(86.9%_0.022_252.894))]\",\n  destructive:\n    \"[--progress-fill:var(--zui-progress-destructive-fill,oklch(45.5%_0.188_13.697))] dark:[--progress-fill:var(--zui-progress-destructive-fill-dark,oklch(71.2%_0.194_13.428))]\",\n  emerald:\n    \"[--progress-fill:var(--zui-progress-emerald-fill,oklch(43.2%_0.095_166.913))] dark:[--progress-fill:var(--zui-progress-emerald-fill-dark,oklch(76.5%_0.177_163.223))]\",\n  indigo:\n    \"[--progress-fill:var(--zui-progress-indigo-fill,oklch(39.8%_0.195_277.366))] dark:[--progress-fill:var(--zui-progress-indigo-fill-dark,oklch(67.3%_0.182_276.935))]\",\n  purple:\n    \"[--progress-fill:var(--zui-progress-purple-fill,oklch(43.8%_0.218_303.724))] dark:[--progress-fill:var(--zui-progress-purple-fill-dark,oklch(71.4%_0.203_305.504))]\",\n  pink: \"[--progress-fill:var(--zui-progress-pink-fill,oklch(45.9%_0.187_3.815))] dark:[--progress-fill:var(--zui-progress-pink-fill-dark,oklch(71.8%_0.202_349.761))]\",\n  rose: \"[--progress-fill:var(--zui-progress-rose-fill,oklch(45.5%_0.188_13.697))] dark:[--progress-fill:var(--zui-progress-rose-fill-dark,oklch(71.2%_0.194_13.428))]\",\n  sky: \"[--progress-fill:var(--zui-progress-sky-fill,oklch(44.3%_0.11_240.79))] dark:[--progress-fill:var(--zui-progress-sky-fill-dark,oklch(74.6%_0.16_232.661))]\",\n  teal: \"[--progress-fill:var(--zui-progress-teal-fill,oklch(43.7%_0.078_188.216))] dark:[--progress-fill:var(--zui-progress-teal-fill-dark,oklch(77.7%_0.152_181.912))]\",\n  yellow:\n    \"[--progress-fill:var(--zui-progress-yellow-fill,oklch(47.6%_0.114_61.907))] dark:[--progress-fill:var(--zui-progress-yellow-fill-dark,oklch(85.2%_0.199_91.936))]\",\n  orange:\n    \"[--progress-fill:var(--zui-progress-orange-fill,oklch(47%_0.157_37.304))] dark:[--progress-fill:var(--zui-progress-orange-fill-dark,oklch(75%_0.183_55.934))]\",\n  outline:\n    \"[--progress-fill:var(--zui-progress-outline-fill,oklch(52%_0.105_223.128))] dark:[--progress-fill:var(--zui-progress-outline-fill-dark,oklch(86.5%_0.127_207.078))]\",\n  ghost:\n    \"[--progress-fill:var(--zui-progress-ghost-fill,oklch(27.9%_0.041_260.031))] dark:[--progress-fill:var(--zui-progress-ghost-fill-dark,oklch(92.9%_0.013_255.508))]\",\n  glass:\n    \"[--progress-fill:var(--zui-progress-glass-fill,oklch(20.8%_0.042_265.755))] dark:[--progress-fill:var(--zui-progress-glass-fill-dark,#ffffff)]\",\n  \"gradient-blue\":\n    \"[--progress-fill:var(--zui-progress-gradient-blue-fill,linear-gradient(90deg,oklch(62.3%_0.214_259.815),oklch(62.7%_0.265_303.9)))] dark:[--progress-fill:var(--zui-progress-gradient-blue-fill-dark,linear-gradient(90deg,oklch(62.3%_0.214_259.815),oklch(62.7%_0.265_303.9)))]\",\n  \"gradient-green\":\n    \"[--progress-fill:var(--zui-progress-gradient-green-fill,linear-gradient(90deg,oklch(72.3%_0.219_149.579),oklch(76.8%_0.233_130.85)))] dark:[--progress-fill:var(--zui-progress-gradient-green-fill-dark,linear-gradient(90deg,oklch(72.3%_0.219_149.579),oklch(76.8%_0.233_130.85)))]\",\n  \"gradient-red\":\n    \"[--progress-fill:var(--zui-progress-gradient-red-fill,linear-gradient(90deg,oklch(63.7%_0.237_25.331),oklch(65.6%_0.241_354.308)))] dark:[--progress-fill:var(--zui-progress-gradient-red-fill-dark,linear-gradient(90deg,oklch(63.7%_0.237_25.331),oklch(65.6%_0.241_354.308)))]\",\n  \"gradient-yellow\":\n    \"[--progress-fill:var(--zui-progress-gradient-yellow-fill,linear-gradient(90deg,oklch(79.5%_0.184_86.047),oklch(70.5%_0.213_47.604)))] dark:[--progress-fill:var(--zui-progress-gradient-yellow-fill-dark,linear-gradient(90deg,oklch(79.5%_0.184_86.047),oklch(70.5%_0.213_47.604)))]\",\n  \"gradient-purple\":\n    \"[--progress-fill:var(--zui-progress-gradient-purple-fill,linear-gradient(90deg,oklch(62.7%_0.265_303.9),oklch(65.6%_0.241_354.308)))] dark:[--progress-fill:var(--zui-progress-gradient-purple-fill-dark,linear-gradient(90deg,oklch(62.7%_0.265_303.9),oklch(65.6%_0.241_354.308)))]\",\n  \"gradient-teal\":\n    \"[--progress-fill:var(--zui-progress-gradient-teal-fill,linear-gradient(90deg,oklch(70.4%_0.14_182.503),oklch(71.5%_0.143_215.221)))] dark:[--progress-fill:var(--zui-progress-gradient-teal-fill-dark,linear-gradient(90deg,oklch(70.4%_0.14_182.503),oklch(71.5%_0.143_215.221)))]\",\n  \"gradient-indigo\":\n    \"[--progress-fill:var(--zui-progress-gradient-indigo-fill,linear-gradient(90deg,oklch(58.5%_0.233_277.117),oklch(62.7%_0.265_303.9)))] dark:[--progress-fill:var(--zui-progress-gradient-indigo-fill-dark,linear-gradient(90deg,oklch(58.5%_0.233_277.117),oklch(62.7%_0.265_303.9)))]\",\n  \"gradient-pink\":\n    \"[--progress-fill:var(--zui-progress-gradient-pink-fill,linear-gradient(90deg,oklch(65.6%_0.241_354.308),oklch(64.5%_0.246_16.439)))] dark:[--progress-fill:var(--zui-progress-gradient-pink-fill-dark,linear-gradient(90deg,oklch(65.6%_0.241_354.308),oklch(64.5%_0.246_16.439)))]\",\n  \"gradient-orange\":\n    \"[--progress-fill:var(--zui-progress-gradient-orange-fill,linear-gradient(90deg,oklch(70.5%_0.213_47.604),oklch(63.7%_0.237_25.331)))] dark:[--progress-fill:var(--zui-progress-gradient-orange-fill-dark,linear-gradient(90deg,oklch(70.5%_0.213_47.604),oklch(63.7%_0.237_25.331)))]\",\n  blue: \"[--progress-fill:var(--zui-progress-blue-fill,#2563eb)] dark:[--progress-fill:var(--zui-progress-blue-fill-dark,#3b82f6)]\",\n  cyan: \"[--progress-fill:var(--zui-progress-cyan-fill,#0891b2)] dark:[--progress-fill:var(--zui-progress-cyan-fill-dark,#22d3ee)]\",\n  green:\n    \"[--progress-fill:var(--zui-progress-green-fill,#16a34a)] dark:[--progress-fill:var(--zui-progress-green-fill-dark,#22c55e)]\",\n  lime: \"[--progress-fill:var(--zui-progress-lime-fill,#65a30d)] dark:[--progress-fill:var(--zui-progress-lime-fill-dark,#a3e635)]\",\n  mint: \"[--progress-fill:var(--zui-progress-mint-fill,#10b981)] dark:[--progress-fill:var(--zui-progress-mint-fill-dark,#6ee7b7)]\",\n  ocean:\n    \"[--progress-fill:var(--zui-progress-ocean-fill,#0284c7)] dark:[--progress-fill:var(--zui-progress-ocean-fill-dark,#38bdf8)]\",\n  sapphire:\n    \"[--progress-fill:var(--zui-progress-sapphire-fill,#1d4ed8)] dark:[--progress-fill:var(--zui-progress-sapphire-fill-dark,#60a5fa)]\",\n  lavender:\n    \"[--progress-fill:var(--zui-progress-lavender-fill,#8b5cf6)] dark:[--progress-fill:var(--zui-progress-lavender-fill-dark,#a78bfa)]\",\n  ruby: \"[--progress-fill:var(--zui-progress-ruby-fill,#be123c)] dark:[--progress-fill:var(--zui-progress-ruby-fill-dark,#fb7185)]\",\n  red: \"[--progress-fill:var(--zui-progress-red-fill,#dc2626)] dark:[--progress-fill:var(--zui-progress-red-fill-dark,#ef4444)]\",\n  slate:\n    \"[--progress-fill:var(--zui-progress-slate-fill,#475569)] dark:[--progress-fill:var(--zui-progress-slate-fill-dark,#64748b)]\",\n  zinc: \"[--progress-fill:var(--zui-progress-zinc-fill,#52525b)] dark:[--progress-fill:var(--zui-progress-zinc-fill-dark,#71717a)]\",\n  stone:\n    \"[--progress-fill:var(--zui-progress-stone-fill,#57534e)] dark:[--progress-fill:var(--zui-progress-stone-fill-dark,#78716c)]\",\n  royal:\n    \"[--progress-fill:var(--zui-progress-royal-fill,#4338ca)] dark:[--progress-fill:var(--zui-progress-royal-fill-dark,#818cf8)]\",\n  electric:\n    \"[--progress-fill:var(--zui-progress-electric-fill,#0ea5e9)] dark:[--progress-fill:var(--zui-progress-electric-fill-dark,#38bdf8)]\",\n  forest:\n    \"[--progress-fill:var(--zui-progress-forest-fill,#166534)] dark:[--progress-fill:var(--zui-progress-forest-fill-dark,#4ade80)]\",\n  sunset:\n    \"[--progress-fill:var(--zui-progress-sunset-fill,#ea580c)] dark:[--progress-fill:var(--zui-progress-sunset-fill-dark,#fb923c)]\",\n  magenta:\n    \"[--progress-fill:var(--zui-progress-magenta-fill,#c026d3)] dark:[--progress-fill:var(--zui-progress-magenta-fill-dark,#e879f9)]\",\n  crimson:\n    \"[--progress-fill:var(--zui-progress-crimson-fill,#b91c1c)] dark:[--progress-fill:var(--zui-progress-crimson-fill-dark,#f87171)]\",\n  aqua: \"[--progress-fill:var(--zui-progress-aqua-fill,#0f766e)] dark:[--progress-fill:var(--zui-progress-aqua-fill-dark,#2dd4bf)]\",\n  plum: \"[--progress-fill:var(--zui-progress-plum-fill,#7e22ce)] dark:[--progress-fill:var(--zui-progress-plum-fill-dark,#c084fc)]\",\n} as const;\n\nexport const zuiProgressSizes = {\n  xs: \"text-[0.65rem]\",\n  sm: \"text-xs\",\n  md: \"text-sm\",\n  lg: \"text-base\",\n  xl: \"text-lg\",\n} as const;\n\nexport const zuiProgressShapes = {\n  flat: \"rounded-none\",\n  rounded: \"rounded-md\",\n  pill: \"rounded-full\",\n} as const;\n\nexport const zuiProgressBoolean = {\n  true: \"\",\n  false: \"\",\n} as const;\n\nexport const zuiProgressTrackBase =\n  \"relative w-full overflow-hidden bg-[var(--zui-progress-track-bg,#0000001a)] dark:bg-[var(--zui-progress-track-bg-dark,#ffffff1a)]\";\n\nexport const zuiProgressTrackSizes = {\n  xs: \"h-1\",\n  sm: \"h-1.5\",\n  md: \"h-2\",\n  lg: \"h-3\",\n  xl: \"h-4\",\n} as const;\n\nexport const zuiProgressBarBase = \"h-full w-full origin-left rounded-[inherit]\";\n\nexport const zuiProgressBarStriped = {\n  true: \"[background:var(--zui-progress-bar-bg-striped,repeating-linear-gradient(135deg,rgba(255,255,255,0.28)_0,rgba(255,255,255,0.28)_10px,transparent_10px,transparent_20px)),var(--progress-fill)] dark:[background:var(--zui-progress-bar-bg-striped-dark,repeating-linear-gradient(135deg,rgba(255,255,255,0.18)_0,rgba(255,255,255,0.18)_10px,transparent_10px,transparent_20px)),var(--progress-fill)]\",\n  false: \"[background:var(--progress-fill)]\",\n} as const;\n"]}

package/dist/chunk-P54PZ72L.mjs

@@ -0,0 +1,65 @@
+// src/design-system/marquee.ts
+var zuiMarqueeBase = "group/marquee relative isolate flex min-w-0 overflow-hidden rounded-xl border border-transparent bg-[var(--zui-marquee-bg,transparent)] text-[color:var(--zui-marquee-fg,inherit)] [--zui-marquee-gap:1rem]";
+var zuiMarqueeAppearances = {
+  default: "[--zui-marquee-bg:transparent] [--zui-marquee-fg:oklch(20.8%_0.042_265.755)] dark:[--zui-marquee-fg:#ffffff]",
+  outline: "border-[color:var(--zui-marquee-outline-border,oklch(86.9%_0.022_252.894))] [--zui-marquee-bg:#ffffff] [--zui-marquee-fg:oklch(20.8%_0.042_265.755)] dark:border-[color:var(--zui-marquee-outline-border-dark,oklch(37.2%_0.044_257.287))] dark:[--zui-marquee-bg:oklch(20.8%_0.042_265.755)] dark:[--zui-marquee-fg:#ffffff]",
+  ghost: "[--zui-marquee-bg:transparent] [--zui-marquee-fg:oklch(27.9%_0.041_260.031)] dark:[--zui-marquee-fg:oklch(96.8%_0.007_247.896)]",
+  card: "border-[color:var(--zui-marquee-card-border,oklch(92.9%_0.013_255.508))] bg-[var(--zui-marquee-card-bg,#ffffff)] shadow-sm shadow-slate-950/5 [--zui-marquee-fg:oklch(20.8%_0.042_265.755)] dark:border-[color:var(--zui-marquee-card-border-dark,oklch(37.2%_0.044_257.287))] dark:bg-[var(--zui-marquee-card-bg-dark,oklch(20.8%_0.042_265.755_/_0.9))] dark:shadow-black/20 dark:[--zui-marquee-fg:#ffffff]",
+  separated: "border-y border-x-0 rounded-none border-[color:var(--zui-marquee-separated-border,oklch(86.9%_0.022_252.894))] [--zui-marquee-bg:transparent] [--zui-marquee-fg:oklch(20.8%_0.042_265.755)] dark:border-[color:var(--zui-marquee-separated-border-dark,oklch(37.2%_0.044_257.287))] dark:[--zui-marquee-fg:#ffffff]",
+  sky: "border-[color:var(--zui-marquee-sky-border,oklch(62.3%_0.214_259.815_/_0.28))] [--zui-marquee-bg:oklch(97.7%_0.013_236.62)] [--zui-marquee-fg:oklch(39.1%_0.09_240.876)] dark:border-[color:var(--zui-marquee-sky-border-dark,oklch(70.7%_0.165_254.624_/_0.3))] dark:[--zui-marquee-bg:oklch(39.1%_0.09_240.876_/_0.28)] dark:[--zui-marquee-fg:oklch(95.1%_0.026_236.824)]",
+  rose: "border-[color:var(--zui-marquee-rose-border,oklch(58.6%_0.253_17.585_/_0.24))] [--zui-marquee-bg:oklch(96.9%_0.015_12.422)] [--zui-marquee-fg:oklch(41%_0.159_10.272)] dark:border-[color:var(--zui-marquee-rose-border-dark,oklch(71.2%_0.194_13.428_/_0.3))] dark:[--zui-marquee-bg:oklch(41%_0.159_10.272_/_0.28)] dark:[--zui-marquee-fg:oklch(94.1%_0.03_12.58)]",
+  purple: "border-[color:var(--zui-marquee-purple-border,oklch(62.7%_0.265_303.9_/_0.24))] [--zui-marquee-bg:oklch(97.7%_0.014_308.299)] [--zui-marquee-fg:oklch(38.1%_0.176_304.987)] dark:border-[color:var(--zui-marquee-purple-border-dark,oklch(71.4%_0.203_305.504_/_0.3))] dark:[--zui-marquee-bg:oklch(38.1%_0.176_304.987_/_0.28)] dark:[--zui-marquee-fg:oklch(94.6%_0.033_307.174)]",
+  pink: "border-[color:var(--zui-marquee-pink-border,oklch(65.6%_0.241_354.308_/_0.24))] [--zui-marquee-bg:oklch(97.1%_0.014_343.198)] [--zui-marquee-fg:oklch(40.8%_0.153_2.432)] dark:border-[color:var(--zui-marquee-pink-border-dark,oklch(71.8%_0.202_349.761_/_0.3))] dark:[--zui-marquee-bg:oklch(40.8%_0.153_2.432_/_0.28)] dark:[--zui-marquee-fg:oklch(94.8%_0.028_342.258)]",
+  orange: "border-[color:var(--zui-marquee-orange-border,oklch(70.5%_0.213_47.604_/_0.26))] [--zui-marquee-bg:oklch(98%_0.016_73.684)] [--zui-marquee-fg:oklch(40.8%_0.123_38.172)] dark:border-[color:var(--zui-marquee-orange-border-dark,oklch(75%_0.183_55.934_/_0.32))] dark:[--zui-marquee-bg:oklch(40.8%_0.123_38.172_/_0.28)] dark:[--zui-marquee-fg:oklch(95.4%_0.038_75.164)]",
+  yellow: "border-[color:var(--zui-marquee-yellow-border,oklch(79.5%_0.184_86.047_/_0.3))] [--zui-marquee-bg:oklch(98.7%_0.026_102.212)] [--zui-marquee-fg:oklch(42.1%_0.095_57.708)] dark:border-[color:var(--zui-marquee-yellow-border-dark,oklch(85.2%_0.199_91.936_/_0.32))] dark:[--zui-marquee-bg:oklch(42.1%_0.095_57.708_/_0.28)] dark:[--zui-marquee-fg:oklch(97.3%_0.071_103.193)]",
+  teal: "border-[color:var(--zui-marquee-teal-border,oklch(70.4%_0.14_182.503_/_0.28))] [--zui-marquee-bg:oklch(98.4%_0.014_180.72)] [--zui-marquee-fg:oklch(38.6%_0.063_188.416)] dark:border-[color:var(--zui-marquee-teal-border-dark,oklch(77.7%_0.152_181.912_/_0.32))] dark:[--zui-marquee-bg:oklch(38.6%_0.063_188.416_/_0.28)] dark:[--zui-marquee-fg:oklch(95.3%_0.051_180.801)]",
+  indigo: "border-[color:var(--zui-marquee-indigo-border,oklch(58.5%_0.233_277.117_/_0.24))] [--zui-marquee-bg:oklch(96.2%_0.018_272.314)] [--zui-marquee-fg:oklch(35.9%_0.144_278.697)] dark:border-[color:var(--zui-marquee-indigo-border-dark,oklch(67.3%_0.182_276.935_/_0.32))] dark:[--zui-marquee-bg:oklch(35.9%_0.144_278.697_/_0.28)] dark:[--zui-marquee-fg:oklch(93%_0.034_272.788)]",
+  emerald: "border-[color:var(--zui-marquee-emerald-border,oklch(69.6%_0.17_162.48_/_0.28))] [--zui-marquee-bg:oklch(97.9%_0.021_166.113)] [--zui-marquee-fg:oklch(37.8%_0.077_168.94)] dark:border-[color:var(--zui-marquee-emerald-border-dark,oklch(76.5%_0.177_163.223_/_0.32))] dark:[--zui-marquee-bg:oklch(37.8%_0.077_168.94_/_0.28)] dark:[--zui-marquee-fg:oklch(95%_0.052_163.051)]",
+  "gradient-blue": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-blue-from,oklch(62.3%_0.214_259.815))] dark:from-[var(--zui-marquee-gradient-blue-from-dark,oklch(42.4%_0.199_265.638))] to-[var(--zui-marquee-gradient-blue-to,oklch(54.6%_0.245_262.881))] dark:to-[var(--zui-marquee-gradient-blue-to-dark,oklch(37.9%_0.146_265.522))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]",
+  "gradient-green": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-green-from,oklch(72.3%_0.219_149.579))] dark:from-[var(--zui-marquee-gradient-green-from-dark,oklch(44.8%_0.119_151.328))] to-[var(--zui-marquee-gradient-green-to,oklch(62.7%_0.194_149.214))] dark:to-[var(--zui-marquee-gradient-green-to-dark,oklch(39.3%_0.095_152.535))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]",
+  "gradient-red": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-red-from,oklch(63.7%_0.237_25.331))] dark:from-[var(--zui-marquee-gradient-red-from-dark,oklch(44.4%_0.177_26.899))] to-[var(--zui-marquee-gradient-red-to,oklch(57.7%_0.245_27.325))] dark:to-[var(--zui-marquee-gradient-red-to-dark,oklch(39.6%_0.141_25.723))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]",
+  "gradient-yellow": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-yellow-from,oklch(85.2%_0.199_91.936))] dark:from-[var(--zui-marquee-gradient-yellow-from-dark,oklch(47.6%_0.114_61.907))] to-[var(--zui-marquee-gradient-yellow-to,oklch(79.5%_0.184_86.047))] dark:to-[var(--zui-marquee-gradient-yellow-to-dark,oklch(42.1%_0.095_57.708))] [--zui-marquee-fg:oklch(27.9%_0.077_45.635)] dark:[--zui-marquee-fg:#ffffff]",
+  "gradient-purple": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-purple-from,oklch(71.4%_0.203_305.504))] dark:from-[var(--zui-marquee-gradient-purple-from-dark,oklch(43.8%_0.218_303.724))] to-[var(--zui-marquee-gradient-purple-to,oklch(62.7%_0.265_303.9))] dark:to-[var(--zui-marquee-gradient-purple-to-dark,oklch(38.1%_0.176_304.987))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]",
+  "gradient-teal": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-teal-from,oklch(77.7%_0.152_181.912))] dark:from-[var(--zui-marquee-gradient-teal-from-dark,oklch(43.7%_0.078_188.216))] to-[var(--zui-marquee-gradient-teal-to,oklch(70.4%_0.14_182.503))] dark:to-[var(--zui-marquee-gradient-teal-to-dark,oklch(38.6%_0.063_188.416))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]",
+  "gradient-indigo": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-indigo-from,oklch(67.3%_0.182_276.935))] dark:from-[var(--zui-marquee-gradient-indigo-from-dark,oklch(39.8%_0.195_277.366))] to-[var(--zui-marquee-gradient-indigo-to,oklch(58.5%_0.233_277.117))] dark:to-[var(--zui-marquee-gradient-indigo-to-dark,oklch(35.9%_0.144_278.697))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]",
+  "gradient-pink": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-pink-from,oklch(71.8%_0.202_349.761))] dark:from-[var(--zui-marquee-gradient-pink-from-dark,oklch(45.9%_0.187_3.815))] to-[var(--zui-marquee-gradient-pink-to,oklch(65.6%_0.241_354.308))] dark:to-[var(--zui-marquee-gradient-pink-to-dark,oklch(40.8%_0.153_2.432))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]",
+  "gradient-orange": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-orange-from,oklch(75%_0.183_55.934))] dark:from-[var(--zui-marquee-gradient-orange-from-dark,oklch(47%_0.157_37.304))] to-[var(--zui-marquee-gradient-orange-to,oklch(70.5%_0.213_47.604))] dark:to-[var(--zui-marquee-gradient-orange-to-dark,oklch(40.8%_0.123_38.172))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]",
+  blue: "border border-[color:var(--zui-marquee-blue-border,#2563eb)] dark:border-[color:var(--zui-marquee-blue-border-dark,#3b82f6)] bg-[var(--zui-marquee-blue-bg,#2563eb14)] dark:bg-[var(--zui-marquee-blue-bg-dark,#3b82f624)] text-[color:var(--zui-marquee-blue-fg,#0f172a)] dark:text-[color:var(--zui-marquee-blue-fg-dark,#f8fafc)]",
+  cyan: "border border-[color:var(--zui-marquee-cyan-border,#0891b2)] dark:border-[color:var(--zui-marquee-cyan-border-dark,#22d3ee)] bg-[var(--zui-marquee-cyan-bg,#0891b214)] dark:bg-[var(--zui-marquee-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-marquee-cyan-fg,#0f172a)] dark:text-[color:var(--zui-marquee-cyan-fg-dark,#f8fafc)]",
+  green: "border border-[color:var(--zui-marquee-green-border,#16a34a)] dark:border-[color:var(--zui-marquee-green-border-dark,#22c55e)] bg-[var(--zui-marquee-green-bg,#16a34a14)] dark:bg-[var(--zui-marquee-green-bg-dark,#22c55e24)] text-[color:var(--zui-marquee-green-fg,#0f172a)] dark:text-[color:var(--zui-marquee-green-fg-dark,#f8fafc)]",
+  lime: "border border-[color:var(--zui-marquee-lime-border,#65a30d)] dark:border-[color:var(--zui-marquee-lime-border-dark,#a3e635)] bg-[var(--zui-marquee-lime-bg,#65a30d14)] dark:bg-[var(--zui-marquee-lime-bg-dark,#a3e63524)] text-[color:var(--zui-marquee-lime-fg,#0f172a)] dark:text-[color:var(--zui-marquee-lime-fg-dark,#f8fafc)]",
+  mint: "border border-[color:var(--zui-marquee-mint-border,#10b981)] dark:border-[color:var(--zui-marquee-mint-border-dark,#6ee7b7)] bg-[var(--zui-marquee-mint-bg,#10b98114)] dark:bg-[var(--zui-marquee-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-marquee-mint-fg,#0f172a)] dark:text-[color:var(--zui-marquee-mint-fg-dark,#f8fafc)]",
+  ocean: "border border-[color:var(--zui-marquee-ocean-border,#0284c7)] dark:border-[color:var(--zui-marquee-ocean-border-dark,#38bdf8)] bg-[var(--zui-marquee-ocean-bg,#0284c714)] dark:bg-[var(--zui-marquee-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-marquee-ocean-fg,#0f172a)] dark:text-[color:var(--zui-marquee-ocean-fg-dark,#f8fafc)]",
+  sapphire: "border border-[color:var(--zui-marquee-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-marquee-sapphire-border-dark,#60a5fa)] bg-[var(--zui-marquee-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-marquee-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-marquee-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-marquee-sapphire-fg-dark,#f8fafc)]",
+  lavender: "border border-[color:var(--zui-marquee-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-marquee-lavender-border-dark,#a78bfa)] bg-[var(--zui-marquee-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-marquee-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-marquee-lavender-fg,#0f172a)] dark:text-[color:var(--zui-marquee-lavender-fg-dark,#f8fafc)]",
+  ruby: "border border-[color:var(--zui-marquee-ruby-border,#be123c)] dark:border-[color:var(--zui-marquee-ruby-border-dark,#fb7185)] bg-[var(--zui-marquee-ruby-bg,#be123c14)] dark:bg-[var(--zui-marquee-ruby-bg-dark,#fb718524)] text-[color:var(--zui-marquee-ruby-fg,#0f172a)] dark:text-[color:var(--zui-marquee-ruby-fg-dark,#f8fafc)]",
+  red: "border border-[color:var(--zui-marquee-red-border,#dc2626)] dark:border-[color:var(--zui-marquee-red-border-dark,#ef4444)] bg-[var(--zui-marquee-red-bg,#dc262614)] dark:bg-[var(--zui-marquee-red-bg-dark,#ef444424)] text-[color:var(--zui-marquee-red-fg,#0f172a)] dark:text-[color:var(--zui-marquee-red-fg-dark,#f8fafc)]",
+  slate: "border border-[color:var(--zui-marquee-slate-border,#475569)] dark:border-[color:var(--zui-marquee-slate-border-dark,#64748b)] bg-[var(--zui-marquee-slate-bg,#47556914)] dark:bg-[var(--zui-marquee-slate-bg-dark,#64748b24)] text-[color:var(--zui-marquee-slate-fg,#0f172a)] dark:text-[color:var(--zui-marquee-slate-fg-dark,#f8fafc)]",
+  zinc: "border border-[color:var(--zui-marquee-zinc-border,#52525b)] dark:border-[color:var(--zui-marquee-zinc-border-dark,#71717a)] bg-[var(--zui-marquee-zinc-bg,#52525b14)] dark:bg-[var(--zui-marquee-zinc-bg-dark,#71717a24)] text-[color:var(--zui-marquee-zinc-fg,#0f172a)] dark:text-[color:var(--zui-marquee-zinc-fg-dark,#f8fafc)]",
+  stone: "border border-[color:var(--zui-marquee-stone-border,#57534e)] dark:border-[color:var(--zui-marquee-stone-border-dark,#78716c)] bg-[var(--zui-marquee-stone-bg,#57534e14)] dark:bg-[var(--zui-marquee-stone-bg-dark,#78716c24)] text-[color:var(--zui-marquee-stone-fg,#0f172a)] dark:text-[color:var(--zui-marquee-stone-fg-dark,#f8fafc)]",
+  royal: "border border-[color:var(--zui-marquee-royal-border,#4338ca)] dark:border-[color:var(--zui-marquee-royal-border-dark,#818cf8)] bg-[var(--zui-marquee-royal-bg,#4338ca14)] dark:bg-[var(--zui-marquee-royal-bg-dark,#818cf824)] text-[color:var(--zui-marquee-royal-fg,#0f172a)] dark:text-[color:var(--zui-marquee-royal-fg-dark,#f8fafc)]",
+  electric: "border border-[color:var(--zui-marquee-electric-border,#0ea5e9)] dark:border-[color:var(--zui-marquee-electric-border-dark,#38bdf8)] bg-[var(--zui-marquee-electric-bg,#0ea5e914)] dark:bg-[var(--zui-marquee-electric-bg-dark,#38bdf824)] text-[color:var(--zui-marquee-electric-fg,#0f172a)] dark:text-[color:var(--zui-marquee-electric-fg-dark,#f8fafc)]",
+  forest: "border border-[color:var(--zui-marquee-forest-border,#166534)] dark:border-[color:var(--zui-marquee-forest-border-dark,#4ade80)] bg-[var(--zui-marquee-forest-bg,#16653414)] dark:bg-[var(--zui-marquee-forest-bg-dark,#4ade8024)] text-[color:var(--zui-marquee-forest-fg,#0f172a)] dark:text-[color:var(--zui-marquee-forest-fg-dark,#f8fafc)]",
+  sunset: "border border-[color:var(--zui-marquee-sunset-border,#ea580c)] dark:border-[color:var(--zui-marquee-sunset-border-dark,#fb923c)] bg-[var(--zui-marquee-sunset-bg,#ea580c14)] dark:bg-[var(--zui-marquee-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-marquee-sunset-fg,#0f172a)] dark:text-[color:var(--zui-marquee-sunset-fg-dark,#f8fafc)]",
+  magenta: "border border-[color:var(--zui-marquee-magenta-border,#c026d3)] dark:border-[color:var(--zui-marquee-magenta-border-dark,#e879f9)] bg-[var(--zui-marquee-magenta-bg,#c026d314)] dark:bg-[var(--zui-marquee-magenta-bg-dark,#e879f924)] text-[color:var(--zui-marquee-magenta-fg,#0f172a)] dark:text-[color:var(--zui-marquee-magenta-fg-dark,#f8fafc)]",
+  crimson: "border border-[color:var(--zui-marquee-crimson-border,#b91c1c)] dark:border-[color:var(--zui-marquee-crimson-border-dark,#f87171)] bg-[var(--zui-marquee-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-marquee-crimson-bg-dark,#f8717124)] text-[color:var(--zui-marquee-crimson-fg,#0f172a)] dark:text-[color:var(--zui-marquee-crimson-fg-dark,#f8fafc)]",
+  aqua: "border border-[color:var(--zui-marquee-aqua-border,#0f766e)] dark:border-[color:var(--zui-marquee-aqua-border-dark,#2dd4bf)] bg-[var(--zui-marquee-aqua-bg,#0f766e14)] dark:bg-[var(--zui-marquee-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-marquee-aqua-fg,#0f172a)] dark:text-[color:var(--zui-marquee-aqua-fg-dark,#f8fafc)]",
+  plum: "border border-[color:var(--zui-marquee-plum-border,#7e22ce)] dark:border-[color:var(--zui-marquee-plum-border-dark,#c084fc)] bg-[var(--zui-marquee-plum-bg,#7e22ce14)] dark:bg-[var(--zui-marquee-plum-bg-dark,#c084fc24)] text-[color:var(--zui-marquee-plum-fg,#0f172a)] dark:text-[color:var(--zui-marquee-plum-fg-dark,#f8fafc)]"
+};
+var zuiMarqueeOrientations = {
+  horizontal: "w-full flex-row",
+  vertical: "h-64 flex-col"
+};
+var zuiMarqueeSizes = {
+  sm: "p-2 text-xs",
+  md: "p-3 text-sm",
+  lg: "p-4 text-base"
+};
+var zuiMarqueeFade = {
+  false: "",
+  true: "[mask-image:linear-gradient(to_right,transparent,black_12%,black_88%,transparent)] data-[orientation=vertical]:[mask-image:linear-gradient(to_bottom,transparent,black_12%,black_88%,transparent)]"
+};
+
+export { zuiMarqueeAppearances, zuiMarqueeBase, zuiMarqueeFade, zuiMarqueeOrientations, zuiMarqueeSizes };
+//# sourceMappingURL=chunk-P54PZ72L.mjs.map
+//# sourceMappingURL=chunk-P54PZ72L.mjs.map

package/dist/chunk-P54PZ72L.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/marquee.ts"],"names":[],"mappings":";AAAO,IAAM,cAAA,GACX;AAEK,IAAM,qBAAA,GAAwB;AAAA,EACnC,OAAA,EACE,8GAAA;AAAA,EACF,OAAA,EACE,+TAAA;AAAA,EACF,KAAA,EACE,iIAAA;AAAA,EACF,IAAA,EAAM,gZAAA;AAAA,EACN,SAAA,EACE,qTAAA;AAAA,EACF,GAAA,EAAK,8WAAA;AAAA,EACL,IAAA,EAAM,uWAAA;AAAA,EACN,MAAA,EACE,qXAAA;AAAA,EACF,IAAA,EAAM,+WAAA;AAAA,EACN,MAAA,EACE,8WAAA;AAAA,EACF,MAAA,EACE,mXAAA;AAAA,EACF,IAAA,EAAM,kXAAA;AAAA,EACN,MAAA,EACE,sXAAA;AAAA,EACF,OAAA,EACE,oXAAA;AAAA,EACF,eAAA,EACE,0YAAA;AAAA,EACF,gBAAA,EACE,8YAAA;AAAA,EACF,cAAA,EACE,kYAAA;AAAA,EACF,iBAAA,EACE,gaAAA;AAAA,EACF,iBAAA,EACE,gZAAA;AAAA,EACF,eAAA,EACE,yYAAA;AAAA,EACF,iBAAA,EACE,kZAAA;AAAA,EACF,eAAA,EACE,sYAAA;AAAA,EACF,iBAAA,EACE,0YAAA;AAAA,EACF,IAAA,EAAM,sUAAA;AAAA,EACN,IAAA,EAAM,sUAAA;AAAA,EACN,KAAA,EACE,4UAAA;AAAA,EACF,IAAA,EAAM,sUAAA;AAAA,EACN,IAAA,EAAM,sUAAA;AAAA,EACN,KAAA,EACE,4UAAA;AAAA,EACF,QAAA,EACE,8VAAA;AAAA,EACF,QAAA,EACE,8VAAA;AAAA,EACF,IAAA,EAAM,sUAAA;AAAA,EACN,GAAA,EAAK,gUAAA;AAAA,EACL,KAAA,EACE,4UAAA;AAAA,EACF,IAAA,EAAM,sUAAA;AAAA,EACN,KAAA,EACE,4UAAA;AAAA,EACF,KAAA,EACE,4UAAA;AAAA,EACF,QAAA,EACE,8VAAA;AAAA,EACF,MAAA,EACE,kVAAA;AAAA,EACF,MAAA,EACE,kVAAA;AAAA,EACF,OAAA,EACE,wVAAA;AAAA,EACF,OAAA,EACE,wVAAA;AAAA,EACF,IAAA,EAAM,sUAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,sBAAA,GAAyB;AAAA,EACpC,UAAA,EAAY,iBAAA;AAAA,EACZ,QAAA,EAAU;AACZ;AAEO,IAAM,eAAA,GAAkB;AAAA,EAC7B,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,cAAA,GAAiB;AAAA,EAC5B,KAAA,EAAO,EAAA;AAAA,EACP,IAAA,EAAM;AACR","file":"chunk-P54PZ72L.mjs","sourcesContent":["export const zuiMarqueeBase =\n  \"group/marquee relative isolate flex min-w-0 overflow-hidden rounded-xl border border-transparent bg-[var(--zui-marquee-bg,transparent)] text-[color:var(--zui-marquee-fg,inherit)] [--zui-marquee-gap:1rem]\";\n\nexport const zuiMarqueeAppearances = {\n  default:\n    \"[--zui-marquee-bg:transparent] [--zui-marquee-fg:oklch(20.8%_0.042_265.755)] dark:[--zui-marquee-fg:#ffffff]\",\n  outline:\n    \"border-[color:var(--zui-marquee-outline-border,oklch(86.9%_0.022_252.894))] [--zui-marquee-bg:#ffffff] [--zui-marquee-fg:oklch(20.8%_0.042_265.755)] dark:border-[color:var(--zui-marquee-outline-border-dark,oklch(37.2%_0.044_257.287))] dark:[--zui-marquee-bg:oklch(20.8%_0.042_265.755)] dark:[--zui-marquee-fg:#ffffff]\",\n  ghost:\n    \"[--zui-marquee-bg:transparent] [--zui-marquee-fg:oklch(27.9%_0.041_260.031)] dark:[--zui-marquee-fg:oklch(96.8%_0.007_247.896)]\",\n  card: \"border-[color:var(--zui-marquee-card-border,oklch(92.9%_0.013_255.508))] bg-[var(--zui-marquee-card-bg,#ffffff)] shadow-sm shadow-slate-950/5 [--zui-marquee-fg:oklch(20.8%_0.042_265.755)] dark:border-[color:var(--zui-marquee-card-border-dark,oklch(37.2%_0.044_257.287))] dark:bg-[var(--zui-marquee-card-bg-dark,oklch(20.8%_0.042_265.755_/_0.9))] dark:shadow-black/20 dark:[--zui-marquee-fg:#ffffff]\",\n  separated:\n    \"border-y border-x-0 rounded-none border-[color:var(--zui-marquee-separated-border,oklch(86.9%_0.022_252.894))] [--zui-marquee-bg:transparent] [--zui-marquee-fg:oklch(20.8%_0.042_265.755)] dark:border-[color:var(--zui-marquee-separated-border-dark,oklch(37.2%_0.044_257.287))] dark:[--zui-marquee-fg:#ffffff]\",\n  sky: \"border-[color:var(--zui-marquee-sky-border,oklch(62.3%_0.214_259.815_/_0.28))] [--zui-marquee-bg:oklch(97.7%_0.013_236.62)] [--zui-marquee-fg:oklch(39.1%_0.09_240.876)] dark:border-[color:var(--zui-marquee-sky-border-dark,oklch(70.7%_0.165_254.624_/_0.3))] dark:[--zui-marquee-bg:oklch(39.1%_0.09_240.876_/_0.28)] dark:[--zui-marquee-fg:oklch(95.1%_0.026_236.824)]\",\n  rose: \"border-[color:var(--zui-marquee-rose-border,oklch(58.6%_0.253_17.585_/_0.24))] [--zui-marquee-bg:oklch(96.9%_0.015_12.422)] [--zui-marquee-fg:oklch(41%_0.159_10.272)] dark:border-[color:var(--zui-marquee-rose-border-dark,oklch(71.2%_0.194_13.428_/_0.3))] dark:[--zui-marquee-bg:oklch(41%_0.159_10.272_/_0.28)] dark:[--zui-marquee-fg:oklch(94.1%_0.03_12.58)]\",\n  purple:\n    \"border-[color:var(--zui-marquee-purple-border,oklch(62.7%_0.265_303.9_/_0.24))] [--zui-marquee-bg:oklch(97.7%_0.014_308.299)] [--zui-marquee-fg:oklch(38.1%_0.176_304.987)] dark:border-[color:var(--zui-marquee-purple-border-dark,oklch(71.4%_0.203_305.504_/_0.3))] dark:[--zui-marquee-bg:oklch(38.1%_0.176_304.987_/_0.28)] dark:[--zui-marquee-fg:oklch(94.6%_0.033_307.174)]\",\n  pink: \"border-[color:var(--zui-marquee-pink-border,oklch(65.6%_0.241_354.308_/_0.24))] [--zui-marquee-bg:oklch(97.1%_0.014_343.198)] [--zui-marquee-fg:oklch(40.8%_0.153_2.432)] dark:border-[color:var(--zui-marquee-pink-border-dark,oklch(71.8%_0.202_349.761_/_0.3))] dark:[--zui-marquee-bg:oklch(40.8%_0.153_2.432_/_0.28)] dark:[--zui-marquee-fg:oklch(94.8%_0.028_342.258)]\",\n  orange:\n    \"border-[color:var(--zui-marquee-orange-border,oklch(70.5%_0.213_47.604_/_0.26))] [--zui-marquee-bg:oklch(98%_0.016_73.684)] [--zui-marquee-fg:oklch(40.8%_0.123_38.172)] dark:border-[color:var(--zui-marquee-orange-border-dark,oklch(75%_0.183_55.934_/_0.32))] dark:[--zui-marquee-bg:oklch(40.8%_0.123_38.172_/_0.28)] dark:[--zui-marquee-fg:oklch(95.4%_0.038_75.164)]\",\n  yellow:\n    \"border-[color:var(--zui-marquee-yellow-border,oklch(79.5%_0.184_86.047_/_0.3))] [--zui-marquee-bg:oklch(98.7%_0.026_102.212)] [--zui-marquee-fg:oklch(42.1%_0.095_57.708)] dark:border-[color:var(--zui-marquee-yellow-border-dark,oklch(85.2%_0.199_91.936_/_0.32))] dark:[--zui-marquee-bg:oklch(42.1%_0.095_57.708_/_0.28)] dark:[--zui-marquee-fg:oklch(97.3%_0.071_103.193)]\",\n  teal: \"border-[color:var(--zui-marquee-teal-border,oklch(70.4%_0.14_182.503_/_0.28))] [--zui-marquee-bg:oklch(98.4%_0.014_180.72)] [--zui-marquee-fg:oklch(38.6%_0.063_188.416)] dark:border-[color:var(--zui-marquee-teal-border-dark,oklch(77.7%_0.152_181.912_/_0.32))] dark:[--zui-marquee-bg:oklch(38.6%_0.063_188.416_/_0.28)] dark:[--zui-marquee-fg:oklch(95.3%_0.051_180.801)]\",\n  indigo:\n    \"border-[color:var(--zui-marquee-indigo-border,oklch(58.5%_0.233_277.117_/_0.24))] [--zui-marquee-bg:oklch(96.2%_0.018_272.314)] [--zui-marquee-fg:oklch(35.9%_0.144_278.697)] dark:border-[color:var(--zui-marquee-indigo-border-dark,oklch(67.3%_0.182_276.935_/_0.32))] dark:[--zui-marquee-bg:oklch(35.9%_0.144_278.697_/_0.28)] dark:[--zui-marquee-fg:oklch(93%_0.034_272.788)]\",\n  emerald:\n    \"border-[color:var(--zui-marquee-emerald-border,oklch(69.6%_0.17_162.48_/_0.28))] [--zui-marquee-bg:oklch(97.9%_0.021_166.113)] [--zui-marquee-fg:oklch(37.8%_0.077_168.94)] dark:border-[color:var(--zui-marquee-emerald-border-dark,oklch(76.5%_0.177_163.223_/_0.32))] dark:[--zui-marquee-bg:oklch(37.8%_0.077_168.94_/_0.28)] dark:[--zui-marquee-fg:oklch(95%_0.052_163.051)]\",\n  \"gradient-blue\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-blue-from,oklch(62.3%_0.214_259.815))] dark:from-[var(--zui-marquee-gradient-blue-from-dark,oklch(42.4%_0.199_265.638))] to-[var(--zui-marquee-gradient-blue-to,oklch(54.6%_0.245_262.881))] dark:to-[var(--zui-marquee-gradient-blue-to-dark,oklch(37.9%_0.146_265.522))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]\",\n  \"gradient-green\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-green-from,oklch(72.3%_0.219_149.579))] dark:from-[var(--zui-marquee-gradient-green-from-dark,oklch(44.8%_0.119_151.328))] to-[var(--zui-marquee-gradient-green-to,oklch(62.7%_0.194_149.214))] dark:to-[var(--zui-marquee-gradient-green-to-dark,oklch(39.3%_0.095_152.535))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]\",\n  \"gradient-red\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-red-from,oklch(63.7%_0.237_25.331))] dark:from-[var(--zui-marquee-gradient-red-from-dark,oklch(44.4%_0.177_26.899))] to-[var(--zui-marquee-gradient-red-to,oklch(57.7%_0.245_27.325))] dark:to-[var(--zui-marquee-gradient-red-to-dark,oklch(39.6%_0.141_25.723))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]\",\n  \"gradient-yellow\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-yellow-from,oklch(85.2%_0.199_91.936))] dark:from-[var(--zui-marquee-gradient-yellow-from-dark,oklch(47.6%_0.114_61.907))] to-[var(--zui-marquee-gradient-yellow-to,oklch(79.5%_0.184_86.047))] dark:to-[var(--zui-marquee-gradient-yellow-to-dark,oklch(42.1%_0.095_57.708))] [--zui-marquee-fg:oklch(27.9%_0.077_45.635)] dark:[--zui-marquee-fg:#ffffff]\",\n  \"gradient-purple\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-purple-from,oklch(71.4%_0.203_305.504))] dark:from-[var(--zui-marquee-gradient-purple-from-dark,oklch(43.8%_0.218_303.724))] to-[var(--zui-marquee-gradient-purple-to,oklch(62.7%_0.265_303.9))] dark:to-[var(--zui-marquee-gradient-purple-to-dark,oklch(38.1%_0.176_304.987))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]\",\n  \"gradient-teal\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-teal-from,oklch(77.7%_0.152_181.912))] dark:from-[var(--zui-marquee-gradient-teal-from-dark,oklch(43.7%_0.078_188.216))] to-[var(--zui-marquee-gradient-teal-to,oklch(70.4%_0.14_182.503))] dark:to-[var(--zui-marquee-gradient-teal-to-dark,oklch(38.6%_0.063_188.416))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]\",\n  \"gradient-indigo\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-indigo-from,oklch(67.3%_0.182_276.935))] dark:from-[var(--zui-marquee-gradient-indigo-from-dark,oklch(39.8%_0.195_277.366))] to-[var(--zui-marquee-gradient-indigo-to,oklch(58.5%_0.233_277.117))] dark:to-[var(--zui-marquee-gradient-indigo-to-dark,oklch(35.9%_0.144_278.697))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]\",\n  \"gradient-pink\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-pink-from,oklch(71.8%_0.202_349.761))] dark:from-[var(--zui-marquee-gradient-pink-from-dark,oklch(45.9%_0.187_3.815))] to-[var(--zui-marquee-gradient-pink-to,oklch(65.6%_0.241_354.308))] dark:to-[var(--zui-marquee-gradient-pink-to-dark,oklch(40.8%_0.153_2.432))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]\",\n  \"gradient-orange\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-orange-from,oklch(75%_0.183_55.934))] dark:from-[var(--zui-marquee-gradient-orange-from-dark,oklch(47%_0.157_37.304))] to-[var(--zui-marquee-gradient-orange-to,oklch(70.5%_0.213_47.604))] dark:to-[var(--zui-marquee-gradient-orange-to-dark,oklch(40.8%_0.123_38.172))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]\",\n  blue: \"border border-[color:var(--zui-marquee-blue-border,#2563eb)] dark:border-[color:var(--zui-marquee-blue-border-dark,#3b82f6)] bg-[var(--zui-marquee-blue-bg,#2563eb14)] dark:bg-[var(--zui-marquee-blue-bg-dark,#3b82f624)] text-[color:var(--zui-marquee-blue-fg,#0f172a)] dark:text-[color:var(--zui-marquee-blue-fg-dark,#f8fafc)]\",\n  cyan: \"border border-[color:var(--zui-marquee-cyan-border,#0891b2)] dark:border-[color:var(--zui-marquee-cyan-border-dark,#22d3ee)] bg-[var(--zui-marquee-cyan-bg,#0891b214)] dark:bg-[var(--zui-marquee-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-marquee-cyan-fg,#0f172a)] dark:text-[color:var(--zui-marquee-cyan-fg-dark,#f8fafc)]\",\n  green:\n    \"border border-[color:var(--zui-marquee-green-border,#16a34a)] dark:border-[color:var(--zui-marquee-green-border-dark,#22c55e)] bg-[var(--zui-marquee-green-bg,#16a34a14)] dark:bg-[var(--zui-marquee-green-bg-dark,#22c55e24)] text-[color:var(--zui-marquee-green-fg,#0f172a)] dark:text-[color:var(--zui-marquee-green-fg-dark,#f8fafc)]\",\n  lime: \"border border-[color:var(--zui-marquee-lime-border,#65a30d)] dark:border-[color:var(--zui-marquee-lime-border-dark,#a3e635)] bg-[var(--zui-marquee-lime-bg,#65a30d14)] dark:bg-[var(--zui-marquee-lime-bg-dark,#a3e63524)] text-[color:var(--zui-marquee-lime-fg,#0f172a)] dark:text-[color:var(--zui-marquee-lime-fg-dark,#f8fafc)]\",\n  mint: \"border border-[color:var(--zui-marquee-mint-border,#10b981)] dark:border-[color:var(--zui-marquee-mint-border-dark,#6ee7b7)] bg-[var(--zui-marquee-mint-bg,#10b98114)] dark:bg-[var(--zui-marquee-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-marquee-mint-fg,#0f172a)] dark:text-[color:var(--zui-marquee-mint-fg-dark,#f8fafc)]\",\n  ocean:\n    \"border border-[color:var(--zui-marquee-ocean-border,#0284c7)] dark:border-[color:var(--zui-marquee-ocean-border-dark,#38bdf8)] bg-[var(--zui-marquee-ocean-bg,#0284c714)] dark:bg-[var(--zui-marquee-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-marquee-ocean-fg,#0f172a)] dark:text-[color:var(--zui-marquee-ocean-fg-dark,#f8fafc)]\",\n  sapphire:\n    \"border border-[color:var(--zui-marquee-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-marquee-sapphire-border-dark,#60a5fa)] bg-[var(--zui-marquee-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-marquee-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-marquee-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-marquee-sapphire-fg-dark,#f8fafc)]\",\n  lavender:\n    \"border border-[color:var(--zui-marquee-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-marquee-lavender-border-dark,#a78bfa)] bg-[var(--zui-marquee-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-marquee-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-marquee-lavender-fg,#0f172a)] dark:text-[color:var(--zui-marquee-lavender-fg-dark,#f8fafc)]\",\n  ruby: \"border border-[color:var(--zui-marquee-ruby-border,#be123c)] dark:border-[color:var(--zui-marquee-ruby-border-dark,#fb7185)] bg-[var(--zui-marquee-ruby-bg,#be123c14)] dark:bg-[var(--zui-marquee-ruby-bg-dark,#fb718524)] text-[color:var(--zui-marquee-ruby-fg,#0f172a)] dark:text-[color:var(--zui-marquee-ruby-fg-dark,#f8fafc)]\",\n  red: \"border border-[color:var(--zui-marquee-red-border,#dc2626)] dark:border-[color:var(--zui-marquee-red-border-dark,#ef4444)] bg-[var(--zui-marquee-red-bg,#dc262614)] dark:bg-[var(--zui-marquee-red-bg-dark,#ef444424)] text-[color:var(--zui-marquee-red-fg,#0f172a)] dark:text-[color:var(--zui-marquee-red-fg-dark,#f8fafc)]\",\n  slate:\n    \"border border-[color:var(--zui-marquee-slate-border,#475569)] dark:border-[color:var(--zui-marquee-slate-border-dark,#64748b)] bg-[var(--zui-marquee-slate-bg,#47556914)] dark:bg-[var(--zui-marquee-slate-bg-dark,#64748b24)] text-[color:var(--zui-marquee-slate-fg,#0f172a)] dark:text-[color:var(--zui-marquee-slate-fg-dark,#f8fafc)]\",\n  zinc: \"border border-[color:var(--zui-marquee-zinc-border,#52525b)] dark:border-[color:var(--zui-marquee-zinc-border-dark,#71717a)] bg-[var(--zui-marquee-zinc-bg,#52525b14)] dark:bg-[var(--zui-marquee-zinc-bg-dark,#71717a24)] text-[color:var(--zui-marquee-zinc-fg,#0f172a)] dark:text-[color:var(--zui-marquee-zinc-fg-dark,#f8fafc)]\",\n  stone:\n    \"border border-[color:var(--zui-marquee-stone-border,#57534e)] dark:border-[color:var(--zui-marquee-stone-border-dark,#78716c)] bg-[var(--zui-marquee-stone-bg,#57534e14)] dark:bg-[var(--zui-marquee-stone-bg-dark,#78716c24)] text-[color:var(--zui-marquee-stone-fg,#0f172a)] dark:text-[color:var(--zui-marquee-stone-fg-dark,#f8fafc)]\",\n  royal:\n    \"border border-[color:var(--zui-marquee-royal-border,#4338ca)] dark:border-[color:var(--zui-marquee-royal-border-dark,#818cf8)] bg-[var(--zui-marquee-royal-bg,#4338ca14)] dark:bg-[var(--zui-marquee-royal-bg-dark,#818cf824)] text-[color:var(--zui-marquee-royal-fg,#0f172a)] dark:text-[color:var(--zui-marquee-royal-fg-dark,#f8fafc)]\",\n  electric:\n    \"border border-[color:var(--zui-marquee-electric-border,#0ea5e9)] dark:border-[color:var(--zui-marquee-electric-border-dark,#38bdf8)] bg-[var(--zui-marquee-electric-bg,#0ea5e914)] dark:bg-[var(--zui-marquee-electric-bg-dark,#38bdf824)] text-[color:var(--zui-marquee-electric-fg,#0f172a)] dark:text-[color:var(--zui-marquee-electric-fg-dark,#f8fafc)]\",\n  forest:\n    \"border border-[color:var(--zui-marquee-forest-border,#166534)] dark:border-[color:var(--zui-marquee-forest-border-dark,#4ade80)] bg-[var(--zui-marquee-forest-bg,#16653414)] dark:bg-[var(--zui-marquee-forest-bg-dark,#4ade8024)] text-[color:var(--zui-marquee-forest-fg,#0f172a)] dark:text-[color:var(--zui-marquee-forest-fg-dark,#f8fafc)]\",\n  sunset:\n    \"border border-[color:var(--zui-marquee-sunset-border,#ea580c)] dark:border-[color:var(--zui-marquee-sunset-border-dark,#fb923c)] bg-[var(--zui-marquee-sunset-bg,#ea580c14)] dark:bg-[var(--zui-marquee-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-marquee-sunset-fg,#0f172a)] dark:text-[color:var(--zui-marquee-sunset-fg-dark,#f8fafc)]\",\n  magenta:\n    \"border border-[color:var(--zui-marquee-magenta-border,#c026d3)] dark:border-[color:var(--zui-marquee-magenta-border-dark,#e879f9)] bg-[var(--zui-marquee-magenta-bg,#c026d314)] dark:bg-[var(--zui-marquee-magenta-bg-dark,#e879f924)] text-[color:var(--zui-marquee-magenta-fg,#0f172a)] dark:text-[color:var(--zui-marquee-magenta-fg-dark,#f8fafc)]\",\n  crimson:\n    \"border border-[color:var(--zui-marquee-crimson-border,#b91c1c)] dark:border-[color:var(--zui-marquee-crimson-border-dark,#f87171)] bg-[var(--zui-marquee-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-marquee-crimson-bg-dark,#f8717124)] text-[color:var(--zui-marquee-crimson-fg,#0f172a)] dark:text-[color:var(--zui-marquee-crimson-fg-dark,#f8fafc)]\",\n  aqua: \"border border-[color:var(--zui-marquee-aqua-border,#0f766e)] dark:border-[color:var(--zui-marquee-aqua-border-dark,#2dd4bf)] bg-[var(--zui-marquee-aqua-bg,#0f766e14)] dark:bg-[var(--zui-marquee-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-marquee-aqua-fg,#0f172a)] dark:text-[color:var(--zui-marquee-aqua-fg-dark,#f8fafc)]\",\n  plum: \"border border-[color:var(--zui-marquee-plum-border,#7e22ce)] dark:border-[color:var(--zui-marquee-plum-border-dark,#c084fc)] bg-[var(--zui-marquee-plum-bg,#7e22ce14)] dark:bg-[var(--zui-marquee-plum-bg-dark,#c084fc24)] text-[color:var(--zui-marquee-plum-fg,#0f172a)] dark:text-[color:var(--zui-marquee-plum-fg-dark,#f8fafc)]\",\n} as const;\n\nexport const zuiMarqueeOrientations = {\n  horizontal: \"w-full flex-row\",\n  vertical: \"h-64 flex-col\",\n} as const;\n\nexport const zuiMarqueeSizes = {\n  sm: \"p-2 text-xs\",\n  md: \"p-3 text-sm\",\n  lg: \"p-4 text-base\",\n} as const;\n\nexport const zuiMarqueeFade = {\n  false: \"\",\n  true: \"[mask-image:linear-gradient(to_right,transparent,black_12%,black_88%,transparent)] data-[orientation=vertical]:[mask-image:linear-gradient(to_bottom,transparent,black_12%,black_88%,transparent)]\",\n} as const;\n"]}

package/dist/chunk-PAJYNQR3.mjs

@@ -0,0 +1,150 @@
+import { zuiCardBase, zuiCardRounded, zuiCardSizes, zuiCardAppearances, zuiCardHeaderBase, zuiCardHeaderSizes, zuiCardFooterBase, zuiCardFooterSizes, zuiCardTitleBase, zuiCardTitleSizes, zuiCardDescriptionBase, zuiCardDescriptionSizes } from './chunk-5BSYGFN7.mjs';
+import { cn } from './chunk-4D54YOL6.mjs';
+import { cva } from 'class-variance-authority';
+import { createContext, useMemo, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var cardVariants = cva(zuiCardBase, {
+  variants: {
+    appearance: zuiCardAppearances,
+    size: zuiCardSizes,
+    rounded: zuiCardRounded
+  },
+  defaultVariants: {
+    appearance: "default",
+    size: "md",
+    rounded: "md"
+  }
+});
+var cardHeaderVariants = cva(zuiCardHeaderBase, {
+  variants: {
+    size: zuiCardHeaderSizes
+  },
+  defaultVariants: { size: "md" }
+});
+var cardFooterVariants = cva(zuiCardFooterBase, {
+  variants: {
+    size: zuiCardFooterSizes
+  },
+  defaultVariants: { size: "md" }
+});
+var cardTitleVariants = cva(zuiCardTitleBase, {
+  variants: {
+    size: zuiCardTitleSizes
+  },
+  defaultVariants: { size: "md" }
+});
+var cardDescriptionVariants = cva(zuiCardDescriptionBase, {
+  variants: {
+    size: zuiCardDescriptionSizes
+  },
+  defaultVariants: { size: "md" }
+});
+var CardSizeContext = createContext("md");
+function useCardSize() {
+  return useContext(CardSizeContext);
+}
+function CardBase({
+  className,
+  appearance,
+  size = "md",
+  rounded,
+  children,
+  ref,
+  as: Wrapper = "article",
+  ...rest
+}) {
+  const ctx = useMemo(() => size ?? "md", [size]);
+  return /* @__PURE__ */ jsx(CardSizeContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
+    Wrapper,
+    {
+      ref,
+      "data-slot": "card",
+      className: cn(cardVariants({ appearance, size, rounded }), className),
+      ...rest,
+      children
+    }
+  ) });
+}
+CardBase.displayName = "Card";
+function CardHeader({ className, children }) {
+  const size = useCardSize();
+  return /* @__PURE__ */ jsx(
+    "header",
+    {
+      "data-slot": "card-header",
+      className: cn(cardHeaderVariants({ size }), className),
+      children
+    }
+  );
+}
+CardHeader.displayName = "CardHeader";
+function CardBody({ className, children }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-body",
+      className: cn("flex flex-1 flex-col gap-2", className),
+      children
+    }
+  );
+}
+CardBody.displayName = "CardBody";
+function CardFooter({ className, children }) {
+  const size = useCardSize();
+  return /* @__PURE__ */ jsx(
+    "footer",
+    {
+      "data-slot": "card-footer",
+      className: cn(cardFooterVariants({ size }), className),
+      children
+    }
+  );
+}
+CardFooter.displayName = "CardFooter";
+function CardTitle({
+  className,
+  children,
+  as = "h3",
+  ref,
+  ...rest
+}) {
+  const size = useCardSize();
+  const Tag = as;
+  return /* @__PURE__ */ jsx(
+    Tag,
+    {
+      ref,
+      "data-slot": "card-title",
+      className: cn(cardTitleVariants({ size }), className),
+      ...rest,
+      children
+    }
+  );
+}
+CardTitle.displayName = "CardTitle";
+function CardDescription({
+  className,
+  children,
+  as = "p",
+  ref,
+  ...rest
+}) {
+  const size = useCardSize();
+  const Tag = as;
+  return /* @__PURE__ */ jsx(
+    Tag,
+    {
+      ref,
+      "data-slot": "card-description",
+      className: cn(cardDescriptionVariants({ size }), className),
+      ...rest,
+      children
+    }
+  );
+}
+CardDescription.displayName = "CardDescription";
+
+export { CardBase, CardBody, CardDescription, CardFooter, CardHeader, CardTitle, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardVariants };
+//# sourceMappingURL=chunk-PAJYNQR3.mjs.map
+//# sourceMappingURL=chunk-PAJYNQR3.mjs.map

package/dist/chunk-PAJYNQR3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/card/variants.ts","../src/ui/card/card-base.tsx"],"names":[],"mappings":"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","file":"chunk-PAJYNQR3.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiCardAppearances,\n  zuiCardBase,\n  zuiCardDescriptionBase,\n  zuiCardDescriptionSizes,\n  zuiCardFooterBase,\n  zuiCardFooterSizes,\n  zuiCardHeaderBase,\n  zuiCardHeaderSizes,\n  zuiCardRounded,\n  zuiCardSizes,\n  zuiCardTitleBase,\n  zuiCardTitleSizes,\n} from \"../../design-system/card\";\n\nexport const cardVariants = cva(zuiCardBase, {\n  variants: {\n    appearance: zuiCardAppearances,\n    size: zuiCardSizes,\n    rounded: zuiCardRounded,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    rounded: \"md\",\n  },\n});\n\nexport const cardHeaderVariants = cva(zuiCardHeaderBase, {\n  variants: {\n    size: zuiCardHeaderSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const cardFooterVariants = cva(zuiCardFooterBase, {\n  variants: {\n    size: zuiCardFooterSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const cardTitleVariants = cva(zuiCardTitleBase, {\n  variants: {\n    size: zuiCardTitleSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const cardDescriptionVariants = cva(zuiCardDescriptionBase, {\n  variants: {\n    size: zuiCardDescriptionSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { createContext, useContext, useMemo, type ElementType } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  CardBaseProps,\n  CardDescriptionProps,\n  CardSectionProps,\n  CardSize,\n  CardTitleProps,\n} from \"./types\";\nimport {\n  cardDescriptionVariants,\n  cardFooterVariants,\n  cardHeaderVariants,\n  cardTitleVariants,\n  cardVariants,\n} from \"./variants\";\n\nconst CardSizeContext = createContext<CardSize>(\"md\");\n\nfunction useCardSize(): CardSize {\n  return useContext(CardSizeContext);\n}\n\nexport function CardBase({\n  className,\n  appearance,\n  size = \"md\",\n  rounded,\n  children,\n  ref,\n  as: Wrapper = \"article\",\n  ...rest\n}: CardBaseProps) {\n  const ctx = useMemo(() => size ?? \"md\", [size]);\n\n  return (\n    <CardSizeContext.Provider value={ctx}>\n      <Wrapper\n        ref={ref}\n        data-slot=\"card\"\n        className={cn(cardVariants({ appearance, size, rounded }), className)}\n        {...rest}\n      >\n        {children}\n      </Wrapper>\n    </CardSizeContext.Provider>\n  );\n}\n\nCardBase.displayName = \"Card\";\n\nexport function CardHeader({ className, children }: CardSectionProps) {\n  const size = useCardSize();\n  return (\n    <header\n      data-slot=\"card-header\"\n      className={cn(cardHeaderVariants({ size }), className)}\n    >\n      {children}\n    </header>\n  );\n}\n\nCardHeader.displayName = \"CardHeader\";\n\nexport function CardBody({ className, children }: CardSectionProps) {\n  return (\n    <div\n      data-slot=\"card-body\"\n      className={cn(\"flex flex-1 flex-col gap-2\", className)}\n    >\n      {children}\n    </div>\n  );\n}\n\nCardBody.displayName = \"CardBody\";\n\nexport function CardFooter({ className, children }: CardSectionProps) {\n  const size = useCardSize();\n  return (\n    <footer\n      data-slot=\"card-footer\"\n      className={cn(cardFooterVariants({ size }), className)}\n    >\n      {children}\n    </footer>\n  );\n}\n\nCardFooter.displayName = \"CardFooter\";\n\nexport function CardTitle({\n  className,\n  children,\n  as = \"h3\",\n  ref,\n  ...rest\n}: CardTitleProps) {\n  const size = useCardSize();\n  const Tag = as as ElementType;\n  return (\n    <Tag\n      ref={ref as never}\n      data-slot=\"card-title\"\n      className={cn(cardTitleVariants({ size }), className)}\n      {...rest}\n    >\n      {children}\n    </Tag>\n  );\n}\n\nCardTitle.displayName = \"CardTitle\";\n\nexport function CardDescription({\n  className,\n  children,\n  as = \"p\",\n  ref,\n  ...rest\n}: CardDescriptionProps) {\n  const size = useCardSize();\n  const Tag = as as ElementType;\n  return (\n    <Tag\n      ref={ref as never}\n      data-slot=\"card-description\"\n      className={cn(cardDescriptionVariants({ size }), className)}\n      {...rest}\n    >\n      {children}\n    </Tag>\n  );\n}\n\nCardDescription.displayName = \"CardDescription\";\n"]}

package/dist/chunk-PKXDRTC7.js

@@ -0,0 +1,264 @@
+'use strict';
+
+var chunkE7BPOL74_js = require('./chunk-E7BPOL74.js');
+var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
+var classVarianceAuthority = require('class-variance-authority');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var tableVariants = classVarianceAuthority.cva(chunkE7BPOL74_js.zuiTableBase, {
+  variants: {
+    appearance: chunkE7BPOL74_js.zuiTableAppearances,
+    size: chunkE7BPOL74_js.zuiTableSizes,
+    stickyHeader: chunkE7BPOL74_js.zuiTableStickyHeader
+  },
+  defaultVariants: {
+    appearance: "default",
+    size: "md",
+    stickyHeader: false
+  }
+});
+var tableRowVariants = classVarianceAuthority.cva(chunkE7BPOL74_js.zuiTableRowBase, {
+  variants: {
+    appearance: chunkE7BPOL74_js.zuiTableRowAppearances
+  },
+  defaultVariants: { appearance: "default" }
+});
+var tableCellVariants = classVarianceAuthority.cva(chunkE7BPOL74_js.zuiTableCellBase, {
+  variants: {
+    appearance: chunkE7BPOL74_js.zuiTableCellAppearances,
+    size: chunkE7BPOL74_js.zuiTableCellSizes,
+    textAlign: chunkE7BPOL74_js.zuiTableTextAlignments
+  },
+  defaultVariants: { appearance: "default", size: "md" }
+});
+var TableContext = react.createContext(null);
+function useTableContext(component) {
+  const ctx = react.useContext(TableContext);
+  if (!ctx) {
+    throw new Error(`${component} must be used within <Table>`);
+  }
+  return ctx;
+}
+function TableBase(props) {
+  const {
+    className,
+    appearance = "default",
+    size = "md",
+    textAlign = "left",
+    stickyHeader = false,
+    scrollAreaAriaLabel,
+    children,
+    ref,
+    ...rest
+  } = props;
+  const ctx = react.useMemo(
+    () => ({
+      appearance: appearance ?? "default",
+      size: size ?? "md",
+      stickyHeader: Boolean(stickyHeader),
+      rowAnimation: "none",
+      textAlign
+    }),
+    [appearance, size, stickyHeader, textAlign]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(TableContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "table-scroll",
+      tabIndex: 0,
+      role: "region",
+      "aria-label": scrollAreaAriaLabel ?? "Scrollable table",
+      className: chunkZS5756ZC_js.cn(
+        "relative w-full overflow-auto",
+        "outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950"
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "table",
+        {
+          ref,
+          "data-slot": "table",
+          className: chunkZS5756ZC_js.cn(
+            tableVariants({ appearance, size, stickyHeader }),
+            "w-full min-w-0 table",
+            className
+          ),
+          ...rest,
+          children
+        }
+      )
+    }
+  ) });
+}
+TableBase.displayName = "Table";
+function TableHeader({ className, children }) {
+  const { stickyHeader } = useTableContext("TableHeader");
+  const stickyClass = stickyHeader ? "sticky top-0 z-10 dark:bg-slate-950/95 bg-slate-50/95 backdrop-blur" : "";
+  return /* @__PURE__ */ jsxRuntime.jsx("thead", { "data-slot": "table-header", className: chunkZS5756ZC_js.cn(stickyClass, className), children });
+}
+TableHeader.displayName = "TableHeader";
+function TableBody({ className, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("tbody", { "data-slot": "table-body", className: chunkZS5756ZC_js.cn(className), children });
+}
+TableBody.displayName = "TableBody";
+function TableFooter({ className, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "tfoot",
+    {
+      "data-slot": "table-footer",
+      className: chunkZS5756ZC_js.cn(
+        "border-t border-white/10 bg-white/3 font-medium",
+        className
+      ),
+      children
+    }
+  );
+}
+TableFooter.displayName = "TableFooter";
+function TableRow({
+  className,
+  children,
+  ref,
+  as: Wrapper = "tr",
+  rowAnimation: _rowAnimation,
+  ...rest
+}) {
+  const { appearance } = useTableContext("TableRow");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Wrapper,
+    {
+      ref,
+      "data-slot": "table-row",
+      className: chunkZS5756ZC_js.cn(tableRowVariants({ appearance }), className),
+      ...rest,
+      children
+    }
+  );
+}
+TableRow.displayName = "TableRow";
+function TableHead({
+  className,
+  children,
+  scope = "col",
+  sortKey,
+  sortDirection,
+  onSortChange,
+  onClick,
+  onKeyDown,
+  tabIndex,
+  ref,
+  ...rest
+}) {
+  const { appearance, size, textAlign } = useTableContext("TableHead");
+  const isSortable = Boolean(sortKey && onSortChange);
+  const sortableDirection = sortDirection ?? "none";
+  const handleSort = react.useCallback(() => {
+    if (!sortKey || !onSortChange) {
+      return;
+    }
+    const nextDirection = sortableDirection === "ascending" ? "descending" : sortableDirection === "descending" ? "none" : "ascending";
+    onSortChange({
+      sortKey,
+      sortDirection: nextDirection
+    });
+  }, [onSortChange, sortKey, sortableDirection]);
+  const handleClick = react.useCallback(
+    (event) => {
+      onClick?.(event);
+      if (!event.defaultPrevented) {
+        handleSort();
+      }
+    },
+    [handleSort, onClick]
+  );
+  const handleKeyDown = react.useCallback(
+    (event) => {
+      onKeyDown?.(event);
+      if (event.defaultPrevented || !isSortable) {
+        return;
+      }
+      if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        handleSort();
+      }
+    },
+    [handleSort, isSortable, onKeyDown]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "th",
+    {
+      ref,
+      "data-slot": "table-head",
+      scope,
+      "aria-sort": isSortable ? sortableDirection : sortDirection,
+      "data-sort-key": sortKey,
+      "data-sort-direction": sortDirection,
+      tabIndex: isSortable ? tabIndex ?? 0 : tabIndex,
+      className: chunkZS5756ZC_js.cn(
+        tableCellVariants({ appearance, size, textAlign }),
+        isSortable && "cursor-pointer select-none outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950",
+        className
+      ),
+      onClick: isSortable ? handleClick : onClick,
+      onKeyDown: isSortable ? handleKeyDown : onKeyDown,
+      ...rest,
+      children
+    }
+  );
+}
+TableHead.displayName = "TableHead";
+function TableCell({
+  className,
+  children,
+  ref,
+  scope,
+  ...rest
+}) {
+  const { appearance, size, textAlign } = useTableContext("TableCell");
+  const cellClassName = chunkZS5756ZC_js.cn(
+    tableCellVariants({ appearance, size, textAlign }),
+    className
+  );
+  if (scope !== void 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "th",
+      {
+        ref,
+        "data-slot": "table-cell",
+        scope,
+        className: cellClassName,
+        ...rest,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("td", { ref, "data-slot": "table-cell", className: cellClassName, ...rest, children });
+}
+TableCell.displayName = "TableCell";
+function TableCaption({ className, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "caption",
+    {
+      "data-slot": "table-caption",
+      className: chunkZS5756ZC_js.cn("mt-3 text-left text-xs text-slate-500", className),
+      children
+    }
+  );
+}
+TableCaption.displayName = "TableCaption";
+
+exports.TableBase = TableBase;
+exports.TableBody = TableBody;
+exports.TableCaption = TableCaption;
+exports.TableCell = TableCell;
+exports.TableContext = TableContext;
+exports.TableFooter = TableFooter;
+exports.TableHead = TableHead;
+exports.TableHeader = TableHeader;
+exports.TableRow = TableRow;
+exports.tableCellVariants = tableCellVariants;
+exports.tableRowVariants = tableRowVariants;
+exports.tableVariants = tableVariants;
+exports.useTableContext = useTableContext;
+//# sourceMappingURL=chunk-PKXDRTC7.js.map
+//# sourceMappingURL=chunk-PKXDRTC7.js.map

package/dist/chunk-PKXDRTC7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/table/variants.ts","../src/ui/table/table-base.tsx"],"names":["cva","zuiTableBase","zuiTableAppearances","zuiTableSizes","zuiTableStickyHeader","zuiTableRowBase","zuiTableRowAppearances","zuiTableCellBase","zuiTableCellAppearances","zuiTableCellSizes","zuiTableTextAlignments","createContext","useContext","useMemo","jsx","cn","useCallback"],"mappings":"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","file":"chunk-PKXDRTC7.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiTableAppearances,\n  zuiTableBase,\n  zuiTableCellAppearances,\n  zuiTableCellBase,\n  zuiTableCellSizes,\n  zuiTableRowAppearances,\n  zuiTableRowBase,\n  zuiTableSizes,\n  zuiTableStickyHeader,\n  zuiTableTextAlignments,\n} from \"../../design-system/table\";\n\nexport const tableVariants = cva(zuiTableBase, {\n  variants: {\n    appearance: zuiTableAppearances,\n    size: zuiTableSizes,\n    stickyHeader: zuiTableStickyHeader,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    stickyHeader: false,\n  },\n});\n\nexport const tableRowVariants = cva(zuiTableRowBase, {\n  variants: {\n    appearance: zuiTableRowAppearances,\n  },\n  defaultVariants: { appearance: \"default\" },\n});\n\nexport const tableCellVariants = cva(zuiTableCellBase, {\n  variants: {\n    appearance: zuiTableCellAppearances,\n    size: zuiTableCellSizes,\n    textAlign: zuiTableTextAlignments,\n  },\n  defaultVariants: { appearance: \"default\", size: \"md\" },\n});\n","\"use client\";\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  type KeyboardEvent,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  TableCtx,\n  TableCellProps,\n  TableHeadCellProps,\n  TableProps,\n  TableSectionProps,\n  TableSortDirection,\n} from \"./types\";\nimport { tableCellVariants, tableRowVariants, tableVariants } from \"./variants\";\n\nexport const TableContext = createContext<TableCtx | null>(null);\n\nexport function useTableContext(component: string): TableCtx {\n  const ctx = useContext(TableContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Table>`);\n  }\n  return ctx;\n}\n\nexport function TableBase(props: TableProps) {\n  const {\n    className,\n    appearance = \"default\",\n    size = \"md\",\n    textAlign = \"left\",\n    stickyHeader = false,\n    scrollAreaAriaLabel,\n    children,\n    ref,\n    ...rest\n  } = props;\n  const ctx = useMemo(\n    () => ({\n      appearance: appearance ?? \"default\",\n      size: size ?? \"md\",\n      stickyHeader: Boolean(stickyHeader),\n      rowAnimation: \"none\" as const,\n      textAlign,\n    }),\n    [appearance, size, stickyHeader, textAlign],\n  );\n\n  return (\n    <TableContext.Provider value={ctx}>\n      <div\n        data-slot=\"table-scroll\"\n        tabIndex={0}\n        role=\"region\"\n        aria-label={scrollAreaAriaLabel ?? \"Scrollable table\"}\n        className={cn(\n          \"relative w-full overflow-auto\",\n          \"outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n        )}\n      >\n        <table\n          ref={ref}\n          data-slot=\"table\"\n          className={cn(\n            tableVariants({ appearance, size, stickyHeader }),\n            \"w-full min-w-0 table\",\n            className,\n          )}\n          {...rest}\n        >\n          {children}\n        </table>\n      </div>\n    </TableContext.Provider>\n  );\n}\n\nTableBase.displayName = \"Table\";\n\nexport function TableHeader({ className, children }: TableSectionProps) {\n  const { stickyHeader } = useTableContext(\"TableHeader\");\n  const stickyClass = stickyHeader\n    ? \"sticky top-0 z-10 dark:bg-slate-950/95 bg-slate-50/95 backdrop-blur\"\n    : \"\";\n  return (\n    <thead data-slot=\"table-header\" className={cn(stickyClass, className)}>\n      {children}\n    </thead>\n  );\n}\n\nTableHeader.displayName = \"TableHeader\";\n\nexport function TableBody({ className, children }: TableSectionProps) {\n  return (\n    <tbody data-slot=\"table-body\" className={cn(className)}>\n      {children}\n    </tbody>\n  );\n}\n\nTableBody.displayName = \"TableBody\";\n\nexport function TableFooter({ className, children }: TableSectionProps) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\n        \"border-t border-white/10 bg-white/3 font-medium\",\n        className,\n      )}\n    >\n      {children}\n    </tfoot>\n  );\n}\n\nTableFooter.displayName = \"TableFooter\";\n\nexport function TableRow({\n  className,\n  children,\n  ref,\n  as: Wrapper = \"tr\",\n  rowAnimation: _rowAnimation,\n  ...rest\n}: TableSectionProps & { ref?: React.Ref<HTMLTableRowElement> }) {\n  const { appearance } = useTableContext(\"TableRow\");\n\n  return (\n    <Wrapper\n      ref={ref}\n      data-slot=\"table-row\"\n      className={cn(tableRowVariants({ appearance }), className)}\n      {...rest}\n    >\n      {children}\n    </Wrapper>\n  );\n}\n\nTableRow.displayName = \"TableRow\";\n\nexport function TableHead({\n  className,\n  children,\n  scope = \"col\",\n  sortKey,\n  sortDirection,\n  onSortChange,\n  onClick,\n  onKeyDown,\n  tabIndex,\n  ref,\n  ...rest\n}: TableHeadCellProps) {\n  const { appearance, size, textAlign } = useTableContext(\"TableHead\");\n  const isSortable = Boolean(sortKey && onSortChange);\n  const sortableDirection: TableSortDirection = sortDirection ?? \"none\";\n\n  const handleSort = useCallback(() => {\n    if (!sortKey || !onSortChange) {\n      return;\n    }\n\n    const nextDirection: TableSortDirection =\n      sortableDirection === \"ascending\"\n        ? \"descending\"\n        : sortableDirection === \"descending\"\n          ? \"none\"\n          : \"ascending\";\n\n    onSortChange({\n      sortKey,\n      sortDirection: nextDirection,\n    });\n  }, [onSortChange, sortKey, sortableDirection]);\n\n  const handleClick = useCallback<NonNullable<TableHeadCellProps[\"onClick\"]>>(\n    (event) => {\n      onClick?.(event);\n      if (!event.defaultPrevented) {\n        handleSort();\n      }\n    },\n    [handleSort, onClick],\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLTableCellElement>) => {\n      onKeyDown?.(event);\n      if (event.defaultPrevented || !isSortable) {\n        return;\n      }\n      if (event.key === \"Enter\" || event.key === \" \") {\n        event.preventDefault();\n        handleSort();\n      }\n    },\n    [handleSort, isSortable, onKeyDown],\n  );\n\n  return (\n    <th\n      ref={ref}\n      data-slot=\"table-head\"\n      scope={scope}\n      aria-sort={isSortable ? sortableDirection : sortDirection}\n      data-sort-key={sortKey}\n      data-sort-direction={sortDirection}\n      tabIndex={isSortable ? (tabIndex ?? 0) : tabIndex}\n      className={cn(\n        tableCellVariants({ appearance, size, textAlign }),\n        isSortable &&\n          \"cursor-pointer select-none outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n        className,\n      )}\n      onClick={isSortable ? handleClick : onClick}\n      onKeyDown={isSortable ? handleKeyDown : onKeyDown}\n      {...rest}\n    >\n      {children}\n    </th>\n  );\n}\n\nTableHead.displayName = \"TableHead\";\n\nexport function TableCell({\n  className,\n  children,\n  ref,\n  scope,\n  ...rest\n}: TableCellProps) {\n  const { appearance, size, textAlign } = useTableContext(\"TableCell\");\n  const cellClassName = cn(\n    tableCellVariants({ appearance, size, textAlign }),\n    className,\n  );\n\n  if (scope !== undefined) {\n    return (\n      <th\n        ref={ref}\n        data-slot=\"table-cell\"\n        scope={scope}\n        className={cellClassName}\n        {...rest}\n      >\n        {children}\n      </th>\n    );\n  }\n\n  return (\n    <td ref={ref} data-slot=\"table-cell\" className={cellClassName} {...rest}>\n      {children}\n    </td>\n  );\n}\n\nTableCell.displayName = \"TableCell\";\n\nexport function TableCaption({ className, children }: TableSectionProps) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(\"mt-3 text-left text-xs text-slate-500\", className)}\n    >\n      {children}\n    </caption>\n  );\n}\n\nTableCaption.displayName = \"TableCaption\";\n"]}