@zentauri-ui/zentauri-components 2.1.0 → 2.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (113) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/README.md +10 -10
  3. package/cli/cli.integration.test.ts +115 -0
  4. package/cli/index.mjs +260 -5
  5. package/cli/registry.json +84 -0
  6. package/dist/{chunk-N3FNN47Q.mjs → chunk-3IE4IELX.mjs} +32 -32
  7. package/dist/chunk-3IE4IELX.mjs.map +1 -0
  8. package/dist/{chunk-JEZUMCJ6.mjs → chunk-3N575QVC.mjs} +3 -3
  9. package/dist/{chunk-JEZUMCJ6.mjs.map → chunk-3N575QVC.mjs.map} +1 -1
  10. package/dist/{chunk-RRUVHDN6.js → chunk-5TVBPPS6.js} +11 -11
  11. package/dist/{chunk-RRUVHDN6.js.map → chunk-5TVBPPS6.js.map} +1 -1
  12. package/dist/{chunk-YNTUZCLI.js → chunk-642JVK45.js} +16 -16
  13. package/dist/{chunk-YNTUZCLI.js.map → chunk-642JVK45.js.map} +1 -1
  14. package/dist/{chunk-AZ26NZJV.mjs → chunk-6ERBVFDA.mjs} +35 -35
  15. package/dist/chunk-6ERBVFDA.mjs.map +1 -0
  16. package/dist/{chunk-SRJCGSNX.js → chunk-6Q4EOLKN.js} +23 -23
  17. package/dist/{chunk-SRJCGSNX.js.map → chunk-6Q4EOLKN.js.map} +1 -1
  18. package/dist/{chunk-TCEGQIGW.mjs → chunk-7N2UYQBJ.mjs} +9 -7
  19. package/dist/{chunk-TCEGQIGW.mjs.map → chunk-7N2UYQBJ.mjs.map} +1 -1
  20. package/dist/{chunk-VKEDTQY6.js → chunk-APCN6NUH.js} +8 -8
  21. package/dist/{chunk-VKEDTQY6.js.map → chunk-APCN6NUH.js.map} +1 -1
  22. package/dist/{chunk-X7HK6RTF.js → chunk-BIQZC26Q.js} +23 -23
  23. package/dist/{chunk-X7HK6RTF.js.map → chunk-BIQZC26Q.js.map} +1 -1
  24. package/dist/{chunk-K2H6LIPQ.mjs → chunk-GOH2THVW.mjs} +3 -3
  25. package/dist/{chunk-K2H6LIPQ.mjs.map → chunk-GOH2THVW.mjs.map} +1 -1
  26. package/dist/chunk-GUB3RSPR.mjs +211 -0
  27. package/dist/chunk-GUB3RSPR.mjs.map +1 -0
  28. package/dist/{chunk-GENYOZN4.mjs → chunk-HVMYPW3Q.mjs} +3 -3
  29. package/dist/{chunk-GENYOZN4.mjs.map → chunk-HVMYPW3Q.mjs.map} +1 -1
  30. package/dist/chunk-J5NTJVKX.js +229 -0
  31. package/dist/chunk-J5NTJVKX.js.map +1 -0
  32. package/dist/{chunk-XUW42JAP.js → chunk-PZ25OHJE.js} +32 -32
  33. package/dist/chunk-PZ25OHJE.js.map +1 -0
  34. package/dist/{chunk-UFDJ5NIY.mjs → chunk-PZI2UVPL.mjs} +3 -3
  35. package/dist/{chunk-UFDJ5NIY.mjs.map → chunk-PZI2UVPL.mjs.map} +1 -1
  36. package/dist/chunk-R4D5V7NT.js +19 -0
  37. package/dist/{chunk-4TX7EQ5Y.js.map → chunk-R4D5V7NT.js.map} +1 -1
  38. package/dist/{chunk-BGIWVTAU.mjs → chunk-RJ7L45SA.mjs} +3 -3
  39. package/dist/{chunk-BGIWVTAU.mjs.map → chunk-RJ7L45SA.mjs.map} +1 -1
  40. package/dist/{chunk-C6K2SWHC.mjs → chunk-TVEK6PKH.mjs} +23 -23
  41. package/dist/{chunk-C6K2SWHC.mjs.map → chunk-TVEK6PKH.mjs.map} +1 -1
  42. package/dist/{chunk-BJRS5RXR.mjs → chunk-TYBQZO6Y.mjs} +3 -3
  43. package/dist/{chunk-BJRS5RXR.mjs.map → chunk-TYBQZO6Y.mjs.map} +1 -1
  44. package/dist/{chunk-AOVZY2A3.js → chunk-UQQHB3OI.js} +35 -35
  45. package/dist/chunk-UQQHB3OI.js.map +1 -0
  46. package/dist/{chunk-NEFDIJ5N.js → chunk-V2LI5QZD.js} +54 -52
  47. package/dist/chunk-V2LI5QZD.js.map +1 -0
  48. package/dist/{chunk-KCXTYTOY.js → chunk-VHYUH5OH.js} +6 -6
  49. package/dist/{chunk-KCXTYTOY.js.map → chunk-VHYUH5OH.js.map} +1 -1
  50. package/dist/{chunk-BVTYDGLM.mjs → chunk-WIKNEHPJ.mjs} +23 -23
  51. package/dist/{chunk-BVTYDGLM.mjs.map → chunk-WIKNEHPJ.mjs.map} +1 -1
  52. package/dist/{chunk-XF3NHZZ3.js → chunk-Y6DFOQ5E.js} +7 -7
  53. package/dist/{chunk-XF3NHZZ3.js.map → chunk-Y6DFOQ5E.js.map} +1 -1
  54. package/dist/design-system/combobox.d.ts +120 -37
  55. package/dist/design-system/combobox.d.ts.map +1 -1
  56. package/dist/design-system/command.d.ts +33 -33
  57. package/dist/design-system/facade.js +7 -7
  58. package/dist/design-system/facade.mjs +6 -6
  59. package/dist/design-system/popover.d.ts +30 -30
  60. package/dist/design-system/tabs.d.ts +21 -21
  61. package/dist/design-system/toast.d.ts +21 -21
  62. package/dist/ui/buttons/animated.js +9 -9
  63. package/dist/ui/buttons/animated.mjs +7 -7
  64. package/dist/ui/buttons.js +10 -10
  65. package/dist/ui/buttons.mjs +8 -8
  66. package/dist/ui/combobox/combobox-base.d.ts.map +1 -1
  67. package/dist/ui/combobox/variants.d.ts +3 -3
  68. package/dist/ui/combobox.js +22 -20
  69. package/dist/ui/combobox.js.map +1 -1
  70. package/dist/ui/combobox.mjs +6 -4
  71. package/dist/ui/combobox.mjs.map +1 -1
  72. package/dist/ui/command/animated.js +3 -3
  73. package/dist/ui/command/animated.mjs +2 -2
  74. package/dist/ui/command.js +16 -16
  75. package/dist/ui/command.mjs +3 -3
  76. package/dist/ui/dynamic-stepper.js +19 -19
  77. package/dist/ui/dynamic-stepper.mjs +8 -8
  78. package/dist/ui/pagination.js +15 -15
  79. package/dist/ui/pagination.mjs +7 -7
  80. package/dist/ui/popover/animated.js +5 -5
  81. package/dist/ui/popover/animated.mjs +2 -2
  82. package/dist/ui/popover.js +8 -8
  83. package/dist/ui/popover.mjs +2 -2
  84. package/dist/ui/tabs/animated.js +3 -3
  85. package/dist/ui/tabs/animated.mjs +2 -2
  86. package/dist/ui/tabs.js +10 -10
  87. package/dist/ui/tabs.mjs +2 -2
  88. package/dist/ui/toast/animated.js +8 -8
  89. package/dist/ui/toast/animated.mjs +2 -2
  90. package/dist/ui/toast.js +13 -13
  91. package/dist/ui/toast.mjs +2 -2
  92. package/package.json +3 -2
  93. package/src/design-system/combobox.ts +176 -46
  94. package/src/design-system/command.ts +33 -33
  95. package/src/design-system/popover.ts +30 -30
  96. package/src/design-system/tabs.ts +21 -21
  97. package/src/design-system/toast.ts +21 -21
  98. package/src/ui/combobox/combobox-base.tsx +5 -3
  99. package/src/ui/combobox/combobox.test.tsx +69 -0
  100. package/src/ui/command/command.test.tsx +15 -0
  101. package/src/ui/popover/popover.test.tsx +15 -0
  102. package/src/ui/tabs/tabs.test.tsx +15 -0
  103. package/src/ui/toast/toast.test.tsx +12 -0
  104. package/dist/chunk-4TX7EQ5Y.js +0 -19
  105. package/dist/chunk-AOVZY2A3.js.map +0 -1
  106. package/dist/chunk-AZ26NZJV.mjs.map +0 -1
  107. package/dist/chunk-K7PR3XXT.mjs +0 -128
  108. package/dist/chunk-K7PR3XXT.mjs.map +0 -1
  109. package/dist/chunk-N3FNN47Q.mjs.map +0 -1
  110. package/dist/chunk-NEFDIJ5N.js.map +0 -1
  111. package/dist/chunk-QNRJT7R4.js +0 -144
  112. package/dist/chunk-QNRJT7R4.js.map +0 -1
  113. package/dist/chunk-XUW42JAP.js.map +0 -1
package/src/design-system/toast.ts CHANGED
@@ -60,39 +60,39 @@ export const zuiToastRootAppearances = {
60
60
  "border-[color:var(--zui-toast-root-gradient-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-toast-root-gradient-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-linear-to-r from-[var(--zui-toast-root-gradient-pink-from,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:from-[var(--zui-toast-root-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.7)))] to-[var(--zui-toast-root-gradient-pink-to,var(--zui-color-rose,oklch(96.9%_0.015_12.422)))] dark:to-[var(--zui-toast-root-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(27.1%_0.105_12.094_/_0.7)))] backdrop-blur-xl",
61
61
  "gradient-orange":
62
62
  "border-[color:var(--zui-toast-root-gradient-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-toast-root-gradient-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] bg-linear-to-r from-[var(--zui-toast-root-gradient-orange-from,var(--zui-color-orange,oklch(98%_0.016_73.684)))] dark:from-[var(--zui-toast-root-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259_/_0.7)))] to-[var(--zui-toast-root-gradient-orange-to,var(--zui-color-red,oklch(97.1%_0.013_17.38)))] dark:to-[var(--zui-toast-root-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(25.8%_0.092_26.042_/_0.7)))] backdrop-blur-xl",
63
- blue: "border border-[color:var(--zui-toast-root-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-toast-root-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-toast-root-blue-bg,var(--zui-color-blue,#2563eb14))] dark:bg-[var(--zui-toast-root-blue-bg-dark,var(--zui-color-blue-dark,#3b82f624))] text-[color:var(--zui-toast-root-blue-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-blue-fg-dark,var(--zui-fg-dark,#f8fafc))]",
64
- cyan: "border border-[color:var(--zui-toast-root-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-toast-root-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-toast-root-cyan-bg,var(--zui-color-cyan,#0891b214))] dark:bg-[var(--zui-toast-root-cyan-bg-dark,var(--zui-color-cyan-dark,#22d3ee24))] text-[color:var(--zui-toast-root-cyan-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-cyan-fg-dark,var(--zui-fg-dark,#f8fafc))]",
63
+ blue: "border border-[color:var(--zui-toast-root-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-toast-root-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-toast-root-blue-bg,oklch(25.7%_0.09_267.935))] dark:bg-[var(--zui-toast-root-blue-bg-dark,oklch(25.7%_0.09_267.935))] backdrop-blur-xl text-[color:var(--zui-toast-root-blue-fg,oklch(97.7%_0.013_236.62))] dark:text-[color:var(--zui-toast-root-blue-fg-dark,oklch(97.7%_0.013_236.62))]",
64
+ cyan: "border border-[color:var(--zui-toast-root-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-toast-root-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-toast-root-cyan-bg,oklch(30.2%_0.056_229.695))] dark:bg-[var(--zui-toast-root-cyan-bg-dark,oklch(30.2%_0.056_229.695))] backdrop-blur-xl text-[color:var(--zui-toast-root-cyan-fg,oklch(98.4%_0.019_200.873))] dark:text-[color:var(--zui-toast-root-cyan-fg-dark,oklch(98.4%_0.019_200.873))]",
65
65
  green:
66
- "border border-[color:var(--zui-toast-root-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-toast-root-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-toast-root-green-bg,var(--zui-color-green,#16a34a14))] dark:bg-[var(--zui-toast-root-green-bg-dark,var(--zui-color-green-dark,#22c55e24))] text-[color:var(--zui-toast-root-green-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-green-fg-dark,var(--zui-fg-dark,#f8fafc))]",
67
- lime: "border border-[color:var(--zui-toast-root-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-toast-root-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-toast-root-lime-bg,var(--zui-color-lime,#65a30d14))] dark:bg-[var(--zui-toast-root-lime-bg-dark,var(--zui-color-lime-dark,#a3e63524))] text-[color:var(--zui-toast-root-lime-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-lime-fg-dark,var(--zui-fg-dark,#f8fafc))]",
68
- mint: "border border-[color:var(--zui-toast-root-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-toast-root-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-toast-root-mint-bg,var(--zui-color-mint,#10b98114))] dark:bg-[var(--zui-toast-root-mint-bg-dark,var(--zui-color-mint-dark,#6ee7b724))] text-[color:var(--zui-toast-root-mint-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-mint-fg-dark,var(--zui-fg-dark,#f8fafc))]",
66
+ "border border-[color:var(--zui-toast-root-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-toast-root-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-toast-root-green-bg,oklch(26.6%_0.065_152.934))] dark:bg-[var(--zui-toast-root-green-bg-dark,oklch(26.6%_0.065_152.934))] backdrop-blur-xl text-[color:var(--zui-toast-root-green-fg,oklch(97.9%_0.021_166.113))] dark:text-[color:var(--zui-toast-root-green-fg-dark,oklch(97.9%_0.021_166.113))]",
67
+ lime: "border border-[color:var(--zui-toast-root-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-toast-root-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-toast-root-lime-bg,oklch(27.4%_0.072_132.109))] dark:bg-[var(--zui-toast-root-lime-bg-dark,oklch(27.4%_0.072_132.109))] backdrop-blur-xl text-[color:var(--zui-toast-root-lime-fg,oklch(98.6%_0.031_120.757))] dark:text-[color:var(--zui-toast-root-lime-fg-dark,oklch(98.6%_0.031_120.757))]",
68
+ mint: "border border-[color:var(--zui-toast-root-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-toast-root-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-toast-root-mint-bg,oklch(26.2%_0.051_172.552))] dark:bg-[var(--zui-toast-root-mint-bg-dark,oklch(26.2%_0.051_172.552))] backdrop-blur-xl text-[color:var(--zui-toast-root-mint-fg,oklch(97.9%_0.021_166.113))] dark:text-[color:var(--zui-toast-root-mint-fg-dark,oklch(97.9%_0.021_166.113))]",
69
69
  ocean:
70
- "border border-[color:var(--zui-toast-root-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-toast-root-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-toast-root-ocean-bg,var(--zui-color-ocean,#0284c714))] dark:bg-[var(--zui-toast-root-ocean-bg-dark,var(--zui-color-ocean-dark,#38bdf824))] text-[color:var(--zui-toast-root-ocean-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-ocean-fg-dark,var(--zui-fg-dark,#f8fafc))]",
70
+ "border border-[color:var(--zui-toast-root-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-toast-root-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-toast-root-ocean-bg,oklch(29.3%_0.066_243.157))] dark:bg-[var(--zui-toast-root-ocean-bg-dark,oklch(29.3%_0.066_243.157))] backdrop-blur-xl text-[color:var(--zui-toast-root-ocean-fg,oklch(97.7%_0.013_236.62))] dark:text-[color:var(--zui-toast-root-ocean-fg-dark,oklch(97.7%_0.013_236.62))]",
71
71
  sapphire:
72
- "border border-[color:var(--zui-toast-root-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-toast-root-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-toast-root-sapphire-bg,var(--zui-color-sapphire,#1d4ed814))] dark:bg-[var(--zui-toast-root-sapphire-bg-dark,var(--zui-color-sapphire-dark,#60a5fa24))] text-[color:var(--zui-toast-root-sapphire-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-sapphire-fg-dark,var(--zui-fg-dark,#f8fafc))]",
72
+ "border border-[color:var(--zui-toast-root-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-toast-root-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-toast-root-sapphire-bg,oklch(25.7%_0.09_281.288))] dark:bg-[var(--zui-toast-root-sapphire-bg-dark,oklch(25.7%_0.09_281.288))] backdrop-blur-xl text-[color:var(--zui-toast-root-sapphire-fg,oklch(96.2%_0.018_272.314))] dark:text-[color:var(--zui-toast-root-sapphire-fg-dark,oklch(96.2%_0.018_272.314))]",
73
73
  lavender:
74
- "border border-[color:var(--zui-toast-root-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-toast-root-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-toast-root-lavender-bg,var(--zui-color-lavender,#8b5cf614))] dark:bg-[var(--zui-toast-root-lavender-bg-dark,var(--zui-color-lavender-dark,#a78bfa24))] text-[color:var(--zui-toast-root-lavender-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-lavender-fg-dark,var(--zui-fg-dark,#f8fafc))]",
75
- ruby: "border border-[color:var(--zui-toast-root-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-toast-root-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-toast-root-ruby-bg,var(--zui-color-ruby,#be123c14))] dark:bg-[var(--zui-toast-root-ruby-bg-dark,var(--zui-color-ruby-dark,#fb718524))] text-[color:var(--zui-toast-root-ruby-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-ruby-fg-dark,var(--zui-fg-dark,#f8fafc))]",
76
- red: "border border-[color:var(--zui-toast-root-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-toast-root-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-toast-root-red-bg,var(--zui-color-red,#dc262614))] dark:bg-[var(--zui-toast-root-red-bg-dark,var(--zui-color-red-dark,#ef444424))] text-[color:var(--zui-toast-root-red-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-red-fg-dark,var(--zui-fg-dark,#f8fafc))]",
74
+ "border border-[color:var(--zui-toast-root-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-toast-root-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-toast-root-lavender-bg,oklch(28.3%_0.141_291.089))] dark:bg-[var(--zui-toast-root-lavender-bg-dark,oklch(28.3%_0.141_291.089))] backdrop-blur-xl text-[color:var(--zui-toast-root-lavender-fg,oklch(96.9%_0.016_293.756))] dark:text-[color:var(--zui-toast-root-lavender-fg-dark,oklch(96.9%_0.016_293.756))]",
75
+ ruby: "border border-[color:var(--zui-toast-root-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-toast-root-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-toast-root-ruby-bg,oklch(27.1%_0.105_12.094))] dark:bg-[var(--zui-toast-root-ruby-bg-dark,oklch(27.1%_0.105_12.094))] backdrop-blur-xl text-[color:var(--zui-toast-root-ruby-fg,oklch(96.9%_0.015_12.422))] dark:text-[color:var(--zui-toast-root-ruby-fg-dark,oklch(96.9%_0.015_12.422))]",
76
+ red: "border border-[color:var(--zui-toast-root-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-toast-root-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-toast-root-red-bg,oklch(25.8%_0.092_26.042))] dark:bg-[var(--zui-toast-root-red-bg-dark,oklch(25.8%_0.092_26.042))] backdrop-blur-xl text-[color:var(--zui-toast-root-red-fg,oklch(97.1%_0.013_17.38))] dark:text-[color:var(--zui-toast-root-red-fg-dark,oklch(97.1%_0.013_17.38))]",
77
77
  slate:
78
- "border border-[color:var(--zui-toast-root-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-toast-root-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-toast-root-slate-bg,var(--zui-color-slate,#47556914))] dark:bg-[var(--zui-toast-root-slate-bg-dark,var(--zui-color-slate-dark,#64748b24))] text-[color:var(--zui-toast-root-slate-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-slate-fg-dark,var(--zui-fg-dark,#f8fafc))]",
79
- zinc: "border border-[color:var(--zui-toast-root-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-toast-root-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-toast-root-zinc-bg,var(--zui-color-zinc,#52525b14))] dark:bg-[var(--zui-toast-root-zinc-bg-dark,var(--zui-color-zinc-dark,#71717a24))] text-[color:var(--zui-toast-root-zinc-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-zinc-fg-dark,var(--zui-fg-dark,#f8fafc))]",
78
+ "border border-[color:var(--zui-toast-root-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-toast-root-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-toast-root-slate-bg,oklch(20%_0.03_255.652))] dark:bg-[var(--zui-toast-root-slate-bg-dark,oklch(20%_0.03_255.652))] backdrop-blur-xl text-[color:var(--zui-toast-root-slate-fg,oklch(98.5%_0.002_247.839))] dark:text-[color:var(--zui-toast-root-slate-fg-dark,oklch(98.5%_0.002_247.839))]",
79
+ zinc: "border border-[color:var(--zui-toast-root-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-toast-root-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-toast-root-zinc-bg,oklch(20%_0.01_258))] dark:bg-[var(--zui-toast-root-zinc-bg-dark,oklch(20%_0.01_258))] backdrop-blur-xl text-[color:var(--zui-toast-root-zinc-fg,oklch(98.5%_0.002_247.839))] dark:text-[color:var(--zui-toast-root-zinc-fg-dark,oklch(98.5%_0.002_247.839))]",
80
80
  stone:
81
- "border border-[color:var(--zui-toast-root-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-toast-root-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-toast-root-stone-bg,var(--zui-color-stone,#57534e14))] dark:bg-[var(--zui-toast-root-stone-bg-dark,var(--zui-color-stone-dark,#78716c24))] text-[color:var(--zui-toast-root-stone-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-stone-fg-dark,var(--zui-fg-dark,#f8fafc))]",
81
+ "border border-[color:var(--zui-toast-root-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-toast-root-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-toast-root-stone-bg,oklch(20%_0.02_62))] dark:bg-[var(--zui-toast-root-stone-bg-dark,oklch(20%_0.02_62))] backdrop-blur-xl text-[color:var(--zui-toast-root-stone-fg,oklch(98.7%_0.022_95.277))] dark:text-[color:var(--zui-toast-root-stone-fg-dark,oklch(98.7%_0.022_95.277))]",
82
82
  royal:
83
- "border border-[color:var(--zui-toast-root-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-toast-root-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-toast-root-royal-bg,var(--zui-color-royal,#4338ca14))] dark:bg-[var(--zui-toast-root-royal-bg-dark,var(--zui-color-royal-dark,#818cf824))] text-[color:var(--zui-toast-root-royal-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-royal-fg-dark,var(--zui-fg-dark,#f8fafc))]",
83
+ "border border-[color:var(--zui-toast-root-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-toast-root-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-toast-root-royal-bg,oklch(25.7%_0.09_281.288))] dark:bg-[var(--zui-toast-root-royal-bg-dark,oklch(25.7%_0.09_281.288))] backdrop-blur-xl text-[color:var(--zui-toast-root-royal-fg,oklch(96.2%_0.018_272.314))] dark:text-[color:var(--zui-toast-root-royal-fg-dark,oklch(96.2%_0.018_272.314))]",
84
84
  electric:
85
- "border border-[color:var(--zui-toast-root-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-toast-root-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-toast-root-electric-bg,var(--zui-color-electric,#0ea5e914))] dark:bg-[var(--zui-toast-root-electric-bg-dark,var(--zui-color-electric-dark,#38bdf824))] text-[color:var(--zui-toast-root-electric-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-electric-fg-dark,var(--zui-fg-dark,#f8fafc))]",
85
+ "border border-[color:var(--zui-toast-root-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-toast-root-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-toast-root-electric-bg,oklch(28.2%_0.091_267.935))] dark:bg-[var(--zui-toast-root-electric-bg-dark,oklch(28.2%_0.091_267.935))] backdrop-blur-xl text-[color:var(--zui-toast-root-electric-fg,oklch(97.7%_0.013_236.62))] dark:text-[color:var(--zui-toast-root-electric-fg-dark,oklch(97.7%_0.013_236.62))]",
86
86
  forest:
87
- "border border-[color:var(--zui-toast-root-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-toast-root-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-toast-root-forest-bg,var(--zui-color-forest,#16653414))] dark:bg-[var(--zui-toast-root-forest-bg-dark,var(--zui-color-forest-dark,#4ade8024))] text-[color:var(--zui-toast-root-forest-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-forest-fg-dark,var(--zui-fg-dark,#f8fafc))]",
87
+ "border border-[color:var(--zui-toast-root-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-toast-root-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-toast-root-forest-bg,oklch(26.6%_0.065_152.934))] dark:bg-[var(--zui-toast-root-forest-bg-dark,oklch(26.6%_0.065_152.934))] backdrop-blur-xl text-[color:var(--zui-toast-root-forest-fg,oklch(97.9%_0.021_166.113))] dark:text-[color:var(--zui-toast-root-forest-fg-dark,oklch(97.9%_0.021_166.113))]",
88
88
  sunset:
89
- "border border-[color:var(--zui-toast-root-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-toast-root-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-toast-root-sunset-bg,var(--zui-color-sunset,#ea580c14))] dark:bg-[var(--zui-toast-root-sunset-bg-dark,var(--zui-color-sunset-dark,#fb923c24))] text-[color:var(--zui-toast-root-sunset-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-sunset-fg-dark,var(--zui-fg-dark,#f8fafc))]",
89
+ "border border-[color:var(--zui-toast-root-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-toast-root-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-toast-root-sunset-bg,oklch(26.6%_0.079_36.259))] dark:bg-[var(--zui-toast-root-sunset-bg-dark,oklch(26.6%_0.079_36.259))] backdrop-blur-xl text-[color:var(--zui-toast-root-sunset-fg,oklch(98%_0.016_73.684))] dark:text-[color:var(--zui-toast-root-sunset-fg-dark,oklch(98%_0.016_73.684))]",
90
90
  magenta:
91
- "border border-[color:var(--zui-toast-root-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-toast-root-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-toast-root-magenta-bg,var(--zui-color-magenta,#c026d314))] dark:bg-[var(--zui-toast-root-magenta-bg-dark,var(--zui-color-magenta-dark,#e879f924))] text-[color:var(--zui-toast-root-magenta-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-magenta-fg-dark,var(--zui-fg-dark,#f8fafc))]",
91
+ "border border-[color:var(--zui-toast-root-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-toast-root-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-toast-root-magenta-bg,oklch(27%_0.13_316))] dark:bg-[var(--zui-toast-root-magenta-bg-dark,oklch(27%_0.13_316))] backdrop-blur-xl text-[color:var(--zui-toast-root-magenta-fg,oklch(97.1%_0.014_343.198))] dark:text-[color:var(--zui-toast-root-magenta-fg-dark,oklch(97.1%_0.014_343.198))]",
92
92
  crimson:
93
- "border border-[color:var(--zui-toast-root-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-toast-root-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-toast-root-crimson-bg,var(--zui-color-crimson,#b91c1c14))] dark:bg-[var(--zui-toast-root-crimson-bg-dark,var(--zui-color-crimson-dark,#f8717124))] text-[color:var(--zui-toast-root-crimson-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-crimson-fg-dark,var(--zui-fg-dark,#f8fafc))]",
94
- aqua: "border border-[color:var(--zui-toast-root-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-toast-root-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-toast-root-aqua-bg,var(--zui-color-aqua,#0f766e14))] dark:bg-[var(--zui-toast-root-aqua-bg-dark,var(--zui-color-aqua-dark,#2dd4bf24))] text-[color:var(--zui-toast-root-aqua-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-aqua-fg-dark,var(--zui-fg-dark,#f8fafc))]",
95
- plum: "border border-[color:var(--zui-toast-root-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-toast-root-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-toast-root-plum-bg,var(--zui-color-plum,#7e22ce14))] dark:bg-[var(--zui-toast-root-plum-bg-dark,var(--zui-color-plum-dark,#c084fc24))] text-[color:var(--zui-toast-root-plum-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-plum-fg-dark,var(--zui-fg-dark,#f8fafc))]",
93
+ "border border-[color:var(--zui-toast-root-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-toast-root-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-toast-root-crimson-bg,oklch(27.1%_0.105_12.094))] dark:bg-[var(--zui-toast-root-crimson-bg-dark,oklch(27.1%_0.105_12.094))] backdrop-blur-xl text-[color:var(--zui-toast-root-crimson-fg,oklch(96.9%_0.015_12.422))] dark:text-[color:var(--zui-toast-root-crimson-fg-dark,oklch(96.9%_0.015_12.422))]",
94
+ aqua: "border border-[color:var(--zui-toast-root-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-toast-root-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-toast-root-aqua-bg,oklch(27.7%_0.046_192.524))] dark:bg-[var(--zui-toast-root-aqua-bg-dark,oklch(27.7%_0.046_192.524))] backdrop-blur-xl text-[color:var(--zui-toast-root-aqua-fg,oklch(98.4%_0.014_180.72))] dark:text-[color:var(--zui-toast-root-aqua-fg-dark,oklch(98.4%_0.014_180.72))]",
95
+ plum: "border border-[color:var(--zui-toast-root-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-toast-root-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-toast-root-plum-bg,oklch(29.1%_0.149_302.717))] dark:bg-[var(--zui-toast-root-plum-bg-dark,oklch(29.1%_0.149_302.717))] backdrop-blur-xl text-[color:var(--zui-toast-root-plum-fg,oklch(97.7%_0.014_308.299))] dark:text-[color:var(--zui-toast-root-plum-fg-dark,oklch(97.7%_0.014_308.299))]",
96
96
  } as const;
97
97
 
98
98
  export const zuiToastRootSizes = {
package/src/ui/combobox/combobox-base.tsx CHANGED
@@ -257,7 +257,7 @@ export const ComboboxValue = ({
257
257
  <span
258
258
  data-slot="combobox-placeholder"
259
259
  className={cn(
260
- "text-[color:var(--zui-combobox-value-placeholder-fg,oklch(55.1%_0.027_264.364))] dark:text-white",
260
+ "text-[color:var(--zui-combobox-value-placeholder-fg,oklch(55.1%_0.027_264.364))] dark:text-[color:var(--zui-combobox-value-placeholder-fg-dark,#ffffff)]",
261
261
  className,
262
262
  )}
263
263
  {...props}
@@ -456,7 +456,7 @@ export const ComboboxItem = ({
456
456
  value,
457
457
  children,
458
458
  disabled,
459
- appearance = "default",
459
+ appearance,
460
460
  className,
461
461
  ...props
462
462
  }: ComboboxItemProps) => {
@@ -469,6 +469,8 @@ export const ComboboxItem = ({
469
469
  setActiveValue,
470
470
  listboxId,
471
471
  } = useCombobox();
472
+ const contentAppearance = useContext(ComboboxAppearanceContext);
473
+ const itemAppearance = appearance ?? contentAppearance;
472
474
 
473
475
  useEffect(() => {
474
476
  registerOption({ label: children, value, disabled });
@@ -500,7 +502,7 @@ export const ComboboxItem = ({
500
502
  }
501
503
  }}
502
504
  className={cn(
503
- comboboxItemVariants({ disabled, appearance }),
505
+ comboboxItemVariants({ disabled, appearance: itemAppearance }),
504
506
  "flex justify-between",
505
507
  isHighlighted &&
506
508
  "bg-[var(--zui-combobox-item-active-bg,oklch(93%_0.006_264.531))] dark:bg-[var(--zui-combobox-item-active-bg-dark,oklch(22%_0.006_264.531))]",
package/src/ui/combobox/combobox.test.tsx CHANGED
@@ -12,6 +12,12 @@ import {
12
12
  ComboboxTrigger,
13
13
  ComboboxValue,
14
14
  } from "./combobox-base";
15
+ import {
16
+ comboboxContentVariants,
17
+ comboboxItemVariants,
18
+ comboboxListVariants,
19
+ comboboxTriggerVariants,
20
+ } from "./variants";
15
21
 
16
22
  function BasicCombobox({
17
23
  multiple = false,
@@ -290,3 +296,66 @@ describe("Combobox — keyboard navigation", () => {
290
296
  expect(listbox).toHaveAttribute("id", controls);
291
297
  });
292
298
  });
299
+
300
+ describe("Combobox — appearance variants", () => {
301
+ it("applies matching tokenized classes for extended and gradient appearances", () => {
302
+ expect(comboboxTriggerVariants({ variant: "forest" })).toContain(
303
+ "--zui-combobox-trigger-forest-bg",
304
+ );
305
+ expect(comboboxTriggerVariants({ variant: "gradient-blue" })).toContain(
306
+ "--zui-combobox-trigger-gradient-blue-border",
307
+ );
308
+ expect(comboboxTriggerVariants({ variant: "gradient-blue" })).toContain(
309
+ "--zui-combobox-value-placeholder-fg",
310
+ );
311
+
312
+ expect(comboboxContentVariants({ appearance: "plum" })).toContain(
313
+ "--zui-combobox-content-plum-bg",
314
+ );
315
+ expect(comboboxContentVariants({ appearance: "gradient-green" })).toContain(
316
+ "--zui-combobox-content-gradient-green-from",
317
+ );
318
+
319
+ expect(comboboxListVariants({ appearance: "mint" })).toContain(
320
+ "--zui-combobox-list-mint-border",
321
+ );
322
+ expect(comboboxItemVariants({ appearance: "forest" })).toContain(
323
+ "--zui-combobox-item-forest-bg",
324
+ );
325
+ });
326
+
327
+ it("provides readable child-slot tokens for gradient content", () => {
328
+ const contentClasses = comboboxContentVariants({
329
+ appearance: "gradient-red",
330
+ });
331
+
332
+ expect(contentClasses).toContain("--zui-combobox-search-placeholder");
333
+ expect(contentClasses).toContain("--zui-combobox-empty-fg");
334
+ expect(contentClasses).toContain("--zui-combobox-item-active-bg");
335
+ });
336
+
337
+ it("inherits content appearance for items when no item appearance is provided", async () => {
338
+ const user = userEvent.setup();
339
+
340
+ render(
341
+ <Combobox defaultValue={["apple"]}>
342
+ <ComboboxTrigger>
343
+ <ComboboxValue placeholder="Pick a fruit" />
344
+ </ComboboxTrigger>
345
+ <ComboboxContent appearance="gradient-teal">
346
+ <ComboboxSearch placeholder="Search fruits..." />
347
+ <ComboboxList>
348
+ <ComboboxItem value="apple">Apple</ComboboxItem>
349
+ <ComboboxEmpty>No fruit found.</ComboboxEmpty>
350
+ </ComboboxList>
351
+ </ComboboxContent>
352
+ </Combobox>,
353
+ );
354
+
355
+ await user.click(screen.getByRole("button"));
356
+
357
+ expect(
358
+ (await screen.findByRole("option", { name: /apple/i })).className,
359
+ ).toContain("--zui-combobox-item-gradient-teal-from");
360
+ });
361
+ });
package/src/ui/command/command.test.tsx CHANGED
@@ -13,6 +13,7 @@ import {
13
13
  CommandSeparator,
14
14
  CommandTrigger,
15
15
  } from "./command-base";
16
+ import { commandContentVariants } from "./variants";
16
17
 
17
18
  function Palette({
18
19
  open,
@@ -114,3 +115,17 @@ describe("Command", () => {
114
115
  ).toBeTruthy();
115
116
  });
116
117
  });
118
+
119
+ describe("Command appearance variants", () => {
120
+ it("uses surface-backed backgrounds for light color appearances", () => {
121
+ expect(commandContentVariants({ appearance: "sky" })).toContain(
122
+ "var(--zui-surface-muted,#ffffff)",
123
+ );
124
+ expect(commandContentVariants({ appearance: "red" })).toContain(
125
+ "var(--zui-surface-muted,#ffffff)",
126
+ );
127
+ expect(commandContentVariants({ appearance: "red" })).not.toContain(
128
+ "color-mix",
129
+ );
130
+ });
131
+ });
package/src/ui/popover/popover.test.tsx CHANGED
@@ -3,6 +3,7 @@ import userEvent from "@testing-library/user-event";
3
3
  import { describe, expect, it, vi } from "vitest";
4
4
 
5
5
  import { Popover, PopoverContent, PopoverTrigger } from "./popover";
6
+ import { popoverContentVariants } from "./variants";
6
7
 
7
8
  describe("Popover", () => {
8
9
  it("should open and close popover content from the trigger", async () => {
@@ -82,3 +83,17 @@ describe("Popover", () => {
82
83
  expect(screen.queryByRole("dialog")).not.toBeInTheDocument();
83
84
  });
84
85
  });
86
+
87
+ describe("Popover appearance variants", () => {
88
+ it("uses opaque surface backgrounds for color variants", () => {
89
+ expect(popoverContentVariants({ variant: "indigo" })).toContain(
90
+ "--zui-popover-indigo-bg,var(--zui-surface-muted,#ffffff)",
91
+ );
92
+ expect(popoverContentVariants({ variant: "purple" })).toContain(
93
+ "--zui-popover-purple-bg,var(--zui-surface-muted,#ffffff)",
94
+ );
95
+ expect(popoverContentVariants({ variant: "indigo" })).not.toContain(
96
+ "transparent",
97
+ );
98
+ });
99
+ });
package/src/ui/tabs/tabs.test.tsx CHANGED
@@ -3,6 +3,7 @@ import userEvent from "@testing-library/user-event";
3
3
  import { describe, expect, it } from "vitest";
4
4
 
5
5
  import { Tabs, TabsContent, TabsList, TabsTrigger } from "./tabs";
6
+ import { tabsTriggerVariants } from "./variants";
6
7
 
7
8
  describe("Tabs", () => {
8
9
  it("should stamp data-slot on root", () => {
@@ -51,3 +52,17 @@ describe("Tabs", () => {
51
52
  });
52
53
  });
53
54
  });
55
+
56
+ describe("Tabs appearance variants", () => {
57
+ it("uses solid active states for extended color appearances", () => {
58
+ expect(
59
+ tabsTriggerVariants({ appearance: "lime", variant: "pills" }),
60
+ ).toContain("--zui-tabs-trigger-lime-bg-active");
61
+ expect(
62
+ tabsTriggerVariants({ appearance: "mint", variant: "pills" }),
63
+ ).toContain("--zui-tabs-trigger-mint-bg-active");
64
+ expect(
65
+ tabsTriggerVariants({ appearance: "lime", variant: "pills" }),
66
+ ).not.toContain("#65a30d10");
67
+ });
68
+ });
package/src/ui/toast/toast.test.tsx CHANGED
@@ -6,6 +6,7 @@ import { afterEach, describe, expect, it, vi } from "vitest";
6
6
  import type { ToastAnimation } from "./types";
7
7
 
8
8
  import { ToastProvider, ToastViewport, useToast } from "./toast";
9
+ import { toastRootVariants } from "./variants";
9
10
 
10
11
  function ToastHarness({
11
12
  title,
@@ -100,3 +101,14 @@ describe("Toast", () => {
100
101
  );
101
102
  }, 5000);
102
103
  });
104
+
105
+ describe("Toast appearance variants", () => {
106
+ it("uses opaque surface backgrounds for extended color appearances", () => {
107
+ expect(toastRootVariants({ appearance: "ruby" })).toContain(
108
+ "--zui-toast-root-ruby-bg,oklch(27.1%_0.105_12.094)",
109
+ );
110
+ expect(toastRootVariants({ appearance: "ruby" })).not.toContain(
111
+ "#be123c14",
112
+ );
113
+ });
114
+ });
package/dist/chunk-4TX7EQ5Y.js DELETED
@@ -1,19 +0,0 @@
1
- 'use strict';
2
-
3
- var chunkNEFDIJ5N_js = require('./chunk-NEFDIJ5N.js');
4
- var classVarianceAuthority = require('class-variance-authority');
5
-
6
- var buttonVariants = classVarianceAuthority.cva(chunkNEFDIJ5N_js.zuiButtonBase, {
7
- variants: {
8
- appearance: chunkNEFDIJ5N_js.zuiButtonAppearances,
9
- size: chunkNEFDIJ5N_js.zuiButtonSizes
10
- },
11
- defaultVariants: {
12
- appearance: "default",
13
- size: "md"
14
- }
15
- });
16
-
17
- exports.buttonVariants = buttonVariants;
18
- //# sourceMappingURL=chunk-4TX7EQ5Y.js.map
19
- //# sourceMappingURL=chunk-4TX7EQ5Y.js.map
package/dist/chunk-AOVZY2A3.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/design-system/command.ts"],"names":[],"mappings":";;;AAAO,IAAM,qBAAA,GACX;AAEK,IAAM,qBAAA,GACX;AAEK,IAAM,qBAAA,GACX;AAEK,IAAM,sBAAA,GAAyB;AAAA,EACpC,EAAA,EAAI,UAAA;AAAA,EACJ,EAAA,EAAI,UAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,sBAAA,GACX;AAEK,IAAM,mBAAA,GACX;AAEK,IAAM,kBAAA,GACX;AAEK,IAAM,0BAAA,GACX;AAEK,IAAM,kBAAA,GACX;AAEK,IAAM,uBAAA,GACX;AAEK,IAAM,mBAAA,GACX;AAEK,IAAM,oBAAA,GACX;AAEK,IAAM,4BAAA,GAA+B;AAAA,EAC1C,OAAA,EACE,8MAAA;AAAA,EACF,KAAA,EACE,4ZAAA;AAAA,EACF,GAAA,EAAK,ifAAA;AAAA,EACL,IAAA,EAAM,wfAAA;AAAA,EACN,MAAA,EACE,4gBAAA;AAAA,EACF,IAAA,EAAM,sfAAA;AAAA,EACN,MAAA,EACE,ogBAAA;AAAA,EACF,MAAA,EACE,ygBAAA;AAAA,EACF,IAAA,EAAM,yfAAA;AAAA,EACN,MAAA,EACE,2gBAAA;AAAA,EACF,OAAA,EACE,ohBAAA;AAAA,EACF,IAAA,EAAM,yfAAA;AAAA,EACN,KAAA,EACE,ggBAAA;AAAA,EACF,MAAA,EACE,4gBAAA;AAAA,EACF,eAAA,EACE,+sBAAA;AAAA,EACF,gBAAA,EACE,utBAAA;AAAA,EACF,cAAA,EACE,4rBAAA;AAAA,EACF,iBAAA,EACE,8tBAAA;AAAA,EACF,iBAAA,EACE,+tBAAA;AAAA,EACF,eAAA,EACE,0sBAAA;AAAA,EACF,iBAAA,EACE,ouBAAA;AAAA,EACF,eAAA,EACE,qsBAAA;AAAA,EACF,IAAA,EAAM,ubAAA;AAAA,EACN,IAAA,EAAM,ubAAA;AAAA,EACN,KAAA,EACE,+bAAA;AAAA,EACF,IAAA,EAAM,ubAAA;AAAA,EACN,IAAA,EAAM,ubAAA;AAAA,EACN,KAAA,EACE,+bAAA;AAAA,EACF,QAAA,EACE,udAAA;AAAA,EACF,QAAA,EACE,udAAA;AAAA,EACF,IAAA,EAAM,ubAAA;AAAA,EACN,GAAA,EAAK,+aAAA;AAAA,EACL,KAAA,EACE,+bAAA;AAAA,EACF,IAAA,EAAM,ubAAA;AAAA,EACN,KAAA,EACE,+bAAA;AAAA,EACF,KAAA,EACE,+bAAA;AAAA,EACF,QAAA,EACE,udAAA;AAAA,EACF,MAAA,EACE,ucAAA;AAAA,EACF,MAAA,EACE,ucAAA;AAAA,EACF,OAAA,EACE,+cAAA;AAAA,EACF,OAAA,EACE,+cAAA;AAAA,EACF,IAAA,EAAM,ubAAA;AAAA,EACN,IAAA,EAAM;AACR","file":"chunk-AOVZY2A3.js","sourcesContent":["export const zuiCommandOverlayBase =\n \"fixed inset-0 z-9999 bg-[var(--zui-command-overlay-bg,var(--zui-fg,oklch(12.9%_0.042_264.695_/_0.6)))] dark:bg-[var(--zui-command-overlay-bg-dark,var(--zui-fg-dark,oklch(12.9%_0.042_264.695_/_0.6)))] backdrop-blur-sm\";\n\nexport const zuiCommandTriggerBase =\n \"relative inline-flex shrink-0 cursor-pointer items-center gap-2 rounded-md border border-[color:var(--zui-command-trigger-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-command-trigger-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-command-trigger-bg,var(--zui-surface-soft,oklch(98.4%_0.003_247.858)))] dark:bg-[var(--zui-command-trigger-bg-dark,var(--zui-surface-soft-dark,oklch(12.9%_0.042_264.695)))] px-3 py-2 text-sm text-[color:var(--zui-command-trigger-fg,var(--zui-fg,oklch(44.6%_0.03_256.802)))] dark:text-[color:var(--zui-command-trigger-fg-dark,var(--zui-fg-dark,oklch(86.9%_0.022_252.894)))] transition hover:bg-[var(--zui-command-trigger-bg-hover,var(--zui-surface-hover,#0000000d))] dark:hover:bg-[var(--zui-command-trigger-bg-hover-dark,var(--zui-surface-hover-dark,#ffffff0d))] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-command-trigger-ring-focus,var(--zui-focus-ring,#06b6d466))] dark:focus-visible:ring-[var(--zui-command-trigger-ring-focus-dark,var(--zui-focus-ring-dark,#22d3ee66))]\";\n\nexport const zuiCommandContentBase =\n \"fixed left-1/2 top-[15%] z-9999 w-[calc(100%-2rem)] -translate-x-1/2 overflow-hidden rounded-xl border border-[color:var(--zui-command-content-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-command-content-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-command-content-bg,var(--zui-surface-muted,oklch(98.4%_0.003_247.858)))] dark:bg-[var(--zui-command-content-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-command-content-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-command-content-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))] shadow-[var(--zui-command-content-shadow,var(--zui-shadow,0_12px_40px_rgba(15,23,42,0.18)))] dark:shadow-[var(--zui-command-content-shadow-dark,var(--zui-shadow-dark,0_24px_80px_rgba(15,23,42,0.6)))] focus:outline-none\";\n\nexport const zuiCommandContentSizes = {\n sm: \"max-w-md\",\n md: \"max-w-lg\",\n lg: \"max-w-2xl\",\n} as const;\n\nexport const zuiCommandInputRowBase =\n \"flex items-center gap-2 border-b border-[color:var(--zui-command-input-border,var(--zui-border,#0000000f))] dark:border-[color:var(--zui-command-input-border-dark,var(--zui-border-dark,#ffffff14))] px-4\";\n\nexport const zuiCommandInputBase =\n \"h-12 w-full bg-transparent text-sm text-[color:var(--zui-command-input-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-command-input-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))] placeholder:text-[color:var(--zui-command-input-placeholder,var(--zui-fg-muted,oklch(55.1%_0.027_264.364)))] dark:placeholder:text-[color:var(--zui-command-input-placeholder-dark,var(--zui-fg-muted-dark,oklch(55.1%_0.027_264.364)))] focus:outline-none\";\n\nexport const zuiCommandListBase =\n \"max-h-[min(60vh,420px)] overflow-y-auto overscroll-contain p-2\";\n\nexport const zuiCommandGroupHeadingBase =\n \"px-2 pb-1 pt-3 text-xs font-semibold uppercase tracking-[0.12em] text-[color:var(--zui-command-group-heading-fg,var(--zui-fg-muted,oklch(55.1%_0.027_264.364)))] dark:text-[color:var(--zui-command-group-heading-fg-dark,var(--zui-fg-muted-dark,oklch(70.7%_0.022_261.325)))]\";\n\nexport const zuiCommandItemBase =\n \"flex cursor-pointer items-center gap-3 rounded-lg px-3 py-2 text-sm text-[color:var(--zui-command-item-fg,var(--zui-fg,oklch(27.8%_0.033_256.848)))] dark:text-[color:var(--zui-command-item-fg-dark,var(--zui-fg-dark,oklch(86.9%_0.022_252.894)))] transition-colors data-[active=true]:bg-[var(--zui-command-item-active-bg,var(--zui-surface-hover,oklch(95.1%_0.026_236.824)))] dark:data-[active=true]:bg-[var(--zui-command-item-active-bg-dark,var(--zui-surface-hover-dark,oklch(28.2%_0.091_267.935_/_0.55)))] data-[active=true]:text-[color:var(--zui-command-item-active-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:data-[active=true]:text-[color:var(--zui-command-item-active-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))] aria-disabled:cursor-not-allowed aria-disabled:opacity-50\";\n\nexport const zuiCommandSeparatorBase =\n \"my-1 h-px bg-[var(--zui-command-separator-bg,var(--zui-border,#0000000f))] dark:bg-[var(--zui-command-separator-bg-dark,var(--zui-border-dark,#ffffff14))]\";\n\nexport const zuiCommandEmptyBase =\n \"px-3 py-8 text-center text-sm text-[color:var(--zui-command-empty-fg,var(--zui-fg-muted,oklch(55.1%_0.027_264.364)))] dark:text-[color:var(--zui-command-empty-fg-dark,var(--zui-fg-muted-dark,oklch(70.7%_0.022_261.325)))]\";\n\nexport const zuiCommandFooterBase =\n \"flex items-center gap-3 border-t border-[color:var(--zui-command-footer-border,var(--zui-border,#0000000f))] dark:border-[color:var(--zui-command-footer-border-dark,var(--zui-border-dark,#ffffff14))] px-4 py-2 text-xs text-[color:var(--zui-command-footer-fg,var(--zui-fg-muted,oklch(55.1%_0.027_264.364)))] dark:text-[color:var(--zui-command-footer-fg-dark,var(--zui-fg-muted-dark,oklch(70.7%_0.022_261.325)))]\";\n\nexport const zuiCommandContentAppearances = {\n default:\n \"bg-[var(--zui-command-content-default-bg,var(--zui-surface-muted,oklch(98.4%_0.003_247.858)))] dark:bg-[var(--zui-command-content-default-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))]\",\n glass:\n \"border-[color:var(--zui-command-content-glass-border,var(--zui-border,#00000026))] dark:border-[color:var(--zui-command-content-glass-border-dark,var(--zui-border-dark,#ffffff26))] bg-[var(--zui-command-content-glass-bg,var(--zui-surface-muted,oklch(98.4%_0.003_247.858_/_0.7)))] dark:bg-[var(--zui-command-content-glass-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695_/_0.7)))] backdrop-blur-xl\",\n sky: \"border-[color:var(--zui-command-content-sky-border,var(--zui-color-sky,oklch(44.3%_0.11_240.79)))] dark:border-[color:var(--zui-command-content-sky-border-dark,var(--zui-color-sky-dark,oklch(58.8%_0.158_241.966)))] bg-[var(--zui-command-content-sky-bg,color-mix(in oklch, var(--zui-color-sky,oklch(97.7%_0.013_236.62)) 10%, transparent))] dark:bg-[var(--zui-command-content-sky-bg-dark,color-mix(in oklch, var(--zui-color-sky-dark,oklch(29.3%_0.066_243.157)) 18%, transparent))] backdrop-blur-xl\",\n rose: \"border-[color:var(--zui-command-content-rose-border,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:border-[color:var(--zui-command-content-rose-border-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))] bg-[var(--zui-command-content-rose-bg,color-mix(in oklch, var(--zui-color-rose,oklch(96.9%_0.015_12.422)) 10%, transparent))] dark:bg-[var(--zui-command-content-rose-bg-dark,color-mix(in oklch, var(--zui-color-rose-dark,oklch(27.1%_0.105_12.094)) 18%, transparent))] backdrop-blur-xl\",\n purple:\n \"border-[color:var(--zui-command-content-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-command-content-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] bg-[var(--zui-command-content-purple-bg,color-mix(in oklch, var(--zui-color-purple,oklch(97.7%_0.014_308.299)) 10%, transparent))] dark:bg-[var(--zui-command-content-purple-bg-dark,color-mix(in oklch, var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717)) 18%, transparent))] backdrop-blur-xl\",\n pink: \"border-[color:var(--zui-command-content-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-command-content-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-[var(--zui-command-content-pink-bg,color-mix(in oklch, var(--zui-color-pink,oklch(97.1%_0.014_343.198)) 10%, transparent))] dark:bg-[var(--zui-command-content-pink-bg-dark,color-mix(in oklch, var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907)) 18%, transparent))] backdrop-blur-xl\",\n orange:\n \"border-[color:var(--zui-command-content-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-command-content-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] bg-[var(--zui-command-content-orange-bg,color-mix(in oklch, var(--zui-color-orange,oklch(98%_0.016_73.684)) 10%, transparent))] dark:bg-[var(--zui-command-content-orange-bg-dark,color-mix(in oklch, var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259)) 18%, transparent))] backdrop-blur-xl\",\n yellow:\n \"border-[color:var(--zui-command-content-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-command-content-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] bg-[var(--zui-command-content-yellow-bg,color-mix(in oklch, var(--zui-color-yellow,oklch(98.7%_0.026_102.212)) 10%, transparent))] dark:bg-[var(--zui-command-content-yellow-bg-dark,color-mix(in oklch, var(--zui-color-yellow-dark,oklch(28.6%_0.066_53.813)) 18%, transparent))] backdrop-blur-xl\",\n teal: \"border-[color:var(--zui-command-content-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-command-content-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] bg-[var(--zui-command-content-teal-bg,color-mix(in oklch, var(--zui-color-teal,oklch(98.4%_0.014_180.72)) 10%, transparent))] dark:bg-[var(--zui-command-content-teal-bg-dark,color-mix(in oklch, var(--zui-color-teal-dark,oklch(27.7%_0.046_192.524)) 18%, transparent))] backdrop-blur-xl\",\n indigo:\n \"border-[color:var(--zui-command-content-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-command-content-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] bg-[var(--zui-command-content-indigo-bg,color-mix(in oklch, var(--zui-color-indigo,oklch(96.2%_0.018_272.314)) 10%, transparent))] dark:bg-[var(--zui-command-content-indigo-bg-dark,color-mix(in oklch, var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288)) 18%, transparent))] backdrop-blur-xl\",\n emerald:\n \"border-[color:var(--zui-command-content-emerald-border,var(--zui-color-emerald,oklch(43.2%_0.095_166.913)))] dark:border-[color:var(--zui-command-content-emerald-border-dark,var(--zui-color-emerald-dark,oklch(59.6%_0.145_163.225)))] bg-[var(--zui-command-content-emerald-bg,color-mix(in oklch, var(--zui-color-emerald,oklch(97.9%_0.021_166.113)) 10%, transparent))] dark:bg-[var(--zui-command-content-emerald-bg-dark,color-mix(in oklch, var(--zui-color-emerald-dark,oklch(26.2%_0.051_172.552)) 18%, transparent))] backdrop-blur-xl\",\n gray: \"border-[color:var(--zui-command-content-gray-border,var(--zui-color-gray,oklch(27.8%_0.033_256.848)))] dark:border-[color:var(--zui-command-content-gray-border-dark,var(--zui-color-gray-dark,oklch(44.6%_0.03_256.802)))] bg-[var(--zui-command-content-gray-bg,color-mix(in oklch, var(--zui-color-gray,oklch(98.5%_0.002_247.839)) 10%, transparent))] dark:bg-[var(--zui-command-content-gray-bg-dark,color-mix(in oklch, var(--zui-color-gray-dark,oklch(13%_0.028_261.692)) 18%, transparent))] backdrop-blur-xl\",\n amber:\n \"border-[color:var(--zui-command-content-amber-border,var(--zui-color-amber,oklch(47.3%_0.137_46.201)))] dark:border-[color:var(--zui-command-content-amber-border-dark,var(--zui-color-amber-dark,oklch(66.6%_0.179_58.318)))] bg-[var(--zui-command-content-amber-bg,color-mix(in oklch, var(--zui-color-amber,oklch(98.7%_0.022_95.277)) 10%, transparent))] dark:bg-[var(--zui-command-content-amber-bg-dark,color-mix(in oklch, var(--zui-color-amber-dark,oklch(27.9%_0.077_45.635)) 18%, transparent))] backdrop-blur-xl\",\n violet:\n \"border-[color:var(--zui-command-content-violet-border,var(--zui-color-violet,oklch(43.2%_0.232_292.759)))] dark:border-[color:var(--zui-command-content-violet-border-dark,var(--zui-color-violet-dark,oklch(54.1%_0.281_293.009)))] bg-[var(--zui-command-content-violet-bg,color-mix(in oklch, var(--zui-color-violet,oklch(96.9%_0.016_293.756)) 10%, transparent))] dark:bg-[var(--zui-command-content-violet-bg-dark,color-mix(in oklch, var(--zui-color-violet-dark,oklch(28.3%_0.141_291.089)) 18%, transparent))] backdrop-blur-xl\",\n \"gradient-blue\":\n \"border-[color:var(--zui-command-content-gradient-blue-border,var(--zui-color-blue,oklch(42.4%_0.199_265.638)))] dark:border-[color:var(--zui-command-content-gradient-blue-border-dark,var(--zui-color-blue-dark,oklch(54.6%_0.245_262.881)))] bg-linear-to-br from-[var(--zui-command-content-gradient-blue-from,var(--zui-color-blue,oklch(97%_0.014_254.604)))] dark:from-[var(--zui-command-content-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(28.2%_0.091_267.935_/_0.85)))] to-[var(--zui-command-content-gradient-blue-to,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:to-[var(--zui-command-content-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.85)))] backdrop-blur-xl\",\n \"gradient-green\":\n \"border-[color:var(--zui-command-content-gradient-green-border,var(--zui-color-green,oklch(44.8%_0.119_151.328)))] dark:border-[color:var(--zui-command-content-gradient-green-border-dark,var(--zui-color-green-dark,oklch(62.7%_0.194_149.214)))] bg-linear-to-br from-[var(--zui-command-content-gradient-green-from,var(--zui-color-green,oklch(98.2%_0.018_155.826)))] dark:from-[var(--zui-command-content-gradient-green-from-dark,var(--zui-color-green-dark,oklch(26.6%_0.065_152.934_/_0.85)))] to-[var(--zui-command-content-gradient-green-to,var(--zui-color-lime,oklch(98.6%_0.031_120.757)))] dark:to-[var(--zui-command-content-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(27.4%_0.072_132.109_/_0.85)))] backdrop-blur-xl\",\n \"gradient-red\":\n \"border-[color:var(--zui-command-content-gradient-red-border,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:border-[color:var(--zui-command-content-gradient-red-border-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] bg-linear-to-br from-[var(--zui-command-content-gradient-red-from,var(--zui-color-red,oklch(97.1%_0.013_17.38)))] dark:from-[var(--zui-command-content-gradient-red-from-dark,var(--zui-color-red-dark,oklch(25.8%_0.092_26.042_/_0.85)))] to-[var(--zui-command-content-gradient-red-to,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:to-[var(--zui-command-content-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.85)))] backdrop-blur-xl\",\n \"gradient-yellow\":\n \"border-[color:var(--zui-command-content-gradient-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-command-content-gradient-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] bg-linear-to-br from-[var(--zui-command-content-gradient-yellow-from,var(--zui-color-yellow,oklch(98.7%_0.026_102.212)))] dark:from-[var(--zui-command-content-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(28.6%_0.066_53.813_/_0.85)))] to-[var(--zui-command-content-gradient-yellow-to,var(--zui-color-orange,oklch(98%_0.016_73.684)))] dark:to-[var(--zui-command-content-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259_/_0.85)))] backdrop-blur-xl\",\n \"gradient-purple\":\n \"border-[color:var(--zui-command-content-gradient-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-command-content-gradient-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] bg-linear-to-br from-[var(--zui-command-content-gradient-purple-from,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:from-[var(--zui-command-content-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.85)))] to-[var(--zui-command-content-gradient-purple-to,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:to-[var(--zui-command-content-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.85)))] backdrop-blur-xl\",\n \"gradient-teal\":\n \"border-[color:var(--zui-command-content-gradient-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-command-content-gradient-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] bg-linear-to-br from-[var(--zui-command-content-gradient-teal-from,var(--zui-color-teal,oklch(98.4%_0.014_180.72)))] dark:from-[var(--zui-command-content-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(27.7%_0.046_192.524_/_0.85)))] to-[var(--zui-command-content-gradient-teal-to,var(--zui-color-cyan,oklch(98.4%_0.019_200.873)))] dark:to-[var(--zui-command-content-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(30.2%_0.056_229.695_/_0.85)))] backdrop-blur-xl\",\n \"gradient-indigo\":\n \"border-[color:var(--zui-command-content-gradient-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-command-content-gradient-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] bg-linear-to-br from-[var(--zui-command-content-gradient-indigo-from,var(--zui-color-indigo,oklch(96.2%_0.018_272.314)))] dark:from-[var(--zui-command-content-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288_/_0.85)))] to-[var(--zui-command-content-gradient-indigo-to,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:to-[var(--zui-command-content-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.85)))] backdrop-blur-xl\",\n \"gradient-pink\":\n \"border-[color:var(--zui-command-content-gradient-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-command-content-gradient-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-linear-to-br from-[var(--zui-command-content-gradient-pink-from,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:from-[var(--zui-command-content-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.85)))] to-[var(--zui-command-content-gradient-pink-to,var(--zui-color-rose,oklch(96.9%_0.015_12.422)))] dark:to-[var(--zui-command-content-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(27.1%_0.105_12.094_/_0.85)))] backdrop-blur-xl\",\n blue: \"border border-[color:var(--zui-command-content-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-command-content-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-command-content-blue-bg,color-mix(in oklch, var(--zui-color-blue,#2563eb) 10%, transparent))] dark:bg-[var(--zui-command-content-blue-bg-dark,color-mix(in oklch, var(--zui-color-blue-dark,#3b82f6) 18%, transparent))] backdrop-blur-xl\",\n cyan: \"border border-[color:var(--zui-command-content-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-command-content-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-command-content-cyan-bg,color-mix(in oklch, var(--zui-color-cyan,#0891b2) 10%, transparent))] dark:bg-[var(--zui-command-content-cyan-bg-dark,color-mix(in oklch, var(--zui-color-cyan-dark,#22d3ee) 18%, transparent))] backdrop-blur-xl\",\n green:\n \"border border-[color:var(--zui-command-content-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-command-content-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-command-content-green-bg,color-mix(in oklch, var(--zui-color-green,#16a34a) 10%, transparent))] dark:bg-[var(--zui-command-content-green-bg-dark,color-mix(in oklch, var(--zui-color-green-dark,#22c55e) 18%, transparent))] backdrop-blur-xl\",\n lime: \"border border-[color:var(--zui-command-content-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-command-content-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-command-content-lime-bg,color-mix(in oklch, var(--zui-color-lime,#65a30d) 10%, transparent))] dark:bg-[var(--zui-command-content-lime-bg-dark,color-mix(in oklch, var(--zui-color-lime-dark,#a3e635) 18%, transparent))] backdrop-blur-xl\",\n mint: \"border border-[color:var(--zui-command-content-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-command-content-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-command-content-mint-bg,color-mix(in oklch, var(--zui-color-mint,#10b981) 10%, transparent))] dark:bg-[var(--zui-command-content-mint-bg-dark,color-mix(in oklch, var(--zui-color-mint-dark,#6ee7b7) 18%, transparent))] backdrop-blur-xl\",\n ocean:\n \"border border-[color:var(--zui-command-content-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-command-content-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-command-content-ocean-bg,color-mix(in oklch, var(--zui-color-ocean,#0284c7) 10%, transparent))] dark:bg-[var(--zui-command-content-ocean-bg-dark,color-mix(in oklch, var(--zui-color-ocean-dark,#38bdf8) 18%, transparent))] backdrop-blur-xl\",\n sapphire:\n \"border border-[color:var(--zui-command-content-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-command-content-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-command-content-sapphire-bg,color-mix(in oklch, var(--zui-color-sapphire,#1d4ed8) 10%, transparent))] dark:bg-[var(--zui-command-content-sapphire-bg-dark,color-mix(in oklch, var(--zui-color-sapphire-dark,#60a5fa) 18%, transparent))] backdrop-blur-xl\",\n lavender:\n \"border border-[color:var(--zui-command-content-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-command-content-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-command-content-lavender-bg,color-mix(in oklch, var(--zui-color-lavender,#8b5cf6) 10%, transparent))] dark:bg-[var(--zui-command-content-lavender-bg-dark,color-mix(in oklch, var(--zui-color-lavender-dark,#a78bfa) 18%, transparent))] backdrop-blur-xl\",\n ruby: \"border border-[color:var(--zui-command-content-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-command-content-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-command-content-ruby-bg,color-mix(in oklch, var(--zui-color-ruby,#be123c) 10%, transparent))] dark:bg-[var(--zui-command-content-ruby-bg-dark,color-mix(in oklch, var(--zui-color-ruby-dark,#fb7185) 18%, transparent))] backdrop-blur-xl\",\n red: \"border border-[color:var(--zui-command-content-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-command-content-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-command-content-red-bg,color-mix(in oklch, var(--zui-color-red,#dc2626) 10%, transparent))] dark:bg-[var(--zui-command-content-red-bg-dark,color-mix(in oklch, var(--zui-color-red-dark,#ef4444) 18%, transparent))] backdrop-blur-xl\",\n slate:\n \"border border-[color:var(--zui-command-content-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-command-content-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-command-content-slate-bg,color-mix(in oklch, var(--zui-color-slate,#475569) 10%, transparent))] dark:bg-[var(--zui-command-content-slate-bg-dark,color-mix(in oklch, var(--zui-color-slate-dark,#64748b) 18%, transparent))] backdrop-blur-xl\",\n zinc: \"border border-[color:var(--zui-command-content-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-command-content-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-command-content-zinc-bg,color-mix(in oklch, var(--zui-color-zinc,#52525b) 10%, transparent))] dark:bg-[var(--zui-command-content-zinc-bg-dark,color-mix(in oklch, var(--zui-color-zinc-dark,#71717a) 18%, transparent))] backdrop-blur-xl\",\n stone:\n \"border border-[color:var(--zui-command-content-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-command-content-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-command-content-stone-bg,color-mix(in oklch, var(--zui-color-stone,#57534e) 10%, transparent))] dark:bg-[var(--zui-command-content-stone-bg-dark,color-mix(in oklch, var(--zui-color-stone-dark,#78716c) 18%, transparent))] backdrop-blur-xl\",\n royal:\n \"border border-[color:var(--zui-command-content-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-command-content-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-command-content-royal-bg,color-mix(in oklch, var(--zui-color-royal,#4338ca) 10%, transparent))] dark:bg-[var(--zui-command-content-royal-bg-dark,color-mix(in oklch, var(--zui-color-royal-dark,#818cf8) 18%, transparent))] backdrop-blur-xl\",\n electric:\n \"border border-[color:var(--zui-command-content-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-command-content-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-command-content-electric-bg,color-mix(in oklch, var(--zui-color-electric,#0ea5e9) 10%, transparent))] dark:bg-[var(--zui-command-content-electric-bg-dark,color-mix(in oklch, var(--zui-color-electric-dark,#38bdf8) 18%, transparent))] backdrop-blur-xl\",\n forest:\n \"border border-[color:var(--zui-command-content-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-command-content-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-command-content-forest-bg,color-mix(in oklch, var(--zui-color-forest,#166534) 10%, transparent))] dark:bg-[var(--zui-command-content-forest-bg-dark,color-mix(in oklch, var(--zui-color-forest-dark,#4ade80) 18%, transparent))] backdrop-blur-xl\",\n sunset:\n \"border border-[color:var(--zui-command-content-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-command-content-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-command-content-sunset-bg,color-mix(in oklch, var(--zui-color-sunset,#ea580c) 10%, transparent))] dark:bg-[var(--zui-command-content-sunset-bg-dark,color-mix(in oklch, var(--zui-color-sunset-dark,#fb923c) 18%, transparent))] backdrop-blur-xl\",\n magenta:\n \"border border-[color:var(--zui-command-content-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-command-content-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-command-content-magenta-bg,color-mix(in oklch, var(--zui-color-magenta,#c026d3) 10%, transparent))] dark:bg-[var(--zui-command-content-magenta-bg-dark,color-mix(in oklch, var(--zui-color-magenta-dark,#e879f9) 18%, transparent))] backdrop-blur-xl\",\n crimson:\n \"border border-[color:var(--zui-command-content-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-command-content-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-command-content-crimson-bg,color-mix(in oklch, var(--zui-color-crimson,#b91c1c) 10%, transparent))] dark:bg-[var(--zui-command-content-crimson-bg-dark,color-mix(in oklch, var(--zui-color-crimson-dark,#f87171) 18%, transparent))] backdrop-blur-xl\",\n aqua: \"border border-[color:var(--zui-command-content-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-command-content-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-command-content-aqua-bg,color-mix(in oklch, var(--zui-color-aqua,#0f766e) 10%, transparent))] dark:bg-[var(--zui-command-content-aqua-bg-dark,color-mix(in oklch, var(--zui-color-aqua-dark,#2dd4bf) 18%, transparent))] backdrop-blur-xl\",\n plum: \"border border-[color:var(--zui-command-content-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-command-content-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-command-content-plum-bg,color-mix(in oklch, var(--zui-color-plum,#7e22ce) 10%, transparent))] dark:bg-[var(--zui-command-content-plum-bg-dark,color-mix(in oklch, var(--zui-color-plum-dark,#c084fc) 18%, transparent))] backdrop-blur-xl\",\n} as const;\n"]}
package/dist/chunk-AZ26NZJV.mjs.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/design-system/command.ts"],"names":[],"mappings":";AAAO,IAAM,qBAAA,GACX;AAEK,IAAM,qBAAA,GACX;AAEK,IAAM,qBAAA,GACX;AAEK,IAAM,sBAAA,GAAyB;AAAA,EACpC,EAAA,EAAI,UAAA;AAAA,EACJ,EAAA,EAAI,UAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,sBAAA,GACX;AAEK,IAAM,mBAAA,GACX;AAEK,IAAM,kBAAA,GACX;AAEK,IAAM,0BAAA,GACX;AAEK,IAAM,kBAAA,GACX;AAEK,IAAM,uBAAA,GACX;AAEK,IAAM,mBAAA,GACX;AAEK,IAAM,oBAAA,GACX;AAEK,IAAM,4BAAA,GAA+B;AAAA,EAC1C,OAAA,EACE,8MAAA;AAAA,EACF,KAAA,EACE,4ZAAA;AAAA,EACF,GAAA,EAAK,ifAAA;AAAA,EACL,IAAA,EAAM,wfAAA;AAAA,EACN,MAAA,EACE,4gBAAA;AAAA,EACF,IAAA,EAAM,sfAAA;AAAA,EACN,MAAA,EACE,ogBAAA;AAAA,EACF,MAAA,EACE,ygBAAA;AAAA,EACF,IAAA,EAAM,yfAAA;AAAA,EACN,MAAA,EACE,2gBAAA;AAAA,EACF,OAAA,EACE,ohBAAA;AAAA,EACF,IAAA,EAAM,yfAAA;AAAA,EACN,KAAA,EACE,ggBAAA;AAAA,EACF,MAAA,EACE,4gBAAA;AAAA,EACF,eAAA,EACE,+sBAAA;AAAA,EACF,gBAAA,EACE,utBAAA;AAAA,EACF,cAAA,EACE,4rBAAA;AAAA,EACF,iBAAA,EACE,8tBAAA;AAAA,EACF,iBAAA,EACE,+tBAAA;AAAA,EACF,eAAA,EACE,0sBAAA;AAAA,EACF,iBAAA,EACE,ouBAAA;AAAA,EACF,eAAA,EACE,qsBAAA;AAAA,EACF,IAAA,EAAM,ubAAA;AAAA,EACN,IAAA,EAAM,ubAAA;AAAA,EACN,KAAA,EACE,+bAAA;AAAA,EACF,IAAA,EAAM,ubAAA;AAAA,EACN,IAAA,EAAM,ubAAA;AAAA,EACN,KAAA,EACE,+bAAA;AAAA,EACF,QAAA,EACE,udAAA;AAAA,EACF,QAAA,EACE,udAAA;AAAA,EACF,IAAA,EAAM,ubAAA;AAAA,EACN,GAAA,EAAK,+aAAA;AAAA,EACL,KAAA,EACE,+bAAA;AAAA,EACF,IAAA,EAAM,ubAAA;AAAA,EACN,KAAA,EACE,+bAAA;AAAA,EACF,KAAA,EACE,+bAAA;AAAA,EACF,QAAA,EACE,udAAA;AAAA,EACF,MAAA,EACE,ucAAA;AAAA,EACF,MAAA,EACE,ucAAA;AAAA,EACF,OAAA,EACE,+cAAA;AAAA,EACF,OAAA,EACE,+cAAA;AAAA,EACF,IAAA,EAAM,ubAAA;AAAA,EACN,IAAA,EAAM;AACR","file":"chunk-AZ26NZJV.mjs","sourcesContent":["export const zuiCommandOverlayBase =\n \"fixed inset-0 z-9999 bg-[var(--zui-command-overlay-bg,var(--zui-fg,oklch(12.9%_0.042_264.695_/_0.6)))] dark:bg-[var(--zui-command-overlay-bg-dark,var(--zui-fg-dark,oklch(12.9%_0.042_264.695_/_0.6)))] backdrop-blur-sm\";\n\nexport const zuiCommandTriggerBase =\n \"relative inline-flex shrink-0 cursor-pointer items-center gap-2 rounded-md border border-[color:var(--zui-command-trigger-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-command-trigger-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-command-trigger-bg,var(--zui-surface-soft,oklch(98.4%_0.003_247.858)))] dark:bg-[var(--zui-command-trigger-bg-dark,var(--zui-surface-soft-dark,oklch(12.9%_0.042_264.695)))] px-3 py-2 text-sm text-[color:var(--zui-command-trigger-fg,var(--zui-fg,oklch(44.6%_0.03_256.802)))] dark:text-[color:var(--zui-command-trigger-fg-dark,var(--zui-fg-dark,oklch(86.9%_0.022_252.894)))] transition hover:bg-[var(--zui-command-trigger-bg-hover,var(--zui-surface-hover,#0000000d))] dark:hover:bg-[var(--zui-command-trigger-bg-hover-dark,var(--zui-surface-hover-dark,#ffffff0d))] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-command-trigger-ring-focus,var(--zui-focus-ring,#06b6d466))] dark:focus-visible:ring-[var(--zui-command-trigger-ring-focus-dark,var(--zui-focus-ring-dark,#22d3ee66))]\";\n\nexport const zuiCommandContentBase =\n \"fixed left-1/2 top-[15%] z-9999 w-[calc(100%-2rem)] -translate-x-1/2 overflow-hidden rounded-xl border border-[color:var(--zui-command-content-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-command-content-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-command-content-bg,var(--zui-surface-muted,oklch(98.4%_0.003_247.858)))] dark:bg-[var(--zui-command-content-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-command-content-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-command-content-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))] shadow-[var(--zui-command-content-shadow,var(--zui-shadow,0_12px_40px_rgba(15,23,42,0.18)))] dark:shadow-[var(--zui-command-content-shadow-dark,var(--zui-shadow-dark,0_24px_80px_rgba(15,23,42,0.6)))] focus:outline-none\";\n\nexport const zuiCommandContentSizes = {\n sm: \"max-w-md\",\n md: \"max-w-lg\",\n lg: \"max-w-2xl\",\n} as const;\n\nexport const zuiCommandInputRowBase =\n \"flex items-center gap-2 border-b border-[color:var(--zui-command-input-border,var(--zui-border,#0000000f))] dark:border-[color:var(--zui-command-input-border-dark,var(--zui-border-dark,#ffffff14))] px-4\";\n\nexport const zuiCommandInputBase =\n \"h-12 w-full bg-transparent text-sm text-[color:var(--zui-command-input-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-command-input-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))] placeholder:text-[color:var(--zui-command-input-placeholder,var(--zui-fg-muted,oklch(55.1%_0.027_264.364)))] dark:placeholder:text-[color:var(--zui-command-input-placeholder-dark,var(--zui-fg-muted-dark,oklch(55.1%_0.027_264.364)))] focus:outline-none\";\n\nexport const zuiCommandListBase =\n \"max-h-[min(60vh,420px)] overflow-y-auto overscroll-contain p-2\";\n\nexport const zuiCommandGroupHeadingBase =\n \"px-2 pb-1 pt-3 text-xs font-semibold uppercase tracking-[0.12em] text-[color:var(--zui-command-group-heading-fg,var(--zui-fg-muted,oklch(55.1%_0.027_264.364)))] dark:text-[color:var(--zui-command-group-heading-fg-dark,var(--zui-fg-muted-dark,oklch(70.7%_0.022_261.325)))]\";\n\nexport const zuiCommandItemBase =\n \"flex cursor-pointer items-center gap-3 rounded-lg px-3 py-2 text-sm text-[color:var(--zui-command-item-fg,var(--zui-fg,oklch(27.8%_0.033_256.848)))] dark:text-[color:var(--zui-command-item-fg-dark,var(--zui-fg-dark,oklch(86.9%_0.022_252.894)))] transition-colors data-[active=true]:bg-[var(--zui-command-item-active-bg,var(--zui-surface-hover,oklch(95.1%_0.026_236.824)))] dark:data-[active=true]:bg-[var(--zui-command-item-active-bg-dark,var(--zui-surface-hover-dark,oklch(28.2%_0.091_267.935_/_0.55)))] data-[active=true]:text-[color:var(--zui-command-item-active-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:data-[active=true]:text-[color:var(--zui-command-item-active-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))] aria-disabled:cursor-not-allowed aria-disabled:opacity-50\";\n\nexport const zuiCommandSeparatorBase =\n \"my-1 h-px bg-[var(--zui-command-separator-bg,var(--zui-border,#0000000f))] dark:bg-[var(--zui-command-separator-bg-dark,var(--zui-border-dark,#ffffff14))]\";\n\nexport const zuiCommandEmptyBase =\n \"px-3 py-8 text-center text-sm text-[color:var(--zui-command-empty-fg,var(--zui-fg-muted,oklch(55.1%_0.027_264.364)))] dark:text-[color:var(--zui-command-empty-fg-dark,var(--zui-fg-muted-dark,oklch(70.7%_0.022_261.325)))]\";\n\nexport const zuiCommandFooterBase =\n \"flex items-center gap-3 border-t border-[color:var(--zui-command-footer-border,var(--zui-border,#0000000f))] dark:border-[color:var(--zui-command-footer-border-dark,var(--zui-border-dark,#ffffff14))] px-4 py-2 text-xs text-[color:var(--zui-command-footer-fg,var(--zui-fg-muted,oklch(55.1%_0.027_264.364)))] dark:text-[color:var(--zui-command-footer-fg-dark,var(--zui-fg-muted-dark,oklch(70.7%_0.022_261.325)))]\";\n\nexport const zuiCommandContentAppearances = {\n default:\n \"bg-[var(--zui-command-content-default-bg,var(--zui-surface-muted,oklch(98.4%_0.003_247.858)))] dark:bg-[var(--zui-command-content-default-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))]\",\n glass:\n \"border-[color:var(--zui-command-content-glass-border,var(--zui-border,#00000026))] dark:border-[color:var(--zui-command-content-glass-border-dark,var(--zui-border-dark,#ffffff26))] bg-[var(--zui-command-content-glass-bg,var(--zui-surface-muted,oklch(98.4%_0.003_247.858_/_0.7)))] dark:bg-[var(--zui-command-content-glass-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695_/_0.7)))] backdrop-blur-xl\",\n sky: \"border-[color:var(--zui-command-content-sky-border,var(--zui-color-sky,oklch(44.3%_0.11_240.79)))] dark:border-[color:var(--zui-command-content-sky-border-dark,var(--zui-color-sky-dark,oklch(58.8%_0.158_241.966)))] bg-[var(--zui-command-content-sky-bg,color-mix(in oklch, var(--zui-color-sky,oklch(97.7%_0.013_236.62)) 10%, transparent))] dark:bg-[var(--zui-command-content-sky-bg-dark,color-mix(in oklch, var(--zui-color-sky-dark,oklch(29.3%_0.066_243.157)) 18%, transparent))] backdrop-blur-xl\",\n rose: \"border-[color:var(--zui-command-content-rose-border,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:border-[color:var(--zui-command-content-rose-border-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))] bg-[var(--zui-command-content-rose-bg,color-mix(in oklch, var(--zui-color-rose,oklch(96.9%_0.015_12.422)) 10%, transparent))] dark:bg-[var(--zui-command-content-rose-bg-dark,color-mix(in oklch, var(--zui-color-rose-dark,oklch(27.1%_0.105_12.094)) 18%, transparent))] backdrop-blur-xl\",\n purple:\n \"border-[color:var(--zui-command-content-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-command-content-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] bg-[var(--zui-command-content-purple-bg,color-mix(in oklch, var(--zui-color-purple,oklch(97.7%_0.014_308.299)) 10%, transparent))] dark:bg-[var(--zui-command-content-purple-bg-dark,color-mix(in oklch, var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717)) 18%, transparent))] backdrop-blur-xl\",\n pink: \"border-[color:var(--zui-command-content-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-command-content-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-[var(--zui-command-content-pink-bg,color-mix(in oklch, var(--zui-color-pink,oklch(97.1%_0.014_343.198)) 10%, transparent))] dark:bg-[var(--zui-command-content-pink-bg-dark,color-mix(in oklch, var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907)) 18%, transparent))] backdrop-blur-xl\",\n orange:\n \"border-[color:var(--zui-command-content-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-command-content-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] bg-[var(--zui-command-content-orange-bg,color-mix(in oklch, var(--zui-color-orange,oklch(98%_0.016_73.684)) 10%, transparent))] dark:bg-[var(--zui-command-content-orange-bg-dark,color-mix(in oklch, var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259)) 18%, transparent))] backdrop-blur-xl\",\n yellow:\n \"border-[color:var(--zui-command-content-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-command-content-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] bg-[var(--zui-command-content-yellow-bg,color-mix(in oklch, var(--zui-color-yellow,oklch(98.7%_0.026_102.212)) 10%, transparent))] dark:bg-[var(--zui-command-content-yellow-bg-dark,color-mix(in oklch, var(--zui-color-yellow-dark,oklch(28.6%_0.066_53.813)) 18%, transparent))] backdrop-blur-xl\",\n teal: \"border-[color:var(--zui-command-content-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-command-content-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] bg-[var(--zui-command-content-teal-bg,color-mix(in oklch, var(--zui-color-teal,oklch(98.4%_0.014_180.72)) 10%, transparent))] dark:bg-[var(--zui-command-content-teal-bg-dark,color-mix(in oklch, var(--zui-color-teal-dark,oklch(27.7%_0.046_192.524)) 18%, transparent))] backdrop-blur-xl\",\n indigo:\n \"border-[color:var(--zui-command-content-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-command-content-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] bg-[var(--zui-command-content-indigo-bg,color-mix(in oklch, var(--zui-color-indigo,oklch(96.2%_0.018_272.314)) 10%, transparent))] dark:bg-[var(--zui-command-content-indigo-bg-dark,color-mix(in oklch, var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288)) 18%, transparent))] backdrop-blur-xl\",\n emerald:\n \"border-[color:var(--zui-command-content-emerald-border,var(--zui-color-emerald,oklch(43.2%_0.095_166.913)))] dark:border-[color:var(--zui-command-content-emerald-border-dark,var(--zui-color-emerald-dark,oklch(59.6%_0.145_163.225)))] bg-[var(--zui-command-content-emerald-bg,color-mix(in oklch, var(--zui-color-emerald,oklch(97.9%_0.021_166.113)) 10%, transparent))] dark:bg-[var(--zui-command-content-emerald-bg-dark,color-mix(in oklch, var(--zui-color-emerald-dark,oklch(26.2%_0.051_172.552)) 18%, transparent))] backdrop-blur-xl\",\n gray: \"border-[color:var(--zui-command-content-gray-border,var(--zui-color-gray,oklch(27.8%_0.033_256.848)))] dark:border-[color:var(--zui-command-content-gray-border-dark,var(--zui-color-gray-dark,oklch(44.6%_0.03_256.802)))] bg-[var(--zui-command-content-gray-bg,color-mix(in oklch, var(--zui-color-gray,oklch(98.5%_0.002_247.839)) 10%, transparent))] dark:bg-[var(--zui-command-content-gray-bg-dark,color-mix(in oklch, var(--zui-color-gray-dark,oklch(13%_0.028_261.692)) 18%, transparent))] backdrop-blur-xl\",\n amber:\n \"border-[color:var(--zui-command-content-amber-border,var(--zui-color-amber,oklch(47.3%_0.137_46.201)))] dark:border-[color:var(--zui-command-content-amber-border-dark,var(--zui-color-amber-dark,oklch(66.6%_0.179_58.318)))] bg-[var(--zui-command-content-amber-bg,color-mix(in oklch, var(--zui-color-amber,oklch(98.7%_0.022_95.277)) 10%, transparent))] dark:bg-[var(--zui-command-content-amber-bg-dark,color-mix(in oklch, var(--zui-color-amber-dark,oklch(27.9%_0.077_45.635)) 18%, transparent))] backdrop-blur-xl\",\n violet:\n \"border-[color:var(--zui-command-content-violet-border,var(--zui-color-violet,oklch(43.2%_0.232_292.759)))] dark:border-[color:var(--zui-command-content-violet-border-dark,var(--zui-color-violet-dark,oklch(54.1%_0.281_293.009)))] bg-[var(--zui-command-content-violet-bg,color-mix(in oklch, var(--zui-color-violet,oklch(96.9%_0.016_293.756)) 10%, transparent))] dark:bg-[var(--zui-command-content-violet-bg-dark,color-mix(in oklch, var(--zui-color-violet-dark,oklch(28.3%_0.141_291.089)) 18%, transparent))] backdrop-blur-xl\",\n \"gradient-blue\":\n \"border-[color:var(--zui-command-content-gradient-blue-border,var(--zui-color-blue,oklch(42.4%_0.199_265.638)))] dark:border-[color:var(--zui-command-content-gradient-blue-border-dark,var(--zui-color-blue-dark,oklch(54.6%_0.245_262.881)))] bg-linear-to-br from-[var(--zui-command-content-gradient-blue-from,var(--zui-color-blue,oklch(97%_0.014_254.604)))] dark:from-[var(--zui-command-content-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(28.2%_0.091_267.935_/_0.85)))] to-[var(--zui-command-content-gradient-blue-to,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:to-[var(--zui-command-content-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.85)))] backdrop-blur-xl\",\n \"gradient-green\":\n \"border-[color:var(--zui-command-content-gradient-green-border,var(--zui-color-green,oklch(44.8%_0.119_151.328)))] dark:border-[color:var(--zui-command-content-gradient-green-border-dark,var(--zui-color-green-dark,oklch(62.7%_0.194_149.214)))] bg-linear-to-br from-[var(--zui-command-content-gradient-green-from,var(--zui-color-green,oklch(98.2%_0.018_155.826)))] dark:from-[var(--zui-command-content-gradient-green-from-dark,var(--zui-color-green-dark,oklch(26.6%_0.065_152.934_/_0.85)))] to-[var(--zui-command-content-gradient-green-to,var(--zui-color-lime,oklch(98.6%_0.031_120.757)))] dark:to-[var(--zui-command-content-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(27.4%_0.072_132.109_/_0.85)))] backdrop-blur-xl\",\n \"gradient-red\":\n \"border-[color:var(--zui-command-content-gradient-red-border,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:border-[color:var(--zui-command-content-gradient-red-border-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] bg-linear-to-br from-[var(--zui-command-content-gradient-red-from,var(--zui-color-red,oklch(97.1%_0.013_17.38)))] dark:from-[var(--zui-command-content-gradient-red-from-dark,var(--zui-color-red-dark,oklch(25.8%_0.092_26.042_/_0.85)))] to-[var(--zui-command-content-gradient-red-to,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:to-[var(--zui-command-content-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.85)))] backdrop-blur-xl\",\n \"gradient-yellow\":\n \"border-[color:var(--zui-command-content-gradient-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-command-content-gradient-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] bg-linear-to-br from-[var(--zui-command-content-gradient-yellow-from,var(--zui-color-yellow,oklch(98.7%_0.026_102.212)))] dark:from-[var(--zui-command-content-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(28.6%_0.066_53.813_/_0.85)))] to-[var(--zui-command-content-gradient-yellow-to,var(--zui-color-orange,oklch(98%_0.016_73.684)))] dark:to-[var(--zui-command-content-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259_/_0.85)))] backdrop-blur-xl\",\n \"gradient-purple\":\n \"border-[color:var(--zui-command-content-gradient-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-command-content-gradient-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] bg-linear-to-br from-[var(--zui-command-content-gradient-purple-from,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:from-[var(--zui-command-content-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.85)))] to-[var(--zui-command-content-gradient-purple-to,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:to-[var(--zui-command-content-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.85)))] backdrop-blur-xl\",\n \"gradient-teal\":\n \"border-[color:var(--zui-command-content-gradient-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-command-content-gradient-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] bg-linear-to-br from-[var(--zui-command-content-gradient-teal-from,var(--zui-color-teal,oklch(98.4%_0.014_180.72)))] dark:from-[var(--zui-command-content-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(27.7%_0.046_192.524_/_0.85)))] to-[var(--zui-command-content-gradient-teal-to,var(--zui-color-cyan,oklch(98.4%_0.019_200.873)))] dark:to-[var(--zui-command-content-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(30.2%_0.056_229.695_/_0.85)))] backdrop-blur-xl\",\n \"gradient-indigo\":\n \"border-[color:var(--zui-command-content-gradient-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-command-content-gradient-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] bg-linear-to-br from-[var(--zui-command-content-gradient-indigo-from,var(--zui-color-indigo,oklch(96.2%_0.018_272.314)))] dark:from-[var(--zui-command-content-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288_/_0.85)))] to-[var(--zui-command-content-gradient-indigo-to,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:to-[var(--zui-command-content-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.85)))] backdrop-blur-xl\",\n \"gradient-pink\":\n \"border-[color:var(--zui-command-content-gradient-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-command-content-gradient-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-linear-to-br from-[var(--zui-command-content-gradient-pink-from,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:from-[var(--zui-command-content-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.85)))] to-[var(--zui-command-content-gradient-pink-to,var(--zui-color-rose,oklch(96.9%_0.015_12.422)))] dark:to-[var(--zui-command-content-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(27.1%_0.105_12.094_/_0.85)))] backdrop-blur-xl\",\n blue: \"border border-[color:var(--zui-command-content-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-command-content-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-command-content-blue-bg,color-mix(in oklch, var(--zui-color-blue,#2563eb) 10%, transparent))] dark:bg-[var(--zui-command-content-blue-bg-dark,color-mix(in oklch, var(--zui-color-blue-dark,#3b82f6) 18%, transparent))] backdrop-blur-xl\",\n cyan: \"border border-[color:var(--zui-command-content-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-command-content-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-command-content-cyan-bg,color-mix(in oklch, var(--zui-color-cyan,#0891b2) 10%, transparent))] dark:bg-[var(--zui-command-content-cyan-bg-dark,color-mix(in oklch, var(--zui-color-cyan-dark,#22d3ee) 18%, transparent))] backdrop-blur-xl\",\n green:\n \"border border-[color:var(--zui-command-content-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-command-content-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-command-content-green-bg,color-mix(in oklch, var(--zui-color-green,#16a34a) 10%, transparent))] dark:bg-[var(--zui-command-content-green-bg-dark,color-mix(in oklch, var(--zui-color-green-dark,#22c55e) 18%, transparent))] backdrop-blur-xl\",\n lime: \"border border-[color:var(--zui-command-content-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-command-content-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-command-content-lime-bg,color-mix(in oklch, var(--zui-color-lime,#65a30d) 10%, transparent))] dark:bg-[var(--zui-command-content-lime-bg-dark,color-mix(in oklch, var(--zui-color-lime-dark,#a3e635) 18%, transparent))] backdrop-blur-xl\",\n mint: \"border border-[color:var(--zui-command-content-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-command-content-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-command-content-mint-bg,color-mix(in oklch, var(--zui-color-mint,#10b981) 10%, transparent))] dark:bg-[var(--zui-command-content-mint-bg-dark,color-mix(in oklch, var(--zui-color-mint-dark,#6ee7b7) 18%, transparent))] backdrop-blur-xl\",\n ocean:\n \"border border-[color:var(--zui-command-content-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-command-content-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-command-content-ocean-bg,color-mix(in oklch, var(--zui-color-ocean,#0284c7) 10%, transparent))] dark:bg-[var(--zui-command-content-ocean-bg-dark,color-mix(in oklch, var(--zui-color-ocean-dark,#38bdf8) 18%, transparent))] backdrop-blur-xl\",\n sapphire:\n \"border border-[color:var(--zui-command-content-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-command-content-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-command-content-sapphire-bg,color-mix(in oklch, var(--zui-color-sapphire,#1d4ed8) 10%, transparent))] dark:bg-[var(--zui-command-content-sapphire-bg-dark,color-mix(in oklch, var(--zui-color-sapphire-dark,#60a5fa) 18%, transparent))] backdrop-blur-xl\",\n lavender:\n \"border border-[color:var(--zui-command-content-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-command-content-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-command-content-lavender-bg,color-mix(in oklch, var(--zui-color-lavender,#8b5cf6) 10%, transparent))] dark:bg-[var(--zui-command-content-lavender-bg-dark,color-mix(in oklch, var(--zui-color-lavender-dark,#a78bfa) 18%, transparent))] backdrop-blur-xl\",\n ruby: \"border border-[color:var(--zui-command-content-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-command-content-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-command-content-ruby-bg,color-mix(in oklch, var(--zui-color-ruby,#be123c) 10%, transparent))] dark:bg-[var(--zui-command-content-ruby-bg-dark,color-mix(in oklch, var(--zui-color-ruby-dark,#fb7185) 18%, transparent))] backdrop-blur-xl\",\n red: \"border border-[color:var(--zui-command-content-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-command-content-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-command-content-red-bg,color-mix(in oklch, var(--zui-color-red,#dc2626) 10%, transparent))] dark:bg-[var(--zui-command-content-red-bg-dark,color-mix(in oklch, var(--zui-color-red-dark,#ef4444) 18%, transparent))] backdrop-blur-xl\",\n slate:\n \"border border-[color:var(--zui-command-content-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-command-content-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-command-content-slate-bg,color-mix(in oklch, var(--zui-color-slate,#475569) 10%, transparent))] dark:bg-[var(--zui-command-content-slate-bg-dark,color-mix(in oklch, var(--zui-color-slate-dark,#64748b) 18%, transparent))] backdrop-blur-xl\",\n zinc: \"border border-[color:var(--zui-command-content-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-command-content-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-command-content-zinc-bg,color-mix(in oklch, var(--zui-color-zinc,#52525b) 10%, transparent))] dark:bg-[var(--zui-command-content-zinc-bg-dark,color-mix(in oklch, var(--zui-color-zinc-dark,#71717a) 18%, transparent))] backdrop-blur-xl\",\n stone:\n \"border border-[color:var(--zui-command-content-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-command-content-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-command-content-stone-bg,color-mix(in oklch, var(--zui-color-stone,#57534e) 10%, transparent))] dark:bg-[var(--zui-command-content-stone-bg-dark,color-mix(in oklch, var(--zui-color-stone-dark,#78716c) 18%, transparent))] backdrop-blur-xl\",\n royal:\n \"border border-[color:var(--zui-command-content-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-command-content-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-command-content-royal-bg,color-mix(in oklch, var(--zui-color-royal,#4338ca) 10%, transparent))] dark:bg-[var(--zui-command-content-royal-bg-dark,color-mix(in oklch, var(--zui-color-royal-dark,#818cf8) 18%, transparent))] backdrop-blur-xl\",\n electric:\n \"border border-[color:var(--zui-command-content-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-command-content-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-command-content-electric-bg,color-mix(in oklch, var(--zui-color-electric,#0ea5e9) 10%, transparent))] dark:bg-[var(--zui-command-content-electric-bg-dark,color-mix(in oklch, var(--zui-color-electric-dark,#38bdf8) 18%, transparent))] backdrop-blur-xl\",\n forest:\n \"border border-[color:var(--zui-command-content-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-command-content-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-command-content-forest-bg,color-mix(in oklch, var(--zui-color-forest,#166534) 10%, transparent))] dark:bg-[var(--zui-command-content-forest-bg-dark,color-mix(in oklch, var(--zui-color-forest-dark,#4ade80) 18%, transparent))] backdrop-blur-xl\",\n sunset:\n \"border border-[color:var(--zui-command-content-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-command-content-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-command-content-sunset-bg,color-mix(in oklch, var(--zui-color-sunset,#ea580c) 10%, transparent))] dark:bg-[var(--zui-command-content-sunset-bg-dark,color-mix(in oklch, var(--zui-color-sunset-dark,#fb923c) 18%, transparent))] backdrop-blur-xl\",\n magenta:\n \"border border-[color:var(--zui-command-content-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-command-content-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-command-content-magenta-bg,color-mix(in oklch, var(--zui-color-magenta,#c026d3) 10%, transparent))] dark:bg-[var(--zui-command-content-magenta-bg-dark,color-mix(in oklch, var(--zui-color-magenta-dark,#e879f9) 18%, transparent))] backdrop-blur-xl\",\n crimson:\n \"border border-[color:var(--zui-command-content-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-command-content-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-command-content-crimson-bg,color-mix(in oklch, var(--zui-color-crimson,#b91c1c) 10%, transparent))] dark:bg-[var(--zui-command-content-crimson-bg-dark,color-mix(in oklch, var(--zui-color-crimson-dark,#f87171) 18%, transparent))] backdrop-blur-xl\",\n aqua: \"border border-[color:var(--zui-command-content-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-command-content-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-command-content-aqua-bg,color-mix(in oklch, var(--zui-color-aqua,#0f766e) 10%, transparent))] dark:bg-[var(--zui-command-content-aqua-bg-dark,color-mix(in oklch, var(--zui-color-aqua-dark,#2dd4bf) 18%, transparent))] backdrop-blur-xl\",\n plum: \"border border-[color:var(--zui-command-content-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-command-content-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-command-content-plum-bg,color-mix(in oklch, var(--zui-color-plum,#7e22ce) 10%, transparent))] dark:bg-[var(--zui-command-content-plum-bg-dark,color-mix(in oklch, var(--zui-color-plum-dark,#c084fc) 18%, transparent))] backdrop-blur-xl\",\n} as const;\n"]}