@zentauri-ui/zentauri-components 2.0.0 → 2.1.1

package/dist/chunk-DYSXCJGL.js

@@ -0,0 +1,47 @@
+'use strict';
+
+// 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))]"
+};
+
+exports.zuiFileUploadAppearances = zuiFileUploadAppearances;
+exports.zuiFileUploadBase = zuiFileUploadBase;
+//# sourceMappingURL=chunk-DYSXCJGL.js.map
+//# sourceMappingURL=chunk-DYSXCJGL.js.map

package/dist/chunk-DYSXCJGL.js.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-DYSXCJGL.js","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-P2DQP4J4.js → chunk-EDJ6TVL3.js}

@@ -1,19 +1,19 @@
 'use strict';
 
-var chunk44G3U35C_js = require('./chunk-44G3U35C.js');
+var chunkNNGL2AFQ_js = require('./chunk-NNGL2AFQ.js');
 var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
 var classVarianceAuthority = require('class-variance-authority');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
-var skeletonShimmerGradientClasses = chunk44G3U35C_js.zuiSkeletonShimmerGradientClasses;
-var skeletonVariants = classVarianceAuthority.cva(chunk44G3U35C_js.zuiSkeletonBase, {
+var skeletonShimmerGradientClasses = chunkNNGL2AFQ_js.zuiSkeletonShimmerGradientClasses;
+var skeletonVariants = classVarianceAuthority.cva(chunkNNGL2AFQ_js.zuiSkeletonBase, {
   variants: {
-    appearance: chunk44G3U35C_js.zuiSkeletonAppearances,
-    size: chunk44G3U35C_js.zuiSkeletonSizes,
-    rounded: chunk44G3U35C_js.zuiSkeletonRounded,
-    animation: chunk44G3U35C_js.zuiSkeletonAnimations,
-    shimmerTone: chunk44G3U35C_js.zuiSkeletonShimmerTones
+    appearance: chunkNNGL2AFQ_js.zuiSkeletonAppearances,
+    size: chunkNNGL2AFQ_js.zuiSkeletonSizes,
+    rounded: chunkNNGL2AFQ_js.zuiSkeletonRounded,
+    animation: chunkNNGL2AFQ_js.zuiSkeletonAnimations,
+    shimmerTone: chunkNNGL2AFQ_js.zuiSkeletonShimmerTones
   },
   compoundVariants: [
     {
@@ -136,6 +136,111 @@ var skeletonVariants = classVarianceAuthority.cva(chunk44G3U35C_js.zuiSkeletonBa
       shimmerTone: "gradient-orange",
       class: skeletonShimmerGradientClasses["gradient-orange"]
     },
+    {
+      animation: "shimmer",
+      shimmerTone: "blue",
+      class: skeletonShimmerGradientClasses.blue
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "cyan",
+      class: skeletonShimmerGradientClasses.cyan
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "green",
+      class: skeletonShimmerGradientClasses.green
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "lime",
+      class: skeletonShimmerGradientClasses.lime
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "mint",
+      class: skeletonShimmerGradientClasses.mint
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "ocean",
+      class: skeletonShimmerGradientClasses.ocean
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "sapphire",
+      class: skeletonShimmerGradientClasses.sapphire
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "lavender",
+      class: skeletonShimmerGradientClasses.lavender
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "ruby",
+      class: skeletonShimmerGradientClasses.ruby
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "red",
+      class: skeletonShimmerGradientClasses.red
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "slate",
+      class: skeletonShimmerGradientClasses.slate
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "zinc",
+      class: skeletonShimmerGradientClasses.zinc
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "stone",
+      class: skeletonShimmerGradientClasses.stone
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "royal",
+      class: skeletonShimmerGradientClasses.royal
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "electric",
+      class: skeletonShimmerGradientClasses.electric
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "forest",
+      class: skeletonShimmerGradientClasses.forest
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "sunset",
+      class: skeletonShimmerGradientClasses.sunset
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "magenta",
+      class: skeletonShimmerGradientClasses.magenta
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "crimson",
+      class: skeletonShimmerGradientClasses.crimson
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "aqua",
+      class: skeletonShimmerGradientClasses.aqua
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "plum",
+      class: skeletonShimmerGradientClasses.plum
+    },
     {
       animation: "pulse",
       class: ""
@@ -149,9 +254,9 @@ var skeletonVariants = classVarianceAuthority.cva(chunk44G3U35C_js.zuiSkeletonBa
     shimmerTone: "default"
   }
 });
-var skeletonTextLineVariants = classVarianceAuthority.cva(chunk44G3U35C_js.zuiSkeletonTextLineBase, {
+var skeletonTextLineVariants = classVarianceAuthority.cva(chunkNNGL2AFQ_js.zuiSkeletonTextLineBase, {
   variants: {
-    size: chunk44G3U35C_js.zuiSkeletonTextLineSizes
+    size: chunkNNGL2AFQ_js.zuiSkeletonTextLineSizes
   },
   defaultVariants: { size: "md" }
 });
@@ -420,5 +525,5 @@ exports.skeletonShimmerGradientClasses = skeletonShimmerGradientClasses;
 exports.skeletonTextLineVariants = skeletonTextLineVariants;
 exports.skeletonVariants = skeletonVariants;
 exports.useSkeletonAnimation = useSkeletonAnimation;
-//# sourceMappingURL=chunk-P2DQP4J4.js.map
-//# sourceMappingURL=chunk-P2DQP4J4.js.map
+//# sourceMappingURL=chunk-EDJ6TVL3.js.map
+//# sourceMappingURL=chunk-EDJ6TVL3.js.map

package/dist/chunk-EDJ6TVL3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/skeleton/variants.ts","../src/ui/skeleton/skeleton-base.tsx"],"names":["zuiSkeletonShimmerGradientClasses","cva","zuiSkeletonBase","zuiSkeletonAppearances","zuiSkeletonSizes","zuiSkeletonRounded","zuiSkeletonAnimations","zuiSkeletonShimmerTones","zuiSkeletonTextLineBase","zuiSkeletonTextLineSizes","createContext","useContext","useMemo","jsx","cn","jsxs"],"mappings":"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","file":"chunk-EDJ6TVL3.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiSkeletonAnimations,\n  zuiSkeletonAppearances,\n  zuiSkeletonBase,\n  zuiSkeletonRounded,\n  zuiSkeletonShimmerGradientClasses,\n  zuiSkeletonShimmerTones,\n  zuiSkeletonSizes,\n  zuiSkeletonTextLineBase,\n  zuiSkeletonTextLineSizes,\n  type ZuiSkeletonShimmerTone,\n} from \"../../design-system/skeleton\";\n\nexport const skeletonShimmerGradientClasses = zuiSkeletonShimmerGradientClasses;\nexport type SkeletonShimmerTone = ZuiSkeletonShimmerTone;\n\nexport const skeletonVariants = cva(zuiSkeletonBase, {\n  variants: {\n    appearance: zuiSkeletonAppearances,\n    size: zuiSkeletonSizes,\n    rounded: zuiSkeletonRounded,\n    animation: zuiSkeletonAnimations,\n    shimmerTone: zuiSkeletonShimmerTones,\n  },\n  compoundVariants: [\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"default\",\n      class: skeletonShimmerGradientClasses.default,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"muted\",\n      class: skeletonShimmerGradientClasses.subtle,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"subtle\",\n      class: skeletonShimmerGradientClasses.subtle,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"sky\",\n      class: skeletonShimmerGradientClasses.sky,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"rose\",\n      class: skeletonShimmerGradientClasses.rose,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"purple\",\n      class: skeletonShimmerGradientClasses.purple,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"pink\",\n      class: skeletonShimmerGradientClasses.pink,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"orange\",\n      class: skeletonShimmerGradientClasses.orange,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"yellow\",\n      class: skeletonShimmerGradientClasses.yellow,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"teal\",\n      class: skeletonShimmerGradientClasses.teal,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"indigo\",\n      class: skeletonShimmerGradientClasses.indigo,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"emerald\",\n      class: skeletonShimmerGradientClasses.emerald,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"gray\",\n      class: skeletonShimmerGradientClasses.gray,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"amber\",\n      class: skeletonShimmerGradientClasses.amber,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"violet\",\n      class: skeletonShimmerGradientClasses.violet,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"gradient-blue\",\n      class: skeletonShimmerGradientClasses[\"gradient-blue\"],\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"gradient-green\",\n      class: skeletonShimmerGradientClasses[\"gradient-green\"],\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"gradient-red\",\n      class: skeletonShimmerGradientClasses[\"gradient-red\"],\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"gradient-yellow\",\n      class: skeletonShimmerGradientClasses[\"gradient-yellow\"],\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"gradient-purple\",\n      class: skeletonShimmerGradientClasses[\"gradient-purple\"],\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"gradient-teal\",\n      class: skeletonShimmerGradientClasses[\"gradient-teal\"],\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"gradient-indigo\",\n      class: skeletonShimmerGradientClasses[\"gradient-indigo\"],\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"gradient-pink\",\n      class: skeletonShimmerGradientClasses[\"gradient-pink\"],\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"gradient-orange\",\n      class: skeletonShimmerGradientClasses[\"gradient-orange\"],\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"blue\",\n      class: skeletonShimmerGradientClasses.blue,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"cyan\",\n      class: skeletonShimmerGradientClasses.cyan,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"green\",\n      class: skeletonShimmerGradientClasses.green,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"lime\",\n      class: skeletonShimmerGradientClasses.lime,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"mint\",\n      class: skeletonShimmerGradientClasses.mint,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"ocean\",\n      class: skeletonShimmerGradientClasses.ocean,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"sapphire\",\n      class: skeletonShimmerGradientClasses.sapphire,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"lavender\",\n      class: skeletonShimmerGradientClasses.lavender,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"ruby\",\n      class: skeletonShimmerGradientClasses.ruby,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"red\",\n      class: skeletonShimmerGradientClasses.red,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"slate\",\n      class: skeletonShimmerGradientClasses.slate,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"zinc\",\n      class: skeletonShimmerGradientClasses.zinc,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"stone\",\n      class: skeletonShimmerGradientClasses.stone,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"royal\",\n      class: skeletonShimmerGradientClasses.royal,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"electric\",\n      class: skeletonShimmerGradientClasses.electric,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"forest\",\n      class: skeletonShimmerGradientClasses.forest,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"sunset\",\n      class: skeletonShimmerGradientClasses.sunset,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"magenta\",\n      class: skeletonShimmerGradientClasses.magenta,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"crimson\",\n      class: skeletonShimmerGradientClasses.crimson,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"aqua\",\n      class: skeletonShimmerGradientClasses.aqua,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"plum\",\n      class: skeletonShimmerGradientClasses.plum,\n    },\n    {\n      animation: \"pulse\",\n      class: \"\",\n    },\n  ],\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    rounded: \"md\",\n    animation: \"shimmer\",\n    shimmerTone: \"default\",\n  },\n});\n\nexport const skeletonTextLineVariants = cva(zuiSkeletonTextLineBase, {\n  variants: {\n    size: zuiSkeletonTextLineSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  SkeletonAnimation,\n  SkeletonAvatarProps,\n  SkeletonButtonProps,\n  SkeletonCardProps,\n  SkeletonProps,\n  SkeletonTextProps,\n} from \"./types\";\nimport { skeletonTextLineVariants, skeletonVariants } from \"./variants\";\n\nexport const SkeletonAnimationContext = createContext<\n  SkeletonAnimation | undefined\n>(undefined);\n\nexport function useSkeletonAnimation(\n  fallback: SkeletonAnimation,\n): SkeletonAnimation {\n  const value = useContext(SkeletonAnimationContext);\n  return value ?? fallback;\n}\n\nfunction skeletonMotionClass(animation: SkeletonAnimation): string {\n  if (animation === \"none\") {\n    return \"\";\n  }\n  return \"animate-pulse\";\n}\n\nexport function SkeletonBase(props: SkeletonProps) {\n  const {\n    className,\n    appearance,\n    size,\n    rounded,\n    animation = \"shimmer\",\n    shimmerTone,\n    busy,\n    children,\n    ref,\n    as: Wrapper = \"div\",\n    ...rest\n  } = props;\n  const ctx = useMemo(() => animation, [animation]);\n\n  return (\n    <SkeletonAnimationContext.Provider value={ctx}>\n      <Wrapper\n        ref={ref}\n        data-slot=\"skeleton\"\n        aria-hidden\n        aria-busy={busy ? true : undefined}\n        className={cn(\n          skeletonVariants({\n            appearance,\n            size,\n            rounded,\n            animation,\n            shimmerTone,\n          }),\n          skeletonMotionClass(animation),\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n      </Wrapper>\n    </SkeletonAnimationContext.Provider>\n  );\n}\n\nSkeletonBase.displayName = \"Skeleton\";\n\nexport function SkeletonTextBase(props: SkeletonTextProps) {\n  const {\n    lines = 3,\n    className,\n    appearance,\n    size,\n    rounded,\n    animation = \"shimmer\",\n    shimmerTone,\n    busy,\n    ref,\n    as: Wrapper = \"div\",\n  } = props;\n  const effectiveAnimation = useSkeletonAnimation(animation);\n  const motionClass = skeletonMotionClass(effectiveAnimation);\n\n  return (\n    <div\n      data-slot=\"skeleton-text\"\n      className={cn(\"flex w-full flex-col gap-2\", className)}\n      aria-hidden\n      aria-busy={busy ? true : undefined}\n    >\n      {Array.from({ length: lines }).map((_, index) => (\n        <Wrapper\n          key={index}\n          ref={index === 0 ? ref : undefined}\n          className={cn(\n            skeletonVariants({\n              appearance,\n              size,\n              rounded,\n              animation: effectiveAnimation,\n              shimmerTone,\n            }),\n            skeletonTextLineVariants({ size }),\n            index === lines - 1 ? \"w-3/5\" : \"w-full\",\n            motionClass,\n          )}\n        />\n      ))}\n    </div>\n  );\n}\n\nSkeletonTextBase.displayName = \"SkeletonText\";\n\nconst avatarSizeClass: Record<\n  NonNullable<SkeletonAvatarProps[\"avatarSize\"]>,\n  string\n> = {\n  xs: \"size-6\",\n  sm: \"size-8\",\n  md: \"size-10\",\n  lg: \"size-12\",\n  xl: \"size-14\",\n  \"2xl\": \"size-16\",\n};\n\nexport function SkeletonAvatarBase(props: SkeletonAvatarProps) {\n  const {\n    avatarSize = \"md\",\n    className,\n    appearance,\n    size,\n    rounded = \"full\",\n    animation,\n    shimmerTone,\n    busy,\n    ref,\n    as: Wrapper = \"div\",\n    ...rest\n  } = props;\n  const effectiveAnimation = useSkeletonAnimation(animation ?? \"shimmer\");\n  const motionClass = skeletonMotionClass(effectiveAnimation);\n\n  return (\n    <Wrapper\n      ref={ref}\n      data-slot=\"skeleton-avatar\"\n      aria-hidden\n      aria-busy={busy ? true : undefined}\n      className={cn(\n        skeletonVariants({\n          appearance,\n          size,\n          rounded,\n          animation: effectiveAnimation,\n          shimmerTone,\n        }),\n        avatarSizeClass[avatarSize],\n        motionClass,\n        className,\n      )}\n      {...rest}\n    />\n  );\n}\n\nSkeletonAvatarBase.displayName = \"SkeletonAvatar\";\n\nexport function SkeletonCardBase(props: SkeletonCardProps) {\n  const {\n    className,\n    busy,\n    animation = \"shimmer\",\n    shimmerTone,\n    appearance,\n    size,\n    rounded,\n    ref,\n  } = props;\n\n  return (\n    <div\n      ref={ref as never}\n      data-slot=\"skeleton-card\"\n      className={cn(\"w-full max-w-sm\", className)}\n      aria-busy={busy ? true : undefined}\n    >\n      <SkeletonBase\n        rounded=\"lg\"\n        animation={animation}\n        shimmerTone={shimmerTone}\n        appearance={appearance}\n        size={size}\n        busy={busy}\n        className=\"flex flex-col gap-4 p-4\"\n      >\n        <div className=\"flex items-center gap-3\">\n          <SkeletonAvatarBase\n            appearance={appearance}\n            size={size}\n            animation={animation}\n            shimmerTone={shimmerTone}\n            rounded={rounded}\n          />\n          <div className=\"flex flex-1 flex-col gap-2\">\n            <SkeletonTextBase\n              lines={2}\n              appearance={appearance}\n              size={size}\n              animation={animation}\n              shimmerTone={shimmerTone}\n            />\n          </div>\n        </div>\n        <SkeletonTextBase\n          lines={4}\n          appearance={appearance}\n          size={size}\n          animation={animation}\n          shimmerTone={shimmerTone}\n        />\n      </SkeletonBase>\n    </div>\n  );\n}\n\nSkeletonCardBase.displayName = \"SkeletonCard\";\n\nconst buttonHeight: Record<\n  NonNullable<SkeletonButtonProps[\"buttonSize\"]>,\n  string\n> = {\n  sm: \"h-8 w-24\",\n  md: \"h-10 w-32\",\n  lg: \"h-12 w-40\",\n};\n\nexport function SkeletonButtonBase(props: SkeletonButtonProps) {\n  const {\n    buttonSize = \"md\",\n    className,\n    appearance,\n    size,\n    rounded = \"md\",\n    animation,\n    shimmerTone,\n    busy,\n    ref,\n    ...rest\n  } = props;\n  const effectiveAnimation = useSkeletonAnimation(animation ?? \"shimmer\");\n  const motionClass = skeletonMotionClass(effectiveAnimation);\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"skeleton-button\"\n      aria-hidden\n      aria-busy={busy ? true : undefined}\n      className={cn(\n        skeletonVariants({\n          appearance,\n          size,\n          rounded,\n          animation: effectiveAnimation,\n          shimmerTone,\n        }),\n        buttonHeight[buttonSize],\n        motionClass,\n        className,\n      )}\n      {...rest}\n    />\n  );\n}\n\nSkeletonButtonBase.displayName = \"SkeletonButton\";\n"]}