@zentauri-ui/zentauri-components 2.0.0 → 2.1.0

package/dist/chunk-MBEQ4GQ7.mjs

@@ -0,0 +1,44 @@
+// src/design-system/file-upload.ts
+var zuiFileUploadBase = "relative flex cursor-pointer flex-col items-center justify-center gap-2 rounded-2xl border border-dashed px-6 py-10 text-center text-sm transition-colors outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-file-upload-ring-focus,var(--zui-focus-ring,oklch(70.2%_0.183_293.541_/_0.6)))] dark:focus-visible:ring-[var(--zui-file-upload-ring-focus-dark,var(--zui-focus-ring-dark,oklch(70.2%_0.183_293.541_/_0.6)))] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--zui-file-upload-ring-offset-focus,var(--zui-ring-offset,oklch(98.4%_0.003_247.858)))] dark:focus-visible:ring-offset-[var(--zui-file-upload-ring-offset-focus-dark,var(--zui-ring-offset-dark,oklch(12.9%_0.042_264.695)))]";
+var zuiFileUploadAppearances = {
+  idle: "border-[color:var(--zui-file-upload-idle-border,var(--zui-border,#00000026))] dark:border-[color:var(--zui-file-upload-idle-border-dark,var(--zui-border-dark,#ffffff26))] bg-[var(--zui-file-upload-idle-bg,var(--zui-surface-soft,#0000000d))] dark:bg-[var(--zui-file-upload-idle-bg-dark,var(--zui-surface-soft-dark,#ffffff0d))] text-[color:var(--zui-file-upload-idle-fg,var(--zui-fg,oklch(44.6%_0.043_257.281)))] dark:text-[color:var(--zui-file-upload-idle-fg-dark,var(--zui-fg-dark,oklch(86.9%_0.022_252.894)))] hover:border-[color:var(--zui-file-upload-idle-border-hover,var(--zui-border,#00000040))] dark:hover:border-[color:var(--zui-file-upload-idle-border-hover-dark,var(--zui-border-dark,#ffffff40))] hover:bg-[var(--zui-file-upload-idle-bg-hover,var(--zui-surface-hover,#00000012))] dark:hover:bg-[var(--zui-file-upload-idle-bg-hover-dark,var(--zui-surface-hover-dark,#ffffff12))] dark:bg-[var(--zui-file-upload-idle-bg-dark,var(--zui-surface-soft-dark,#ffffff12))]",
+  active: "border-[color:var(--zui-file-upload-active-border,var(--zui-border,oklch(70.2%_0.183_293.541_/_0.7)))] dark:border-[color:var(--zui-file-upload-active-border-dark,var(--zui-border-dark,oklch(70.2%_0.183_293.541_/_0.7)))] bg-[var(--zui-file-upload-active-bg,var(--zui-surface-hover,oklch(60.6%_0.25_292.717_/_0.1)))] dark:bg-[var(--zui-file-upload-active-bg-dark,var(--zui-surface-hover-dark,oklch(60.6%_0.25_292.717_/_0.1)))] text-[color:var(--zui-file-upload-active-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-file-upload-active-fg-dark,var(--zui-fg-dark,#ffffff))]",
+  disabled: "cursor-not-allowed opacity-50",
+  error: "border-[color:var(--zui-file-upload-error-border,var(--zui-status-error,oklch(70.4%_0.191_22.216_/_0.7)))] dark:border-[color:var(--zui-file-upload-error-border-dark,var(--zui-status-error-dark,oklch(70.4%_0.191_22.216_/_0.7)))] bg-[var(--zui-file-upload-error-bg,var(--zui-status-error,oklch(63.7%_0.237_25.331_/_0.1)))] dark:bg-[var(--zui-file-upload-error-bg-dark,var(--zui-status-error-dark,oklch(63.7%_0.237_25.331_/_0.1)))] text-[color:var(--zui-file-upload-error-fg,var(--zui-status-error,oklch(57.7%_0.245_27.325)))] dark:text-[color:var(--zui-file-upload-error-fg-dark,var(--zui-status-error-dark,oklch(70.4%_0.191_22.216)))] hover:border-[color:var(--zui-file-upload-error-border-hover,var(--zui-status-error,oklch(70.4%_0.191_22.216_/_0.8)))] dark:hover:border-[color:var(--zui-file-upload-error-border-hover-dark,var(--zui-status-error-dark,oklch(70.4%_0.191_22.216_/_0.8)))] hover:bg-[var(--zui-file-upload-error-bg-hover,var(--zui-status-error,oklch(63.7%_0.237_25.331_/_0.15)))] dark:hover:bg-[var(--zui-file-upload-error-bg-hover-dark,var(--zui-status-error-dark,oklch(63.7%_0.237_25.331_/_0.15)))]",
+  success: "border-[color:var(--zui-file-upload-success-border,var(--zui-status-success,oklch(79.2%_0.209_151.711_/_0.7)))] dark:border-[color:var(--zui-file-upload-success-border-dark,var(--zui-status-success-dark,oklch(79.2%_0.209_151.711_/_0.7)))] bg-[var(--zui-file-upload-success-bg,var(--zui-status-success,oklch(72.3%_0.219_149.579_/_0.1)))] dark:bg-[var(--zui-file-upload-success-bg-dark,var(--zui-status-success-dark,oklch(72.3%_0.219_149.579_/_0.1)))] text-[color:var(--zui-file-upload-success-fg,var(--zui-status-success,oklch(62.7%_0.194_149.214)))] dark:text-[color:var(--zui-file-upload-success-fg-dark,var(--zui-status-success-dark,oklch(79.2%_0.209_151.711)))] hover:border-[color:var(--zui-file-upload-success-border-hover,var(--zui-status-success,oklch(79.2%_0.209_151.711_/_0.8)))] dark:hover:border-[color:var(--zui-file-upload-success-border-hover-dark,var(--zui-status-success-dark,oklch(79.2%_0.209_151.711_/_0.8)))] hover:bg-[var(--zui-file-upload-success-bg-hover,var(--zui-status-success,oklch(72.3%_0.219_149.579_/_0.15)))] dark:hover:bg-[var(--zui-file-upload-success-bg-hover-dark,var(--zui-status-success-dark,oklch(72.3%_0.219_149.579_/_0.15)))]",
+  warning: "border-[color:var(--zui-file-upload-warning-border,var(--zui-status-warning,oklch(85.2%_0.199_91.936_/_0.7)))] dark:border-[color:var(--zui-file-upload-warning-border-dark,var(--zui-status-warning-dark,oklch(85.2%_0.199_91.936_/_0.7)))] bg-[var(--zui-file-upload-warning-bg,var(--zui-status-warning,oklch(79.5%_0.184_86.047_/_0.1)))] dark:bg-[var(--zui-file-upload-warning-bg-dark,var(--zui-status-warning-dark,oklch(79.5%_0.184_86.047_/_0.1)))] text-[color:var(--zui-file-upload-warning-fg,var(--zui-status-warning,oklch(68.1%_0.162_75.834)))] dark:text-[color:var(--zui-file-upload-warning-fg-dark,var(--zui-status-warning-dark,oklch(85.2%_0.199_91.936)))] hover:border-[color:var(--zui-file-upload-warning-border-hover,var(--zui-status-warning,oklch(85.2%_0.199_91.936_/_0.8)))] dark:hover:border-[color:var(--zui-file-upload-warning-border-hover-dark,var(--zui-status-warning-dark,oklch(85.2%_0.199_91.936_/_0.8)))] hover:bg-[var(--zui-file-upload-warning-bg-hover,var(--zui-status-warning,oklch(79.5%_0.184_86.047_/_0.15)))] dark:hover:bg-[var(--zui-file-upload-warning-bg-hover-dark,var(--zui-status-warning-dark,oklch(79.5%_0.184_86.047_/_0.15)))]",
+  info: "border-[color:var(--zui-file-upload-info-border,var(--zui-status-info,oklch(70.7%_0.165_254.624_/_0.7)))] dark:border-[color:var(--zui-file-upload-info-border-dark,var(--zui-status-info-dark,oklch(70.7%_0.165_254.624_/_0.7)))] bg-[var(--zui-file-upload-info-bg,var(--zui-status-info,oklch(62.3%_0.214_259.815_/_0.1)))] dark:bg-[var(--zui-file-upload-info-bg-dark,var(--zui-status-info-dark,oklch(62.3%_0.214_259.815_/_0.1)))] text-[color:var(--zui-file-upload-info-fg,var(--zui-status-info,oklch(54.6%_0.245_262.881)))] dark:text-[color:var(--zui-file-upload-info-fg-dark,var(--zui-status-info-dark,oklch(70.7%_0.165_254.624)))] hover:border-[color:var(--zui-file-upload-info-border-hover,var(--zui-status-info,oklch(70.7%_0.165_254.624_/_0.8)))] dark:hover:border-[color:var(--zui-file-upload-info-border-hover-dark,var(--zui-status-info-dark,oklch(70.7%_0.165_254.624_/_0.8)))] hover:bg-[var(--zui-file-upload-info-bg-hover,var(--zui-status-info,oklch(62.3%_0.214_259.815_/_0.15)))] dark:hover:bg-[var(--zui-file-upload-info-bg-hover-dark,var(--zui-status-info-dark,oklch(62.3%_0.214_259.815_/_0.15)))]",
+  neutral: "border-[color:var(--zui-file-upload-neutral-border,var(--zui-border,oklch(70.7%_0.022_261.325_/_0.7)))] dark:border-[color:var(--zui-file-upload-neutral-border-dark,var(--zui-border-dark,oklch(70.7%_0.022_261.325_/_0.7)))] bg-[var(--zui-file-upload-neutral-bg,var(--zui-surface-soft,oklch(55.1%_0.027_264.364_/_0.1)))] dark:bg-[var(--zui-file-upload-neutral-bg-dark,var(--zui-surface-soft-dark,oklch(55.1%_0.027_264.364_/_0.1)))] text-[color:var(--zui-file-upload-neutral-fg,var(--zui-fg,oklch(44.6%_0.03_256.802)))] dark:text-[color:var(--zui-file-upload-neutral-fg-dark,var(--zui-fg-dark,oklch(70.7%_0.022_261.325)))] hover:border-[color:var(--zui-file-upload-neutral-border-hover,var(--zui-border,oklch(70.7%_0.022_261.325_/_0.8)))] dark:hover:border-[color:var(--zui-file-upload-neutral-border-hover-dark,var(--zui-border-dark,oklch(70.7%_0.022_261.325_/_0.8)))] hover:bg-[var(--zui-file-upload-neutral-bg-hover,var(--zui-surface-hover,oklch(55.1%_0.027_264.364_/_0.15)))] dark:hover:bg-[var(--zui-file-upload-neutral-bg-hover-dark,var(--zui-surface-hover-dark,oklch(55.1%_0.027_264.364_/_0.15)))]",
+  purple: "border-[color:var(--zui-file-upload-purple-border,var(--zui-color-purple,oklch(71.4%_0.203_305.504_/_0.7)))] dark:border-[color:var(--zui-file-upload-purple-border-dark,var(--zui-color-purple-dark,oklch(71.4%_0.203_305.504_/_0.7)))] bg-[var(--zui-file-upload-purple-bg,color-mix(in oklch, var(--zui-color-purple,oklch(62.7%_0.265_303.9_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-file-upload-purple-bg-dark,color-mix(in oklch, var(--zui-color-purple-dark,oklch(62.7%_0.265_303.9_/_0.1)) 18%, transparent))] text-[color:var(--zui-file-upload-purple-fg,var(--zui-color-purple,oklch(55.8%_0.288_302.321)))] dark:text-[color:var(--zui-file-upload-purple-fg-dark,var(--zui-color-purple-dark,oklch(71.4%_0.203_305.504)))] hover:border-[color:var(--zui-file-upload-purple-border-hover,var(--zui-color-purple,oklch(71.4%_0.203_305.504_/_0.8)))] dark:hover:border-[color:var(--zui-file-upload-purple-border-hover-dark,var(--zui-color-purple-dark,oklch(71.4%_0.203_305.504_/_0.8)))] hover:bg-[var(--zui-file-upload-purple-bg-hover,color-mix(in oklch, var(--zui-color-purple,oklch(62.7%_0.265_303.9_/_0.15)) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-purple-bg-hover-dark,color-mix(in oklch, var(--zui-color-purple-dark,oklch(62.7%_0.265_303.9_/_0.15)) 18%, transparent))]",
+  indigo: "border-[color:var(--zui-file-upload-indigo-border,var(--zui-color-indigo,oklch(67.3%_0.182_276.935_/_0.7)))] dark:border-[color:var(--zui-file-upload-indigo-border-dark,var(--zui-color-indigo-dark,oklch(67.3%_0.182_276.935_/_0.7)))] bg-[var(--zui-file-upload-indigo-bg,color-mix(in oklch, var(--zui-color-indigo,oklch(58.5%_0.233_277.117_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-file-upload-indigo-bg-dark,color-mix(in oklch, var(--zui-color-indigo-dark,oklch(58.5%_0.233_277.117_/_0.1)) 18%, transparent))] text-[color:var(--zui-file-upload-indigo-fg,var(--zui-color-indigo,oklch(51.1%_0.262_276.966)))] dark:text-[color:var(--zui-file-upload-indigo-fg-dark,var(--zui-color-indigo-dark,oklch(67.3%_0.182_276.935)))] hover:border-[color:var(--zui-file-upload-indigo-border-hover,var(--zui-color-indigo,oklch(67.3%_0.182_276.935_/_0.8)))] dark:hover:border-[color:var(--zui-file-upload-indigo-border-hover-dark,var(--zui-color-indigo-dark,oklch(67.3%_0.182_276.935_/_0.8)))] hover:bg-[var(--zui-file-upload-indigo-bg-hover,color-mix(in oklch, var(--zui-color-indigo,oklch(58.5%_0.233_277.117_/_0.15)) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-indigo-bg-hover-dark,color-mix(in oklch, var(--zui-color-indigo-dark,oklch(58.5%_0.233_277.117_/_0.15)) 18%, transparent))]",
+  emerald: "border-[color:var(--zui-file-upload-emerald-border,var(--zui-color-emerald,oklch(76.5%_0.177_163.223_/_0.7)))] dark:border-[color:var(--zui-file-upload-emerald-border-dark,var(--zui-color-emerald-dark,oklch(76.5%_0.177_163.223_/_0.7)))] bg-[var(--zui-file-upload-emerald-bg,color-mix(in oklch, var(--zui-color-emerald,oklch(69.6%_0.17_162.48_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-file-upload-emerald-bg-dark,color-mix(in oklch, var(--zui-color-emerald-dark,oklch(69.6%_0.17_162.48_/_0.1)) 18%, transparent))] text-[color:var(--zui-file-upload-emerald-fg,var(--zui-color-emerald,oklch(59.6%_0.145_163.225)))] dark:text-[color:var(--zui-file-upload-emerald-fg-dark,var(--zui-color-emerald-dark,oklch(76.5%_0.177_163.223)))] hover:border-[color:var(--zui-file-upload-emerald-border-hover,var(--zui-color-emerald,oklch(76.5%_0.177_163.223_/_0.8)))] dark:hover:border-[color:var(--zui-file-upload-emerald-border-hover-dark,var(--zui-color-emerald-dark,oklch(76.5%_0.177_163.223_/_0.8)))] hover:bg-[var(--zui-file-upload-emerald-bg-hover,color-mix(in oklch, var(--zui-color-emerald,oklch(69.6%_0.17_162.48_/_0.15)) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-emerald-bg-hover-dark,color-mix(in oklch, var(--zui-color-emerald-dark,oklch(69.6%_0.17_162.48_/_0.15)) 18%, transparent))]",
+  amber: "border-[color:var(--zui-file-upload-amber-border,var(--zui-color-amber,oklch(82.8%_0.189_84.429_/_0.7)))] dark:border-[color:var(--zui-file-upload-amber-border-dark,var(--zui-color-amber-dark,oklch(82.8%_0.189_84.429_/_0.7)))] bg-[var(--zui-file-upload-amber-bg,color-mix(in oklch, var(--zui-color-amber,oklch(76.9%_0.188_70.08_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-file-upload-amber-bg-dark,color-mix(in oklch, var(--zui-color-amber-dark,oklch(76.9%_0.188_70.08_/_0.1)) 18%, transparent))] text-[color:var(--zui-file-upload-amber-fg,var(--zui-color-amber,oklch(66.6%_0.179_58.318)))] dark:text-[color:var(--zui-file-upload-amber-fg-dark,var(--zui-color-amber-dark,oklch(82.8%_0.189_84.429)))] hover:border-[color:var(--zui-file-upload-amber-border-hover,var(--zui-color-amber,oklch(82.8%_0.189_84.429_/_0.8)))] dark:hover:border-[color:var(--zui-file-upload-amber-border-hover-dark,var(--zui-color-amber-dark,oklch(82.8%_0.189_84.429_/_0.8)))] hover:bg-[var(--zui-file-upload-amber-bg-hover,color-mix(in oklch, var(--zui-color-amber,oklch(76.9%_0.188_70.08_/_0.15)) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-amber-bg-hover-dark,color-mix(in oklch, var(--zui-color-amber-dark,oklch(76.9%_0.188_70.08_/_0.15)) 18%, transparent))]",
+  pink: "border-[color:var(--zui-file-upload-pink-border,var(--zui-color-pink,oklch(71.8%_0.202_349.761_/_0.7)))] dark:border-[color:var(--zui-file-upload-pink-border-dark,var(--zui-color-pink-dark,oklch(71.8%_0.202_349.761_/_0.7)))] bg-[var(--zui-file-upload-pink-bg,color-mix(in oklch, var(--zui-color-pink,oklch(65.6%_0.241_354.308_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-file-upload-pink-bg-dark,color-mix(in oklch, var(--zui-color-pink-dark,oklch(65.6%_0.241_354.308_/_0.1)) 18%, transparent))] text-[color:var(--zui-file-upload-pink-fg,var(--zui-color-pink,oklch(59.2%_0.249_0.584)))] dark:text-[color:var(--zui-file-upload-pink-fg-dark,var(--zui-color-pink-dark,oklch(71.8%_0.202_349.761)))] hover:border-[color:var(--zui-file-upload-pink-border-hover,var(--zui-color-pink,oklch(71.8%_0.202_349.761_/_0.8)))] dark:hover:border-[color:var(--zui-file-upload-pink-border-hover-dark,var(--zui-color-pink-dark,oklch(71.8%_0.202_349.761_/_0.8)))] hover:bg-[var(--zui-file-upload-pink-bg-hover,color-mix(in oklch, var(--zui-color-pink,oklch(65.6%_0.241_354.308_/_0.15)) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-pink-bg-hover-dark,color-mix(in oklch, var(--zui-color-pink-dark,oklch(65.6%_0.241_354.308_/_0.15)) 18%, transparent))]",
+  orange: "border-[color:var(--zui-file-upload-orange-border,var(--zui-color-orange,oklch(75%_0.183_55.934_/_0.7)))] dark:border-[color:var(--zui-file-upload-orange-border-dark,var(--zui-color-orange-dark,oklch(75%_0.183_55.934_/_0.7)))] bg-[var(--zui-file-upload-orange-bg,color-mix(in oklch, var(--zui-color-orange,oklch(70.5%_0.213_47.604_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-file-upload-orange-bg-dark,color-mix(in oklch, var(--zui-color-orange-dark,oklch(70.5%_0.213_47.604_/_0.1)) 18%, transparent))] text-[color:var(--zui-file-upload-orange-fg,var(--zui-color-orange,oklch(64.6%_0.222_41.116)))] dark:text-[color:var(--zui-file-upload-orange-fg-dark,var(--zui-color-orange-dark,oklch(75%_0.183_55.934)))] hover:border-[color:var(--zui-file-upload-orange-border-hover,var(--zui-color-orange,oklch(75%_0.183_55.934_/_0.8)))] dark:hover:border-[color:var(--zui-file-upload-orange-border-hover-dark,var(--zui-color-orange-dark,oklch(75%_0.183_55.934_/_0.8)))] hover:bg-[var(--zui-file-upload-orange-bg-hover,color-mix(in oklch, var(--zui-color-orange,oklch(70.5%_0.213_47.604_/_0.15)) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-orange-bg-hover-dark,color-mix(in oklch, var(--zui-color-orange-dark,oklch(70.5%_0.213_47.604_/_0.15)) 18%, transparent))]",
+  teal: "border-[color:var(--zui-file-upload-teal-border,var(--zui-color-teal,oklch(77.7%_0.152_181.912_/_0.7)))] dark:border-[color:var(--zui-file-upload-teal-border-dark,var(--zui-color-teal-dark,oklch(77.7%_0.152_181.912_/_0.7)))] bg-[var(--zui-file-upload-teal-bg,color-mix(in oklch, var(--zui-color-teal,oklch(70.4%_0.14_182.503_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-file-upload-teal-bg-dark,color-mix(in oklch, var(--zui-color-teal-dark,oklch(70.4%_0.14_182.503_/_0.1)) 18%, transparent))] text-[color:var(--zui-file-upload-teal-fg,var(--zui-color-teal,oklch(60%_0.118_184.704)))] dark:text-[color:var(--zui-file-upload-teal-fg-dark,var(--zui-color-teal-dark,oklch(77.7%_0.152_181.912)))] hover:border-[color:var(--zui-file-upload-teal-border-hover,var(--zui-color-teal,oklch(77.7%_0.152_181.912_/_0.8)))] dark:hover:border-[color:var(--zui-file-upload-teal-border-hover-dark,var(--zui-color-teal-dark,oklch(77.7%_0.152_181.912_/_0.8)))] hover:bg-[var(--zui-file-upload-teal-bg-hover,color-mix(in oklch, var(--zui-color-teal,oklch(70.4%_0.14_182.503_/_0.15)) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-teal-bg-hover-dark,color-mix(in oklch, var(--zui-color-teal-dark,oklch(70.4%_0.14_182.503_/_0.15)) 18%, transparent))]",
+  blue: "border border-[color:var(--zui-file-upload-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-file-upload-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-file-upload-blue-bg,color-mix(in oklch, var(--zui-color-blue,#2563eb14) 10%, transparent))] dark:bg-[var(--zui-file-upload-blue-bg-dark,color-mix(in oklch, var(--zui-color-blue-dark,#3b82f624) 18%, transparent))] text-[color:var(--zui-file-upload-blue-fg,var(--zui-color-blue,#0f172a))] dark:text-[color:var(--zui-file-upload-blue-fg-dark,var(--zui-color-blue-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-blue-bg-hover,color-mix(in oklch, var(--zui-color-blue,#2563eb24) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-blue-bg-hover-dark,color-mix(in oklch, var(--zui-color-blue-dark,#3b82f633) 18%, transparent))]",
+  cyan: "border border-[color:var(--zui-file-upload-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-file-upload-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-file-upload-cyan-bg,color-mix(in oklch, var(--zui-color-cyan,#0891b214) 10%, transparent))] dark:bg-[var(--zui-file-upload-cyan-bg-dark,color-mix(in oklch, var(--zui-color-cyan-dark,#22d3ee24) 18%, transparent))] text-[color:var(--zui-file-upload-cyan-fg,var(--zui-color-cyan,#0f172a))] dark:text-[color:var(--zui-file-upload-cyan-fg-dark,var(--zui-color-cyan-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-cyan-bg-hover,color-mix(in oklch, var(--zui-color-cyan,#0891b224) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-cyan-bg-hover-dark,color-mix(in oklch, var(--zui-color-cyan-dark,#22d3ee33) 18%, transparent))]",
+  green: "border border-[color:var(--zui-file-upload-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-file-upload-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-file-upload-green-bg,color-mix(in oklch, var(--zui-color-green,#16a34a14) 10%, transparent))] dark:bg-[var(--zui-file-upload-green-bg-dark,color-mix(in oklch, var(--zui-color-green-dark,#22c55e24) 18%, transparent))] text-[color:var(--zui-file-upload-green-fg,var(--zui-color-green,#0f172a))] dark:text-[color:var(--zui-file-upload-green-fg-dark,var(--zui-color-green-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-green-bg-hover,color-mix(in oklch, var(--zui-color-green,#16a34a24) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-green-bg-hover-dark,color-mix(in oklch, var(--zui-color-green-dark,#22c55e33) 18%, transparent))]",
+  lime: "border border-[color:var(--zui-file-upload-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-file-upload-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-file-upload-lime-bg,color-mix(in oklch, var(--zui-color-lime,#65a30d14) 10%, transparent))] dark:bg-[var(--zui-file-upload-lime-bg-dark,color-mix(in oklch, var(--zui-color-lime-dark,#a3e63524) 18%, transparent))] text-[color:var(--zui-file-upload-lime-fg,var(--zui-color-lime,#0f172a))] dark:text-[color:var(--zui-file-upload-lime-fg-dark,var(--zui-color-lime-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-lime-bg-hover,color-mix(in oklch, var(--zui-color-lime,#65a30d24) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-lime-bg-hover-dark,color-mix(in oklch, var(--zui-color-lime-dark,#a3e63533) 18%, transparent))]",
+  mint: "border border-[color:var(--zui-file-upload-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-file-upload-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-file-upload-mint-bg,color-mix(in oklch, var(--zui-color-mint,#10b98114) 10%, transparent))] dark:bg-[var(--zui-file-upload-mint-bg-dark,color-mix(in oklch, var(--zui-color-mint-dark,#6ee7b724) 18%, transparent))] text-[color:var(--zui-file-upload-mint-fg,var(--zui-color-mint,#0f172a))] dark:text-[color:var(--zui-file-upload-mint-fg-dark,var(--zui-color-mint-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-mint-bg-hover,color-mix(in oklch, var(--zui-color-mint,#10b98124) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-mint-bg-hover-dark,color-mix(in oklch, var(--zui-color-mint-dark,#6ee7b733) 18%, transparent))]",
+  ocean: "border border-[color:var(--zui-file-upload-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-file-upload-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-file-upload-ocean-bg,color-mix(in oklch, var(--zui-color-ocean,#0284c714) 10%, transparent))] dark:bg-[var(--zui-file-upload-ocean-bg-dark,color-mix(in oklch, var(--zui-color-ocean-dark,#38bdf824) 18%, transparent))] text-[color:var(--zui-file-upload-ocean-fg,var(--zui-color-ocean,#0f172a))] dark:text-[color:var(--zui-file-upload-ocean-fg-dark,var(--zui-color-ocean-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-ocean-bg-hover,color-mix(in oklch, var(--zui-color-ocean,#0284c724) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-ocean-bg-hover-dark,color-mix(in oklch, var(--zui-color-ocean-dark,#38bdf833) 18%, transparent))]",
+  sapphire: "border border-[color:var(--zui-file-upload-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-file-upload-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-file-upload-sapphire-bg,color-mix(in oklch, var(--zui-color-sapphire,#1d4ed814) 10%, transparent))] dark:bg-[var(--zui-file-upload-sapphire-bg-dark,color-mix(in oklch, var(--zui-color-sapphire-dark,#60a5fa24) 18%, transparent))] text-[color:var(--zui-file-upload-sapphire-fg,var(--zui-color-sapphire,#0f172a))] dark:text-[color:var(--zui-file-upload-sapphire-fg-dark,var(--zui-color-sapphire-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-sapphire-bg-hover,color-mix(in oklch, var(--zui-color-sapphire,#1d4ed824) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-sapphire-bg-hover-dark,color-mix(in oklch, var(--zui-color-sapphire-dark,#60a5fa33) 18%, transparent))]",
+  lavender: "border border-[color:var(--zui-file-upload-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-file-upload-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-file-upload-lavender-bg,color-mix(in oklch, var(--zui-color-lavender,#8b5cf614) 10%, transparent))] dark:bg-[var(--zui-file-upload-lavender-bg-dark,color-mix(in oklch, var(--zui-color-lavender-dark,#a78bfa24) 18%, transparent))] text-[color:var(--zui-file-upload-lavender-fg,var(--zui-color-lavender,#0f172a))] dark:text-[color:var(--zui-file-upload-lavender-fg-dark,var(--zui-color-lavender-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-lavender-bg-hover,color-mix(in oklch, var(--zui-color-lavender,#8b5cf624) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-lavender-bg-hover-dark,color-mix(in oklch, var(--zui-color-lavender-dark,#a78bfa33) 18%, transparent))]",
+  ruby: "border border-[color:var(--zui-file-upload-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-file-upload-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-file-upload-ruby-bg,color-mix(in oklch, var(--zui-color-ruby,#be123c14) 10%, transparent))] dark:bg-[var(--zui-file-upload-ruby-bg-dark,color-mix(in oklch, var(--zui-color-ruby-dark,#fb718524) 18%, transparent))] text-[color:var(--zui-file-upload-ruby-fg,var(--zui-color-ruby,#0f172a))] dark:text-[color:var(--zui-file-upload-ruby-fg-dark,var(--zui-color-ruby-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-ruby-bg-hover,color-mix(in oklch, var(--zui-color-ruby,#be123c24) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-ruby-bg-hover-dark,color-mix(in oklch, var(--zui-color-ruby-dark,#fb718533) 18%, transparent))]",
+  red: "border border-[color:var(--zui-file-upload-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-file-upload-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-file-upload-red-bg,color-mix(in oklch, var(--zui-color-red,#dc262614) 10%, transparent))] dark:bg-[var(--zui-file-upload-red-bg-dark,color-mix(in oklch, var(--zui-color-red-dark,#ef444424) 18%, transparent))] text-[color:var(--zui-file-upload-red-fg,var(--zui-color-red,#0f172a))] dark:text-[color:var(--zui-file-upload-red-fg-dark,var(--zui-color-red-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-red-bg-hover,color-mix(in oklch, var(--zui-color-red,#dc262624) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-red-bg-hover-dark,color-mix(in oklch, var(--zui-color-red-dark,#ef444433) 18%, transparent))]",
+  slate: "border border-[color:var(--zui-file-upload-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-file-upload-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-file-upload-slate-bg,color-mix(in oklch, var(--zui-color-slate,#47556914) 10%, transparent))] dark:bg-[var(--zui-file-upload-slate-bg-dark,color-mix(in oklch, var(--zui-color-slate-dark,#64748b24) 18%, transparent))] text-[color:var(--zui-file-upload-slate-fg,var(--zui-color-slate,#0f172a))] dark:text-[color:var(--zui-file-upload-slate-fg-dark,var(--zui-color-slate-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-slate-bg-hover,color-mix(in oklch, var(--zui-color-slate,#47556924) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-slate-bg-hover-dark,color-mix(in oklch, var(--zui-color-slate-dark,#64748b33) 18%, transparent))]",
+  zinc: "border border-[color:var(--zui-file-upload-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-file-upload-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-file-upload-zinc-bg,color-mix(in oklch, var(--zui-color-zinc,#52525b14) 10%, transparent))] dark:bg-[var(--zui-file-upload-zinc-bg-dark,color-mix(in oklch, var(--zui-color-zinc-dark,#71717a24) 18%, transparent))] text-[color:var(--zui-file-upload-zinc-fg,var(--zui-color-zinc,#0f172a))] dark:text-[color:var(--zui-file-upload-zinc-fg-dark,var(--zui-color-zinc-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-zinc-bg-hover,color-mix(in oklch, var(--zui-color-zinc,#52525b24) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-zinc-bg-hover-dark,color-mix(in oklch, var(--zui-color-zinc-dark,#71717a33) 18%, transparent))]",
+  stone: "border border-[color:var(--zui-file-upload-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-file-upload-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-file-upload-stone-bg,color-mix(in oklch, var(--zui-color-stone,#57534e14) 10%, transparent))] dark:bg-[var(--zui-file-upload-stone-bg-dark,color-mix(in oklch, var(--zui-color-stone-dark,#78716c24) 18%, transparent))] text-[color:var(--zui-file-upload-stone-fg,var(--zui-color-stone,#0f172a))] dark:text-[color:var(--zui-file-upload-stone-fg-dark,var(--zui-color-stone-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-stone-bg-hover,color-mix(in oklch, var(--zui-color-stone,#57534e24) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-stone-bg-hover-dark,color-mix(in oklch, var(--zui-color-stone-dark,#78716c33) 18%, transparent))]",
+  royal: "border border-[color:var(--zui-file-upload-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-file-upload-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-file-upload-royal-bg,color-mix(in oklch, var(--zui-color-royal,#4338ca14) 10%, transparent))] dark:bg-[var(--zui-file-upload-royal-bg-dark,color-mix(in oklch, var(--zui-color-royal-dark,#818cf824) 18%, transparent))] text-[color:var(--zui-file-upload-royal-fg,var(--zui-color-royal,#0f172a))] dark:text-[color:var(--zui-file-upload-royal-fg-dark,var(--zui-color-royal-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-royal-bg-hover,color-mix(in oklch, var(--zui-color-royal,#4338ca24) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-royal-bg-hover-dark,color-mix(in oklch, var(--zui-color-royal-dark,#818cf833) 18%, transparent))]",
+  electric: "border border-[color:var(--zui-file-upload-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-file-upload-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-file-upload-electric-bg,color-mix(in oklch, var(--zui-color-electric,#0ea5e914) 10%, transparent))] dark:bg-[var(--zui-file-upload-electric-bg-dark,color-mix(in oklch, var(--zui-color-electric-dark,#38bdf824) 18%, transparent))] text-[color:var(--zui-file-upload-electric-fg,var(--zui-color-electric,#0f172a))] dark:text-[color:var(--zui-file-upload-electric-fg-dark,var(--zui-color-electric-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-electric-bg-hover,color-mix(in oklch, var(--zui-color-electric,#0ea5e924) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-electric-bg-hover-dark,color-mix(in oklch, var(--zui-color-electric-dark,#38bdf833) 18%, transparent))]",
+  forest: "border border-[color:var(--zui-file-upload-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-file-upload-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-file-upload-forest-bg,color-mix(in oklch, var(--zui-color-forest,#16653414) 10%, transparent))] dark:bg-[var(--zui-file-upload-forest-bg-dark,color-mix(in oklch, var(--zui-color-forest-dark,#4ade8024) 18%, transparent))] text-[color:var(--zui-file-upload-forest-fg,var(--zui-color-forest,#0f172a))] dark:text-[color:var(--zui-file-upload-forest-fg-dark,var(--zui-color-forest-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-forest-bg-hover,color-mix(in oklch, var(--zui-color-forest,#16653424) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-forest-bg-hover-dark,color-mix(in oklch, var(--zui-color-forest-dark,#4ade8033) 18%, transparent))]",
+  sunset: "border border-[color:var(--zui-file-upload-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-file-upload-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-file-upload-sunset-bg,color-mix(in oklch, var(--zui-color-sunset,#ea580c14) 10%, transparent))] dark:bg-[var(--zui-file-upload-sunset-bg-dark,color-mix(in oklch, var(--zui-color-sunset-dark,#fb923c24) 18%, transparent))] text-[color:var(--zui-file-upload-sunset-fg,var(--zui-color-sunset,#0f172a))] dark:text-[color:var(--zui-file-upload-sunset-fg-dark,var(--zui-color-sunset-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-sunset-bg-hover,color-mix(in oklch, var(--zui-color-sunset,#ea580c24) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-sunset-bg-hover-dark,color-mix(in oklch, var(--zui-color-sunset-dark,#fb923c33) 18%, transparent))]",
+  magenta: "border border-[color:var(--zui-file-upload-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-file-upload-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-file-upload-magenta-bg,color-mix(in oklch, var(--zui-color-magenta,#c026d314) 10%, transparent))] dark:bg-[var(--zui-file-upload-magenta-bg-dark,color-mix(in oklch, var(--zui-color-magenta-dark,#e879f924) 18%, transparent))] text-[color:var(--zui-file-upload-magenta-fg,var(--zui-color-magenta,#0f172a))] dark:text-[color:var(--zui-file-upload-magenta-fg-dark,var(--zui-color-magenta-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-magenta-bg-hover,color-mix(in oklch, var(--zui-color-magenta,#c026d324) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-magenta-bg-hover-dark,color-mix(in oklch, var(--zui-color-magenta-dark,#e879f933) 18%, transparent))]",
+  crimson: "border border-[color:var(--zui-file-upload-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-file-upload-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-file-upload-crimson-bg,color-mix(in oklch, var(--zui-color-crimson,#b91c1c14) 10%, transparent))] dark:bg-[var(--zui-file-upload-crimson-bg-dark,color-mix(in oklch, var(--zui-color-crimson-dark,#f8717124) 18%, transparent))] text-[color:var(--zui-file-upload-crimson-fg,var(--zui-color-crimson,#0f172a))] dark:text-[color:var(--zui-file-upload-crimson-fg-dark,var(--zui-color-crimson-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-crimson-bg-hover,color-mix(in oklch, var(--zui-color-crimson,#b91c1c24) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-crimson-bg-hover-dark,color-mix(in oklch, var(--zui-color-crimson-dark,#f8717133) 18%, transparent))]",
+  aqua: "border border-[color:var(--zui-file-upload-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-file-upload-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-file-upload-aqua-bg,color-mix(in oklch, var(--zui-color-aqua,#0f766e14) 10%, transparent))] dark:bg-[var(--zui-file-upload-aqua-bg-dark,color-mix(in oklch, var(--zui-color-aqua-dark,#2dd4bf24) 18%, transparent))] text-[color:var(--zui-file-upload-aqua-fg,var(--zui-color-aqua,#0f172a))] dark:text-[color:var(--zui-file-upload-aqua-fg-dark,var(--zui-color-aqua-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-aqua-bg-hover,color-mix(in oklch, var(--zui-color-aqua,#0f766e24) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-aqua-bg-hover-dark,color-mix(in oklch, var(--zui-color-aqua-dark,#2dd4bf33) 18%, transparent))]",
+  plum: "border border-[color:var(--zui-file-upload-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-file-upload-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-file-upload-plum-bg,color-mix(in oklch, var(--zui-color-plum,#7e22ce14) 10%, transparent))] dark:bg-[var(--zui-file-upload-plum-bg-dark,color-mix(in oklch, var(--zui-color-plum-dark,#c084fc24) 18%, transparent))] text-[color:var(--zui-file-upload-plum-fg,var(--zui-color-plum,#0f172a))] dark:text-[color:var(--zui-file-upload-plum-fg-dark,var(--zui-color-plum-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-plum-bg-hover,color-mix(in oklch, var(--zui-color-plum,#7e22ce24) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-plum-bg-hover-dark,color-mix(in oklch, var(--zui-color-plum-dark,#c084fc33) 18%, transparent))]"
+};
+
+export { zuiFileUploadAppearances, zuiFileUploadBase };
+//# sourceMappingURL=chunk-MBEQ4GQ7.mjs.map
+//# sourceMappingURL=chunk-MBEQ4GQ7.mjs.map

package/dist/chunk-MBEQ4GQ7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/file-upload.ts"],"names":[],"mappings":";AAAO,IAAM,iBAAA,GACX;AAEK,IAAM,wBAAA,GAA2B;AAAA,EACtC,IAAA,EAAM,68BAAA;AAAA,EACN,MAAA,EACE,qlBAAA;AAAA,EACF,QAAA,EAAU,+BAAA;AAAA,EACV,KAAA,EACE,4lCAAA;AAAA,EACF,OAAA,EACE,8oCAAA;AAAA,EACF,OAAA,EACE,ooCAAA;AAAA,EACF,IAAA,EAAM,klCAAA;AAAA,EACN,OAAA,EACE,+kCAAA;AAAA,EACF,MAAA,EACE,gwCAAA;AAAA,EACF,MAAA,EACE,wwCAAA;AAAA,EACF,OAAA,EACE,oxCAAA;AAAA,EACF,KAAA,EACE,suCAAA;AAAA,EACF,IAAA,EAAM,8tCAAA;AAAA,EACN,MAAA,EACE,ovCAAA;AAAA,EACF,IAAA,EAAM,0tCAAA;AAAA,EACN,IAAA,EAAM,wzBAAA;AAAA,EACN,IAAA,EAAM,wzBAAA;AAAA,EACN,KAAA,EACE,w0BAAA;AAAA,EACF,IAAA,EAAM,wzBAAA;AAAA,EACN,IAAA,EAAM,wzBAAA;AAAA,EACN,KAAA,EACE,w0BAAA;AAAA,EACF,QAAA,EACE,w3BAAA;AAAA,EACF,QAAA,EACE,w3BAAA;AAAA,EACF,IAAA,EAAM,wzBAAA;AAAA,EACN,GAAA,EAAK,wyBAAA;AAAA,EACL,KAAA,EACE,w0BAAA;AAAA,EACF,IAAA,EAAM,wzBAAA;AAAA,EACN,KAAA,EACE,w0BAAA;AAAA,EACF,KAAA,EACE,w0BAAA;AAAA,EACF,QAAA,EACE,w3BAAA;AAAA,EACF,MAAA,EACE,w1BAAA;AAAA,EACF,MAAA,EACE,w1BAAA;AAAA,EACF,OAAA,EACE,w2BAAA;AAAA,EACF,OAAA,EACE,w2BAAA;AAAA,EACF,IAAA,EAAM,wzBAAA;AAAA,EACN,IAAA,EAAM;AACR","file":"chunk-MBEQ4GQ7.mjs","sourcesContent":["export const zuiFileUploadBase =\n  \"relative flex cursor-pointer flex-col items-center justify-center gap-2 rounded-2xl border border-dashed px-6 py-10 text-center text-sm transition-colors outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-file-upload-ring-focus,var(--zui-focus-ring,oklch(70.2%_0.183_293.541_/_0.6)))] dark:focus-visible:ring-[var(--zui-file-upload-ring-focus-dark,var(--zui-focus-ring-dark,oklch(70.2%_0.183_293.541_/_0.6)))] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--zui-file-upload-ring-offset-focus,var(--zui-ring-offset,oklch(98.4%_0.003_247.858)))] dark:focus-visible:ring-offset-[var(--zui-file-upload-ring-offset-focus-dark,var(--zui-ring-offset-dark,oklch(12.9%_0.042_264.695)))]\";\n\nexport const zuiFileUploadAppearances = {\n  idle: \"border-[color:var(--zui-file-upload-idle-border,var(--zui-border,#00000026))] dark:border-[color:var(--zui-file-upload-idle-border-dark,var(--zui-border-dark,#ffffff26))] bg-[var(--zui-file-upload-idle-bg,var(--zui-surface-soft,#0000000d))] dark:bg-[var(--zui-file-upload-idle-bg-dark,var(--zui-surface-soft-dark,#ffffff0d))] text-[color:var(--zui-file-upload-idle-fg,var(--zui-fg,oklch(44.6%_0.043_257.281)))] dark:text-[color:var(--zui-file-upload-idle-fg-dark,var(--zui-fg-dark,oklch(86.9%_0.022_252.894)))] hover:border-[color:var(--zui-file-upload-idle-border-hover,var(--zui-border,#00000040))] dark:hover:border-[color:var(--zui-file-upload-idle-border-hover-dark,var(--zui-border-dark,#ffffff40))] hover:bg-[var(--zui-file-upload-idle-bg-hover,var(--zui-surface-hover,#00000012))] dark:hover:bg-[var(--zui-file-upload-idle-bg-hover-dark,var(--zui-surface-hover-dark,#ffffff12))] dark:bg-[var(--zui-file-upload-idle-bg-dark,var(--zui-surface-soft-dark,#ffffff12))]\",\n  active:\n    \"border-[color:var(--zui-file-upload-active-border,var(--zui-border,oklch(70.2%_0.183_293.541_/_0.7)))] dark:border-[color:var(--zui-file-upload-active-border-dark,var(--zui-border-dark,oklch(70.2%_0.183_293.541_/_0.7)))] bg-[var(--zui-file-upload-active-bg,var(--zui-surface-hover,oklch(60.6%_0.25_292.717_/_0.1)))] dark:bg-[var(--zui-file-upload-active-bg-dark,var(--zui-surface-hover-dark,oklch(60.6%_0.25_292.717_/_0.1)))] text-[color:var(--zui-file-upload-active-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-file-upload-active-fg-dark,var(--zui-fg-dark,#ffffff))]\",\n  disabled: \"cursor-not-allowed opacity-50\",\n  error:\n    \"border-[color:var(--zui-file-upload-error-border,var(--zui-status-error,oklch(70.4%_0.191_22.216_/_0.7)))] dark:border-[color:var(--zui-file-upload-error-border-dark,var(--zui-status-error-dark,oklch(70.4%_0.191_22.216_/_0.7)))] bg-[var(--zui-file-upload-error-bg,var(--zui-status-error,oklch(63.7%_0.237_25.331_/_0.1)))] dark:bg-[var(--zui-file-upload-error-bg-dark,var(--zui-status-error-dark,oklch(63.7%_0.237_25.331_/_0.1)))] text-[color:var(--zui-file-upload-error-fg,var(--zui-status-error,oklch(57.7%_0.245_27.325)))] dark:text-[color:var(--zui-file-upload-error-fg-dark,var(--zui-status-error-dark,oklch(70.4%_0.191_22.216)))] hover:border-[color:var(--zui-file-upload-error-border-hover,var(--zui-status-error,oklch(70.4%_0.191_22.216_/_0.8)))] dark:hover:border-[color:var(--zui-file-upload-error-border-hover-dark,var(--zui-status-error-dark,oklch(70.4%_0.191_22.216_/_0.8)))] hover:bg-[var(--zui-file-upload-error-bg-hover,var(--zui-status-error,oklch(63.7%_0.237_25.331_/_0.15)))] dark:hover:bg-[var(--zui-file-upload-error-bg-hover-dark,var(--zui-status-error-dark,oklch(63.7%_0.237_25.331_/_0.15)))]\",\n  success:\n    \"border-[color:var(--zui-file-upload-success-border,var(--zui-status-success,oklch(79.2%_0.209_151.711_/_0.7)))] dark:border-[color:var(--zui-file-upload-success-border-dark,var(--zui-status-success-dark,oklch(79.2%_0.209_151.711_/_0.7)))] bg-[var(--zui-file-upload-success-bg,var(--zui-status-success,oklch(72.3%_0.219_149.579_/_0.1)))] dark:bg-[var(--zui-file-upload-success-bg-dark,var(--zui-status-success-dark,oklch(72.3%_0.219_149.579_/_0.1)))] text-[color:var(--zui-file-upload-success-fg,var(--zui-status-success,oklch(62.7%_0.194_149.214)))] dark:text-[color:var(--zui-file-upload-success-fg-dark,var(--zui-status-success-dark,oklch(79.2%_0.209_151.711)))] hover:border-[color:var(--zui-file-upload-success-border-hover,var(--zui-status-success,oklch(79.2%_0.209_151.711_/_0.8)))] dark:hover:border-[color:var(--zui-file-upload-success-border-hover-dark,var(--zui-status-success-dark,oklch(79.2%_0.209_151.711_/_0.8)))] hover:bg-[var(--zui-file-upload-success-bg-hover,var(--zui-status-success,oklch(72.3%_0.219_149.579_/_0.15)))] dark:hover:bg-[var(--zui-file-upload-success-bg-hover-dark,var(--zui-status-success-dark,oklch(72.3%_0.219_149.579_/_0.15)))]\",\n  warning:\n    \"border-[color:var(--zui-file-upload-warning-border,var(--zui-status-warning,oklch(85.2%_0.199_91.936_/_0.7)))] dark:border-[color:var(--zui-file-upload-warning-border-dark,var(--zui-status-warning-dark,oklch(85.2%_0.199_91.936_/_0.7)))] bg-[var(--zui-file-upload-warning-bg,var(--zui-status-warning,oklch(79.5%_0.184_86.047_/_0.1)))] dark:bg-[var(--zui-file-upload-warning-bg-dark,var(--zui-status-warning-dark,oklch(79.5%_0.184_86.047_/_0.1)))] text-[color:var(--zui-file-upload-warning-fg,var(--zui-status-warning,oklch(68.1%_0.162_75.834)))] dark:text-[color:var(--zui-file-upload-warning-fg-dark,var(--zui-status-warning-dark,oklch(85.2%_0.199_91.936)))] hover:border-[color:var(--zui-file-upload-warning-border-hover,var(--zui-status-warning,oklch(85.2%_0.199_91.936_/_0.8)))] dark:hover:border-[color:var(--zui-file-upload-warning-border-hover-dark,var(--zui-status-warning-dark,oklch(85.2%_0.199_91.936_/_0.8)))] hover:bg-[var(--zui-file-upload-warning-bg-hover,var(--zui-status-warning,oklch(79.5%_0.184_86.047_/_0.15)))] dark:hover:bg-[var(--zui-file-upload-warning-bg-hover-dark,var(--zui-status-warning-dark,oklch(79.5%_0.184_86.047_/_0.15)))]\",\n  info: \"border-[color:var(--zui-file-upload-info-border,var(--zui-status-info,oklch(70.7%_0.165_254.624_/_0.7)))] dark:border-[color:var(--zui-file-upload-info-border-dark,var(--zui-status-info-dark,oklch(70.7%_0.165_254.624_/_0.7)))] bg-[var(--zui-file-upload-info-bg,var(--zui-status-info,oklch(62.3%_0.214_259.815_/_0.1)))] dark:bg-[var(--zui-file-upload-info-bg-dark,var(--zui-status-info-dark,oklch(62.3%_0.214_259.815_/_0.1)))] text-[color:var(--zui-file-upload-info-fg,var(--zui-status-info,oklch(54.6%_0.245_262.881)))] dark:text-[color:var(--zui-file-upload-info-fg-dark,var(--zui-status-info-dark,oklch(70.7%_0.165_254.624)))] hover:border-[color:var(--zui-file-upload-info-border-hover,var(--zui-status-info,oklch(70.7%_0.165_254.624_/_0.8)))] dark:hover:border-[color:var(--zui-file-upload-info-border-hover-dark,var(--zui-status-info-dark,oklch(70.7%_0.165_254.624_/_0.8)))] hover:bg-[var(--zui-file-upload-info-bg-hover,var(--zui-status-info,oklch(62.3%_0.214_259.815_/_0.15)))] dark:hover:bg-[var(--zui-file-upload-info-bg-hover-dark,var(--zui-status-info-dark,oklch(62.3%_0.214_259.815_/_0.15)))]\",\n  neutral:\n    \"border-[color:var(--zui-file-upload-neutral-border,var(--zui-border,oklch(70.7%_0.022_261.325_/_0.7)))] dark:border-[color:var(--zui-file-upload-neutral-border-dark,var(--zui-border-dark,oklch(70.7%_0.022_261.325_/_0.7)))] bg-[var(--zui-file-upload-neutral-bg,var(--zui-surface-soft,oklch(55.1%_0.027_264.364_/_0.1)))] dark:bg-[var(--zui-file-upload-neutral-bg-dark,var(--zui-surface-soft-dark,oklch(55.1%_0.027_264.364_/_0.1)))] text-[color:var(--zui-file-upload-neutral-fg,var(--zui-fg,oklch(44.6%_0.03_256.802)))] dark:text-[color:var(--zui-file-upload-neutral-fg-dark,var(--zui-fg-dark,oklch(70.7%_0.022_261.325)))] hover:border-[color:var(--zui-file-upload-neutral-border-hover,var(--zui-border,oklch(70.7%_0.022_261.325_/_0.8)))] dark:hover:border-[color:var(--zui-file-upload-neutral-border-hover-dark,var(--zui-border-dark,oklch(70.7%_0.022_261.325_/_0.8)))] hover:bg-[var(--zui-file-upload-neutral-bg-hover,var(--zui-surface-hover,oklch(55.1%_0.027_264.364_/_0.15)))] dark:hover:bg-[var(--zui-file-upload-neutral-bg-hover-dark,var(--zui-surface-hover-dark,oklch(55.1%_0.027_264.364_/_0.15)))]\",\n  purple:\n    \"border-[color:var(--zui-file-upload-purple-border,var(--zui-color-purple,oklch(71.4%_0.203_305.504_/_0.7)))] dark:border-[color:var(--zui-file-upload-purple-border-dark,var(--zui-color-purple-dark,oklch(71.4%_0.203_305.504_/_0.7)))] bg-[var(--zui-file-upload-purple-bg,color-mix(in oklch, var(--zui-color-purple,oklch(62.7%_0.265_303.9_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-file-upload-purple-bg-dark,color-mix(in oklch, var(--zui-color-purple-dark,oklch(62.7%_0.265_303.9_/_0.1)) 18%, transparent))] text-[color:var(--zui-file-upload-purple-fg,var(--zui-color-purple,oklch(55.8%_0.288_302.321)))] dark:text-[color:var(--zui-file-upload-purple-fg-dark,var(--zui-color-purple-dark,oklch(71.4%_0.203_305.504)))] hover:border-[color:var(--zui-file-upload-purple-border-hover,var(--zui-color-purple,oklch(71.4%_0.203_305.504_/_0.8)))] dark:hover:border-[color:var(--zui-file-upload-purple-border-hover-dark,var(--zui-color-purple-dark,oklch(71.4%_0.203_305.504_/_0.8)))] hover:bg-[var(--zui-file-upload-purple-bg-hover,color-mix(in oklch, var(--zui-color-purple,oklch(62.7%_0.265_303.9_/_0.15)) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-purple-bg-hover-dark,color-mix(in oklch, var(--zui-color-purple-dark,oklch(62.7%_0.265_303.9_/_0.15)) 18%, transparent))]\",\n  indigo:\n    \"border-[color:var(--zui-file-upload-indigo-border,var(--zui-color-indigo,oklch(67.3%_0.182_276.935_/_0.7)))] dark:border-[color:var(--zui-file-upload-indigo-border-dark,var(--zui-color-indigo-dark,oklch(67.3%_0.182_276.935_/_0.7)))] bg-[var(--zui-file-upload-indigo-bg,color-mix(in oklch, var(--zui-color-indigo,oklch(58.5%_0.233_277.117_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-file-upload-indigo-bg-dark,color-mix(in oklch, var(--zui-color-indigo-dark,oklch(58.5%_0.233_277.117_/_0.1)) 18%, transparent))] text-[color:var(--zui-file-upload-indigo-fg,var(--zui-color-indigo,oklch(51.1%_0.262_276.966)))] dark:text-[color:var(--zui-file-upload-indigo-fg-dark,var(--zui-color-indigo-dark,oklch(67.3%_0.182_276.935)))] hover:border-[color:var(--zui-file-upload-indigo-border-hover,var(--zui-color-indigo,oklch(67.3%_0.182_276.935_/_0.8)))] dark:hover:border-[color:var(--zui-file-upload-indigo-border-hover-dark,var(--zui-color-indigo-dark,oklch(67.3%_0.182_276.935_/_0.8)))] hover:bg-[var(--zui-file-upload-indigo-bg-hover,color-mix(in oklch, var(--zui-color-indigo,oklch(58.5%_0.233_277.117_/_0.15)) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-indigo-bg-hover-dark,color-mix(in oklch, var(--zui-color-indigo-dark,oklch(58.5%_0.233_277.117_/_0.15)) 18%, transparent))]\",\n  emerald:\n    \"border-[color:var(--zui-file-upload-emerald-border,var(--zui-color-emerald,oklch(76.5%_0.177_163.223_/_0.7)))] dark:border-[color:var(--zui-file-upload-emerald-border-dark,var(--zui-color-emerald-dark,oklch(76.5%_0.177_163.223_/_0.7)))] bg-[var(--zui-file-upload-emerald-bg,color-mix(in oklch, var(--zui-color-emerald,oklch(69.6%_0.17_162.48_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-file-upload-emerald-bg-dark,color-mix(in oklch, var(--zui-color-emerald-dark,oklch(69.6%_0.17_162.48_/_0.1)) 18%, transparent))] text-[color:var(--zui-file-upload-emerald-fg,var(--zui-color-emerald,oklch(59.6%_0.145_163.225)))] dark:text-[color:var(--zui-file-upload-emerald-fg-dark,var(--zui-color-emerald-dark,oklch(76.5%_0.177_163.223)))] hover:border-[color:var(--zui-file-upload-emerald-border-hover,var(--zui-color-emerald,oklch(76.5%_0.177_163.223_/_0.8)))] dark:hover:border-[color:var(--zui-file-upload-emerald-border-hover-dark,var(--zui-color-emerald-dark,oklch(76.5%_0.177_163.223_/_0.8)))] hover:bg-[var(--zui-file-upload-emerald-bg-hover,color-mix(in oklch, var(--zui-color-emerald,oklch(69.6%_0.17_162.48_/_0.15)) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-emerald-bg-hover-dark,color-mix(in oklch, var(--zui-color-emerald-dark,oklch(69.6%_0.17_162.48_/_0.15)) 18%, transparent))]\",\n  amber:\n    \"border-[color:var(--zui-file-upload-amber-border,var(--zui-color-amber,oklch(82.8%_0.189_84.429_/_0.7)))] dark:border-[color:var(--zui-file-upload-amber-border-dark,var(--zui-color-amber-dark,oklch(82.8%_0.189_84.429_/_0.7)))] bg-[var(--zui-file-upload-amber-bg,color-mix(in oklch, var(--zui-color-amber,oklch(76.9%_0.188_70.08_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-file-upload-amber-bg-dark,color-mix(in oklch, var(--zui-color-amber-dark,oklch(76.9%_0.188_70.08_/_0.1)) 18%, transparent))] text-[color:var(--zui-file-upload-amber-fg,var(--zui-color-amber,oklch(66.6%_0.179_58.318)))] dark:text-[color:var(--zui-file-upload-amber-fg-dark,var(--zui-color-amber-dark,oklch(82.8%_0.189_84.429)))] hover:border-[color:var(--zui-file-upload-amber-border-hover,var(--zui-color-amber,oklch(82.8%_0.189_84.429_/_0.8)))] dark:hover:border-[color:var(--zui-file-upload-amber-border-hover-dark,var(--zui-color-amber-dark,oklch(82.8%_0.189_84.429_/_0.8)))] hover:bg-[var(--zui-file-upload-amber-bg-hover,color-mix(in oklch, var(--zui-color-amber,oklch(76.9%_0.188_70.08_/_0.15)) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-amber-bg-hover-dark,color-mix(in oklch, var(--zui-color-amber-dark,oklch(76.9%_0.188_70.08_/_0.15)) 18%, transparent))]\",\n  pink: \"border-[color:var(--zui-file-upload-pink-border,var(--zui-color-pink,oklch(71.8%_0.202_349.761_/_0.7)))] dark:border-[color:var(--zui-file-upload-pink-border-dark,var(--zui-color-pink-dark,oklch(71.8%_0.202_349.761_/_0.7)))] bg-[var(--zui-file-upload-pink-bg,color-mix(in oklch, var(--zui-color-pink,oklch(65.6%_0.241_354.308_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-file-upload-pink-bg-dark,color-mix(in oklch, var(--zui-color-pink-dark,oklch(65.6%_0.241_354.308_/_0.1)) 18%, transparent))] text-[color:var(--zui-file-upload-pink-fg,var(--zui-color-pink,oklch(59.2%_0.249_0.584)))] dark:text-[color:var(--zui-file-upload-pink-fg-dark,var(--zui-color-pink-dark,oklch(71.8%_0.202_349.761)))] hover:border-[color:var(--zui-file-upload-pink-border-hover,var(--zui-color-pink,oklch(71.8%_0.202_349.761_/_0.8)))] dark:hover:border-[color:var(--zui-file-upload-pink-border-hover-dark,var(--zui-color-pink-dark,oklch(71.8%_0.202_349.761_/_0.8)))] hover:bg-[var(--zui-file-upload-pink-bg-hover,color-mix(in oklch, var(--zui-color-pink,oklch(65.6%_0.241_354.308_/_0.15)) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-pink-bg-hover-dark,color-mix(in oklch, var(--zui-color-pink-dark,oklch(65.6%_0.241_354.308_/_0.15)) 18%, transparent))]\",\n  orange:\n    \"border-[color:var(--zui-file-upload-orange-border,var(--zui-color-orange,oklch(75%_0.183_55.934_/_0.7)))] dark:border-[color:var(--zui-file-upload-orange-border-dark,var(--zui-color-orange-dark,oklch(75%_0.183_55.934_/_0.7)))] bg-[var(--zui-file-upload-orange-bg,color-mix(in oklch, var(--zui-color-orange,oklch(70.5%_0.213_47.604_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-file-upload-orange-bg-dark,color-mix(in oklch, var(--zui-color-orange-dark,oklch(70.5%_0.213_47.604_/_0.1)) 18%, transparent))] text-[color:var(--zui-file-upload-orange-fg,var(--zui-color-orange,oklch(64.6%_0.222_41.116)))] dark:text-[color:var(--zui-file-upload-orange-fg-dark,var(--zui-color-orange-dark,oklch(75%_0.183_55.934)))] hover:border-[color:var(--zui-file-upload-orange-border-hover,var(--zui-color-orange,oklch(75%_0.183_55.934_/_0.8)))] dark:hover:border-[color:var(--zui-file-upload-orange-border-hover-dark,var(--zui-color-orange-dark,oklch(75%_0.183_55.934_/_0.8)))] hover:bg-[var(--zui-file-upload-orange-bg-hover,color-mix(in oklch, var(--zui-color-orange,oklch(70.5%_0.213_47.604_/_0.15)) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-orange-bg-hover-dark,color-mix(in oklch, var(--zui-color-orange-dark,oklch(70.5%_0.213_47.604_/_0.15)) 18%, transparent))]\",\n  teal: \"border-[color:var(--zui-file-upload-teal-border,var(--zui-color-teal,oklch(77.7%_0.152_181.912_/_0.7)))] dark:border-[color:var(--zui-file-upload-teal-border-dark,var(--zui-color-teal-dark,oklch(77.7%_0.152_181.912_/_0.7)))] bg-[var(--zui-file-upload-teal-bg,color-mix(in oklch, var(--zui-color-teal,oklch(70.4%_0.14_182.503_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-file-upload-teal-bg-dark,color-mix(in oklch, var(--zui-color-teal-dark,oklch(70.4%_0.14_182.503_/_0.1)) 18%, transparent))] text-[color:var(--zui-file-upload-teal-fg,var(--zui-color-teal,oklch(60%_0.118_184.704)))] dark:text-[color:var(--zui-file-upload-teal-fg-dark,var(--zui-color-teal-dark,oklch(77.7%_0.152_181.912)))] hover:border-[color:var(--zui-file-upload-teal-border-hover,var(--zui-color-teal,oklch(77.7%_0.152_181.912_/_0.8)))] dark:hover:border-[color:var(--zui-file-upload-teal-border-hover-dark,var(--zui-color-teal-dark,oklch(77.7%_0.152_181.912_/_0.8)))] hover:bg-[var(--zui-file-upload-teal-bg-hover,color-mix(in oklch, var(--zui-color-teal,oklch(70.4%_0.14_182.503_/_0.15)) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-teal-bg-hover-dark,color-mix(in oklch, var(--zui-color-teal-dark,oklch(70.4%_0.14_182.503_/_0.15)) 18%, transparent))]\",\n  blue: \"border border-[color:var(--zui-file-upload-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-file-upload-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-file-upload-blue-bg,color-mix(in oklch, var(--zui-color-blue,#2563eb14) 10%, transparent))] dark:bg-[var(--zui-file-upload-blue-bg-dark,color-mix(in oklch, var(--zui-color-blue-dark,#3b82f624) 18%, transparent))] text-[color:var(--zui-file-upload-blue-fg,var(--zui-color-blue,#0f172a))] dark:text-[color:var(--zui-file-upload-blue-fg-dark,var(--zui-color-blue-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-blue-bg-hover,color-mix(in oklch, var(--zui-color-blue,#2563eb24) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-blue-bg-hover-dark,color-mix(in oklch, var(--zui-color-blue-dark,#3b82f633) 18%, transparent))]\",\n  cyan: \"border border-[color:var(--zui-file-upload-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-file-upload-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-file-upload-cyan-bg,color-mix(in oklch, var(--zui-color-cyan,#0891b214) 10%, transparent))] dark:bg-[var(--zui-file-upload-cyan-bg-dark,color-mix(in oklch, var(--zui-color-cyan-dark,#22d3ee24) 18%, transparent))] text-[color:var(--zui-file-upload-cyan-fg,var(--zui-color-cyan,#0f172a))] dark:text-[color:var(--zui-file-upload-cyan-fg-dark,var(--zui-color-cyan-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-cyan-bg-hover,color-mix(in oklch, var(--zui-color-cyan,#0891b224) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-cyan-bg-hover-dark,color-mix(in oklch, var(--zui-color-cyan-dark,#22d3ee33) 18%, transparent))]\",\n  green:\n    \"border border-[color:var(--zui-file-upload-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-file-upload-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-file-upload-green-bg,color-mix(in oklch, var(--zui-color-green,#16a34a14) 10%, transparent))] dark:bg-[var(--zui-file-upload-green-bg-dark,color-mix(in oklch, var(--zui-color-green-dark,#22c55e24) 18%, transparent))] text-[color:var(--zui-file-upload-green-fg,var(--zui-color-green,#0f172a))] dark:text-[color:var(--zui-file-upload-green-fg-dark,var(--zui-color-green-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-green-bg-hover,color-mix(in oklch, var(--zui-color-green,#16a34a24) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-green-bg-hover-dark,color-mix(in oklch, var(--zui-color-green-dark,#22c55e33) 18%, transparent))]\",\n  lime: \"border border-[color:var(--zui-file-upload-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-file-upload-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-file-upload-lime-bg,color-mix(in oklch, var(--zui-color-lime,#65a30d14) 10%, transparent))] dark:bg-[var(--zui-file-upload-lime-bg-dark,color-mix(in oklch, var(--zui-color-lime-dark,#a3e63524) 18%, transparent))] text-[color:var(--zui-file-upload-lime-fg,var(--zui-color-lime,#0f172a))] dark:text-[color:var(--zui-file-upload-lime-fg-dark,var(--zui-color-lime-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-lime-bg-hover,color-mix(in oklch, var(--zui-color-lime,#65a30d24) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-lime-bg-hover-dark,color-mix(in oklch, var(--zui-color-lime-dark,#a3e63533) 18%, transparent))]\",\n  mint: \"border border-[color:var(--zui-file-upload-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-file-upload-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-file-upload-mint-bg,color-mix(in oklch, var(--zui-color-mint,#10b98114) 10%, transparent))] dark:bg-[var(--zui-file-upload-mint-bg-dark,color-mix(in oklch, var(--zui-color-mint-dark,#6ee7b724) 18%, transparent))] text-[color:var(--zui-file-upload-mint-fg,var(--zui-color-mint,#0f172a))] dark:text-[color:var(--zui-file-upload-mint-fg-dark,var(--zui-color-mint-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-mint-bg-hover,color-mix(in oklch, var(--zui-color-mint,#10b98124) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-mint-bg-hover-dark,color-mix(in oklch, var(--zui-color-mint-dark,#6ee7b733) 18%, transparent))]\",\n  ocean:\n    \"border border-[color:var(--zui-file-upload-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-file-upload-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-file-upload-ocean-bg,color-mix(in oklch, var(--zui-color-ocean,#0284c714) 10%, transparent))] dark:bg-[var(--zui-file-upload-ocean-bg-dark,color-mix(in oklch, var(--zui-color-ocean-dark,#38bdf824) 18%, transparent))] text-[color:var(--zui-file-upload-ocean-fg,var(--zui-color-ocean,#0f172a))] dark:text-[color:var(--zui-file-upload-ocean-fg-dark,var(--zui-color-ocean-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-ocean-bg-hover,color-mix(in oklch, var(--zui-color-ocean,#0284c724) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-ocean-bg-hover-dark,color-mix(in oklch, var(--zui-color-ocean-dark,#38bdf833) 18%, transparent))]\",\n  sapphire:\n    \"border border-[color:var(--zui-file-upload-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-file-upload-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-file-upload-sapphire-bg,color-mix(in oklch, var(--zui-color-sapphire,#1d4ed814) 10%, transparent))] dark:bg-[var(--zui-file-upload-sapphire-bg-dark,color-mix(in oklch, var(--zui-color-sapphire-dark,#60a5fa24) 18%, transparent))] text-[color:var(--zui-file-upload-sapphire-fg,var(--zui-color-sapphire,#0f172a))] dark:text-[color:var(--zui-file-upload-sapphire-fg-dark,var(--zui-color-sapphire-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-sapphire-bg-hover,color-mix(in oklch, var(--zui-color-sapphire,#1d4ed824) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-sapphire-bg-hover-dark,color-mix(in oklch, var(--zui-color-sapphire-dark,#60a5fa33) 18%, transparent))]\",\n  lavender:\n    \"border border-[color:var(--zui-file-upload-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-file-upload-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-file-upload-lavender-bg,color-mix(in oklch, var(--zui-color-lavender,#8b5cf614) 10%, transparent))] dark:bg-[var(--zui-file-upload-lavender-bg-dark,color-mix(in oklch, var(--zui-color-lavender-dark,#a78bfa24) 18%, transparent))] text-[color:var(--zui-file-upload-lavender-fg,var(--zui-color-lavender,#0f172a))] dark:text-[color:var(--zui-file-upload-lavender-fg-dark,var(--zui-color-lavender-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-lavender-bg-hover,color-mix(in oklch, var(--zui-color-lavender,#8b5cf624) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-lavender-bg-hover-dark,color-mix(in oklch, var(--zui-color-lavender-dark,#a78bfa33) 18%, transparent))]\",\n  ruby: \"border border-[color:var(--zui-file-upload-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-file-upload-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-file-upload-ruby-bg,color-mix(in oklch, var(--zui-color-ruby,#be123c14) 10%, transparent))] dark:bg-[var(--zui-file-upload-ruby-bg-dark,color-mix(in oklch, var(--zui-color-ruby-dark,#fb718524) 18%, transparent))] text-[color:var(--zui-file-upload-ruby-fg,var(--zui-color-ruby,#0f172a))] dark:text-[color:var(--zui-file-upload-ruby-fg-dark,var(--zui-color-ruby-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-ruby-bg-hover,color-mix(in oklch, var(--zui-color-ruby,#be123c24) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-ruby-bg-hover-dark,color-mix(in oklch, var(--zui-color-ruby-dark,#fb718533) 18%, transparent))]\",\n  red: \"border border-[color:var(--zui-file-upload-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-file-upload-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-file-upload-red-bg,color-mix(in oklch, var(--zui-color-red,#dc262614) 10%, transparent))] dark:bg-[var(--zui-file-upload-red-bg-dark,color-mix(in oklch, var(--zui-color-red-dark,#ef444424) 18%, transparent))] text-[color:var(--zui-file-upload-red-fg,var(--zui-color-red,#0f172a))] dark:text-[color:var(--zui-file-upload-red-fg-dark,var(--zui-color-red-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-red-bg-hover,color-mix(in oklch, var(--zui-color-red,#dc262624) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-red-bg-hover-dark,color-mix(in oklch, var(--zui-color-red-dark,#ef444433) 18%, transparent))]\",\n  slate:\n    \"border border-[color:var(--zui-file-upload-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-file-upload-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-file-upload-slate-bg,color-mix(in oklch, var(--zui-color-slate,#47556914) 10%, transparent))] dark:bg-[var(--zui-file-upload-slate-bg-dark,color-mix(in oklch, var(--zui-color-slate-dark,#64748b24) 18%, transparent))] text-[color:var(--zui-file-upload-slate-fg,var(--zui-color-slate,#0f172a))] dark:text-[color:var(--zui-file-upload-slate-fg-dark,var(--zui-color-slate-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-slate-bg-hover,color-mix(in oklch, var(--zui-color-slate,#47556924) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-slate-bg-hover-dark,color-mix(in oklch, var(--zui-color-slate-dark,#64748b33) 18%, transparent))]\",\n  zinc: \"border border-[color:var(--zui-file-upload-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-file-upload-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-file-upload-zinc-bg,color-mix(in oklch, var(--zui-color-zinc,#52525b14) 10%, transparent))] dark:bg-[var(--zui-file-upload-zinc-bg-dark,color-mix(in oklch, var(--zui-color-zinc-dark,#71717a24) 18%, transparent))] text-[color:var(--zui-file-upload-zinc-fg,var(--zui-color-zinc,#0f172a))] dark:text-[color:var(--zui-file-upload-zinc-fg-dark,var(--zui-color-zinc-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-zinc-bg-hover,color-mix(in oklch, var(--zui-color-zinc,#52525b24) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-zinc-bg-hover-dark,color-mix(in oklch, var(--zui-color-zinc-dark,#71717a33) 18%, transparent))]\",\n  stone:\n    \"border border-[color:var(--zui-file-upload-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-file-upload-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-file-upload-stone-bg,color-mix(in oklch, var(--zui-color-stone,#57534e14) 10%, transparent))] dark:bg-[var(--zui-file-upload-stone-bg-dark,color-mix(in oklch, var(--zui-color-stone-dark,#78716c24) 18%, transparent))] text-[color:var(--zui-file-upload-stone-fg,var(--zui-color-stone,#0f172a))] dark:text-[color:var(--zui-file-upload-stone-fg-dark,var(--zui-color-stone-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-stone-bg-hover,color-mix(in oklch, var(--zui-color-stone,#57534e24) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-stone-bg-hover-dark,color-mix(in oklch, var(--zui-color-stone-dark,#78716c33) 18%, transparent))]\",\n  royal:\n    \"border border-[color:var(--zui-file-upload-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-file-upload-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-file-upload-royal-bg,color-mix(in oklch, var(--zui-color-royal,#4338ca14) 10%, transparent))] dark:bg-[var(--zui-file-upload-royal-bg-dark,color-mix(in oklch, var(--zui-color-royal-dark,#818cf824) 18%, transparent))] text-[color:var(--zui-file-upload-royal-fg,var(--zui-color-royal,#0f172a))] dark:text-[color:var(--zui-file-upload-royal-fg-dark,var(--zui-color-royal-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-royal-bg-hover,color-mix(in oklch, var(--zui-color-royal,#4338ca24) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-royal-bg-hover-dark,color-mix(in oklch, var(--zui-color-royal-dark,#818cf833) 18%, transparent))]\",\n  electric:\n    \"border border-[color:var(--zui-file-upload-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-file-upload-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-file-upload-electric-bg,color-mix(in oklch, var(--zui-color-electric,#0ea5e914) 10%, transparent))] dark:bg-[var(--zui-file-upload-electric-bg-dark,color-mix(in oklch, var(--zui-color-electric-dark,#38bdf824) 18%, transparent))] text-[color:var(--zui-file-upload-electric-fg,var(--zui-color-electric,#0f172a))] dark:text-[color:var(--zui-file-upload-electric-fg-dark,var(--zui-color-electric-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-electric-bg-hover,color-mix(in oklch, var(--zui-color-electric,#0ea5e924) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-electric-bg-hover-dark,color-mix(in oklch, var(--zui-color-electric-dark,#38bdf833) 18%, transparent))]\",\n  forest:\n    \"border border-[color:var(--zui-file-upload-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-file-upload-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-file-upload-forest-bg,color-mix(in oklch, var(--zui-color-forest,#16653414) 10%, transparent))] dark:bg-[var(--zui-file-upload-forest-bg-dark,color-mix(in oklch, var(--zui-color-forest-dark,#4ade8024) 18%, transparent))] text-[color:var(--zui-file-upload-forest-fg,var(--zui-color-forest,#0f172a))] dark:text-[color:var(--zui-file-upload-forest-fg-dark,var(--zui-color-forest-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-forest-bg-hover,color-mix(in oklch, var(--zui-color-forest,#16653424) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-forest-bg-hover-dark,color-mix(in oklch, var(--zui-color-forest-dark,#4ade8033) 18%, transparent))]\",\n  sunset:\n    \"border border-[color:var(--zui-file-upload-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-file-upload-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-file-upload-sunset-bg,color-mix(in oklch, var(--zui-color-sunset,#ea580c14) 10%, transparent))] dark:bg-[var(--zui-file-upload-sunset-bg-dark,color-mix(in oklch, var(--zui-color-sunset-dark,#fb923c24) 18%, transparent))] text-[color:var(--zui-file-upload-sunset-fg,var(--zui-color-sunset,#0f172a))] dark:text-[color:var(--zui-file-upload-sunset-fg-dark,var(--zui-color-sunset-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-sunset-bg-hover,color-mix(in oklch, var(--zui-color-sunset,#ea580c24) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-sunset-bg-hover-dark,color-mix(in oklch, var(--zui-color-sunset-dark,#fb923c33) 18%, transparent))]\",\n  magenta:\n    \"border border-[color:var(--zui-file-upload-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-file-upload-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-file-upload-magenta-bg,color-mix(in oklch, var(--zui-color-magenta,#c026d314) 10%, transparent))] dark:bg-[var(--zui-file-upload-magenta-bg-dark,color-mix(in oklch, var(--zui-color-magenta-dark,#e879f924) 18%, transparent))] text-[color:var(--zui-file-upload-magenta-fg,var(--zui-color-magenta,#0f172a))] dark:text-[color:var(--zui-file-upload-magenta-fg-dark,var(--zui-color-magenta-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-magenta-bg-hover,color-mix(in oklch, var(--zui-color-magenta,#c026d324) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-magenta-bg-hover-dark,color-mix(in oklch, var(--zui-color-magenta-dark,#e879f933) 18%, transparent))]\",\n  crimson:\n    \"border border-[color:var(--zui-file-upload-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-file-upload-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-file-upload-crimson-bg,color-mix(in oklch, var(--zui-color-crimson,#b91c1c14) 10%, transparent))] dark:bg-[var(--zui-file-upload-crimson-bg-dark,color-mix(in oklch, var(--zui-color-crimson-dark,#f8717124) 18%, transparent))] text-[color:var(--zui-file-upload-crimson-fg,var(--zui-color-crimson,#0f172a))] dark:text-[color:var(--zui-file-upload-crimson-fg-dark,var(--zui-color-crimson-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-crimson-bg-hover,color-mix(in oklch, var(--zui-color-crimson,#b91c1c24) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-crimson-bg-hover-dark,color-mix(in oklch, var(--zui-color-crimson-dark,#f8717133) 18%, transparent))]\",\n  aqua: \"border border-[color:var(--zui-file-upload-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-file-upload-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-file-upload-aqua-bg,color-mix(in oklch, var(--zui-color-aqua,#0f766e14) 10%, transparent))] dark:bg-[var(--zui-file-upload-aqua-bg-dark,color-mix(in oklch, var(--zui-color-aqua-dark,#2dd4bf24) 18%, transparent))] text-[color:var(--zui-file-upload-aqua-fg,var(--zui-color-aqua,#0f172a))] dark:text-[color:var(--zui-file-upload-aqua-fg-dark,var(--zui-color-aqua-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-aqua-bg-hover,color-mix(in oklch, var(--zui-color-aqua,#0f766e24) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-aqua-bg-hover-dark,color-mix(in oklch, var(--zui-color-aqua-dark,#2dd4bf33) 18%, transparent))]\",\n  plum: \"border border-[color:var(--zui-file-upload-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-file-upload-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-file-upload-plum-bg,color-mix(in oklch, var(--zui-color-plum,#7e22ce14) 10%, transparent))] dark:bg-[var(--zui-file-upload-plum-bg-dark,color-mix(in oklch, var(--zui-color-plum-dark,#c084fc24) 18%, transparent))] text-[color:var(--zui-file-upload-plum-fg,var(--zui-color-plum,#0f172a))] dark:text-[color:var(--zui-file-upload-plum-fg-dark,var(--zui-color-plum-dark,#f8fafc))] hover:bg-[var(--zui-file-upload-plum-bg-hover,color-mix(in oklch, var(--zui-color-plum,#7e22ce24) 10%, transparent))] dark:hover:bg-[var(--zui-file-upload-plum-bg-hover-dark,color-mix(in oklch, var(--zui-color-plum-dark,#c084fc33) 18%, transparent))]\",\n} as const;\n"]}

package/dist/{chunk-PAJYNQR3.mjs → chunk-MI3CVVNR.mjs}

@@ -1,4 +1,4 @@
-import { zuiCardBase, zuiCardRounded, zuiCardSizes, zuiCardAppearances, zuiCardHeaderBase, zuiCardHeaderSizes, zuiCardFooterBase, zuiCardFooterSizes, zuiCardTitleBase, zuiCardTitleSizes, zuiCardDescriptionBase, zuiCardDescriptionSizes } from './chunk-5BSYGFN7.mjs';
+import { zuiCardBase, zuiCardRounded, zuiCardSizes, zuiCardAppearances, zuiCardHeaderBase, zuiCardHeaderSizes, zuiCardFooterBase, zuiCardFooterSizes, zuiCardTitleBase, zuiCardTitleSizes, zuiCardDescriptionBase, zuiCardDescriptionSizes } from './chunk-ENYZGL4R.mjs';
 import { cn } from './chunk-4D54YOL6.mjs';
 import { cva } from 'class-variance-authority';
 import { createContext, useMemo, useContext } from 'react';
@@ -146,5 +146,5 @@ function CardDescription({
 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
+//# sourceMappingURL=chunk-MI3CVVNR.mjs.map
+//# sourceMappingURL=chunk-MI3CVVNR.mjs.map

package/dist/{chunk-PAJYNQR3.mjs.map → chunk-MI3CVVNR.mjs.map}

@@ -1 +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"]}
+{"version":3,"sources":["../src/ui/card/variants.ts","../src/ui/card/card-base.tsx"],"names":[],"mappings":"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","file":"chunk-MI3CVVNR.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-4FU6FDUT.mjs → chunk-MXYQOQJ4.mjs}

@@ -1,4 +1,4 @@
-import { zuiTooltipBase, zuiTooltipWidths, zuiTooltipSizes, zuiTooltipVariants } from './chunk-4QLWSXXO.mjs';
+import { zuiTooltipBase, zuiTooltipWidths, zuiTooltipSizes, zuiTooltipVariants } from './chunk-YH6MOKHR.mjs';
 import { cn } from './chunk-4D54YOL6.mjs';
 import { cva } from 'class-variance-authority';
 import { createContext, useContext, useState, useId, useCallback, useRef, useEffect, Children, isValidElement, cloneElement } from 'react';
@@ -198,5 +198,5 @@ var TooltipContent = ({
 };
 
 export { Tooltip, TooltipContent, TooltipContext, TooltipTrigger, tooltipVariants, useTooltip };
-//# sourceMappingURL=chunk-4FU6FDUT.mjs.map
-//# sourceMappingURL=chunk-4FU6FDUT.mjs.map
+//# sourceMappingURL=chunk-MXYQOQJ4.mjs.map
+//# sourceMappingURL=chunk-MXYQOQJ4.mjs.map

package/dist/{chunk-4FU6FDUT.mjs.map → chunk-MXYQOQJ4.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/tooltip/variants.ts","../src/ui/tooltip/tooltip-base.tsx"],"names":[],"mappings":"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","file":"chunk-4FU6FDUT.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiTooltipBase,\n  zuiTooltipSizes,\n  zuiTooltipVariants,\n  zuiTooltipWidths,\n} from \"../../design-system/tooltip\";\n\nexport const tooltipVariants = cva(zuiTooltipBase, {\n  variants: {\n    variant: zuiTooltipVariants,\n    size: zuiTooltipSizes,\n    width: zuiTooltipWidths,\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"md\",\n    width: \"xs\",\n  },\n});\n","\"use client\";\n\nimport {\n  Children,\n  cloneElement,\n  createContext,\n  isValidElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type KeyboardEventHandler,\n  type MouseEventHandler,\n  type FocusEventHandler,\n  type ReactElement,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  TooltipProps,\n  TooltipContextType,\n  TooltipTriggerProps,\n  TooltipContentProps,\n} from \"./types\";\nimport { tooltipVariants } from \"./variants\";\n\nexport const TooltipContext = createContext<TooltipContextType | null>(null);\n\nexport const useTooltip = () => {\n  const context = useContext(TooltipContext);\n  if (!context) {\n    throw new Error(\"Tooltip components must be used within Tooltip\");\n  }\n  return context;\n};\n\nfunction mergeDescribedBy(\n  tooltipId: string,\n  existing: unknown,\n  open: boolean,\n): string | undefined {\n  if (!open) {\n    return typeof existing === \"string\" ? existing : undefined;\n  }\n  const baseIds =\n    typeof existing === \"string\" && existing.trim().length > 0\n      ? existing.split(/\\s+/).filter(Boolean)\n      : [];\n  const merged = [...new Set([...baseIds, tooltipId])];\n  return merged.join(\" \");\n}\n\nexport const Tooltip = ({\n  children,\n  defaultOpen = false,\n  open: controlledOpen,\n  onOpenChange,\n  position = \"top\",\n  delay = 100,\n}: TooltipProps) => {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const tooltipId = `${useId()}-tooltip`;\n\n  const isControlled = controlledOpen !== undefined;\n  const open = isControlled ? controlledOpen : uncontrolledOpen;\n\n  const setOpen = useCallback(\n    (value: boolean) => {\n      if (!isControlled) setUncontrolledOpen(value);\n      onOpenChange?.(value);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const showTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const cancelDelayedOpen = useCallback(() => {\n    if (showTimeoutRef.current !== null) {\n      clearTimeout(showTimeoutRef.current);\n      showTimeoutRef.current = null;\n    }\n  }, []);\n\n  const scheduleDelayedOpen = useCallback(() => {\n    cancelDelayedOpen();\n    showTimeoutRef.current = setTimeout(() => {\n      showTimeoutRef.current = null;\n      setOpen(true);\n    }, delay);\n  }, [cancelDelayedOpen, delay, setOpen]);\n\n  useEffect(() => () => cancelDelayedOpen(), [cancelDelayedOpen]);\n\n  return (\n    <TooltipContext.Provider\n      value={{\n        open,\n        setOpen,\n        position,\n        delay,\n        scheduleDelayedOpen,\n        cancelDelayedOpen,\n        tooltipId,\n      }}\n    >\n      <div className=\"relative inline-block\">{children}</div>\n    </TooltipContext.Provider>\n  );\n};\n\nexport const TooltipTrigger = ({\n  children,\n  className,\n}: TooltipTriggerProps) => {\n  const { setOpen, scheduleDelayedOpen, cancelDelayedOpen, open, tooltipId } =\n    useTooltip();\n\n  const onMouseEnter: MouseEventHandler = () => scheduleDelayedOpen();\n  const onMouseLeave: MouseEventHandler = () => {\n    cancelDelayedOpen();\n    setOpen(false);\n  };\n  const onFocus: FocusEventHandler = () => {\n    cancelDelayedOpen();\n    setOpen(true);\n  };\n  const onBlur: FocusEventHandler = () => {\n    cancelDelayedOpen();\n    setOpen(false);\n  };\n  const onKeyDown: KeyboardEventHandler = (event) => {\n    if (event.key === \"Escape\") {\n      cancelDelayedOpen();\n      setOpen(false);\n    }\n  };\n\n  const childList = Children.toArray(children).filter(\n    (node) => node !== null && node !== undefined && typeof node !== \"boolean\",\n  );\n\n  const soleCandidate =\n    childList.length === 1 && isValidElement(childList[0])\n      ? (childList[0] as ReactElement<{\n          className?: string;\n          \"aria-describedby\"?: string;\n          onMouseEnter?: MouseEventHandler;\n          onMouseLeave?: MouseEventHandler;\n          onFocus?: FocusEventHandler;\n          onBlur?: FocusEventHandler;\n          onKeyDown?: KeyboardEventHandler;\n        }>)\n      : undefined;\n\n  if (soleCandidate) {\n    const describedBy = mergeDescribedBy(\n      tooltipId,\n      soleCandidate.props[\"aria-describedby\"],\n      open,\n    );\n    return cloneElement(soleCandidate, {\n      onMouseEnter: (event: React.MouseEvent) => {\n        soleCandidate.props.onMouseEnter?.(event);\n        if (!event.defaultPrevented) {\n          scheduleDelayedOpen();\n        }\n      },\n      onMouseLeave: (event: React.MouseEvent) => {\n        soleCandidate.props.onMouseLeave?.(event);\n        cancelDelayedOpen();\n        setOpen(false);\n      },\n      onFocus: (event: React.FocusEvent) => {\n        soleCandidate.props.onFocus?.(event);\n        if (!event.defaultPrevented) {\n          cancelDelayedOpen();\n          setOpen(true);\n        }\n      },\n      onBlur: (event: React.FocusEvent) => {\n        soleCandidate.props.onBlur?.(event);\n        cancelDelayedOpen();\n        setOpen(false);\n      },\n      onKeyDown: (event: React.KeyboardEvent) => {\n        soleCandidate.props.onKeyDown?.(event);\n        if (event.key === \"Escape\") {\n          cancelDelayedOpen();\n          setOpen(false);\n        }\n      },\n      className: cn(className, soleCandidate.props.className),\n      \"aria-describedby\": describedBy,\n    });\n  }\n\n  return (\n    <span\n      className={className}\n      tabIndex={0}\n      aria-describedby={mergeDescribedBy(tooltipId, undefined, open)}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      onKeyDown={onKeyDown}\n    >\n      {children}\n    </span>\n  );\n};\n\nexport const TooltipContent = ({\n  children,\n  className,\n  variant,\n  size,\n  width,\n}: TooltipContentProps) => {\n  const { open, position, tooltipId } = useTooltip();\n\n  if (!open) return null;\n\n  const positionStyles = {\n    top: \"bottom-full mb-2\",\n    bottom: \"top-full mt-2\",\n    left: \"right-full top-1/2 -translate-y-1/2 mr-2\",\n    right: \"left-full top-1/2 -translate-y-1/2 ml-2\",\n  };\n\n  return (\n    <div\n      id={tooltipId}\n      data-open={open}\n      role=\"tooltip\"\n      className={cn(\n        tooltipVariants({ variant, size, width }),\n        positionStyles[position],\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n"]}
+{"version":3,"sources":["../src/ui/tooltip/variants.ts","../src/ui/tooltip/tooltip-base.tsx"],"names":[],"mappings":"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","file":"chunk-MXYQOQJ4.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiTooltipBase,\n  zuiTooltipSizes,\n  zuiTooltipVariants,\n  zuiTooltipWidths,\n} from \"../../design-system/tooltip\";\n\nexport const tooltipVariants = cva(zuiTooltipBase, {\n  variants: {\n    variant: zuiTooltipVariants,\n    size: zuiTooltipSizes,\n    width: zuiTooltipWidths,\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"md\",\n    width: \"xs\",\n  },\n});\n","\"use client\";\n\nimport {\n  Children,\n  cloneElement,\n  createContext,\n  isValidElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type KeyboardEventHandler,\n  type MouseEventHandler,\n  type FocusEventHandler,\n  type ReactElement,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  TooltipProps,\n  TooltipContextType,\n  TooltipTriggerProps,\n  TooltipContentProps,\n} from \"./types\";\nimport { tooltipVariants } from \"./variants\";\n\nexport const TooltipContext = createContext<TooltipContextType | null>(null);\n\nexport const useTooltip = () => {\n  const context = useContext(TooltipContext);\n  if (!context) {\n    throw new Error(\"Tooltip components must be used within Tooltip\");\n  }\n  return context;\n};\n\nfunction mergeDescribedBy(\n  tooltipId: string,\n  existing: unknown,\n  open: boolean,\n): string | undefined {\n  if (!open) {\n    return typeof existing === \"string\" ? existing : undefined;\n  }\n  const baseIds =\n    typeof existing === \"string\" && existing.trim().length > 0\n      ? existing.split(/\\s+/).filter(Boolean)\n      : [];\n  const merged = [...new Set([...baseIds, tooltipId])];\n  return merged.join(\" \");\n}\n\nexport const Tooltip = ({\n  children,\n  defaultOpen = false,\n  open: controlledOpen,\n  onOpenChange,\n  position = \"top\",\n  delay = 100,\n}: TooltipProps) => {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const tooltipId = `${useId()}-tooltip`;\n\n  const isControlled = controlledOpen !== undefined;\n  const open = isControlled ? controlledOpen : uncontrolledOpen;\n\n  const setOpen = useCallback(\n    (value: boolean) => {\n      if (!isControlled) setUncontrolledOpen(value);\n      onOpenChange?.(value);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const showTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const cancelDelayedOpen = useCallback(() => {\n    if (showTimeoutRef.current !== null) {\n      clearTimeout(showTimeoutRef.current);\n      showTimeoutRef.current = null;\n    }\n  }, []);\n\n  const scheduleDelayedOpen = useCallback(() => {\n    cancelDelayedOpen();\n    showTimeoutRef.current = setTimeout(() => {\n      showTimeoutRef.current = null;\n      setOpen(true);\n    }, delay);\n  }, [cancelDelayedOpen, delay, setOpen]);\n\n  useEffect(() => () => cancelDelayedOpen(), [cancelDelayedOpen]);\n\n  return (\n    <TooltipContext.Provider\n      value={{\n        open,\n        setOpen,\n        position,\n        delay,\n        scheduleDelayedOpen,\n        cancelDelayedOpen,\n        tooltipId,\n      }}\n    >\n      <div className=\"relative inline-block\">{children}</div>\n    </TooltipContext.Provider>\n  );\n};\n\nexport const TooltipTrigger = ({\n  children,\n  className,\n}: TooltipTriggerProps) => {\n  const { setOpen, scheduleDelayedOpen, cancelDelayedOpen, open, tooltipId } =\n    useTooltip();\n\n  const onMouseEnter: MouseEventHandler = () => scheduleDelayedOpen();\n  const onMouseLeave: MouseEventHandler = () => {\n    cancelDelayedOpen();\n    setOpen(false);\n  };\n  const onFocus: FocusEventHandler = () => {\n    cancelDelayedOpen();\n    setOpen(true);\n  };\n  const onBlur: FocusEventHandler = () => {\n    cancelDelayedOpen();\n    setOpen(false);\n  };\n  const onKeyDown: KeyboardEventHandler = (event) => {\n    if (event.key === \"Escape\") {\n      cancelDelayedOpen();\n      setOpen(false);\n    }\n  };\n\n  const childList = Children.toArray(children).filter(\n    (node) => node !== null && node !== undefined && typeof node !== \"boolean\",\n  );\n\n  const soleCandidate =\n    childList.length === 1 && isValidElement(childList[0])\n      ? (childList[0] as ReactElement<{\n          className?: string;\n          \"aria-describedby\"?: string;\n          onMouseEnter?: MouseEventHandler;\n          onMouseLeave?: MouseEventHandler;\n          onFocus?: FocusEventHandler;\n          onBlur?: FocusEventHandler;\n          onKeyDown?: KeyboardEventHandler;\n        }>)\n      : undefined;\n\n  if (soleCandidate) {\n    const describedBy = mergeDescribedBy(\n      tooltipId,\n      soleCandidate.props[\"aria-describedby\"],\n      open,\n    );\n    return cloneElement(soleCandidate, {\n      onMouseEnter: (event: React.MouseEvent) => {\n        soleCandidate.props.onMouseEnter?.(event);\n        if (!event.defaultPrevented) {\n          scheduleDelayedOpen();\n        }\n      },\n      onMouseLeave: (event: React.MouseEvent) => {\n        soleCandidate.props.onMouseLeave?.(event);\n        cancelDelayedOpen();\n        setOpen(false);\n      },\n      onFocus: (event: React.FocusEvent) => {\n        soleCandidate.props.onFocus?.(event);\n        if (!event.defaultPrevented) {\n          cancelDelayedOpen();\n          setOpen(true);\n        }\n      },\n      onBlur: (event: React.FocusEvent) => {\n        soleCandidate.props.onBlur?.(event);\n        cancelDelayedOpen();\n        setOpen(false);\n      },\n      onKeyDown: (event: React.KeyboardEvent) => {\n        soleCandidate.props.onKeyDown?.(event);\n        if (event.key === \"Escape\") {\n          cancelDelayedOpen();\n          setOpen(false);\n        }\n      },\n      className: cn(className, soleCandidate.props.className),\n      \"aria-describedby\": describedBy,\n    });\n  }\n\n  return (\n    <span\n      className={className}\n      tabIndex={0}\n      aria-describedby={mergeDescribedBy(tooltipId, undefined, open)}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      onKeyDown={onKeyDown}\n    >\n      {children}\n    </span>\n  );\n};\n\nexport const TooltipContent = ({\n  children,\n  className,\n  variant,\n  size,\n  width,\n}: TooltipContentProps) => {\n  const { open, position, tooltipId } = useTooltip();\n\n  if (!open) return null;\n\n  const positionStyles = {\n    top: \"bottom-full mb-2\",\n    bottom: \"top-full mt-2\",\n    left: \"right-full top-1/2 -translate-y-1/2 mr-2\",\n    right: \"left-full top-1/2 -translate-y-1/2 ml-2\",\n  };\n\n  return (\n    <div\n      id={tooltipId}\n      data-open={open}\n      role=\"tooltip\"\n      className={cn(\n        tooltipVariants({ variant, size, width }),\n        positionStyles[position],\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n"]}

package/dist/chunk-N3FNN47Q.mjs

@@ -0,0 +1,64 @@
+// src/design-system/popover.ts
+var zuiPopoverContentBase = "absolute z-50 rounded-[var(--zui-popover-radius,var(--zui-radius,0.5rem))] border shadow-[var(--zui-popover-shadow,var(--zui-shadow,0_10px_30px_rgba(15,23,42,0.16)))] dark:shadow-[var(--zui-popover-shadow-dark,var(--zui-shadow-dark,0_18px_48px_rgba(15,23,42,0.35)))] transition-all duration-200 outline-none";
+var zuiPopoverContentVariants = {
+  default: "border-[color:var(--zui-popover-default-border,var(--zui-border,oklch(20.8%_0.042_265.755_/_0.1)))] dark:border-[color:var(--zui-popover-default-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-popover-default-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-default-bg-dark,var(--zui-surface-muted-dark,oklch(20.8%_0.042_265.755)))] text-[color:var(--zui-popover-default-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-popover-default-fg-dark,var(--zui-fg-dark,oklch(96.8%_0.007_247.896)))]",
+  outline: "border-[color:var(--zui-popover-outline-border,var(--zui-border,oklch(37.3%_0.034_259.733)))] dark:border-[color:var(--zui-popover-outline-border-dark,var(--zui-border-dark,oklch(87.2%_0.01_258.338)))] bg-[var(--zui-popover-outline-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-outline-bg-dark,var(--zui-surface-muted-dark,#000000))] text-[color:var(--zui-popover-outline-fg,var(--zui-fg,oklch(21%_0.034_264.665)))] dark:text-[color:var(--zui-popover-outline-fg-dark,var(--zui-fg-dark,#ffffff))]",
+  ghost: "border-transparent bg-[var(--zui-popover-ghost-bg,var(--zui-surface-soft,oklch(96.7%_0.003_264.542)))] dark:bg-[var(--zui-popover-ghost-bg-dark,var(--zui-surface-soft-dark,oklch(27.8%_0.033_256.848)))] text-[color:var(--zui-popover-ghost-fg,var(--zui-fg,oklch(21%_0.034_264.665)))] dark:text-[color:var(--zui-popover-ghost-fg-dark,var(--zui-fg-dark,#ffffffe6))]",
+  glass: "border-[color:var(--zui-popover-glass-border,var(--zui-border,#00000026))] dark:border-[color:var(--zui-popover-glass-border-dark,var(--zui-border-dark,#ffffff26))] bg-[var(--zui-popover-glass-bg,var(--zui-surface-soft,#ffffffb3))] dark:bg-[var(--zui-popover-glass-bg-dark,var(--zui-surface-soft-dark,#020617b3))] text-[color:var(--zui-popover-glass-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-popover-glass-fg-dark,var(--zui-fg-dark,#ffffff))] backdrop-blur-md",
+  emerald: "border-[color:var(--zui-popover-emerald-border,var(--zui-color-emerald,oklch(43.2%_0.095_166.913_/_0.35)))] dark:border-[color:var(--zui-popover-emerald-border-dark,var(--zui-color-emerald-dark,oklch(43.2%_0.095_166.913_/_0.35)))] bg-[var(--zui-popover-emerald-bg,color-mix(in oklch, var(--zui-color-emerald,oklch(90.5%_0.093_164.15)) 10%, transparent))] text-[color:var(--zui-popover-emerald-fg,var(--zui-color-emerald,oklch(37.8%_0.077_168.94)))] dark:bg-[var(--zui-popover-emerald-bg-dark,color-mix(in oklch, var(--zui-color-emerald-dark,oklch(26.2%_0.051_172.552)) 18%, transparent))] dark:text-[color:var(--zui-popover-emerald-fg-dark,var(--zui-color-emerald-dark,oklch(90.5%_0.093_164.15)))]",
+  indigo: "border-[color:var(--zui-popover-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366_/_0.35)))] dark:border-[color:var(--zui-popover-indigo-border-dark,var(--zui-color-indigo-dark,oklch(39.8%_0.195_277.366_/_0.35)))] bg-[var(--zui-popover-indigo-bg,color-mix(in oklch, var(--zui-color-indigo,oklch(87%_0.065_274.039)) 10%, transparent))] text-[color:var(--zui-popover-indigo-fg,var(--zui-color-indigo,oklch(35.9%_0.144_278.697)))] dark:bg-[var(--zui-popover-indigo-bg-dark,color-mix(in oklch, var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288)) 18%, transparent))] dark:text-[color:var(--zui-popover-indigo-fg-dark,var(--zui-color-indigo-dark,oklch(87%_0.065_274.039)))]",
+  purple: "border-[color:var(--zui-popover-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724_/_0.35)))] dark:border-[color:var(--zui-popover-purple-border-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724_/_0.35)))] bg-[var(--zui-popover-purple-bg,color-mix(in oklch, var(--zui-color-purple,oklch(90.2%_0.063_306.703)) 10%, transparent))] text-[color:var(--zui-popover-purple-fg,var(--zui-color-purple,oklch(38.1%_0.176_304.987)))] dark:bg-[var(--zui-popover-purple-bg-dark,color-mix(in oklch, var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717)) 18%, transparent))] dark:text-[color:var(--zui-popover-purple-fg-dark,var(--zui-color-purple-dark,oklch(90.2%_0.063_306.703)))]",
+  pink: "border-[color:var(--zui-popover-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815_/_0.35)))] dark:border-[color:var(--zui-popover-pink-border-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815_/_0.35)))] bg-[var(--zui-popover-pink-bg,color-mix(in oklch, var(--zui-color-pink,oklch(89.9%_0.061_343.231)) 10%, transparent))] text-[color:var(--zui-popover-pink-fg,var(--zui-color-pink,oklch(40.8%_0.153_2.432)))] dark:bg-[var(--zui-popover-pink-bg-dark,color-mix(in oklch, var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907)) 18%, transparent))] dark:text-[color:var(--zui-popover-pink-fg-dark,var(--zui-color-pink-dark,oklch(89.9%_0.061_343.231)))]",
+  rose: "border-[color:var(--zui-popover-rose-border,var(--zui-color-rose,oklch(45.5%_0.188_13.697_/_0.35)))] dark:border-[color:var(--zui-popover-rose-border-dark,var(--zui-color-rose-dark,oklch(45.5%_0.188_13.697_/_0.35)))] bg-[var(--zui-popover-rose-bg,color-mix(in oklch, var(--zui-color-rose,oklch(89.2%_0.058_10.001)) 10%, transparent))] text-[color:var(--zui-popover-rose-fg,var(--zui-color-rose,oklch(41%_0.159_10.272)))] dark:bg-[var(--zui-popover-rose-bg-dark,color-mix(in oklch, var(--zui-color-rose-dark,oklch(27.1%_0.105_12.094)) 18%, transparent))] dark:text-[color:var(--zui-popover-rose-fg-dark,var(--zui-color-rose-dark,oklch(89.2%_0.058_10.001)))]",
+  sky: "border-[color:var(--zui-popover-sky-border,var(--zui-color-sky,oklch(44.3%_0.11_240.79_/_0.35)))] dark:border-[color:var(--zui-popover-sky-border-dark,var(--zui-color-sky-dark,oklch(44.3%_0.11_240.79_/_0.35)))] bg-[var(--zui-popover-sky-bg,color-mix(in oklch, var(--zui-color-sky,oklch(90.1%_0.058_230.902)) 10%, transparent))] text-[color:var(--zui-popover-sky-fg,var(--zui-color-sky,oklch(39.1%_0.09_240.876)))] dark:bg-[var(--zui-popover-sky-bg-dark,color-mix(in oklch, var(--zui-color-sky-dark,oklch(29.3%_0.066_243.157)) 18%, transparent))] dark:text-[color:var(--zui-popover-sky-fg-dark,var(--zui-color-sky-dark,oklch(90.1%_0.058_230.902)))]",
+  teal: "border-[color:var(--zui-popover-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216_/_0.35)))] dark:border-[color:var(--zui-popover-teal-border-dark,var(--zui-color-teal-dark,oklch(43.7%_0.078_188.216_/_0.35)))] bg-[var(--zui-popover-teal-bg,color-mix(in oklch, var(--zui-color-teal,oklch(91%_0.096_180.426)) 10%, transparent))] text-[color:var(--zui-popover-teal-fg,var(--zui-color-teal,oklch(38.6%_0.063_188.416)))] dark:bg-[var(--zui-popover-teal-bg-dark,color-mix(in oklch, var(--zui-color-teal-dark,oklch(27.7%_0.046_192.524)) 18%, transparent))] dark:text-[color:var(--zui-popover-teal-fg-dark,var(--zui-color-teal-dark,oklch(91%_0.096_180.426)))]",
+  yellow: "border-[color:var(--zui-popover-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907_/_0.35)))] dark:border-[color:var(--zui-popover-yellow-border-dark,var(--zui-color-yellow-dark,oklch(47.6%_0.114_61.907_/_0.35)))] bg-[var(--zui-popover-yellow-bg,color-mix(in oklch, var(--zui-color-yellow,oklch(94.5%_0.129_101.54)) 10%, transparent))] text-[color:var(--zui-popover-yellow-fg,var(--zui-color-yellow,oklch(42.1%_0.095_57.708)))] dark:bg-[var(--zui-popover-yellow-bg-dark,color-mix(in oklch, var(--zui-color-yellow-dark,oklch(28.6%_0.066_53.813)) 18%, transparent))] dark:text-[color:var(--zui-popover-yellow-fg-dark,var(--zui-color-yellow-dark,oklch(94.5%_0.129_101.54)))]",
+  orange: "border-[color:var(--zui-popover-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304_/_0.35)))] dark:border-[color:var(--zui-popover-orange-border-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304_/_0.35)))] bg-[var(--zui-popover-orange-bg,color-mix(in oklch, var(--zui-color-orange,oklch(90.1%_0.076_70.697)) 10%, transparent))] text-[color:var(--zui-popover-orange-fg,var(--zui-color-orange,oklch(40.8%_0.123_38.172)))] dark:bg-[var(--zui-popover-orange-bg-dark,color-mix(in oklch, var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259)) 18%, transparent))] dark:text-[color:var(--zui-popover-orange-fg-dark,var(--zui-color-orange-dark,oklch(90.1%_0.076_70.697)))]",
+  green: "border-[color:var(--zui-popover-green-border,var(--zui-color-green,oklch(44.8%_0.119_151.328_/_0.35)))] dark:border-[color:var(--zui-popover-green-border-dark,var(--zui-color-green-dark,oklch(44.8%_0.119_151.328_/_0.35)))] bg-[var(--zui-popover-green-bg,color-mix(in oklch, var(--zui-color-green,oklch(92.5%_0.084_155.995)) 10%, transparent))] text-[color:var(--zui-popover-green-fg,var(--zui-color-green,oklch(39.3%_0.095_152.535)))] dark:bg-[var(--zui-popover-green-bg-dark,color-mix(in oklch, var(--zui-color-green-dark,oklch(26.6%_0.065_152.934)) 18%, transparent))] dark:text-[color:var(--zui-popover-green-fg-dark,var(--zui-color-green-dark,oklch(92.5%_0.084_155.995)))]",
+  "gradient-blue": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-blue-from,var(--zui-color-blue,oklch(42.4%_0.199_265.638)))] dark:from-[var(--zui-popover-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(42.4%_0.199_265.638)))] to-[var(--zui-popover-gradient-blue-to,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:to-[var(--zui-popover-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] text-[color:var(--zui-popover-gradient-blue-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-blue-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  "gradient-green": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-green-from,var(--zui-color-green,oklch(44.8%_0.119_151.328)))] dark:from-[var(--zui-popover-gradient-green-from-dark,var(--zui-color-green-dark,oklch(44.8%_0.119_151.328)))] to-[var(--zui-popover-gradient-green-to,var(--zui-color-lime,oklch(45.3%_0.124_130.933)))] dark:to-[var(--zui-popover-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(45.3%_0.124_130.933)))] text-[color:var(--zui-popover-gradient-green-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-green-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  "gradient-red": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-red-from,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:from-[var(--zui-popover-gradient-red-from-dark,var(--zui-color-red-dark,oklch(44.4%_0.177_26.899)))] to-[var(--zui-popover-gradient-red-to,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:to-[var(--zui-popover-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] text-[color:var(--zui-popover-gradient-red-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-red-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  "gradient-yellow": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-yellow-from,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:from-[var(--zui-popover-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(47.6%_0.114_61.907)))] to-[var(--zui-popover-gradient-yellow-to,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:to-[var(--zui-popover-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304)))] text-[color:var(--zui-popover-gradient-yellow-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-yellow-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  "gradient-purple": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-purple-from,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:from-[var(--zui-popover-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] to-[var(--zui-popover-gradient-purple-to,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:to-[var(--zui-popover-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] text-[color:var(--zui-popover-gradient-purple-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-purple-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  "gradient-teal": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-teal-from,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:from-[var(--zui-popover-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(43.7%_0.078_188.216)))] to-[var(--zui-popover-gradient-teal-to,var(--zui-color-cyan,oklch(45%_0.085_224.283)))] dark:to-[var(--zui-popover-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(45%_0.085_224.283)))] text-[color:var(--zui-popover-gradient-teal-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-teal-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  "gradient-indigo": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-indigo-from,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:from-[var(--zui-popover-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(39.8%_0.195_277.366)))] to-[var(--zui-popover-gradient-indigo-to,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:to-[var(--zui-popover-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] text-[color:var(--zui-popover-gradient-indigo-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-indigo-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  "gradient-pink": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-pink-from,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:from-[var(--zui-popover-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] to-[var(--zui-popover-gradient-pink-to,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:to-[var(--zui-popover-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(45.5%_0.188_13.697)))] text-[color:var(--zui-popover-gradient-pink-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-pink-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  "gradient-orange": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-orange-from,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:from-[var(--zui-popover-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304)))] to-[var(--zui-popover-gradient-orange-to,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:to-[var(--zui-popover-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(44.4%_0.177_26.899)))] text-[color:var(--zui-popover-gradient-orange-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-orange-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  blue: "border border-[color:var(--zui-popover-content-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-popover-content-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-popover-content-blue-bg,color-mix(in oklch, var(--zui-color-blue,#2563eb14) 8%, transparent))] dark:bg-[var(--zui-popover-content-blue-bg-dark,color-mix(in oklch, var(--zui-color-blue-dark,#3b82f624) 14%, transparent))] text-[color:var(--zui-popover-content-blue-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-blue-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
+  cyan: "border border-[color:var(--zui-popover-content-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-popover-content-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-popover-content-cyan-bg,color-mix(in oklch, var(--zui-color-cyan,#0891b214) 8%, transparent))] dark:bg-[var(--zui-popover-content-cyan-bg-dark,color-mix(in oklch, var(--zui-color-cyan-dark,#22d3ee24) 14%, transparent))] text-[color:var(--zui-popover-content-cyan-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-cyan-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
+  lime: "border border-[color:var(--zui-popover-content-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-popover-content-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-popover-content-lime-bg,color-mix(in oklch, var(--zui-color-lime,#65a30d14) 8%, transparent))] dark:bg-[var(--zui-popover-content-lime-bg-dark,color-mix(in oklch, var(--zui-color-lime-dark,#a3e63524) 14%, transparent))] text-[color:var(--zui-popover-content-lime-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-lime-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
+  mint: "border border-[color:var(--zui-popover-content-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-popover-content-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-popover-content-mint-bg,color-mix(in oklch, var(--zui-color-mint,#10b98114) 8%, transparent))] dark:bg-[var(--zui-popover-content-mint-bg-dark,color-mix(in oklch, var(--zui-color-mint-dark,#6ee7b724) 14%, transparent))] text-[color:var(--zui-popover-content-mint-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-mint-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
+  ocean: "border border-[color:var(--zui-popover-content-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-popover-content-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-popover-content-ocean-bg,color-mix(in oklch, var(--zui-color-ocean,#0284c714) 8%, transparent))] dark:bg-[var(--zui-popover-content-ocean-bg-dark,color-mix(in oklch, var(--zui-color-ocean-dark,#38bdf824) 14%, transparent))] text-[color:var(--zui-popover-content-ocean-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-ocean-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
+  sapphire: "border border-[color:var(--zui-popover-content-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-popover-content-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-popover-content-sapphire-bg,color-mix(in oklch, var(--zui-color-sapphire,#1d4ed814) 8%, transparent))] dark:bg-[var(--zui-popover-content-sapphire-bg-dark,color-mix(in oklch, var(--zui-color-sapphire-dark,#60a5fa24) 14%, transparent))] text-[color:var(--zui-popover-content-sapphire-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-sapphire-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
+  lavender: "border border-[color:var(--zui-popover-content-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-popover-content-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-popover-content-lavender-bg,color-mix(in oklch, var(--zui-color-lavender,#8b5cf614) 8%, transparent))] dark:bg-[var(--zui-popover-content-lavender-bg-dark,color-mix(in oklch, var(--zui-color-lavender-dark,#a78bfa24) 14%, transparent))] text-[color:var(--zui-popover-content-lavender-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-lavender-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
+  ruby: "border border-[color:var(--zui-popover-content-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-popover-content-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-popover-content-ruby-bg,color-mix(in oklch, var(--zui-color-ruby,#be123c14) 8%, transparent))] dark:bg-[var(--zui-popover-content-ruby-bg-dark,color-mix(in oklch, var(--zui-color-ruby-dark,#fb718524) 14%, transparent))] text-[color:var(--zui-popover-content-ruby-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-ruby-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
+  red: "border border-[color:var(--zui-popover-content-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-popover-content-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-popover-content-red-bg,color-mix(in oklch, var(--zui-color-red,#dc262614) 8%, transparent))] dark:bg-[var(--zui-popover-content-red-bg-dark,color-mix(in oklch, var(--zui-color-red-dark,#ef444424) 14%, transparent))] text-[color:var(--zui-popover-content-red-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-red-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
+  slate: "border border-[color:var(--zui-popover-content-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-popover-content-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-popover-content-slate-bg,color-mix(in oklch, var(--zui-color-slate,#47556914) 8%, transparent))] dark:bg-[var(--zui-popover-content-slate-bg-dark,color-mix(in oklch, var(--zui-color-slate-dark,#64748b24) 14%, transparent))] text-[color:var(--zui-popover-content-slate-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-slate-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
+  zinc: "border border-[color:var(--zui-popover-content-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-popover-content-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-popover-content-zinc-bg,color-mix(in oklch, var(--zui-color-zinc,#52525b14) 8%, transparent))] dark:bg-[var(--zui-popover-content-zinc-bg-dark,color-mix(in oklch, var(--zui-color-zinc-dark,#71717a24) 14%, transparent))] text-[color:var(--zui-popover-content-zinc-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-zinc-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
+  stone: "border border-[color:var(--zui-popover-content-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-popover-content-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-popover-content-stone-bg,color-mix(in oklch, var(--zui-color-stone,#57534e14) 8%, transparent))] dark:bg-[var(--zui-popover-content-stone-bg-dark,color-mix(in oklch, var(--zui-color-stone-dark,#78716c24) 14%, transparent))] text-[color:var(--zui-popover-content-stone-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-stone-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
+  royal: "border border-[color:var(--zui-popover-content-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-popover-content-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-popover-content-royal-bg,color-mix(in oklch, var(--zui-color-royal,#4338ca14) 8%, transparent))] dark:bg-[var(--zui-popover-content-royal-bg-dark,color-mix(in oklch, var(--zui-color-royal-dark,#818cf824) 14%, transparent))] text-[color:var(--zui-popover-content-royal-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-royal-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
+  electric: "border border-[color:var(--zui-popover-content-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-popover-content-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-popover-content-electric-bg,color-mix(in oklch, var(--zui-color-electric,#0ea5e914) 8%, transparent))] dark:bg-[var(--zui-popover-content-electric-bg-dark,color-mix(in oklch, var(--zui-color-electric-dark,#38bdf824) 14%, transparent))] text-[color:var(--zui-popover-content-electric-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-electric-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
+  forest: "border border-[color:var(--zui-popover-content-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-popover-content-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-popover-content-forest-bg,color-mix(in oklch, var(--zui-color-forest,#16653414) 8%, transparent))] dark:bg-[var(--zui-popover-content-forest-bg-dark,color-mix(in oklch, var(--zui-color-forest-dark,#4ade8024) 14%, transparent))] text-[color:var(--zui-popover-content-forest-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-forest-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
+  sunset: "border border-[color:var(--zui-popover-content-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-popover-content-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-popover-content-sunset-bg,color-mix(in oklch, var(--zui-color-sunset,#ea580c14) 8%, transparent))] dark:bg-[var(--zui-popover-content-sunset-bg-dark,color-mix(in oklch, var(--zui-color-sunset-dark,#fb923c24) 14%, transparent))] text-[color:var(--zui-popover-content-sunset-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-sunset-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
+  magenta: "border border-[color:var(--zui-popover-content-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-popover-content-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-popover-content-magenta-bg,color-mix(in oklch, var(--zui-color-magenta,#c026d314) 8%, transparent))] dark:bg-[var(--zui-popover-content-magenta-bg-dark,color-mix(in oklch, var(--zui-color-magenta-dark,#e879f924) 14%, transparent))] text-[color:var(--zui-popover-content-magenta-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-magenta-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
+  crimson: "border border-[color:var(--zui-popover-content-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-popover-content-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-popover-content-crimson-bg,color-mix(in oklch, var(--zui-color-crimson,#b91c1c14) 8%, transparent))] dark:bg-[var(--zui-popover-content-crimson-bg-dark,color-mix(in oklch, var(--zui-color-crimson-dark,#f8717124) 14%, transparent))] text-[color:var(--zui-popover-content-crimson-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-crimson-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
+  aqua: "border border-[color:var(--zui-popover-content-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-popover-content-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-popover-content-aqua-bg,color-mix(in oklch, var(--zui-color-aqua,#0f766e14) 8%, transparent))] dark:bg-[var(--zui-popover-content-aqua-bg-dark,color-mix(in oklch, var(--zui-color-aqua-dark,#2dd4bf24) 14%, transparent))] text-[color:var(--zui-popover-content-aqua-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-aqua-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
+  plum: "border border-[color:var(--zui-popover-content-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-popover-content-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-popover-content-plum-bg,color-mix(in oklch, var(--zui-color-plum,#7e22ce14) 8%, transparent))] dark:bg-[var(--zui-popover-content-plum-bg-dark,color-mix(in oklch, var(--zui-color-plum-dark,#c084fc24) 14%, transparent))] text-[color:var(--zui-popover-content-plum-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-plum-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl"
+};
+var zuiPopoverContentSizes = {
+  sm: "p-3 text-sm",
+  md: "p-4 text-sm",
+  lg: "p-5 text-base"
+};
+var zuiPopoverContentWidths = {
+  xs: "min-w-50 md:min-w-xs",
+  sm: "min-w-50 md:min-w-sm",
+  md: "min-w-50 md:min-w-md",
+  lg: "min-w-50 md:min-w-lg",
+  xl: "min-w-50 md:min-w-xl",
+  "2xl": "min-w-50 md:min-w-2xl"
+};
+
+export { zuiPopoverContentBase, zuiPopoverContentSizes, zuiPopoverContentVariants, zuiPopoverContentWidths };
+//# sourceMappingURL=chunk-N3FNN47Q.mjs.map
+//# sourceMappingURL=chunk-N3FNN47Q.mjs.map

package/dist/chunk-N3FNN47Q.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/popover.ts"],"names":[],"mappings":";AAAO,IAAM,qBAAA,GACX;AAEK,IAAM,yBAAA,GAA4B;AAAA,EACvC,OAAA,EACE,kiBAAA;AAAA,EACF,OAAA,EACE,ogBAAA;AAAA,EACF,KAAA,EACE,2WAAA;AAAA,EACF,KAAA,EACE,4eAAA;AAAA,EACF,OAAA,EACE,2rBAAA;AAAA,EACF,MAAA,EACE,6qBAAA;AAAA,EACF,MAAA,EACE,krBAAA;AAAA,EACF,IAAA,EAAM,kpBAAA;AAAA,EACN,IAAA,EAAM,kpBAAA;AAAA,EACN,GAAA,EAAK,yoBAAA;AAAA,EACL,IAAA,EAAM,spBAAA;AAAA,EACN,MAAA,EACE,4qBAAA;AAAA,EACF,MAAA,EACE,wqBAAA;AAAA,EACF,KAAA,EACE,sqBAAA;AAAA,EACF,eAAA,EACE,8lBAAA;AAAA,EACF,gBAAA,EACE,kmBAAA;AAAA,EACF,cAAA,EACE,4kBAAA;AAAA,EACF,iBAAA,EACE,smBAAA;AAAA,EACF,iBAAA,EACE,smBAAA;AAAA,EACF,eAAA,EACE,slBAAA;AAAA,EACF,iBAAA,EACE,8mBAAA;AAAA,EACF,eAAA,EACE,olBAAA;AAAA,EACF,iBAAA,EACE,gmBAAA;AAAA,EACF,IAAA,EAAM,qlBAAA;AAAA,EACN,IAAA,EAAM,qlBAAA;AAAA,EACN,IAAA,EAAM,qlBAAA;AAAA,EACN,IAAA,EAAM,qlBAAA;AAAA,EACN,KAAA,EACE,+lBAAA;AAAA,EACF,QAAA,EACE,6nBAAA;AAAA,EACF,QAAA,EACE,6nBAAA;AAAA,EACF,IAAA,EAAM,qlBAAA;AAAA,EACN,GAAA,EAAK,2kBAAA;AAAA,EACL,KAAA,EACE,+lBAAA;AAAA,EACF,IAAA,EAAM,qlBAAA;AAAA,EACN,KAAA,EACE,+lBAAA;AAAA,EACF,KAAA,EACE,+lBAAA;AAAA,EACF,QAAA,EACE,6nBAAA;AAAA,EACF,MAAA,EACE,ymBAAA;AAAA,EACF,MAAA,EACE,ymBAAA;AAAA,EACF,OAAA,EACE,mnBAAA;AAAA,EACF,OAAA,EACE,mnBAAA;AAAA,EACF,IAAA,EAAM,qlBAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,sBAAA,GAAyB;AAAA,EACpC,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,uBAAA,GAA0B;AAAA,EACrC,EAAA,EAAI,sBAAA;AAAA,EACJ,EAAA,EAAI,sBAAA;AAAA,EACJ,EAAA,EAAI,sBAAA;AAAA,EACJ,EAAA,EAAI,sBAAA;AAAA,EACJ,EAAA,EAAI,sBAAA;AAAA,EACJ,KAAA,EAAO;AACT","file":"chunk-N3FNN47Q.mjs","sourcesContent":["export const zuiPopoverContentBase =\n  \"absolute z-50 rounded-[var(--zui-popover-radius,var(--zui-radius,0.5rem))] border shadow-[var(--zui-popover-shadow,var(--zui-shadow,0_10px_30px_rgba(15,23,42,0.16)))] dark:shadow-[var(--zui-popover-shadow-dark,var(--zui-shadow-dark,0_18px_48px_rgba(15,23,42,0.35)))] transition-all duration-200 outline-none\";\n\nexport const zuiPopoverContentVariants = {\n  default:\n    \"border-[color:var(--zui-popover-default-border,var(--zui-border,oklch(20.8%_0.042_265.755_/_0.1)))] dark:border-[color:var(--zui-popover-default-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-popover-default-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-default-bg-dark,var(--zui-surface-muted-dark,oklch(20.8%_0.042_265.755)))] text-[color:var(--zui-popover-default-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-popover-default-fg-dark,var(--zui-fg-dark,oklch(96.8%_0.007_247.896)))]\",\n  outline:\n    \"border-[color:var(--zui-popover-outline-border,var(--zui-border,oklch(37.3%_0.034_259.733)))] dark:border-[color:var(--zui-popover-outline-border-dark,var(--zui-border-dark,oklch(87.2%_0.01_258.338)))] bg-[var(--zui-popover-outline-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-outline-bg-dark,var(--zui-surface-muted-dark,#000000))] text-[color:var(--zui-popover-outline-fg,var(--zui-fg,oklch(21%_0.034_264.665)))] dark:text-[color:var(--zui-popover-outline-fg-dark,var(--zui-fg-dark,#ffffff))]\",\n  ghost:\n    \"border-transparent bg-[var(--zui-popover-ghost-bg,var(--zui-surface-soft,oklch(96.7%_0.003_264.542)))] dark:bg-[var(--zui-popover-ghost-bg-dark,var(--zui-surface-soft-dark,oklch(27.8%_0.033_256.848)))] text-[color:var(--zui-popover-ghost-fg,var(--zui-fg,oklch(21%_0.034_264.665)))] dark:text-[color:var(--zui-popover-ghost-fg-dark,var(--zui-fg-dark,#ffffffe6))]\",\n  glass:\n    \"border-[color:var(--zui-popover-glass-border,var(--zui-border,#00000026))] dark:border-[color:var(--zui-popover-glass-border-dark,var(--zui-border-dark,#ffffff26))] bg-[var(--zui-popover-glass-bg,var(--zui-surface-soft,#ffffffb3))] dark:bg-[var(--zui-popover-glass-bg-dark,var(--zui-surface-soft-dark,#020617b3))] text-[color:var(--zui-popover-glass-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-popover-glass-fg-dark,var(--zui-fg-dark,#ffffff))] backdrop-blur-md\",\n  emerald:\n    \"border-[color:var(--zui-popover-emerald-border,var(--zui-color-emerald,oklch(43.2%_0.095_166.913_/_0.35)))] dark:border-[color:var(--zui-popover-emerald-border-dark,var(--zui-color-emerald-dark,oklch(43.2%_0.095_166.913_/_0.35)))] bg-[var(--zui-popover-emerald-bg,color-mix(in oklch, var(--zui-color-emerald,oklch(90.5%_0.093_164.15)) 10%, transparent))] text-[color:var(--zui-popover-emerald-fg,var(--zui-color-emerald,oklch(37.8%_0.077_168.94)))] dark:bg-[var(--zui-popover-emerald-bg-dark,color-mix(in oklch, var(--zui-color-emerald-dark,oklch(26.2%_0.051_172.552)) 18%, transparent))] dark:text-[color:var(--zui-popover-emerald-fg-dark,var(--zui-color-emerald-dark,oklch(90.5%_0.093_164.15)))]\",\n  indigo:\n    \"border-[color:var(--zui-popover-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366_/_0.35)))] dark:border-[color:var(--zui-popover-indigo-border-dark,var(--zui-color-indigo-dark,oklch(39.8%_0.195_277.366_/_0.35)))] bg-[var(--zui-popover-indigo-bg,color-mix(in oklch, var(--zui-color-indigo,oklch(87%_0.065_274.039)) 10%, transparent))] text-[color:var(--zui-popover-indigo-fg,var(--zui-color-indigo,oklch(35.9%_0.144_278.697)))] dark:bg-[var(--zui-popover-indigo-bg-dark,color-mix(in oklch, var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288)) 18%, transparent))] dark:text-[color:var(--zui-popover-indigo-fg-dark,var(--zui-color-indigo-dark,oklch(87%_0.065_274.039)))]\",\n  purple:\n    \"border-[color:var(--zui-popover-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724_/_0.35)))] dark:border-[color:var(--zui-popover-purple-border-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724_/_0.35)))] bg-[var(--zui-popover-purple-bg,color-mix(in oklch, var(--zui-color-purple,oklch(90.2%_0.063_306.703)) 10%, transparent))] text-[color:var(--zui-popover-purple-fg,var(--zui-color-purple,oklch(38.1%_0.176_304.987)))] dark:bg-[var(--zui-popover-purple-bg-dark,color-mix(in oklch, var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717)) 18%, transparent))] dark:text-[color:var(--zui-popover-purple-fg-dark,var(--zui-color-purple-dark,oklch(90.2%_0.063_306.703)))]\",\n  pink: \"border-[color:var(--zui-popover-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815_/_0.35)))] dark:border-[color:var(--zui-popover-pink-border-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815_/_0.35)))] bg-[var(--zui-popover-pink-bg,color-mix(in oklch, var(--zui-color-pink,oklch(89.9%_0.061_343.231)) 10%, transparent))] text-[color:var(--zui-popover-pink-fg,var(--zui-color-pink,oklch(40.8%_0.153_2.432)))] dark:bg-[var(--zui-popover-pink-bg-dark,color-mix(in oklch, var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907)) 18%, transparent))] dark:text-[color:var(--zui-popover-pink-fg-dark,var(--zui-color-pink-dark,oklch(89.9%_0.061_343.231)))]\",\n  rose: \"border-[color:var(--zui-popover-rose-border,var(--zui-color-rose,oklch(45.5%_0.188_13.697_/_0.35)))] dark:border-[color:var(--zui-popover-rose-border-dark,var(--zui-color-rose-dark,oklch(45.5%_0.188_13.697_/_0.35)))] bg-[var(--zui-popover-rose-bg,color-mix(in oklch, var(--zui-color-rose,oklch(89.2%_0.058_10.001)) 10%, transparent))] text-[color:var(--zui-popover-rose-fg,var(--zui-color-rose,oklch(41%_0.159_10.272)))] dark:bg-[var(--zui-popover-rose-bg-dark,color-mix(in oklch, var(--zui-color-rose-dark,oklch(27.1%_0.105_12.094)) 18%, transparent))] dark:text-[color:var(--zui-popover-rose-fg-dark,var(--zui-color-rose-dark,oklch(89.2%_0.058_10.001)))]\",\n  sky: \"border-[color:var(--zui-popover-sky-border,var(--zui-color-sky,oklch(44.3%_0.11_240.79_/_0.35)))] dark:border-[color:var(--zui-popover-sky-border-dark,var(--zui-color-sky-dark,oklch(44.3%_0.11_240.79_/_0.35)))] bg-[var(--zui-popover-sky-bg,color-mix(in oklch, var(--zui-color-sky,oklch(90.1%_0.058_230.902)) 10%, transparent))] text-[color:var(--zui-popover-sky-fg,var(--zui-color-sky,oklch(39.1%_0.09_240.876)))] dark:bg-[var(--zui-popover-sky-bg-dark,color-mix(in oklch, var(--zui-color-sky-dark,oklch(29.3%_0.066_243.157)) 18%, transparent))] dark:text-[color:var(--zui-popover-sky-fg-dark,var(--zui-color-sky-dark,oklch(90.1%_0.058_230.902)))]\",\n  teal: \"border-[color:var(--zui-popover-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216_/_0.35)))] dark:border-[color:var(--zui-popover-teal-border-dark,var(--zui-color-teal-dark,oklch(43.7%_0.078_188.216_/_0.35)))] bg-[var(--zui-popover-teal-bg,color-mix(in oklch, var(--zui-color-teal,oklch(91%_0.096_180.426)) 10%, transparent))] text-[color:var(--zui-popover-teal-fg,var(--zui-color-teal,oklch(38.6%_0.063_188.416)))] dark:bg-[var(--zui-popover-teal-bg-dark,color-mix(in oklch, var(--zui-color-teal-dark,oklch(27.7%_0.046_192.524)) 18%, transparent))] dark:text-[color:var(--zui-popover-teal-fg-dark,var(--zui-color-teal-dark,oklch(91%_0.096_180.426)))]\",\n  yellow:\n    \"border-[color:var(--zui-popover-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907_/_0.35)))] dark:border-[color:var(--zui-popover-yellow-border-dark,var(--zui-color-yellow-dark,oklch(47.6%_0.114_61.907_/_0.35)))] bg-[var(--zui-popover-yellow-bg,color-mix(in oklch, var(--zui-color-yellow,oklch(94.5%_0.129_101.54)) 10%, transparent))] text-[color:var(--zui-popover-yellow-fg,var(--zui-color-yellow,oklch(42.1%_0.095_57.708)))] dark:bg-[var(--zui-popover-yellow-bg-dark,color-mix(in oklch, var(--zui-color-yellow-dark,oklch(28.6%_0.066_53.813)) 18%, transparent))] dark:text-[color:var(--zui-popover-yellow-fg-dark,var(--zui-color-yellow-dark,oklch(94.5%_0.129_101.54)))]\",\n  orange:\n    \"border-[color:var(--zui-popover-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304_/_0.35)))] dark:border-[color:var(--zui-popover-orange-border-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304_/_0.35)))] bg-[var(--zui-popover-orange-bg,color-mix(in oklch, var(--zui-color-orange,oklch(90.1%_0.076_70.697)) 10%, transparent))] text-[color:var(--zui-popover-orange-fg,var(--zui-color-orange,oklch(40.8%_0.123_38.172)))] dark:bg-[var(--zui-popover-orange-bg-dark,color-mix(in oklch, var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259)) 18%, transparent))] dark:text-[color:var(--zui-popover-orange-fg-dark,var(--zui-color-orange-dark,oklch(90.1%_0.076_70.697)))]\",\n  green:\n    \"border-[color:var(--zui-popover-green-border,var(--zui-color-green,oklch(44.8%_0.119_151.328_/_0.35)))] dark:border-[color:var(--zui-popover-green-border-dark,var(--zui-color-green-dark,oklch(44.8%_0.119_151.328_/_0.35)))] bg-[var(--zui-popover-green-bg,color-mix(in oklch, var(--zui-color-green,oklch(92.5%_0.084_155.995)) 10%, transparent))] text-[color:var(--zui-popover-green-fg,var(--zui-color-green,oklch(39.3%_0.095_152.535)))] dark:bg-[var(--zui-popover-green-bg-dark,color-mix(in oklch, var(--zui-color-green-dark,oklch(26.6%_0.065_152.934)) 18%, transparent))] dark:text-[color:var(--zui-popover-green-fg-dark,var(--zui-color-green-dark,oklch(92.5%_0.084_155.995)))]\",\n  \"gradient-blue\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-blue-from,var(--zui-color-blue,oklch(42.4%_0.199_265.638)))] dark:from-[var(--zui-popover-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(42.4%_0.199_265.638)))] to-[var(--zui-popover-gradient-blue-to,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:to-[var(--zui-popover-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] text-[color:var(--zui-popover-gradient-blue-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-blue-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  \"gradient-green\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-green-from,var(--zui-color-green,oklch(44.8%_0.119_151.328)))] dark:from-[var(--zui-popover-gradient-green-from-dark,var(--zui-color-green-dark,oklch(44.8%_0.119_151.328)))] to-[var(--zui-popover-gradient-green-to,var(--zui-color-lime,oklch(45.3%_0.124_130.933)))] dark:to-[var(--zui-popover-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(45.3%_0.124_130.933)))] text-[color:var(--zui-popover-gradient-green-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-green-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  \"gradient-red\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-red-from,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:from-[var(--zui-popover-gradient-red-from-dark,var(--zui-color-red-dark,oklch(44.4%_0.177_26.899)))] to-[var(--zui-popover-gradient-red-to,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:to-[var(--zui-popover-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] text-[color:var(--zui-popover-gradient-red-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-red-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  \"gradient-yellow\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-yellow-from,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:from-[var(--zui-popover-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(47.6%_0.114_61.907)))] to-[var(--zui-popover-gradient-yellow-to,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:to-[var(--zui-popover-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304)))] text-[color:var(--zui-popover-gradient-yellow-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-yellow-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  \"gradient-purple\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-purple-from,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:from-[var(--zui-popover-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] to-[var(--zui-popover-gradient-purple-to,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:to-[var(--zui-popover-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] text-[color:var(--zui-popover-gradient-purple-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-purple-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  \"gradient-teal\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-teal-from,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:from-[var(--zui-popover-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(43.7%_0.078_188.216)))] to-[var(--zui-popover-gradient-teal-to,var(--zui-color-cyan,oklch(45%_0.085_224.283)))] dark:to-[var(--zui-popover-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(45%_0.085_224.283)))] text-[color:var(--zui-popover-gradient-teal-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-teal-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  \"gradient-indigo\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-indigo-from,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:from-[var(--zui-popover-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(39.8%_0.195_277.366)))] to-[var(--zui-popover-gradient-indigo-to,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:to-[var(--zui-popover-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] text-[color:var(--zui-popover-gradient-indigo-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-indigo-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  \"gradient-pink\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-pink-from,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:from-[var(--zui-popover-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] to-[var(--zui-popover-gradient-pink-to,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:to-[var(--zui-popover-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(45.5%_0.188_13.697)))] text-[color:var(--zui-popover-gradient-pink-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-pink-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  \"gradient-orange\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-orange-from,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:from-[var(--zui-popover-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304)))] to-[var(--zui-popover-gradient-orange-to,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:to-[var(--zui-popover-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(44.4%_0.177_26.899)))] text-[color:var(--zui-popover-gradient-orange-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-orange-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  blue: \"border border-[color:var(--zui-popover-content-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-popover-content-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-popover-content-blue-bg,color-mix(in oklch, var(--zui-color-blue,#2563eb14) 8%, transparent))] dark:bg-[var(--zui-popover-content-blue-bg-dark,color-mix(in oklch, var(--zui-color-blue-dark,#3b82f624) 14%, transparent))] text-[color:var(--zui-popover-content-blue-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-blue-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n  cyan: \"border border-[color:var(--zui-popover-content-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-popover-content-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-popover-content-cyan-bg,color-mix(in oklch, var(--zui-color-cyan,#0891b214) 8%, transparent))] dark:bg-[var(--zui-popover-content-cyan-bg-dark,color-mix(in oklch, var(--zui-color-cyan-dark,#22d3ee24) 14%, transparent))] text-[color:var(--zui-popover-content-cyan-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-cyan-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n  lime: \"border border-[color:var(--zui-popover-content-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-popover-content-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-popover-content-lime-bg,color-mix(in oklch, var(--zui-color-lime,#65a30d14) 8%, transparent))] dark:bg-[var(--zui-popover-content-lime-bg-dark,color-mix(in oklch, var(--zui-color-lime-dark,#a3e63524) 14%, transparent))] text-[color:var(--zui-popover-content-lime-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-lime-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n  mint: \"border border-[color:var(--zui-popover-content-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-popover-content-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-popover-content-mint-bg,color-mix(in oklch, var(--zui-color-mint,#10b98114) 8%, transparent))] dark:bg-[var(--zui-popover-content-mint-bg-dark,color-mix(in oklch, var(--zui-color-mint-dark,#6ee7b724) 14%, transparent))] text-[color:var(--zui-popover-content-mint-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-mint-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n  ocean:\n    \"border border-[color:var(--zui-popover-content-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-popover-content-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-popover-content-ocean-bg,color-mix(in oklch, var(--zui-color-ocean,#0284c714) 8%, transparent))] dark:bg-[var(--zui-popover-content-ocean-bg-dark,color-mix(in oklch, var(--zui-color-ocean-dark,#38bdf824) 14%, transparent))] text-[color:var(--zui-popover-content-ocean-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-ocean-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n  sapphire:\n    \"border border-[color:var(--zui-popover-content-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-popover-content-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-popover-content-sapphire-bg,color-mix(in oklch, var(--zui-color-sapphire,#1d4ed814) 8%, transparent))] dark:bg-[var(--zui-popover-content-sapphire-bg-dark,color-mix(in oklch, var(--zui-color-sapphire-dark,#60a5fa24) 14%, transparent))] text-[color:var(--zui-popover-content-sapphire-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-sapphire-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n  lavender:\n    \"border border-[color:var(--zui-popover-content-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-popover-content-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-popover-content-lavender-bg,color-mix(in oklch, var(--zui-color-lavender,#8b5cf614) 8%, transparent))] dark:bg-[var(--zui-popover-content-lavender-bg-dark,color-mix(in oklch, var(--zui-color-lavender-dark,#a78bfa24) 14%, transparent))] text-[color:var(--zui-popover-content-lavender-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-lavender-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n  ruby: \"border border-[color:var(--zui-popover-content-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-popover-content-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-popover-content-ruby-bg,color-mix(in oklch, var(--zui-color-ruby,#be123c14) 8%, transparent))] dark:bg-[var(--zui-popover-content-ruby-bg-dark,color-mix(in oklch, var(--zui-color-ruby-dark,#fb718524) 14%, transparent))] text-[color:var(--zui-popover-content-ruby-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-ruby-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n  red: \"border border-[color:var(--zui-popover-content-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-popover-content-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-popover-content-red-bg,color-mix(in oklch, var(--zui-color-red,#dc262614) 8%, transparent))] dark:bg-[var(--zui-popover-content-red-bg-dark,color-mix(in oklch, var(--zui-color-red-dark,#ef444424) 14%, transparent))] text-[color:var(--zui-popover-content-red-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-red-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n  slate:\n    \"border border-[color:var(--zui-popover-content-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-popover-content-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-popover-content-slate-bg,color-mix(in oklch, var(--zui-color-slate,#47556914) 8%, transparent))] dark:bg-[var(--zui-popover-content-slate-bg-dark,color-mix(in oklch, var(--zui-color-slate-dark,#64748b24) 14%, transparent))] text-[color:var(--zui-popover-content-slate-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-slate-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n  zinc: \"border border-[color:var(--zui-popover-content-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-popover-content-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-popover-content-zinc-bg,color-mix(in oklch, var(--zui-color-zinc,#52525b14) 8%, transparent))] dark:bg-[var(--zui-popover-content-zinc-bg-dark,color-mix(in oklch, var(--zui-color-zinc-dark,#71717a24) 14%, transparent))] text-[color:var(--zui-popover-content-zinc-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-zinc-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n  stone:\n    \"border border-[color:var(--zui-popover-content-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-popover-content-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-popover-content-stone-bg,color-mix(in oklch, var(--zui-color-stone,#57534e14) 8%, transparent))] dark:bg-[var(--zui-popover-content-stone-bg-dark,color-mix(in oklch, var(--zui-color-stone-dark,#78716c24) 14%, transparent))] text-[color:var(--zui-popover-content-stone-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-stone-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n  royal:\n    \"border border-[color:var(--zui-popover-content-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-popover-content-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-popover-content-royal-bg,color-mix(in oklch, var(--zui-color-royal,#4338ca14) 8%, transparent))] dark:bg-[var(--zui-popover-content-royal-bg-dark,color-mix(in oklch, var(--zui-color-royal-dark,#818cf824) 14%, transparent))] text-[color:var(--zui-popover-content-royal-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-royal-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n  electric:\n    \"border border-[color:var(--zui-popover-content-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-popover-content-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-popover-content-electric-bg,color-mix(in oklch, var(--zui-color-electric,#0ea5e914) 8%, transparent))] dark:bg-[var(--zui-popover-content-electric-bg-dark,color-mix(in oklch, var(--zui-color-electric-dark,#38bdf824) 14%, transparent))] text-[color:var(--zui-popover-content-electric-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-electric-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n  forest:\n    \"border border-[color:var(--zui-popover-content-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-popover-content-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-popover-content-forest-bg,color-mix(in oklch, var(--zui-color-forest,#16653414) 8%, transparent))] dark:bg-[var(--zui-popover-content-forest-bg-dark,color-mix(in oklch, var(--zui-color-forest-dark,#4ade8024) 14%, transparent))] text-[color:var(--zui-popover-content-forest-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-forest-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n  sunset:\n    \"border border-[color:var(--zui-popover-content-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-popover-content-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-popover-content-sunset-bg,color-mix(in oklch, var(--zui-color-sunset,#ea580c14) 8%, transparent))] dark:bg-[var(--zui-popover-content-sunset-bg-dark,color-mix(in oklch, var(--zui-color-sunset-dark,#fb923c24) 14%, transparent))] text-[color:var(--zui-popover-content-sunset-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-sunset-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n  magenta:\n    \"border border-[color:var(--zui-popover-content-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-popover-content-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-popover-content-magenta-bg,color-mix(in oklch, var(--zui-color-magenta,#c026d314) 8%, transparent))] dark:bg-[var(--zui-popover-content-magenta-bg-dark,color-mix(in oklch, var(--zui-color-magenta-dark,#e879f924) 14%, transparent))] text-[color:var(--zui-popover-content-magenta-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-magenta-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n  crimson:\n    \"border border-[color:var(--zui-popover-content-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-popover-content-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-popover-content-crimson-bg,color-mix(in oklch, var(--zui-color-crimson,#b91c1c14) 8%, transparent))] dark:bg-[var(--zui-popover-content-crimson-bg-dark,color-mix(in oklch, var(--zui-color-crimson-dark,#f8717124) 14%, transparent))] text-[color:var(--zui-popover-content-crimson-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-crimson-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n  aqua: \"border border-[color:var(--zui-popover-content-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-popover-content-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-popover-content-aqua-bg,color-mix(in oklch, var(--zui-color-aqua,#0f766e14) 8%, transparent))] dark:bg-[var(--zui-popover-content-aqua-bg-dark,color-mix(in oklch, var(--zui-color-aqua-dark,#2dd4bf24) 14%, transparent))] text-[color:var(--zui-popover-content-aqua-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-aqua-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n  plum: \"border border-[color:var(--zui-popover-content-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-popover-content-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-popover-content-plum-bg,color-mix(in oklch, var(--zui-color-plum,#7e22ce14) 8%, transparent))] dark:bg-[var(--zui-popover-content-plum-bg-dark,color-mix(in oklch, var(--zui-color-plum-dark,#c084fc24) 14%, transparent))] text-[color:var(--zui-popover-content-plum-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-plum-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n} as const;\n\nexport const zuiPopoverContentSizes = {\n  sm: \"p-3 text-sm\",\n  md: \"p-4 text-sm\",\n  lg: \"p-5 text-base\",\n} as const;\n\nexport const zuiPopoverContentWidths = {\n  xs: \"min-w-50 md:min-w-xs\",\n  sm: \"min-w-50 md:min-w-sm\",\n  md: \"min-w-50 md:min-w-md\",\n  lg: \"min-w-50 md:min-w-lg\",\n  xl: \"min-w-50 md:min-w-xl\",\n  \"2xl\": \"min-w-50 md:min-w-2xl\",\n} as const;\n"]}