@zentauri-ui/zentauri-components 2.1.0 → 2.1.1

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 (110) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/README.md +8 -8
  3. package/dist/{chunk-N3FNN47Q.mjs → chunk-3IE4IELX.mjs} +32 -32
  4. package/dist/chunk-3IE4IELX.mjs.map +1 -0
  5. package/dist/{chunk-JEZUMCJ6.mjs → chunk-3N575QVC.mjs} +3 -3
  6. package/dist/{chunk-JEZUMCJ6.mjs.map → chunk-3N575QVC.mjs.map} +1 -1
  7. package/dist/{chunk-RRUVHDN6.js → chunk-5TVBPPS6.js} +11 -11
  8. package/dist/{chunk-RRUVHDN6.js.map → chunk-5TVBPPS6.js.map} +1 -1
  9. package/dist/{chunk-YNTUZCLI.js → chunk-642JVK45.js} +16 -16
  10. package/dist/{chunk-YNTUZCLI.js.map → chunk-642JVK45.js.map} +1 -1
  11. package/dist/{chunk-AZ26NZJV.mjs → chunk-6ERBVFDA.mjs} +35 -35
  12. package/dist/chunk-6ERBVFDA.mjs.map +1 -0
  13. package/dist/{chunk-SRJCGSNX.js → chunk-6Q4EOLKN.js} +23 -23
  14. package/dist/{chunk-SRJCGSNX.js.map → chunk-6Q4EOLKN.js.map} +1 -1
  15. package/dist/{chunk-TCEGQIGW.mjs → chunk-7N2UYQBJ.mjs} +9 -7
  16. package/dist/{chunk-TCEGQIGW.mjs.map → chunk-7N2UYQBJ.mjs.map} +1 -1
  17. package/dist/{chunk-VKEDTQY6.js → chunk-APCN6NUH.js} +8 -8
  18. package/dist/{chunk-VKEDTQY6.js.map → chunk-APCN6NUH.js.map} +1 -1
  19. package/dist/{chunk-X7HK6RTF.js → chunk-BIQZC26Q.js} +23 -23
  20. package/dist/{chunk-X7HK6RTF.js.map → chunk-BIQZC26Q.js.map} +1 -1
  21. package/dist/{chunk-K2H6LIPQ.mjs → chunk-GOH2THVW.mjs} +3 -3
  22. package/dist/{chunk-K2H6LIPQ.mjs.map → chunk-GOH2THVW.mjs.map} +1 -1
  23. package/dist/chunk-GUB3RSPR.mjs +211 -0
  24. package/dist/chunk-GUB3RSPR.mjs.map +1 -0
  25. package/dist/{chunk-GENYOZN4.mjs → chunk-HVMYPW3Q.mjs} +3 -3
  26. package/dist/{chunk-GENYOZN4.mjs.map → chunk-HVMYPW3Q.mjs.map} +1 -1
  27. package/dist/chunk-J5NTJVKX.js +229 -0
  28. package/dist/chunk-J5NTJVKX.js.map +1 -0
  29. package/dist/{chunk-XUW42JAP.js → chunk-PZ25OHJE.js} +32 -32
  30. package/dist/chunk-PZ25OHJE.js.map +1 -0
  31. package/dist/{chunk-UFDJ5NIY.mjs → chunk-PZI2UVPL.mjs} +3 -3
  32. package/dist/{chunk-UFDJ5NIY.mjs.map → chunk-PZI2UVPL.mjs.map} +1 -1
  33. package/dist/chunk-R4D5V7NT.js +19 -0
  34. package/dist/{chunk-4TX7EQ5Y.js.map → chunk-R4D5V7NT.js.map} +1 -1
  35. package/dist/{chunk-BGIWVTAU.mjs → chunk-RJ7L45SA.mjs} +3 -3
  36. package/dist/{chunk-BGIWVTAU.mjs.map → chunk-RJ7L45SA.mjs.map} +1 -1
  37. package/dist/{chunk-C6K2SWHC.mjs → chunk-TVEK6PKH.mjs} +23 -23
  38. package/dist/{chunk-C6K2SWHC.mjs.map → chunk-TVEK6PKH.mjs.map} +1 -1
  39. package/dist/{chunk-BJRS5RXR.mjs → chunk-TYBQZO6Y.mjs} +3 -3
  40. package/dist/{chunk-BJRS5RXR.mjs.map → chunk-TYBQZO6Y.mjs.map} +1 -1
  41. package/dist/{chunk-AOVZY2A3.js → chunk-UQQHB3OI.js} +35 -35
  42. package/dist/chunk-UQQHB3OI.js.map +1 -0
  43. package/dist/{chunk-NEFDIJ5N.js → chunk-V2LI5QZD.js} +54 -52
  44. package/dist/chunk-V2LI5QZD.js.map +1 -0
  45. package/dist/{chunk-KCXTYTOY.js → chunk-VHYUH5OH.js} +6 -6
  46. package/dist/{chunk-KCXTYTOY.js.map → chunk-VHYUH5OH.js.map} +1 -1
  47. package/dist/{chunk-BVTYDGLM.mjs → chunk-WIKNEHPJ.mjs} +23 -23
  48. package/dist/{chunk-BVTYDGLM.mjs.map → chunk-WIKNEHPJ.mjs.map} +1 -1
  49. package/dist/{chunk-XF3NHZZ3.js → chunk-Y6DFOQ5E.js} +7 -7
  50. package/dist/{chunk-XF3NHZZ3.js.map → chunk-Y6DFOQ5E.js.map} +1 -1
  51. package/dist/design-system/combobox.d.ts +120 -37
  52. package/dist/design-system/combobox.d.ts.map +1 -1
  53. package/dist/design-system/command.d.ts +33 -33
  54. package/dist/design-system/facade.js +7 -7
  55. package/dist/design-system/facade.mjs +6 -6
  56. package/dist/design-system/popover.d.ts +30 -30
  57. package/dist/design-system/tabs.d.ts +21 -21
  58. package/dist/design-system/toast.d.ts +21 -21
  59. package/dist/ui/buttons/animated.js +9 -9
  60. package/dist/ui/buttons/animated.mjs +7 -7
  61. package/dist/ui/buttons.js +10 -10
  62. package/dist/ui/buttons.mjs +8 -8
  63. package/dist/ui/combobox/combobox-base.d.ts.map +1 -1
  64. package/dist/ui/combobox/variants.d.ts +3 -3
  65. package/dist/ui/combobox.js +22 -20
  66. package/dist/ui/combobox.js.map +1 -1
  67. package/dist/ui/combobox.mjs +6 -4
  68. package/dist/ui/combobox.mjs.map +1 -1
  69. package/dist/ui/command/animated.js +3 -3
  70. package/dist/ui/command/animated.mjs +2 -2
  71. package/dist/ui/command.js +16 -16
  72. package/dist/ui/command.mjs +3 -3
  73. package/dist/ui/dynamic-stepper.js +19 -19
  74. package/dist/ui/dynamic-stepper.mjs +8 -8
  75. package/dist/ui/pagination.js +15 -15
  76. package/dist/ui/pagination.mjs +7 -7
  77. package/dist/ui/popover/animated.js +5 -5
  78. package/dist/ui/popover/animated.mjs +2 -2
  79. package/dist/ui/popover.js +8 -8
  80. package/dist/ui/popover.mjs +2 -2
  81. package/dist/ui/tabs/animated.js +3 -3
  82. package/dist/ui/tabs/animated.mjs +2 -2
  83. package/dist/ui/tabs.js +10 -10
  84. package/dist/ui/tabs.mjs +2 -2
  85. package/dist/ui/toast/animated.js +8 -8
  86. package/dist/ui/toast/animated.mjs +2 -2
  87. package/dist/ui/toast.js +13 -13
  88. package/dist/ui/toast.mjs +2 -2
  89. package/package.json +1 -1
  90. package/src/design-system/combobox.ts +176 -46
  91. package/src/design-system/command.ts +33 -33
  92. package/src/design-system/popover.ts +30 -30
  93. package/src/design-system/tabs.ts +21 -21
  94. package/src/design-system/toast.ts +21 -21
  95. package/src/ui/combobox/combobox-base.tsx +5 -3
  96. package/src/ui/combobox/combobox.test.tsx +69 -0
  97. package/src/ui/command/command.test.tsx +15 -0
  98. package/src/ui/popover/popover.test.tsx +15 -0
  99. package/src/ui/tabs/tabs.test.tsx +15 -0
  100. package/src/ui/toast/toast.test.tsx +12 -0
  101. package/dist/chunk-4TX7EQ5Y.js +0 -19
  102. package/dist/chunk-AOVZY2A3.js.map +0 -1
  103. package/dist/chunk-AZ26NZJV.mjs.map +0 -1
  104. package/dist/chunk-K7PR3XXT.mjs +0 -128
  105. package/dist/chunk-K7PR3XXT.mjs.map +0 -1
  106. package/dist/chunk-N3FNN47Q.mjs.map +0 -1
  107. package/dist/chunk-NEFDIJ5N.js.map +0 -1
  108. package/dist/chunk-QNRJT7R4.js +0 -144
  109. package/dist/chunk-QNRJT7R4.js.map +0 -1
  110. package/dist/chunk-XUW42JAP.js.map +0 -1
package/dist/chunk-J5NTJVKX.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/design-system/combobox.ts"],"names":[],"mappings":";;;AAAO,IAAM,sBAAA,GACX;AAEK,IAAM,qCAAA,GACX;AAEK,IAAM,0BAAA,GAA6B;AAAA,EACxC,OAAA,EACE,yjBAAA;AAAA,EACF,OAAA,EACE,8aAAA;AAAA,EACF,KAAA,EACE,+XAAA;AAAA,EACF,GAAA,EAAK,yaAAA;AAAA,EACL,IAAA,EAAM,+aAAA;AAAA,EACN,MAAA,EACE,mcAAA;AAAA,EACF,IAAA,EAAM,2aAAA;AAAA,EACN,MAAA,EACE,6bAAA;AAAA,EACF,MAAA,EACE,+bAAA;AAAA,EACF,IAAA,EAAM,+aAAA;AAAA,EACN,MAAA,EACE,kcAAA;AAAA,EACF,OAAA,EACE,2cAAA;AAAA,EACF,KAAA,EACE,giBAAA;AAAA,EACF,eAAA,EAAiB,44BAA44B,qCAAqC,CAAA,CAAA;AAAA,EACl8B,gBAAA,EAAkB,k5BAAk5B,qCAAqC,CAAA,CAAA;AAAA,EACz8B,cAAA,EAAgB,o3BAAo3B,qCAAqC,CAAA,CAAA;AAAA,EACz6B,iBAAA,EAAmB,85BAA85B,qCAAqC,CAAA,CAAA;AAAA,EACt9B,iBAAA,EAAmB,45BAA45B,qCAAqC,CAAA,CAAA;AAAA,EACp9B,eAAA,EAAiB,m4BAAm4B,qCAAqC,CAAA,CAAA;AAAA,EACz7B,iBAAA,EAAmB,o6BAAo6B,qCAAqC,CAAA,CAAA;AAAA,EAC59B,eAAA,EAAiB,43BAA43B,qCAAqC,CAAA,CAAA;AAAA,EACl7B,iBAAA,EAAmB,w5BAAw5B,qCAAqC,CAAA,CAAA;AAAA,EACh9B,IAAA,EAAM,21BAAA;AAAA,EACN,IAAA,EAAM,21BAAA;AAAA,EACN,KAAA,EACE,22BAAA;AAAA,EACF,IAAA,EAAM,21BAAA;AAAA,EACN,IAAA,EAAM,21BAAA;AAAA,EACN,KAAA,EACE,22BAAA;AAAA,EACF,QAAA,EACE,25BAAA;AAAA,EACF,QAAA,EACE,25BAAA;AAAA,EACF,IAAA,EAAM,21BAAA;AAAA,EACN,GAAA,EAAK,20BAAA;AAAA,EACL,KAAA,EACE,22BAAA;AAAA,EACF,IAAA,EAAM,21BAAA;AAAA,EACN,KAAA,EACE,22BAAA;AAAA,EACF,KAAA,EACE,22BAAA;AAAA,EACF,QAAA,EACE,25BAAA;AAAA,EACF,MAAA,EACE,23BAAA;AAAA,EACF,MAAA,EACE,23BAAA;AAAA,EACF,OAAA,EACE,24BAAA;AAAA,EACF,OAAA,EACE,24BAAA;AAAA,EACF,IAAA,EAAM,21BAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,gBAAA,GAAmB;AAAA,EAC9B,EAAA,EAAI,mBAAA;AAAA,EACJ,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,mBAAA,GACX;AAEK,IAAM,0BAAA,GAA6B;AAAA,EACxC,OAAA,EACE,u2BAAA;AAAA,EACF,KAAA,EACE,iWAAA;AAAA,EACF,OAAA,EACE,kaAAA;AAAA,EACF,KAAA,EACE,mXAAA;AAAA,EACF,GAAA,EAAK,+dAAA;AAAA,EACL,IAAA,EAAM,keAAA;AAAA,EACN,MAAA,EACE,wfAAA;AAAA,EACF,IAAA,EAAM,seAAA;AAAA,EACN,MAAA,EACE,ofAAA;AAAA,EACF,MAAA,EACE,ofAAA;AAAA,EACF,IAAA,EAAM,oeAAA;AAAA,EACN,MAAA,EACE,ofAAA;AAAA,EACF,OAAA,EACE,6fAAA;AAAA,EACF,eAAA,EACE,+mBAAA;AAAA,EACF,gBAAA,EACE,inBAAA;AAAA,EACF,cAAA,EACE,6lBAAA;AAAA,EACF,iBAAA,EACE,2nBAAA;AAAA,EACF,iBAAA,EACE,unBAAA;AAAA,EACF,eAAA,EACE,wmBAAA;AAAA,EACF,iBAAA,EACE,+nBAAA;AAAA,EACF,eAAA,EACE,mmBAAA;AAAA,EACF,iBAAA,EACE,qnBAAA;AAAA,EACF,IAAA,EAAM,o0BAAA;AAAA,EACN,IAAA,EAAM,o0BAAA;AAAA,EACN,KAAA,EACE,o1BAAA;AAAA,EACF,IAAA,EAAM,o0BAAA;AAAA,EACN,IAAA,EAAM,o0BAAA;AAAA,EACN,KAAA,EACE,o1BAAA;AAAA,EACF,QAAA,EACE,o4BAAA;AAAA,EACF,QAAA,EACE,o4BAAA;AAAA,EACF,IAAA,EAAM,o0BAAA;AAAA,EACN,GAAA,EAAK,ozBAAA;AAAA,EACL,KAAA,EACE,o1BAAA;AAAA,EACF,IAAA,EAAM,o0BAAA;AAAA,EACN,KAAA,EACE,o1BAAA;AAAA,EACF,KAAA,EACE,o1BAAA;AAAA,EACF,QAAA,EACE,o4BAAA;AAAA,EACF,MAAA,EACE,o2BAAA;AAAA,EACF,MAAA,EACE,o2BAAA;AAAA,EACF,OAAA,EACE,o3BAAA;AAAA,EACF,OAAA,EACE,o3BAAA;AAAA,EACF,IAAA,EAAM,o0BAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,mBAAA,GAAsB;AAAA,EACjC,IAAA,EAAM;AACR;AAEO,IAAM,sBAAA,GACX;AAEK,IAAM,qCAAA,GACX;AAEK,IAAM,6BAAA,GAAgC;AAAA,EAC3C,OAAA,EACE,oYAAA;AAAA,EACF,KAAA,EACE,2LAAA;AAAA,EACF,OAAA,EACE,uOAAA;AAAA,EACF,KAAA,EACE,4LAAA;AAAA,EACF,GAAA,EAAK,2NAAA;AAAA,EACL,IAAA,EAAM,4NAAA;AAAA,EACN,MAAA,EACE,wOAAA;AAAA,EACF,IAAA,EAAM,4NAAA;AAAA,EACN,MAAA,EACE,sOAAA;AAAA,EACF,MAAA,EACE,sOAAA;AAAA,EACF,IAAA,EAAM,8NAAA;AAAA,EACN,MAAA,EACE,wOAAA;AAAA,EACF,OAAA,EACE,2OAAA;AAAA,EACF,eAAA,EAAiB,44BAA44B,qCAAqC,CAAA,CAAA;AAAA,EACl8B,gBAAA,EAAkB,k5BAAk5B,qCAAqC,CAAA,CAAA;AAAA,EACz8B,cAAA,EAAgB,o3BAAo3B,qCAAqC,CAAA,CAAA;AAAA,EACz6B,iBAAA,EAAmB,85BAA85B,qCAAqC,CAAA,CAAA;AAAA,EACt9B,iBAAA,EAAmB,45BAA45B,qCAAqC,CAAA,CAAA;AAAA,EACp9B,eAAA,EAAiB,m4BAAm4B,qCAAqC,CAAA,CAAA;AAAA,EACz7B,iBAAA,EAAmB,o6BAAo6B,qCAAqC,CAAA,CAAA;AAAA,EAC59B,eAAA,EAAiB,43BAA43B,qCAAqC,CAAA,CAAA;AAAA,EACl7B,iBAAA,EAAmB,w5BAAw5B,qCAAqC,CAAA,CAAA;AAAA,EACh9B,IAAA,EAAM,ulBAAA;AAAA,EACN,IAAA,EAAM,ulBAAA;AAAA,EACN,KAAA,EACE,imBAAA;AAAA,EACF,IAAA,EAAM,ulBAAA;AAAA,EACN,IAAA,EAAM,ulBAAA;AAAA,EACN,KAAA,EACE,imBAAA;AAAA,EACF,QAAA,EACE,+nBAAA;AAAA,EACF,QAAA,EACE,+nBAAA;AAAA,EACF,IAAA,EAAM,ulBAAA;AAAA,EACN,GAAA,EAAK,6kBAAA;AAAA,EACL,KAAA,EACE,imBAAA;AAAA,EACF,IAAA,EAAM,ulBAAA;AAAA,EACN,KAAA,EACE,imBAAA;AAAA,EACF,KAAA,EACE,imBAAA;AAAA,EACF,QAAA,EACE,+nBAAA;AAAA,EACF,MAAA,EACE,2mBAAA;AAAA,EACF,MAAA,EACE,2mBAAA;AAAA,EACF,OAAA,EACE,qnBAAA;AAAA,EACF,OAAA,EACE,qnBAAA;AAAA,EACF,IAAA,EAAM,ulBAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,kBAAA,GAAqB;AAAA,EAChC,IAAA,EAAM,WAAA;AAAA,EACN,OAAA,EAAS,WAAA;AAAA,EACT,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,wBAAA,GACX;AAEK,IAAM,0BAAA,GACX;AAEK,IAAM,yBAAA,GACX;AAEK,IAAM,mBAAA,GACX;AAEK,IAAM,0BAAA,GAA6B;AAAA,EACxC,OAAA,EACE,ucAAA;AAAA,EACF,KAAA,EACE,gaAAA;AAAA,EACF,OAAA,EACE,2cAAA;AAAA,EACF,KAAA,EACE,kQAAA;AAAA,EACF,GAAA,EAAK,+bAAA;AAAA,EACL,IAAA,EAAM,+bAAA;AAAA,EACN,MAAA,EACE,mdAAA;AAAA,EACF,IAAA,EAAM,+bAAA;AAAA,EACN,MAAA,EACE,+cAAA;AAAA,EACF,MAAA,EACE,+cAAA;AAAA,EACF,IAAA,EAAM,mcAAA;AAAA,EACN,MAAA,EACE,mdAAA;AAAA,EACF,OAAA,EACE,udAAA;AAAA,EACF,eAAA,EACE,2eAAA;AAAA,EACF,gBAAA,EACE,ifAAA;AAAA,EACF,cAAA,EACE,ieAAA;AAAA,EACF,iBAAA,EACE,mfAAA;AAAA,EACF,iBAAA,EACE,ufAAA;AAAA,EACF,eAAA,EACE,ueAAA;AAAA,EACF,iBAAA,EACE,ufAAA;AAAA,EACF,eAAA,EACE,meAAA;AAAA,EACF,iBAAA,EACE,mfAAA;AAAA,EACF,IAAA,EAAM,2XAAA;AAAA,EACN,IAAA,EAAM,2XAAA;AAAA,EACN,KAAA,EACE,iYAAA;AAAA,EACF,IAAA,EAAM,2XAAA;AAAA,EACN,IAAA,EAAM,2XAAA;AAAA,EACN,KAAA,EACE,iYAAA;AAAA,EACF,QAAA,EACE,mZAAA;AAAA,EACF,QAAA,EACE,mZAAA;AAAA,EACF,IAAA,EAAM,2XAAA;AAAA,EACN,GAAA,EAAK,qXAAA;AAAA,EACL,KAAA,EACE,iYAAA;AAAA,EACF,IAAA,EAAM,2XAAA;AAAA,EACN,KAAA,EACE,iYAAA;AAAA,EACF,KAAA,EACE,iYAAA;AAAA,EACF,QAAA,EACE,mZAAA;AAAA,EACF,MAAA,EACE,uYAAA;AAAA,EACF,MAAA,EACE,uYAAA;AAAA,EACF,OAAA,EACE,6YAAA;AAAA,EACF,OAAA,EACE,6YAAA;AAAA,EACF,IAAA,EAAM,2XAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,oBAAA,GACX","file":"chunk-J5NTJVKX.js","sourcesContent":["export const zuiComboboxTriggerBase =\n \"flex items-center cursor-pointer justify-between rounded-md border transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-combobox-trigger-ring-focus,var(--zui-focus-ring,oklch(44.6%_0.03_256.802)))] dark:focus-visible:ring-[var(--zui-combobox-trigger-ring-focus-dark,var(--zui-focus-ring-dark,oklch(70.7%_0.022_261.325)))] focus-visible:ring-offset-2\";\n\nexport const zuiComboboxGradientTriggerValueTokens =\n \"[--zui-combobox-value-placeholder-fg:rgba(255,255,255,0.86)] [--zui-combobox-value-placeholder-fg-dark:rgba(255,255,255,0.86)]\";\n\nexport const zuiComboboxTriggerVariants = {\n default:\n \"border-[color:var(--zui-combobox-trigger-default-border,var(--zui-border,oklch(87.2%_0.01_258.338)))] dark:border-[color:var(--zui-combobox-trigger-default-border-dark,var(--zui-border-dark,oklch(87.2%_0.01_258.338)))] bg-[var(--zui-combobox-trigger-default-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-combobox-trigger-default-bg-dark,var(--zui-surface-muted-dark,#000000))] text-[color:var(--zui-combobox-trigger-default-fg,var(--zui-fg,oklch(13%_0.028_261.692)))] dark:text-[color:var(--zui-combobox-trigger-default-fg-dark,var(--zui-fg-dark,#ffffff))]\",\n outline:\n \"border-2 border-[color:var(--zui-combobox-trigger-outline-border,var(--zui-border,oklch(55.1%_0.027_264.364)))] dark:border-[color:var(--zui-combobox-trigger-outline-border-dark,var(--zui-border-dark,oklch(55.1%_0.027_264.364)))] text-[color:var(--zui-combobox-trigger-outline-fg,var(--zui-fg,oklch(13%_0.028_261.692)))] dark:text-[color:var(--zui-combobox-trigger-outline-fg-dark,var(--zui-fg-dark,oklch(96.7%_0.003_264.542)))]\",\n ghost:\n \"border-[color:var(--zui-combobox-trigger-ghost-border,var(--zui-border,transparent))] dark:border-[color:var(--zui-combobox-trigger-ghost-border-dark,var(--zui-border-dark,transparent))] text-[color:var(--zui-combobox-trigger-ghost-fg,var(--zui-fg,oklch(13%_0.028_261.692)))] dark:text-[color:var(--zui-combobox-trigger-ghost-fg-dark,var(--zui-fg-dark,oklch(96.7%_0.003_264.542)))]\",\n sky: \"border-[color:var(--zui-combobox-trigger-sky-border,var(--zui-color-sky,oklch(44.3%_0.11_240.79)))] dark:border-[color:var(--zui-combobox-trigger-sky-border-dark,var(--zui-color-sky-dark,oklch(58.8%_0.158_241.966)))] text-[color:var(--zui-combobox-trigger-sky-fg,var(--zui-color-sky,oklch(29.3%_0.066_243.157)))] dark:text-[color:var(--zui-combobox-trigger-sky-fg-dark,var(--zui-color-sky-dark,oklch(58.8%_0.158_241.966)))]\",\n rose: \"border-[color:var(--zui-combobox-trigger-rose-border,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:border-[color:var(--zui-combobox-trigger-rose-border-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))] text-[color:var(--zui-combobox-trigger-rose-fg,var(--zui-color-rose,oklch(27.1%_0.105_12.094)))] dark:text-[color:var(--zui-combobox-trigger-rose-fg-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))]\",\n purple:\n \"border-[color:var(--zui-combobox-trigger-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-combobox-trigger-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] text-[color:var(--zui-combobox-trigger-purple-fg,var(--zui-color-purple,oklch(29.1%_0.149_302.717)))] dark:text-[color:var(--zui-combobox-trigger-purple-fg-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))]\",\n pink: \"border-[color:var(--zui-combobox-trigger-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-combobox-trigger-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] text-[color:var(--zui-combobox-trigger-pink-fg,var(--zui-color-pink,oklch(28.4%_0.109_3.907)))] dark:text-[color:var(--zui-combobox-trigger-pink-fg-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))]\",\n orange:\n \"border-[color:var(--zui-combobox-trigger-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-combobox-trigger-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] text-[color:var(--zui-combobox-trigger-orange-fg,var(--zui-color-orange,oklch(26.6%_0.079_36.259)))] dark:text-[color:var(--zui-combobox-trigger-orange-fg-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))]\",\n yellow:\n \"border-[color:var(--zui-combobox-trigger-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-combobox-trigger-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] text-[color:var(--zui-combobox-trigger-yellow-fg,var(--zui-color-yellow,oklch(28.6%_0.066_53.813)))] dark:text-[color:var(--zui-combobox-trigger-yellow-fg-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))]\",\n teal: \"border-[color:var(--zui-combobox-trigger-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-combobox-trigger-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] text-[color:var(--zui-combobox-trigger-teal-fg,var(--zui-color-teal,oklch(27.7%_0.046_192.524)))] dark:text-[color:var(--zui-combobox-trigger-teal-fg-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))]\",\n indigo:\n \"border-[color:var(--zui-combobox-trigger-indigo-border,var(--zui-color-indigo,oklch(58.5%_0.233_277.117)))] dark:border-[color:var(--zui-combobox-trigger-indigo-border-dark,var(--zui-color-indigo-dark,oklch(58.5%_0.233_277.117)))] text-[color:var(--zui-combobox-trigger-indigo-fg,var(--zui-color-indigo,oklch(25.7%_0.09_281.288)))] dark:text-[color:var(--zui-combobox-trigger-indigo-fg-dark,var(--zui-color-indigo-dark,oklch(58.5%_0.233_277.117)))]\",\n emerald:\n \"border-[color:var(--zui-combobox-trigger-emerald-border,var(--zui-color-emerald,oklch(43.2%_0.095_166.913)))] dark:border-[color:var(--zui-combobox-trigger-emerald-border-dark,var(--zui-color-emerald-dark,oklch(59.6%_0.145_163.225)))] text-[color:var(--zui-combobox-trigger-emerald-fg,var(--zui-color-emerald,oklch(26.2%_0.051_172.552)))] dark:text-[color:var(--zui-combobox-trigger-emerald-fg-dark,var(--zui-color-emerald-dark,oklch(59.6%_0.145_163.225)))]\",\n glass:\n \"border-[color:var(--zui-combobox-trigger-glass-border,var(--zui-border,#00000026))] dark:border-[color:var(--zui-combobox-trigger-glass-border-dark,var(--zui-border-dark,#ffffff26))] bg-[var(--zui-combobox-trigger-glass-bg,var(--zui-surface-soft,#0000001a))] dark:bg-[var(--zui-combobox-trigger-glass-bg-dark,var(--zui-surface-soft-dark,#ffffff1a))] text-[color:var(--zui-combobox-trigger-glass-fg,var(--zui-fg,oklch(13%_0.028_261.692)))] dark:text-[color:var(--zui-combobox-trigger-glass-fg-dark,var(--zui-fg-dark,#ffffff))] backdrop-blur-md\",\n \"gradient-blue\": `border border-[color:var(--zui-combobox-trigger-gradient-blue-border,var(--zui-color-blue,oklch(37.9%_0.146_265.522)))] dark:border-[color:var(--zui-combobox-trigger-gradient-blue-border-dark,var(--zui-color-blue-dark,oklch(54.6%_0.245_262.881)))] bg-linear-to-r from-[var(--zui-combobox-trigger-gradient-blue-from,var(--zui-color-blue,oklch(37.9%_0.146_265.522)))] dark:from-[var(--zui-combobox-trigger-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(54.6%_0.245_262.881)))] to-[var(--zui-combobox-trigger-gradient-blue-to,var(--zui-color-purple,oklch(38.1%_0.176_304.987)))] dark:to-[var(--zui-combobox-trigger-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] backdrop-blur-xl text-[color:var(--zui-combobox-trigger-gradient-blue-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-combobox-trigger-gradient-blue-fg-dark,var(--zui-brand-fg-dark,#ffffff))] ${zuiComboboxGradientTriggerValueTokens}`,\n \"gradient-green\": `border border-[color:var(--zui-combobox-trigger-gradient-green-border,var(--zui-color-green,oklch(39.3%_0.095_152.535)))] dark:border-[color:var(--zui-combobox-trigger-gradient-green-border-dark,var(--zui-color-green-dark,oklch(62.7%_0.194_149.214)))] bg-linear-to-r from-[var(--zui-combobox-trigger-gradient-green-from,var(--zui-color-green,oklch(39.3%_0.095_152.535)))] dark:from-[var(--zui-combobox-trigger-gradient-green-from-dark,var(--zui-color-green-dark,oklch(62.7%_0.194_149.214)))] to-[var(--zui-combobox-trigger-gradient-green-to,var(--zui-color-lime,oklch(40.5%_0.101_131.063)))] dark:to-[var(--zui-combobox-trigger-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(64.8%_0.2_131.684)))] backdrop-blur-xl text-[color:var(--zui-combobox-trigger-gradient-green-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-combobox-trigger-gradient-green-fg-dark,var(--zui-brand-fg-dark,#ffffff))] ${zuiComboboxGradientTriggerValueTokens}`,\n \"gradient-red\": `border border-[color:var(--zui-combobox-trigger-gradient-red-border,var(--zui-color-red,oklch(39.6%_0.141_25.723)))] dark:border-[color:var(--zui-combobox-trigger-gradient-red-border-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] bg-linear-to-r from-[var(--zui-combobox-trigger-gradient-red-from,var(--zui-color-red,oklch(39.6%_0.141_25.723)))] dark:from-[var(--zui-combobox-trigger-gradient-red-from-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] to-[var(--zui-combobox-trigger-gradient-red-to,var(--zui-color-pink,oklch(40.8%_0.153_2.432)))] dark:to-[var(--zui-combobox-trigger-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] backdrop-blur-xl text-[color:var(--zui-combobox-trigger-gradient-red-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-combobox-trigger-gradient-red-fg-dark,var(--zui-brand-fg-dark,#ffffff))] ${zuiComboboxGradientTriggerValueTokens}`,\n \"gradient-yellow\": `border border-[color:var(--zui-combobox-trigger-gradient-yellow-border,var(--zui-color-yellow,oklch(42.1%_0.095_57.708)))] dark:border-[color:var(--zui-combobox-trigger-gradient-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] bg-linear-to-r from-[var(--zui-combobox-trigger-gradient-yellow-from,var(--zui-color-yellow,oklch(42.1%_0.095_57.708)))] dark:from-[var(--zui-combobox-trigger-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] to-[var(--zui-combobox-trigger-gradient-yellow-to,var(--zui-color-orange,oklch(40.8%_0.123_38.172)))] dark:to-[var(--zui-combobox-trigger-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] backdrop-blur-xl text-[color:var(--zui-combobox-trigger-gradient-yellow-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-combobox-trigger-gradient-yellow-fg-dark,var(--zui-brand-fg-dark,#ffffff))] ${zuiComboboxGradientTriggerValueTokens}`,\n \"gradient-purple\": `border border-[color:var(--zui-combobox-trigger-gradient-purple-border,var(--zui-color-purple,oklch(38.1%_0.176_304.987)))] dark:border-[color:var(--zui-combobox-trigger-gradient-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] bg-linear-to-r from-[var(--zui-combobox-trigger-gradient-purple-from,var(--zui-color-purple,oklch(38.1%_0.176_304.987)))] dark:from-[var(--zui-combobox-trigger-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] to-[var(--zui-combobox-trigger-gradient-purple-to,var(--zui-color-pink,oklch(40.8%_0.153_2.432)))] dark:to-[var(--zui-combobox-trigger-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] backdrop-blur-xl text-[color:var(--zui-combobox-trigger-gradient-purple-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-combobox-trigger-gradient-purple-fg-dark,var(--zui-brand-fg-dark,#ffffff))] ${zuiComboboxGradientTriggerValueTokens}`,\n \"gradient-teal\": `border border-[color:var(--zui-combobox-trigger-gradient-teal-border,var(--zui-color-teal,oklch(38.6%_0.063_188.416)))] dark:border-[color:var(--zui-combobox-trigger-gradient-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] bg-linear-to-r from-[var(--zui-combobox-trigger-gradient-teal-from,var(--zui-color-teal,oklch(38.6%_0.063_188.416)))] dark:from-[var(--zui-combobox-trigger-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] to-[var(--zui-combobox-trigger-gradient-teal-to,var(--zui-color-cyan,oklch(39.8%_0.07_227.392)))] dark:to-[var(--zui-combobox-trigger-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(60.9%_0.126_221.723)))] backdrop-blur-xl text-[color:var(--zui-combobox-trigger-gradient-teal-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-combobox-trigger-gradient-teal-fg-dark,var(--zui-brand-fg-dark,#ffffff))] ${zuiComboboxGradientTriggerValueTokens}`,\n \"gradient-indigo\": `border border-[color:var(--zui-combobox-trigger-gradient-indigo-border,var(--zui-color-indigo,oklch(35.9%_0.144_278.697)))] dark:border-[color:var(--zui-combobox-trigger-gradient-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] bg-linear-to-r from-[var(--zui-combobox-trigger-gradient-indigo-from,var(--zui-color-indigo,oklch(35.9%_0.144_278.697)))] dark:from-[var(--zui-combobox-trigger-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] to-[var(--zui-combobox-trigger-gradient-indigo-to,var(--zui-color-purple,oklch(38.1%_0.176_304.987)))] dark:to-[var(--zui-combobox-trigger-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] backdrop-blur-xl text-[color:var(--zui-combobox-trigger-gradient-indigo-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-combobox-trigger-gradient-indigo-fg-dark,var(--zui-brand-fg-dark,#ffffff))] ${zuiComboboxGradientTriggerValueTokens}`,\n \"gradient-pink\": `border border-[color:var(--zui-combobox-trigger-gradient-pink-border,var(--zui-color-pink,oklch(40.8%_0.153_2.432)))] dark:border-[color:var(--zui-combobox-trigger-gradient-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-linear-to-r from-[var(--zui-combobox-trigger-gradient-pink-from,var(--zui-color-pink,oklch(40.8%_0.153_2.432)))] dark:from-[var(--zui-combobox-trigger-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] to-[var(--zui-combobox-trigger-gradient-pink-to,var(--zui-color-rose,oklch(41%_0.159_10.272)))] dark:to-[var(--zui-combobox-trigger-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))] backdrop-blur-xl text-[color:var(--zui-combobox-trigger-gradient-pink-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-combobox-trigger-gradient-pink-fg-dark,var(--zui-brand-fg-dark,#ffffff))] ${zuiComboboxGradientTriggerValueTokens}`,\n \"gradient-orange\": `border border-[color:var(--zui-combobox-trigger-gradient-orange-border,var(--zui-color-orange,oklch(40.8%_0.123_38.172)))] dark:border-[color:var(--zui-combobox-trigger-gradient-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] bg-linear-to-r from-[var(--zui-combobox-trigger-gradient-orange-from,var(--zui-color-orange,oklch(40.8%_0.123_38.172)))] dark:from-[var(--zui-combobox-trigger-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] to-[var(--zui-combobox-trigger-gradient-orange-to,var(--zui-color-red,oklch(39.6%_0.141_25.723)))] dark:to-[var(--zui-combobox-trigger-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] backdrop-blur-xl text-[color:var(--zui-combobox-trigger-gradient-orange-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-combobox-trigger-gradient-orange-fg-dark,var(--zui-brand-fg-dark,#ffffff))] ${zuiComboboxGradientTriggerValueTokens}`,\n blue: \"border border-[color:var(--zui-combobox-trigger-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-combobox-trigger-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-combobox-trigger-blue-bg,color-mix(in oklch, var(--zui-color-blue,#2563eb) 6%, transparent))] dark:bg-[var(--zui-combobox-trigger-blue-bg-dark,color-mix(in oklch, var(--zui-color-blue-dark,#3b82f6) 12%, transparent))] text-[color:var(--zui-combobox-trigger-blue-fg,var(--zui-color-blue,#2563eb))] dark:text-[color:var(--zui-combobox-trigger-blue-fg-dark,var(--zui-color-blue-dark,#3b82f6))] hover:bg-[var(--zui-combobox-trigger-blue-bg-hover,color-mix(in oklch, var(--zui-color-blue,#2563eb14) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-trigger-blue-bg-hover-dark,color-mix(in oklch, var(--zui-color-blue-dark,#3b82f624) 18%, transparent))]\",\n cyan: \"border border-[color:var(--zui-combobox-trigger-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-combobox-trigger-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-combobox-trigger-cyan-bg,color-mix(in oklch, var(--zui-color-cyan,#0891b2) 6%, transparent))] dark:bg-[var(--zui-combobox-trigger-cyan-bg-dark,color-mix(in oklch, var(--zui-color-cyan-dark,#22d3ee) 12%, transparent))] text-[color:var(--zui-combobox-trigger-cyan-fg,var(--zui-color-cyan,#0891b2))] dark:text-[color:var(--zui-combobox-trigger-cyan-fg-dark,var(--zui-color-cyan-dark,#22d3ee))] hover:bg-[var(--zui-combobox-trigger-cyan-bg-hover,color-mix(in oklch, var(--zui-color-cyan,#0891b214) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-trigger-cyan-bg-hover-dark,color-mix(in oklch, var(--zui-color-cyan-dark,#22d3ee24) 18%, transparent))]\",\n green:\n \"border border-[color:var(--zui-combobox-trigger-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-combobox-trigger-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-combobox-trigger-green-bg,color-mix(in oklch, var(--zui-color-green,#16a34a) 6%, transparent))] dark:bg-[var(--zui-combobox-trigger-green-bg-dark,color-mix(in oklch, var(--zui-color-green-dark,#22c55e) 12%, transparent))] text-[color:var(--zui-combobox-trigger-green-fg,var(--zui-color-green,#16a34a))] dark:text-[color:var(--zui-combobox-trigger-green-fg-dark,var(--zui-color-green-dark,#22c55e))] hover:bg-[var(--zui-combobox-trigger-green-bg-hover,color-mix(in oklch, var(--zui-color-green,#16a34a14) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-trigger-green-bg-hover-dark,color-mix(in oklch, var(--zui-color-green-dark,#22c55e24) 18%, transparent))]\",\n lime: \"border border-[color:var(--zui-combobox-trigger-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-combobox-trigger-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-combobox-trigger-lime-bg,color-mix(in oklch, var(--zui-color-lime,#65a30d) 6%, transparent))] dark:bg-[var(--zui-combobox-trigger-lime-bg-dark,color-mix(in oklch, var(--zui-color-lime-dark,#a3e635) 12%, transparent))] text-[color:var(--zui-combobox-trigger-lime-fg,var(--zui-color-lime,#65a30d))] dark:text-[color:var(--zui-combobox-trigger-lime-fg-dark,var(--zui-color-lime-dark,#a3e635))] hover:bg-[var(--zui-combobox-trigger-lime-bg-hover,color-mix(in oklch, var(--zui-color-lime,#65a30d14) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-trigger-lime-bg-hover-dark,color-mix(in oklch, var(--zui-color-lime-dark,#a3e63524) 18%, transparent))]\",\n mint: \"border border-[color:var(--zui-combobox-trigger-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-combobox-trigger-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-combobox-trigger-mint-bg,color-mix(in oklch, var(--zui-color-mint,#10b981) 6%, transparent))] dark:bg-[var(--zui-combobox-trigger-mint-bg-dark,color-mix(in oklch, var(--zui-color-mint-dark,#6ee7b7) 12%, transparent))] text-[color:var(--zui-combobox-trigger-mint-fg,var(--zui-color-mint,#10b981))] dark:text-[color:var(--zui-combobox-trigger-mint-fg-dark,var(--zui-color-mint-dark,#6ee7b7))] hover:bg-[var(--zui-combobox-trigger-mint-bg-hover,color-mix(in oklch, var(--zui-color-mint,#10b98114) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-trigger-mint-bg-hover-dark,color-mix(in oklch, var(--zui-color-mint-dark,#6ee7b724) 18%, transparent))]\",\n ocean:\n \"border border-[color:var(--zui-combobox-trigger-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-combobox-trigger-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-combobox-trigger-ocean-bg,color-mix(in oklch, var(--zui-color-ocean,#0284c7) 6%, transparent))] dark:bg-[var(--zui-combobox-trigger-ocean-bg-dark,color-mix(in oklch, var(--zui-color-ocean-dark,#38bdf8) 12%, transparent))] text-[color:var(--zui-combobox-trigger-ocean-fg,var(--zui-color-ocean,#0284c7))] dark:text-[color:var(--zui-combobox-trigger-ocean-fg-dark,var(--zui-color-ocean-dark,#38bdf8))] hover:bg-[var(--zui-combobox-trigger-ocean-bg-hover,color-mix(in oklch, var(--zui-color-ocean,#0284c714) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-trigger-ocean-bg-hover-dark,color-mix(in oklch, var(--zui-color-ocean-dark,#38bdf824) 18%, transparent))]\",\n sapphire:\n \"border border-[color:var(--zui-combobox-trigger-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-combobox-trigger-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-combobox-trigger-sapphire-bg,color-mix(in oklch, var(--zui-color-sapphire,#1d4ed8) 6%, transparent))] dark:bg-[var(--zui-combobox-trigger-sapphire-bg-dark,color-mix(in oklch, var(--zui-color-sapphire-dark,#60a5fa) 12%, transparent))] text-[color:var(--zui-combobox-trigger-sapphire-fg,var(--zui-color-sapphire,#1d4ed8))] dark:text-[color:var(--zui-combobox-trigger-sapphire-fg-dark,var(--zui-color-sapphire-dark,#60a5fa))] hover:bg-[var(--zui-combobox-trigger-sapphire-bg-hover,color-mix(in oklch, var(--zui-color-sapphire,#1d4ed814) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-trigger-sapphire-bg-hover-dark,color-mix(in oklch, var(--zui-color-sapphire-dark,#60a5fa24) 18%, transparent))]\",\n lavender:\n \"border border-[color:var(--zui-combobox-trigger-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-combobox-trigger-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-combobox-trigger-lavender-bg,color-mix(in oklch, var(--zui-color-lavender,#8b5cf6) 6%, transparent))] dark:bg-[var(--zui-combobox-trigger-lavender-bg-dark,color-mix(in oklch, var(--zui-color-lavender-dark,#a78bfa) 12%, transparent))] text-[color:var(--zui-combobox-trigger-lavender-fg,var(--zui-color-lavender,#8b5cf6))] dark:text-[color:var(--zui-combobox-trigger-lavender-fg-dark,var(--zui-color-lavender-dark,#a78bfa))] hover:bg-[var(--zui-combobox-trigger-lavender-bg-hover,color-mix(in oklch, var(--zui-color-lavender,#8b5cf614) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-trigger-lavender-bg-hover-dark,color-mix(in oklch, var(--zui-color-lavender-dark,#a78bfa24) 18%, transparent))]\",\n ruby: \"border border-[color:var(--zui-combobox-trigger-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-combobox-trigger-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-combobox-trigger-ruby-bg,color-mix(in oklch, var(--zui-color-ruby,#be123c) 6%, transparent))] dark:bg-[var(--zui-combobox-trigger-ruby-bg-dark,color-mix(in oklch, var(--zui-color-ruby-dark,#fb7185) 12%, transparent))] text-[color:var(--zui-combobox-trigger-ruby-fg,var(--zui-color-ruby,#be123c))] dark:text-[color:var(--zui-combobox-trigger-ruby-fg-dark,var(--zui-color-ruby-dark,#fb7185))] hover:bg-[var(--zui-combobox-trigger-ruby-bg-hover,color-mix(in oklch, var(--zui-color-ruby,#be123c14) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-trigger-ruby-bg-hover-dark,color-mix(in oklch, var(--zui-color-ruby-dark,#fb718524) 18%, transparent))]\",\n red: \"border border-[color:var(--zui-combobox-trigger-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-combobox-trigger-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-combobox-trigger-red-bg,color-mix(in oklch, var(--zui-color-red,#dc2626) 6%, transparent))] dark:bg-[var(--zui-combobox-trigger-red-bg-dark,color-mix(in oklch, var(--zui-color-red-dark,#ef4444) 12%, transparent))] text-[color:var(--zui-combobox-trigger-red-fg,var(--zui-color-red,#dc2626))] dark:text-[color:var(--zui-combobox-trigger-red-fg-dark,var(--zui-color-red-dark,#ef4444))] hover:bg-[var(--zui-combobox-trigger-red-bg-hover,color-mix(in oklch, var(--zui-color-red,#dc262614) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-trigger-red-bg-hover-dark,color-mix(in oklch, var(--zui-color-red-dark,#ef444424) 18%, transparent))]\",\n slate:\n \"border border-[color:var(--zui-combobox-trigger-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-combobox-trigger-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-combobox-trigger-slate-bg,color-mix(in oklch, var(--zui-color-slate,#475569) 6%, transparent))] dark:bg-[var(--zui-combobox-trigger-slate-bg-dark,color-mix(in oklch, var(--zui-color-slate-dark,#64748b) 12%, transparent))] text-[color:var(--zui-combobox-trigger-slate-fg,var(--zui-color-slate,#475569))] dark:text-[color:var(--zui-combobox-trigger-slate-fg-dark,var(--zui-color-slate-dark,#64748b))] hover:bg-[var(--zui-combobox-trigger-slate-bg-hover,color-mix(in oklch, var(--zui-color-slate,#47556914) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-trigger-slate-bg-hover-dark,color-mix(in oklch, var(--zui-color-slate-dark,#64748b24) 18%, transparent))]\",\n zinc: \"border border-[color:var(--zui-combobox-trigger-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-combobox-trigger-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-combobox-trigger-zinc-bg,color-mix(in oklch, var(--zui-color-zinc,#52525b) 6%, transparent))] dark:bg-[var(--zui-combobox-trigger-zinc-bg-dark,color-mix(in oklch, var(--zui-color-zinc-dark,#71717a) 12%, transparent))] text-[color:var(--zui-combobox-trigger-zinc-fg,var(--zui-color-zinc,#52525b))] dark:text-[color:var(--zui-combobox-trigger-zinc-fg-dark,var(--zui-color-zinc-dark,#71717a))] hover:bg-[var(--zui-combobox-trigger-zinc-bg-hover,color-mix(in oklch, var(--zui-color-zinc,#52525b14) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-trigger-zinc-bg-hover-dark,color-mix(in oklch, var(--zui-color-zinc-dark,#71717a24) 18%, transparent))]\",\n stone:\n \"border border-[color:var(--zui-combobox-trigger-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-combobox-trigger-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-combobox-trigger-stone-bg,color-mix(in oklch, var(--zui-color-stone,#57534e) 6%, transparent))] dark:bg-[var(--zui-combobox-trigger-stone-bg-dark,color-mix(in oklch, var(--zui-color-stone-dark,#78716c) 12%, transparent))] text-[color:var(--zui-combobox-trigger-stone-fg,var(--zui-color-stone,#57534e))] dark:text-[color:var(--zui-combobox-trigger-stone-fg-dark,var(--zui-color-stone-dark,#78716c))] hover:bg-[var(--zui-combobox-trigger-stone-bg-hover,color-mix(in oklch, var(--zui-color-stone,#57534e14) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-trigger-stone-bg-hover-dark,color-mix(in oklch, var(--zui-color-stone-dark,#78716c24) 18%, transparent))]\",\n royal:\n \"border border-[color:var(--zui-combobox-trigger-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-combobox-trigger-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-combobox-trigger-royal-bg,color-mix(in oklch, var(--zui-color-royal,#4338ca) 6%, transparent))] dark:bg-[var(--zui-combobox-trigger-royal-bg-dark,color-mix(in oklch, var(--zui-color-royal-dark,#818cf8) 12%, transparent))] text-[color:var(--zui-combobox-trigger-royal-fg,var(--zui-color-royal,#4338ca))] dark:text-[color:var(--zui-combobox-trigger-royal-fg-dark,var(--zui-color-royal-dark,#818cf8))] hover:bg-[var(--zui-combobox-trigger-royal-bg-hover,color-mix(in oklch, var(--zui-color-royal,#4338ca14) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-trigger-royal-bg-hover-dark,color-mix(in oklch, var(--zui-color-royal-dark,#818cf824) 18%, transparent))]\",\n electric:\n \"border border-[color:var(--zui-combobox-trigger-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-combobox-trigger-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-combobox-trigger-electric-bg,color-mix(in oklch, var(--zui-color-electric,#0ea5e9) 6%, transparent))] dark:bg-[var(--zui-combobox-trigger-electric-bg-dark,color-mix(in oklch, var(--zui-color-electric-dark,#38bdf8) 12%, transparent))] text-[color:var(--zui-combobox-trigger-electric-fg,var(--zui-color-electric,#0ea5e9))] dark:text-[color:var(--zui-combobox-trigger-electric-fg-dark,var(--zui-color-electric-dark,#38bdf8))] hover:bg-[var(--zui-combobox-trigger-electric-bg-hover,color-mix(in oklch, var(--zui-color-electric,#0ea5e914) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-trigger-electric-bg-hover-dark,color-mix(in oklch, var(--zui-color-electric-dark,#38bdf824) 18%, transparent))]\",\n forest:\n \"border border-[color:var(--zui-combobox-trigger-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-combobox-trigger-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-combobox-trigger-forest-bg,color-mix(in oklch, var(--zui-color-forest,#166534) 6%, transparent))] dark:bg-[var(--zui-combobox-trigger-forest-bg-dark,color-mix(in oklch, var(--zui-color-forest-dark,#4ade80) 12%, transparent))] text-[color:var(--zui-combobox-trigger-forest-fg,var(--zui-color-forest,#166534))] dark:text-[color:var(--zui-combobox-trigger-forest-fg-dark,var(--zui-color-forest-dark,#4ade80))] hover:bg-[var(--zui-combobox-trigger-forest-bg-hover,color-mix(in oklch, var(--zui-color-forest,#16653414) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-trigger-forest-bg-hover-dark,color-mix(in oklch, var(--zui-color-forest-dark,#4ade8024) 18%, transparent))]\",\n sunset:\n \"border border-[color:var(--zui-combobox-trigger-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-combobox-trigger-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-combobox-trigger-sunset-bg,color-mix(in oklch, var(--zui-color-sunset,#ea580c) 6%, transparent))] dark:bg-[var(--zui-combobox-trigger-sunset-bg-dark,color-mix(in oklch, var(--zui-color-sunset-dark,#fb923c) 12%, transparent))] text-[color:var(--zui-combobox-trigger-sunset-fg,var(--zui-color-sunset,#ea580c))] dark:text-[color:var(--zui-combobox-trigger-sunset-fg-dark,var(--zui-color-sunset-dark,#fb923c))] hover:bg-[var(--zui-combobox-trigger-sunset-bg-hover,color-mix(in oklch, var(--zui-color-sunset,#ea580c14) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-trigger-sunset-bg-hover-dark,color-mix(in oklch, var(--zui-color-sunset-dark,#fb923c24) 18%, transparent))]\",\n magenta:\n \"border border-[color:var(--zui-combobox-trigger-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-combobox-trigger-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-combobox-trigger-magenta-bg,color-mix(in oklch, var(--zui-color-magenta,#c026d3) 6%, transparent))] dark:bg-[var(--zui-combobox-trigger-magenta-bg-dark,color-mix(in oklch, var(--zui-color-magenta-dark,#e879f9) 12%, transparent))] text-[color:var(--zui-combobox-trigger-magenta-fg,var(--zui-color-magenta,#c026d3))] dark:text-[color:var(--zui-combobox-trigger-magenta-fg-dark,var(--zui-color-magenta-dark,#e879f9))] hover:bg-[var(--zui-combobox-trigger-magenta-bg-hover,color-mix(in oklch, var(--zui-color-magenta,#c026d314) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-trigger-magenta-bg-hover-dark,color-mix(in oklch, var(--zui-color-magenta-dark,#e879f924) 18%, transparent))]\",\n crimson:\n \"border border-[color:var(--zui-combobox-trigger-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-combobox-trigger-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-combobox-trigger-crimson-bg,color-mix(in oklch, var(--zui-color-crimson,#b91c1c) 6%, transparent))] dark:bg-[var(--zui-combobox-trigger-crimson-bg-dark,color-mix(in oklch, var(--zui-color-crimson-dark,#f87171) 12%, transparent))] text-[color:var(--zui-combobox-trigger-crimson-fg,var(--zui-color-crimson,#b91c1c))] dark:text-[color:var(--zui-combobox-trigger-crimson-fg-dark,var(--zui-color-crimson-dark,#f87171))] hover:bg-[var(--zui-combobox-trigger-crimson-bg-hover,color-mix(in oklch, var(--zui-color-crimson,#b91c1c14) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-trigger-crimson-bg-hover-dark,color-mix(in oklch, var(--zui-color-crimson-dark,#f8717124) 18%, transparent))]\",\n aqua: \"border border-[color:var(--zui-combobox-trigger-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-combobox-trigger-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-combobox-trigger-aqua-bg,color-mix(in oklch, var(--zui-color-aqua,#0f766e) 6%, transparent))] dark:bg-[var(--zui-combobox-trigger-aqua-bg-dark,color-mix(in oklch, var(--zui-color-aqua-dark,#2dd4bf) 12%, transparent))] text-[color:var(--zui-combobox-trigger-aqua-fg,var(--zui-color-aqua,#0f766e))] dark:text-[color:var(--zui-combobox-trigger-aqua-fg-dark,var(--zui-color-aqua-dark,#2dd4bf))] hover:bg-[var(--zui-combobox-trigger-aqua-bg-hover,color-mix(in oklch, var(--zui-color-aqua,#0f766e14) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-trigger-aqua-bg-hover-dark,color-mix(in oklch, var(--zui-color-aqua-dark,#2dd4bf24) 18%, transparent))]\",\n plum: \"border border-[color:var(--zui-combobox-trigger-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-combobox-trigger-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-combobox-trigger-plum-bg,color-mix(in oklch, var(--zui-color-plum,#7e22ce) 6%, transparent))] dark:bg-[var(--zui-combobox-trigger-plum-bg-dark,color-mix(in oklch, var(--zui-color-plum-dark,#c084fc) 12%, transparent))] text-[color:var(--zui-combobox-trigger-plum-fg,var(--zui-color-plum,#7e22ce))] dark:text-[color:var(--zui-combobox-trigger-plum-fg-dark,var(--zui-color-plum-dark,#c084fc))] hover:bg-[var(--zui-combobox-trigger-plum-bg-hover,color-mix(in oklch, var(--zui-color-plum,#7e22ce14) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-trigger-plum-bg-hover-dark,color-mix(in oklch, var(--zui-color-plum-dark,#c084fc24) 18%, transparent))]\",\n} as const;\n\nexport const zuiComboboxSizes = {\n sm: \"px-2 py-1 text-sm\",\n md: \"px-3 py-2\",\n lg: \"px-4 py-3 text-lg\",\n} as const;\n\nexport const zuiComboboxItemBase =\n \"cursor-pointer px-3 py-2 rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-combobox-item-ring-focus,var(--zui-focus-ring,oklch(44.6%_0.03_256.802)))] dark:focus-visible:ring-[var(--zui-combobox-item-ring-focus-dark,var(--zui-focus-ring-dark,oklch(70.7%_0.022_261.325)))] focus-visible:ring-inset\";\n\nexport const zuiComboboxItemAppearances = {\n default:\n \"bg-[var(--zui-combobox-item-default-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-combobox-item-default-bg-dark,var(--zui-surface-muted-dark,#000000))] text-[color:var(--zui-combobox-item-default-fg,var(--zui-fg,oklch(21%_0.034_264.665)))] dark:text-[color:var(--zui-combobox-item-default-fg-dark,var(--zui-fg-dark,oklch(92.8%_0.006_264.531)))] data-[selected=true]:bg-[var(--zui-combobox-item-default-selected-bg,var(--zui-surface-hover,oklch(92.8%_0.006_264.531)))] dark:data-[selected=true]:bg-[var(--zui-combobox-item-default-selected-bg-dark,var(--zui-surface-hover-dark,oklch(27%_0.006_264.531)))] data-[selected=true]:text-[color:var(--zui-combobox-item-default-selected-fg,var(--zui-fg,oklch(37.3%_0.034_259.733)))] dark:data-[selected=true]:text-[color:var(--zui-combobox-item-default-selected-fg-dark,var(--zui-fg-dark,oklch(92.8%_0.006_264.531)))]\",\n glass:\n \"bg-[var(--zui-combobox-item-glass-bg,var(--zui-surface-soft,#0000001a))] dark:bg-[var(--zui-combobox-item-glass-bg-dark,var(--zui-surface-soft-dark,#ffffff1a))] text-[color:var(--zui-combobox-item-glass-fg,var(--zui-fg,oklch(37.3%_0.034_259.733)))] dark:text-[color:var(--zui-combobox-item-glass-fg-dark,var(--zui-fg-dark,oklch(92.8%_0.006_264.531)))]\",\n outline:\n \"border-2 border-[color:var(--zui-combobox-item-outline-border,var(--zui-border,oklch(55.1%_0.027_264.364)))] dark:border-[color:var(--zui-combobox-item-outline-border-dark,var(--zui-border-dark,oklch(55.1%_0.027_264.364)))] text-[color:var(--zui-combobox-item-outline-fg,var(--zui-fg,oklch(21%_0.034_264.665)))] dark:text-[color:var(--zui-combobox-item-outline-fg-dark,var(--zui-fg-dark,oklch(96.7%_0.003_264.542)))]\",\n ghost:\n \"border-[color:var(--zui-combobox-item-ghost-border,var(--zui-border,transparent))] dark:border-[color:var(--zui-combobox-item-ghost-border-dark,var(--zui-border-dark,transparent))] text-[color:var(--zui-combobox-item-ghost-fg,var(--zui-fg,oklch(21%_0.034_264.665)))] dark:text-[color:var(--zui-combobox-item-ghost-fg-dark,var(--zui-fg-dark,oklch(96.7%_0.003_264.542)))]\",\n sky: \"text-[color:var(--zui-combobox-item-sky-fg,var(--zui-color-sky,oklch(39.1%_0.09_240.876)))] dark:text-[color:var(--zui-combobox-item-sky-fg-dark,var(--zui-color-sky-dark,oklch(90.1%_0.058_230.902)))] hover:bg-[var(--zui-combobox-item-sky-bg-hover,color-mix(in oklch, var(--zui-color-sky,oklch(90.1%_0.058_230.902)) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-item-sky-bg-hover-dark,color-mix(in oklch, var(--zui-color-sky-dark,oklch(28%_0.04_232)) 18%, transparent))]\",\n rose: \"text-[color:var(--zui-combobox-item-rose-fg,var(--zui-color-rose,oklch(41%_0.159_10.272)))] dark:text-[color:var(--zui-combobox-item-rose-fg-dark,var(--zui-color-rose-dark,oklch(89.2%_0.058_10.001)))] hover:bg-[var(--zui-combobox-item-rose-bg-hover,color-mix(in oklch, var(--zui-color-rose,oklch(89.2%_0.058_10.001)) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-item-rose-bg-hover-dark,color-mix(in oklch, var(--zui-color-rose-dark,oklch(27%_0.05_10)) 18%, transparent))]\",\n purple:\n \"text-[color:var(--zui-combobox-item-purple-fg,var(--zui-color-purple,oklch(38.1%_0.176_304.987)))] dark:text-[color:var(--zui-combobox-item-purple-fg-dark,var(--zui-color-purple-dark,oklch(90.2%_0.063_306.703)))] hover:bg-[var(--zui-combobox-item-purple-bg-hover,color-mix(in oklch, var(--zui-color-purple,oklch(90.2%_0.063_306.703)) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-item-purple-bg-hover-dark,color-mix(in oklch, var(--zui-color-purple-dark,oklch(26%_0.06_304)) 18%, transparent))]\",\n pink: \"text-[color:var(--zui-combobox-item-pink-fg,var(--zui-color-pink,oklch(40.8%_0.153_2.432)))] dark:text-[color:var(--zui-combobox-item-pink-fg-dark,var(--zui-color-pink-dark,oklch(89.9%_0.061_343.231)))] hover:bg-[var(--zui-combobox-item-pink-bg-hover,color-mix(in oklch, var(--zui-color-pink,oklch(89.9%_0.061_343.231)) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-item-pink-bg-hover-dark,color-mix(in oklch, var(--zui-color-pink-dark,oklch(27%_0.05_343)) 18%, transparent))]\",\n orange:\n \"text-[color:var(--zui-combobox-item-orange-fg,var(--zui-color-orange,oklch(40.8%_0.123_38.172)))] dark:text-[color:var(--zui-combobox-item-orange-fg-dark,var(--zui-color-orange-dark,oklch(90.1%_0.076_70.697)))] hover:bg-[var(--zui-combobox-item-orange-bg-hover,color-mix(in oklch, var(--zui-color-orange,oklch(90.1%_0.076_70.697)) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-item-orange-bg-hover-dark,color-mix(in oklch, var(--zui-color-orange-dark,oklch(27%_0.04_38)) 18%, transparent))]\",\n yellow:\n \"text-[color:var(--zui-combobox-item-yellow-fg,var(--zui-color-yellow,oklch(42.1%_0.095_57.708)))] dark:text-[color:var(--zui-combobox-item-yellow-fg-dark,var(--zui-color-yellow-dark,oklch(94.5%_0.129_101.54)))] hover:bg-[var(--zui-combobox-item-yellow-bg-hover,color-mix(in oklch, var(--zui-color-yellow,oklch(94.5%_0.129_101.54)) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-item-yellow-bg-hover-dark,color-mix(in oklch, var(--zui-color-yellow-dark,oklch(28%_0.05_58)) 18%, transparent))]\",\n teal: \"text-[color:var(--zui-combobox-item-teal-fg,var(--zui-color-teal,oklch(38.6%_0.063_188.416)))] dark:text-[color:var(--zui-combobox-item-teal-fg-dark,var(--zui-color-teal-dark,oklch(91%_0.096_180.426)))] hover:bg-[var(--zui-combobox-item-teal-bg-hover,color-mix(in oklch, var(--zui-color-teal,oklch(91%_0.096_180.426)) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-item-teal-bg-hover-dark,color-mix(in oklch, var(--zui-color-teal-dark,oklch(26%_0.04_188)) 18%, transparent))]\",\n indigo:\n \"text-[color:var(--zui-combobox-item-indigo-fg,var(--zui-color-indigo,oklch(35.9%_0.144_278.697)))] dark:text-[color:var(--zui-combobox-item-indigo-fg-dark,var(--zui-color-indigo-dark,oklch(87%_0.065_274.039)))] hover:bg-[var(--zui-combobox-item-indigo-bg-hover,color-mix(in oklch, var(--zui-color-indigo,oklch(87%_0.065_274.039)) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-item-indigo-bg-hover-dark,color-mix(in oklch, var(--zui-color-indigo-dark,oklch(25%_0.06_278)) 18%, transparent))]\",\n emerald:\n \"text-[color:var(--zui-combobox-item-emerald-fg,var(--zui-color-emerald,oklch(37.8%_0.077_168.94)))] dark:text-[color:var(--zui-combobox-item-emerald-fg-dark,var(--zui-color-emerald-dark,oklch(90.5%_0.093_164.15)))] hover:bg-[var(--zui-combobox-item-emerald-bg-hover,color-mix(in oklch, var(--zui-color-emerald,oklch(90.5%_0.093_164.15)) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-item-emerald-bg-hover-dark,color-mix(in oklch, var(--zui-color-emerald-dark,oklch(26%_0.04_167)) 18%, transparent))]\",\n \"gradient-blue\":\n \"bg-linear-to-r from-[var(--zui-combobox-item-gradient-blue-from,var(--zui-color-blue,oklch(37.9%_0.146_265.522)))] dark:from-[var(--zui-combobox-item-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(54.6%_0.245_262.881)))] to-[var(--zui-combobox-item-gradient-blue-to,var(--zui-color-purple,oklch(38.1%_0.176_304.987)))] dark:to-[var(--zui-combobox-item-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] text-[color:var(--zui-combobox-item-gradient-blue-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-combobox-item-gradient-blue-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n \"gradient-green\":\n \"bg-linear-to-r from-[var(--zui-combobox-item-gradient-green-from,var(--zui-color-green,oklch(39.3%_0.095_152.535)))] dark:from-[var(--zui-combobox-item-gradient-green-from-dark,var(--zui-color-green-dark,oklch(62.7%_0.194_149.214)))] to-[var(--zui-combobox-item-gradient-green-to,var(--zui-color-lime,oklch(40.5%_0.101_131.063)))] dark:to-[var(--zui-combobox-item-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(64.8%_0.2_131.684)))] text-[color:var(--zui-combobox-item-gradient-green-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-combobox-item-gradient-green-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n \"gradient-red\":\n \"bg-linear-to-r from-[var(--zui-combobox-item-gradient-red-from,var(--zui-color-red,oklch(39.6%_0.141_25.723)))] dark:from-[var(--zui-combobox-item-gradient-red-from-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] to-[var(--zui-combobox-item-gradient-red-to,var(--zui-color-pink,oklch(40.8%_0.153_2.432)))] dark:to-[var(--zui-combobox-item-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] text-[color:var(--zui-combobox-item-gradient-red-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-combobox-item-gradient-red-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n \"gradient-yellow\":\n \"bg-linear-to-r from-[var(--zui-combobox-item-gradient-yellow-from,var(--zui-color-yellow,oklch(42.1%_0.095_57.708)))] dark:from-[var(--zui-combobox-item-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] to-[var(--zui-combobox-item-gradient-yellow-to,var(--zui-color-orange,oklch(40.8%_0.123_38.172)))] dark:to-[var(--zui-combobox-item-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] text-[color:var(--zui-combobox-item-gradient-yellow-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-combobox-item-gradient-yellow-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n \"gradient-purple\":\n \"bg-linear-to-r from-[var(--zui-combobox-item-gradient-purple-from,var(--zui-color-purple,oklch(38.1%_0.176_304.987)))] dark:from-[var(--zui-combobox-item-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] to-[var(--zui-combobox-item-gradient-purple-to,var(--zui-color-pink,oklch(40.8%_0.153_2.432)))] dark:to-[var(--zui-combobox-item-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] text-[color:var(--zui-combobox-item-gradient-purple-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-combobox-item-gradient-purple-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n \"gradient-teal\":\n \"bg-linear-to-r from-[var(--zui-combobox-item-gradient-teal-from,var(--zui-color-teal,oklch(38.6%_0.063_188.416)))] dark:from-[var(--zui-combobox-item-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] to-[var(--zui-combobox-item-gradient-teal-to,var(--zui-color-cyan,oklch(39.8%_0.07_227.392)))] dark:to-[var(--zui-combobox-item-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(60.9%_0.126_221.723)))] text-[color:var(--zui-combobox-item-gradient-teal-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-combobox-item-gradient-teal-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n \"gradient-indigo\":\n \"bg-linear-to-r from-[var(--zui-combobox-item-gradient-indigo-from,var(--zui-color-indigo,oklch(35.9%_0.144_278.697)))] dark:from-[var(--zui-combobox-item-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] to-[var(--zui-combobox-item-gradient-indigo-to,var(--zui-color-purple,oklch(38.1%_0.176_304.987)))] dark:to-[var(--zui-combobox-item-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] text-[color:var(--zui-combobox-item-gradient-indigo-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-combobox-item-gradient-indigo-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n \"gradient-pink\":\n \"bg-linear-to-r from-[var(--zui-combobox-item-gradient-pink-from,var(--zui-color-pink,oklch(40.8%_0.153_2.432)))] dark:from-[var(--zui-combobox-item-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] to-[var(--zui-combobox-item-gradient-pink-to,var(--zui-color-rose,oklch(41%_0.159_10.272)))] dark:to-[var(--zui-combobox-item-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))] text-[color:var(--zui-combobox-item-gradient-pink-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-combobox-item-gradient-pink-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n \"gradient-orange\":\n \"bg-linear-to-r from-[var(--zui-combobox-item-gradient-orange-from,var(--zui-color-orange,oklch(40.8%_0.123_38.172)))] dark:from-[var(--zui-combobox-item-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] to-[var(--zui-combobox-item-gradient-orange-to,var(--zui-color-red,oklch(39.6%_0.141_25.723)))] dark:to-[var(--zui-combobox-item-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] text-[color:var(--zui-combobox-item-gradient-orange-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-combobox-item-gradient-orange-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n blue: \"hover:bg-[var(--zui-combobox-item-blue-bg-hover,color-mix(in oklch, var(--zui-color-blue,#2563eb) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-item-blue-bg-hover-dark,color-mix(in oklch, var(--zui-color-blue-dark,#3b82f6) 18%, transparent))] hover:text-[color:var(--zui-combobox-item-blue-fg-hover,var(--zui-color-blue,#2563eb))] dark:hover:text-[color:var(--zui-combobox-item-blue-fg-hover-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-combobox-item-blue-bg,color-mix(in oklch, var(--zui-color-blue,#2563eb) 6%, transparent))] dark:bg-[var(--zui-combobox-item-blue-bg-dark,color-mix(in oklch, var(--zui-color-blue-dark,#3b82f6) 12%, transparent))] text-[color:var(--zui-combobox-item-blue-fg,var(--zui-color-blue,#2563eb))] dark:text-[color:var(--zui-combobox-item-blue-fg-dark,var(--zui-color-blue-dark,#3b82f6))]\",\n cyan: \"hover:bg-[var(--zui-combobox-item-cyan-bg-hover,color-mix(in oklch, var(--zui-color-cyan,#0891b2) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-item-cyan-bg-hover-dark,color-mix(in oklch, var(--zui-color-cyan-dark,#22d3ee) 18%, transparent))] hover:text-[color:var(--zui-combobox-item-cyan-fg-hover,var(--zui-color-cyan,#0891b2))] dark:hover:text-[color:var(--zui-combobox-item-cyan-fg-hover-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-combobox-item-cyan-bg,color-mix(in oklch, var(--zui-color-cyan,#0891b2) 6%, transparent))] dark:bg-[var(--zui-combobox-item-cyan-bg-dark,color-mix(in oklch, var(--zui-color-cyan-dark,#22d3ee) 12%, transparent))] text-[color:var(--zui-combobox-item-cyan-fg,var(--zui-color-cyan,#0891b2))] dark:text-[color:var(--zui-combobox-item-cyan-fg-dark,var(--zui-color-cyan-dark,#22d3ee))]\",\n green:\n \"hover:bg-[var(--zui-combobox-item-green-bg-hover,color-mix(in oklch, var(--zui-color-green,#16a34a) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-item-green-bg-hover-dark,color-mix(in oklch, var(--zui-color-green-dark,#22c55e) 18%, transparent))] hover:text-[color:var(--zui-combobox-item-green-fg-hover,var(--zui-color-green,#16a34a))] dark:hover:text-[color:var(--zui-combobox-item-green-fg-hover-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-combobox-item-green-bg,color-mix(in oklch, var(--zui-color-green,#16a34a) 6%, transparent))] dark:bg-[var(--zui-combobox-item-green-bg-dark,color-mix(in oklch, var(--zui-color-green-dark,#22c55e) 12%, transparent))] text-[color:var(--zui-combobox-item-green-fg,var(--zui-color-green,#16a34a))] dark:text-[color:var(--zui-combobox-item-green-fg-dark,var(--zui-color-green-dark,#22c55e))]\",\n lime: \"hover:bg-[var(--zui-combobox-item-lime-bg-hover,color-mix(in oklch, var(--zui-color-lime,#65a30d) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-item-lime-bg-hover-dark,color-mix(in oklch, var(--zui-color-lime-dark,#a3e635) 18%, transparent))] hover:text-[color:var(--zui-combobox-item-lime-fg-hover,var(--zui-color-lime,#65a30d))] dark:hover:text-[color:var(--zui-combobox-item-lime-fg-hover-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-combobox-item-lime-bg,color-mix(in oklch, var(--zui-color-lime,#65a30d) 6%, transparent))] dark:bg-[var(--zui-combobox-item-lime-bg-dark,color-mix(in oklch, var(--zui-color-lime-dark,#a3e635) 12%, transparent))] text-[color:var(--zui-combobox-item-lime-fg,var(--zui-color-lime,#65a30d))] dark:text-[color:var(--zui-combobox-item-lime-fg-dark,var(--zui-color-lime-dark,#a3e635))]\",\n mint: \"hover:bg-[var(--zui-combobox-item-mint-bg-hover,color-mix(in oklch, var(--zui-color-mint,#10b981) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-item-mint-bg-hover-dark,color-mix(in oklch, var(--zui-color-mint-dark,#6ee7b7) 18%, transparent))] hover:text-[color:var(--zui-combobox-item-mint-fg-hover,var(--zui-color-mint,#10b981))] dark:hover:text-[color:var(--zui-combobox-item-mint-fg-hover-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-combobox-item-mint-bg,color-mix(in oklch, var(--zui-color-mint,#10b981) 6%, transparent))] dark:bg-[var(--zui-combobox-item-mint-bg-dark,color-mix(in oklch, var(--zui-color-mint-dark,#6ee7b7) 12%, transparent))] text-[color:var(--zui-combobox-item-mint-fg,var(--zui-color-mint,#10b981))] dark:text-[color:var(--zui-combobox-item-mint-fg-dark,var(--zui-color-mint-dark,#6ee7b7))]\",\n ocean:\n \"hover:bg-[var(--zui-combobox-item-ocean-bg-hover,color-mix(in oklch, var(--zui-color-ocean,#0284c7) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-item-ocean-bg-hover-dark,color-mix(in oklch, var(--zui-color-ocean-dark,#38bdf8) 18%, transparent))] hover:text-[color:var(--zui-combobox-item-ocean-fg-hover,var(--zui-color-ocean,#0284c7))] dark:hover:text-[color:var(--zui-combobox-item-ocean-fg-hover-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-combobox-item-ocean-bg,color-mix(in oklch, var(--zui-color-ocean,#0284c7) 6%, transparent))] dark:bg-[var(--zui-combobox-item-ocean-bg-dark,color-mix(in oklch, var(--zui-color-ocean-dark,#38bdf8) 12%, transparent))] text-[color:var(--zui-combobox-item-ocean-fg,var(--zui-color-ocean,#0284c7))] dark:text-[color:var(--zui-combobox-item-ocean-fg-dark,var(--zui-color-ocean-dark,#38bdf8))]\",\n sapphire:\n \"hover:bg-[var(--zui-combobox-item-sapphire-bg-hover,color-mix(in oklch, var(--zui-color-sapphire,#1d4ed8) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-item-sapphire-bg-hover-dark,color-mix(in oklch, var(--zui-color-sapphire-dark,#60a5fa) 18%, transparent))] hover:text-[color:var(--zui-combobox-item-sapphire-fg-hover,var(--zui-color-sapphire,#1d4ed8))] dark:hover:text-[color:var(--zui-combobox-item-sapphire-fg-hover-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-combobox-item-sapphire-bg,color-mix(in oklch, var(--zui-color-sapphire,#1d4ed8) 6%, transparent))] dark:bg-[var(--zui-combobox-item-sapphire-bg-dark,color-mix(in oklch, var(--zui-color-sapphire-dark,#60a5fa) 12%, transparent))] text-[color:var(--zui-combobox-item-sapphire-fg,var(--zui-color-sapphire,#1d4ed8))] dark:text-[color:var(--zui-combobox-item-sapphire-fg-dark,var(--zui-color-sapphire-dark,#60a5fa))]\",\n lavender:\n \"hover:bg-[var(--zui-combobox-item-lavender-bg-hover,color-mix(in oklch, var(--zui-color-lavender,#8b5cf6) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-item-lavender-bg-hover-dark,color-mix(in oklch, var(--zui-color-lavender-dark,#a78bfa) 18%, transparent))] hover:text-[color:var(--zui-combobox-item-lavender-fg-hover,var(--zui-color-lavender,#8b5cf6))] dark:hover:text-[color:var(--zui-combobox-item-lavender-fg-hover-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-combobox-item-lavender-bg,color-mix(in oklch, var(--zui-color-lavender,#8b5cf6) 6%, transparent))] dark:bg-[var(--zui-combobox-item-lavender-bg-dark,color-mix(in oklch, var(--zui-color-lavender-dark,#a78bfa) 12%, transparent))] text-[color:var(--zui-combobox-item-lavender-fg,var(--zui-color-lavender,#8b5cf6))] dark:text-[color:var(--zui-combobox-item-lavender-fg-dark,var(--zui-color-lavender-dark,#a78bfa))]\",\n ruby: \"hover:bg-[var(--zui-combobox-item-ruby-bg-hover,color-mix(in oklch, var(--zui-color-ruby,#be123c) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-item-ruby-bg-hover-dark,color-mix(in oklch, var(--zui-color-ruby-dark,#fb7185) 18%, transparent))] hover:text-[color:var(--zui-combobox-item-ruby-fg-hover,var(--zui-color-ruby,#be123c))] dark:hover:text-[color:var(--zui-combobox-item-ruby-fg-hover-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-combobox-item-ruby-bg,color-mix(in oklch, var(--zui-color-ruby,#be123c) 6%, transparent))] dark:bg-[var(--zui-combobox-item-ruby-bg-dark,color-mix(in oklch, var(--zui-color-ruby-dark,#fb7185) 12%, transparent))] text-[color:var(--zui-combobox-item-ruby-fg,var(--zui-color-ruby,#be123c))] dark:text-[color:var(--zui-combobox-item-ruby-fg-dark,var(--zui-color-ruby-dark,#fb7185))]\",\n red: \"hover:bg-[var(--zui-combobox-item-red-bg-hover,color-mix(in oklch, var(--zui-color-red,#dc2626) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-item-red-bg-hover-dark,color-mix(in oklch, var(--zui-color-red-dark,#ef4444) 18%, transparent))] hover:text-[color:var(--zui-combobox-item-red-fg-hover,var(--zui-color-red,#dc2626))] dark:hover:text-[color:var(--zui-combobox-item-red-fg-hover-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-combobox-item-red-bg,color-mix(in oklch, var(--zui-color-red,#dc2626) 6%, transparent))] dark:bg-[var(--zui-combobox-item-red-bg-dark,color-mix(in oklch, var(--zui-color-red-dark,#ef4444) 12%, transparent))] text-[color:var(--zui-combobox-item-red-fg,var(--zui-color-red,#dc2626))] dark:text-[color:var(--zui-combobox-item-red-fg-dark,var(--zui-color-red-dark,#ef4444))]\",\n slate:\n \"hover:bg-[var(--zui-combobox-item-slate-bg-hover,color-mix(in oklch, var(--zui-color-slate,#475569) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-item-slate-bg-hover-dark,color-mix(in oklch, var(--zui-color-slate-dark,#64748b) 18%, transparent))] hover:text-[color:var(--zui-combobox-item-slate-fg-hover,var(--zui-color-slate,#475569))] dark:hover:text-[color:var(--zui-combobox-item-slate-fg-hover-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-combobox-item-slate-bg,color-mix(in oklch, var(--zui-color-slate,#475569) 6%, transparent))] dark:bg-[var(--zui-combobox-item-slate-bg-dark,color-mix(in oklch, var(--zui-color-slate-dark,#64748b) 12%, transparent))] text-[color:var(--zui-combobox-item-slate-fg,var(--zui-color-slate,#475569))] dark:text-[color:var(--zui-combobox-item-slate-fg-dark,var(--zui-color-slate-dark,#64748b))]\",\n zinc: \"hover:bg-[var(--zui-combobox-item-zinc-bg-hover,color-mix(in oklch, var(--zui-color-zinc,#52525b) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-item-zinc-bg-hover-dark,color-mix(in oklch, var(--zui-color-zinc-dark,#71717a) 18%, transparent))] hover:text-[color:var(--zui-combobox-item-zinc-fg-hover,var(--zui-color-zinc,#52525b))] dark:hover:text-[color:var(--zui-combobox-item-zinc-fg-hover-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-combobox-item-zinc-bg,color-mix(in oklch, var(--zui-color-zinc,#52525b) 6%, transparent))] dark:bg-[var(--zui-combobox-item-zinc-bg-dark,color-mix(in oklch, var(--zui-color-zinc-dark,#71717a) 12%, transparent))] text-[color:var(--zui-combobox-item-zinc-fg,var(--zui-color-zinc,#52525b))] dark:text-[color:var(--zui-combobox-item-zinc-fg-dark,var(--zui-color-zinc-dark,#71717a))]\",\n stone:\n \"hover:bg-[var(--zui-combobox-item-stone-bg-hover,color-mix(in oklch, var(--zui-color-stone,#57534e) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-item-stone-bg-hover-dark,color-mix(in oklch, var(--zui-color-stone-dark,#78716c) 18%, transparent))] hover:text-[color:var(--zui-combobox-item-stone-fg-hover,var(--zui-color-stone,#57534e))] dark:hover:text-[color:var(--zui-combobox-item-stone-fg-hover-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-combobox-item-stone-bg,color-mix(in oklch, var(--zui-color-stone,#57534e) 6%, transparent))] dark:bg-[var(--zui-combobox-item-stone-bg-dark,color-mix(in oklch, var(--zui-color-stone-dark,#78716c) 12%, transparent))] text-[color:var(--zui-combobox-item-stone-fg,var(--zui-color-stone,#57534e))] dark:text-[color:var(--zui-combobox-item-stone-fg-dark,var(--zui-color-stone-dark,#78716c))]\",\n royal:\n \"hover:bg-[var(--zui-combobox-item-royal-bg-hover,color-mix(in oklch, var(--zui-color-royal,#4338ca) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-item-royal-bg-hover-dark,color-mix(in oklch, var(--zui-color-royal-dark,#818cf8) 18%, transparent))] hover:text-[color:var(--zui-combobox-item-royal-fg-hover,var(--zui-color-royal,#4338ca))] dark:hover:text-[color:var(--zui-combobox-item-royal-fg-hover-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-combobox-item-royal-bg,color-mix(in oklch, var(--zui-color-royal,#4338ca) 6%, transparent))] dark:bg-[var(--zui-combobox-item-royal-bg-dark,color-mix(in oklch, var(--zui-color-royal-dark,#818cf8) 12%, transparent))] text-[color:var(--zui-combobox-item-royal-fg,var(--zui-color-royal,#4338ca))] dark:text-[color:var(--zui-combobox-item-royal-fg-dark,var(--zui-color-royal-dark,#818cf8))]\",\n electric:\n \"hover:bg-[var(--zui-combobox-item-electric-bg-hover,color-mix(in oklch, var(--zui-color-electric,#0ea5e9) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-item-electric-bg-hover-dark,color-mix(in oklch, var(--zui-color-electric-dark,#38bdf8) 18%, transparent))] hover:text-[color:var(--zui-combobox-item-electric-fg-hover,var(--zui-color-electric,#0ea5e9))] dark:hover:text-[color:var(--zui-combobox-item-electric-fg-hover-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-combobox-item-electric-bg,color-mix(in oklch, var(--zui-color-electric,#0ea5e9) 6%, transparent))] dark:bg-[var(--zui-combobox-item-electric-bg-dark,color-mix(in oklch, var(--zui-color-electric-dark,#38bdf8) 12%, transparent))] text-[color:var(--zui-combobox-item-electric-fg,var(--zui-color-electric,#0ea5e9))] dark:text-[color:var(--zui-combobox-item-electric-fg-dark,var(--zui-color-electric-dark,#38bdf8))]\",\n forest:\n \"hover:bg-[var(--zui-combobox-item-forest-bg-hover,color-mix(in oklch, var(--zui-color-forest,#166534) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-item-forest-bg-hover-dark,color-mix(in oklch, var(--zui-color-forest-dark,#4ade80) 18%, transparent))] hover:text-[color:var(--zui-combobox-item-forest-fg-hover,var(--zui-color-forest,#166534))] dark:hover:text-[color:var(--zui-combobox-item-forest-fg-hover-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-combobox-item-forest-bg,color-mix(in oklch, var(--zui-color-forest,#166534) 6%, transparent))] dark:bg-[var(--zui-combobox-item-forest-bg-dark,color-mix(in oklch, var(--zui-color-forest-dark,#4ade80) 12%, transparent))] text-[color:var(--zui-combobox-item-forest-fg,var(--zui-color-forest,#166534))] dark:text-[color:var(--zui-combobox-item-forest-fg-dark,var(--zui-color-forest-dark,#4ade80))]\",\n sunset:\n \"hover:bg-[var(--zui-combobox-item-sunset-bg-hover,color-mix(in oklch, var(--zui-color-sunset,#ea580c) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-item-sunset-bg-hover-dark,color-mix(in oklch, var(--zui-color-sunset-dark,#fb923c) 18%, transparent))] hover:text-[color:var(--zui-combobox-item-sunset-fg-hover,var(--zui-color-sunset,#ea580c))] dark:hover:text-[color:var(--zui-combobox-item-sunset-fg-hover-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-combobox-item-sunset-bg,color-mix(in oklch, var(--zui-color-sunset,#ea580c) 6%, transparent))] dark:bg-[var(--zui-combobox-item-sunset-bg-dark,color-mix(in oklch, var(--zui-color-sunset-dark,#fb923c) 12%, transparent))] text-[color:var(--zui-combobox-item-sunset-fg,var(--zui-color-sunset,#ea580c))] dark:text-[color:var(--zui-combobox-item-sunset-fg-dark,var(--zui-color-sunset-dark,#fb923c))]\",\n magenta:\n \"hover:bg-[var(--zui-combobox-item-magenta-bg-hover,color-mix(in oklch, var(--zui-color-magenta,#c026d3) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-item-magenta-bg-hover-dark,color-mix(in oklch, var(--zui-color-magenta-dark,#e879f9) 18%, transparent))] hover:text-[color:var(--zui-combobox-item-magenta-fg-hover,var(--zui-color-magenta,#c026d3))] dark:hover:text-[color:var(--zui-combobox-item-magenta-fg-hover-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-combobox-item-magenta-bg,color-mix(in oklch, var(--zui-color-magenta,#c026d3) 6%, transparent))] dark:bg-[var(--zui-combobox-item-magenta-bg-dark,color-mix(in oklch, var(--zui-color-magenta-dark,#e879f9) 12%, transparent))] text-[color:var(--zui-combobox-item-magenta-fg,var(--zui-color-magenta,#c026d3))] dark:text-[color:var(--zui-combobox-item-magenta-fg-dark,var(--zui-color-magenta-dark,#e879f9))]\",\n crimson:\n \"hover:bg-[var(--zui-combobox-item-crimson-bg-hover,color-mix(in oklch, var(--zui-color-crimson,#b91c1c) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-item-crimson-bg-hover-dark,color-mix(in oklch, var(--zui-color-crimson-dark,#f87171) 18%, transparent))] hover:text-[color:var(--zui-combobox-item-crimson-fg-hover,var(--zui-color-crimson,#b91c1c))] dark:hover:text-[color:var(--zui-combobox-item-crimson-fg-hover-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-combobox-item-crimson-bg,color-mix(in oklch, var(--zui-color-crimson,#b91c1c) 6%, transparent))] dark:bg-[var(--zui-combobox-item-crimson-bg-dark,color-mix(in oklch, var(--zui-color-crimson-dark,#f87171) 12%, transparent))] text-[color:var(--zui-combobox-item-crimson-fg,var(--zui-color-crimson,#b91c1c))] dark:text-[color:var(--zui-combobox-item-crimson-fg-dark,var(--zui-color-crimson-dark,#f87171))]\",\n aqua: \"hover:bg-[var(--zui-combobox-item-aqua-bg-hover,color-mix(in oklch, var(--zui-color-aqua,#0f766e) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-item-aqua-bg-hover-dark,color-mix(in oklch, var(--zui-color-aqua-dark,#2dd4bf) 18%, transparent))] hover:text-[color:var(--zui-combobox-item-aqua-fg-hover,var(--zui-color-aqua,#0f766e))] dark:hover:text-[color:var(--zui-combobox-item-aqua-fg-hover-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-combobox-item-aqua-bg,color-mix(in oklch, var(--zui-color-aqua,#0f766e) 6%, transparent))] dark:bg-[var(--zui-combobox-item-aqua-bg-dark,color-mix(in oklch, var(--zui-color-aqua-dark,#2dd4bf) 12%, transparent))] text-[color:var(--zui-combobox-item-aqua-fg,var(--zui-color-aqua,#0f766e))] dark:text-[color:var(--zui-combobox-item-aqua-fg-dark,var(--zui-color-aqua-dark,#2dd4bf))]\",\n plum: \"hover:bg-[var(--zui-combobox-item-plum-bg-hover,color-mix(in oklch, var(--zui-color-plum,#7e22ce) 10%, transparent))] dark:hover:bg-[var(--zui-combobox-item-plum-bg-hover-dark,color-mix(in oklch, var(--zui-color-plum-dark,#c084fc) 18%, transparent))] hover:text-[color:var(--zui-combobox-item-plum-fg-hover,var(--zui-color-plum,#7e22ce))] dark:hover:text-[color:var(--zui-combobox-item-plum-fg-hover-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-combobox-item-plum-bg,color-mix(in oklch, var(--zui-color-plum,#7e22ce) 6%, transparent))] dark:bg-[var(--zui-combobox-item-plum-bg-dark,color-mix(in oklch, var(--zui-color-plum-dark,#c084fc) 12%, transparent))] text-[color:var(--zui-combobox-item-plum-fg,var(--zui-color-plum,#7e22ce))] dark:text-[color:var(--zui-combobox-item-plum-fg-dark,var(--zui-color-plum-dark,#c084fc))]\",\n} as const;\n\nexport const zuiComboboxDisabled = {\n true: \"opacity-50 cursor-not-allowed\",\n} as const;\n\nexport const zuiComboboxContentBase =\n \"absolute z-10 mt-2 w-full rounded-md border border-[color:var(--zui-combobox-content-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-combobox-content-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-combobox-content-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-combobox-content-bg-dark,var(--zui-surface-muted-dark,#000000))] shadow-[var(--zui-combobox-content-shadow,var(--zui-shadow,0_4px_12px_rgba(15,23,42,0.12)))] dark:shadow-[var(--zui-combobox-content-shadow-dark,var(--zui-shadow-dark,0_12px_32px_rgba(15,23,42,0.45)))] overflow-hidden\";\n\nexport const zuiComboboxGradientContentChildTokens =\n \"[--zui-combobox-search-fg:#ffffff] [--zui-combobox-search-fg-dark:#ffffff] [--zui-combobox-search-placeholder:rgba(255,255,255,0.72)] [--zui-combobox-search-placeholder-dark:rgba(255,255,255,0.72)] [--zui-combobox-search-icon:rgba(255,255,255,0.72)] [--zui-combobox-search-border:rgba(255,255,255,0.28)] [--zui-combobox-search-border-dark:rgba(255,255,255,0.28)] [--zui-combobox-empty-fg:rgba(255,255,255,0.78)] [--zui-combobox-empty-fg-dark:rgba(255,255,255,0.78)] [--zui-combobox-item-active-bg:rgba(255,255,255,0.18)] [--zui-combobox-item-active-bg-dark:rgba(255,255,255,0.18)]\";\n\nexport const zuiComboboxContentAppearances = {\n default:\n \"bg-[var(--zui-combobox-content-default-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-combobox-content-default-bg-dark,var(--zui-surface-muted-dark,#000000))] shadow-[var(--zui-combobox-content-default-shadow,var(--zui-shadow,0_4px_12px_rgba(15,23,42,0.12)))] dark:shadow-[var(--zui-combobox-content-default-shadow-dark,var(--zui-shadow-dark,0_12px_32px_rgba(15,23,42,0.45)))]\",\n glass:\n \"bg-[var(--zui-combobox-content-glass-bg,var(--zui-surface-muted,#0000001a))] dark:bg-[var(--zui-combobox-content-glass-bg-dark,var(--zui-surface-muted-dark,#ffffff1a))] backdrop-blur-md\",\n outline:\n \"border-2 border-[color:var(--zui-combobox-content-outline-border,var(--zui-border,oklch(55.1%_0.027_264.364)))] dark:border-[color:var(--zui-combobox-content-outline-border-dark,var(--zui-border-dark,oklch(55.1%_0.027_264.364)))]\",\n ghost:\n \"border-[color:var(--zui-combobox-content-ghost-border,var(--zui-border,transparent))] dark:border-[color:var(--zui-combobox-content-ghost-border-dark,var(--zui-border-dark,transparent))]\",\n sky: \"border-[color:var(--zui-combobox-content-sky-border,var(--zui-color-sky,oklch(39.1%_0.09_240.876)))] dark:border-[color:var(--zui-combobox-content-sky-border-dark,var(--zui-color-sky-dark,oklch(58.8%_0.158_241.966)))]\",\n rose: \"border-[color:var(--zui-combobox-content-rose-border,var(--zui-color-rose,oklch(41%_0.159_10.272)))] dark:border-[color:var(--zui-combobox-content-rose-border-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))]\",\n purple:\n \"border-[color:var(--zui-combobox-content-purple-border,var(--zui-color-purple,oklch(38.1%_0.176_304.987)))] dark:border-[color:var(--zui-combobox-content-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))]\",\n pink: \"border-[color:var(--zui-combobox-content-pink-border,var(--zui-color-pink,oklch(40.8%_0.153_2.432)))] dark:border-[color:var(--zui-combobox-content-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))]\",\n orange:\n \"border-[color:var(--zui-combobox-content-orange-border,var(--zui-color-orange,oklch(40.8%_0.123_38.172)))] dark:border-[color:var(--zui-combobox-content-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))]\",\n yellow:\n \"border-[color:var(--zui-combobox-content-yellow-border,var(--zui-color-yellow,oklch(42.1%_0.095_57.708)))] dark:border-[color:var(--zui-combobox-content-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))]\",\n teal: \"border-[color:var(--zui-combobox-content-teal-border,var(--zui-color-teal,oklch(38.6%_0.063_188.416)))] dark:border-[color:var(--zui-combobox-content-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))]\",\n indigo:\n \"border-[color:var(--zui-combobox-content-indigo-border,var(--zui-color-indigo,oklch(35.9%_0.144_278.697)))] dark:border-[color:var(--zui-combobox-content-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))]\",\n emerald:\n \"border-[color:var(--zui-combobox-content-emerald-border,var(--zui-color-emerald,oklch(37.8%_0.077_168.94)))] dark:border-[color:var(--zui-combobox-content-emerald-border-dark,var(--zui-color-emerald-dark,oklch(59.6%_0.145_163.225)))]\",\n \"gradient-blue\": `border border-[color:var(--zui-combobox-content-gradient-blue-border,var(--zui-color-blue,oklch(37.9%_0.146_265.522)))] dark:border-[color:var(--zui-combobox-content-gradient-blue-border-dark,var(--zui-color-blue-dark,oklch(54.6%_0.245_262.881)))] bg-linear-to-r from-[var(--zui-combobox-content-gradient-blue-from,var(--zui-color-blue,oklch(37.9%_0.146_265.522)))] dark:from-[var(--zui-combobox-content-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(54.6%_0.245_262.881)))] to-[var(--zui-combobox-content-gradient-blue-to,var(--zui-color-purple,oklch(38.1%_0.176_304.987)))] dark:to-[var(--zui-combobox-content-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] text-[color:var(--zui-combobox-content-gradient-blue-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-combobox-content-gradient-blue-fg-dark,var(--zui-brand-fg-dark,#ffffff))] backdrop-blur-xl ${zuiComboboxGradientContentChildTokens}`,\n \"gradient-green\": `border border-[color:var(--zui-combobox-content-gradient-green-border,var(--zui-color-green,oklch(39.3%_0.095_152.535)))] dark:border-[color:var(--zui-combobox-content-gradient-green-border-dark,var(--zui-color-green-dark,oklch(62.7%_0.194_149.214)))] bg-linear-to-r from-[var(--zui-combobox-content-gradient-green-from,var(--zui-color-green,oklch(39.3%_0.095_152.535)))] dark:from-[var(--zui-combobox-content-gradient-green-from-dark,var(--zui-color-green-dark,oklch(62.7%_0.194_149.214)))] to-[var(--zui-combobox-content-gradient-green-to,var(--zui-color-lime,oklch(40.5%_0.101_131.063)))] dark:to-[var(--zui-combobox-content-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(64.8%_0.2_131.684)))] text-[color:var(--zui-combobox-content-gradient-green-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-combobox-content-gradient-green-fg-dark,var(--zui-brand-fg-dark,#ffffff))] backdrop-blur-xl ${zuiComboboxGradientContentChildTokens}`,\n \"gradient-red\": `border border-[color:var(--zui-combobox-content-gradient-red-border,var(--zui-color-red,oklch(39.6%_0.141_25.723)))] dark:border-[color:var(--zui-combobox-content-gradient-red-border-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] bg-linear-to-r from-[var(--zui-combobox-content-gradient-red-from,var(--zui-color-red,oklch(39.6%_0.141_25.723)))] dark:from-[var(--zui-combobox-content-gradient-red-from-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] to-[var(--zui-combobox-content-gradient-red-to,var(--zui-color-pink,oklch(40.8%_0.153_2.432)))] dark:to-[var(--zui-combobox-content-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] text-[color:var(--zui-combobox-content-gradient-red-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-combobox-content-gradient-red-fg-dark,var(--zui-brand-fg-dark,#ffffff))] backdrop-blur-xl ${zuiComboboxGradientContentChildTokens}`,\n \"gradient-yellow\": `border border-[color:var(--zui-combobox-content-gradient-yellow-border,var(--zui-color-yellow,oklch(42.1%_0.095_57.708)))] dark:border-[color:var(--zui-combobox-content-gradient-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] bg-linear-to-r from-[var(--zui-combobox-content-gradient-yellow-from,var(--zui-color-yellow,oklch(42.1%_0.095_57.708)))] dark:from-[var(--zui-combobox-content-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] to-[var(--zui-combobox-content-gradient-yellow-to,var(--zui-color-orange,oklch(40.8%_0.123_38.172)))] dark:to-[var(--zui-combobox-content-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] text-[color:var(--zui-combobox-content-gradient-yellow-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-combobox-content-gradient-yellow-fg-dark,var(--zui-brand-fg-dark,#ffffff))] backdrop-blur-xl ${zuiComboboxGradientContentChildTokens}`,\n \"gradient-purple\": `border border-[color:var(--zui-combobox-content-gradient-purple-border,var(--zui-color-purple,oklch(38.1%_0.176_304.987)))] dark:border-[color:var(--zui-combobox-content-gradient-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] bg-linear-to-r from-[var(--zui-combobox-content-gradient-purple-from,var(--zui-color-purple,oklch(38.1%_0.176_304.987)))] dark:from-[var(--zui-combobox-content-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] to-[var(--zui-combobox-content-gradient-purple-to,var(--zui-color-pink,oklch(40.8%_0.153_2.432)))] dark:to-[var(--zui-combobox-content-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] text-[color:var(--zui-combobox-content-gradient-purple-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-combobox-content-gradient-purple-fg-dark,var(--zui-brand-fg-dark,#ffffff))] backdrop-blur-xl ${zuiComboboxGradientContentChildTokens}`,\n \"gradient-teal\": `border border-[color:var(--zui-combobox-content-gradient-teal-border,var(--zui-color-teal,oklch(38.6%_0.063_188.416)))] dark:border-[color:var(--zui-combobox-content-gradient-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] bg-linear-to-r from-[var(--zui-combobox-content-gradient-teal-from,var(--zui-color-teal,oklch(38.6%_0.063_188.416)))] dark:from-[var(--zui-combobox-content-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] to-[var(--zui-combobox-content-gradient-teal-to,var(--zui-color-cyan,oklch(39.8%_0.07_227.392)))] dark:to-[var(--zui-combobox-content-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(60.9%_0.126_221.723)))] text-[color:var(--zui-combobox-content-gradient-teal-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-combobox-content-gradient-teal-fg-dark,var(--zui-brand-fg-dark,#ffffff))] backdrop-blur-xl ${zuiComboboxGradientContentChildTokens}`,\n \"gradient-indigo\": `border border-[color:var(--zui-combobox-content-gradient-indigo-border,var(--zui-color-indigo,oklch(35.9%_0.144_278.697)))] dark:border-[color:var(--zui-combobox-content-gradient-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] bg-linear-to-r from-[var(--zui-combobox-content-gradient-indigo-from,var(--zui-color-indigo,oklch(35.9%_0.144_278.697)))] dark:from-[var(--zui-combobox-content-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] to-[var(--zui-combobox-content-gradient-indigo-to,var(--zui-color-purple,oklch(38.1%_0.176_304.987)))] dark:to-[var(--zui-combobox-content-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] text-[color:var(--zui-combobox-content-gradient-indigo-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-combobox-content-gradient-indigo-fg-dark,var(--zui-brand-fg-dark,#ffffff))] backdrop-blur-xl ${zuiComboboxGradientContentChildTokens}`,\n \"gradient-pink\": `border border-[color:var(--zui-combobox-content-gradient-pink-border,var(--zui-color-pink,oklch(40.8%_0.153_2.432)))] dark:border-[color:var(--zui-combobox-content-gradient-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-linear-to-r from-[var(--zui-combobox-content-gradient-pink-from,var(--zui-color-pink,oklch(40.8%_0.153_2.432)))] dark:from-[var(--zui-combobox-content-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] to-[var(--zui-combobox-content-gradient-pink-to,var(--zui-color-rose,oklch(41%_0.159_10.272)))] dark:to-[var(--zui-combobox-content-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))] text-[color:var(--zui-combobox-content-gradient-pink-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-combobox-content-gradient-pink-fg-dark,var(--zui-brand-fg-dark,#ffffff))] backdrop-blur-xl ${zuiComboboxGradientContentChildTokens}`,\n \"gradient-orange\": `border border-[color:var(--zui-combobox-content-gradient-orange-border,var(--zui-color-orange,oklch(40.8%_0.123_38.172)))] dark:border-[color:var(--zui-combobox-content-gradient-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] bg-linear-to-r from-[var(--zui-combobox-content-gradient-orange-from,var(--zui-color-orange,oklch(40.8%_0.123_38.172)))] dark:from-[var(--zui-combobox-content-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] to-[var(--zui-combobox-content-gradient-orange-to,var(--zui-color-red,oklch(39.6%_0.141_25.723)))] dark:to-[var(--zui-combobox-content-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] text-[color:var(--zui-combobox-content-gradient-orange-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-combobox-content-gradient-orange-fg-dark,var(--zui-brand-fg-dark,#ffffff))] backdrop-blur-xl ${zuiComboboxGradientContentChildTokens}`,\n blue: \"border border-[color:var(--zui-combobox-content-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-combobox-content-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-combobox-content-blue-bg,color-mix(in oklch, var(--zui-color-blue,#2563eb) 8%, transparent))] dark:bg-[var(--zui-combobox-content-blue-bg-dark,color-mix(in oklch, var(--zui-color-blue-dark,#3b82f6) 14%, transparent))] text-[color:var(--zui-combobox-content-blue-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-combobox-content-blue-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n cyan: \"border border-[color:var(--zui-combobox-content-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-combobox-content-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-combobox-content-cyan-bg,color-mix(in oklch, var(--zui-color-cyan,#0891b2) 8%, transparent))] dark:bg-[var(--zui-combobox-content-cyan-bg-dark,color-mix(in oklch, var(--zui-color-cyan-dark,#22d3ee) 14%, transparent))] text-[color:var(--zui-combobox-content-cyan-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-combobox-content-cyan-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n green:\n \"border border-[color:var(--zui-combobox-content-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-combobox-content-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-combobox-content-green-bg,color-mix(in oklch, var(--zui-color-green,#16a34a) 8%, transparent))] dark:bg-[var(--zui-combobox-content-green-bg-dark,color-mix(in oklch, var(--zui-color-green-dark,#22c55e) 14%, transparent))] text-[color:var(--zui-combobox-content-green-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-combobox-content-green-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n lime: \"border border-[color:var(--zui-combobox-content-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-combobox-content-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-combobox-content-lime-bg,color-mix(in oklch, var(--zui-color-lime,#65a30d) 8%, transparent))] dark:bg-[var(--zui-combobox-content-lime-bg-dark,color-mix(in oklch, var(--zui-color-lime-dark,#a3e635) 14%, transparent))] text-[color:var(--zui-combobox-content-lime-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-combobox-content-lime-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n mint: \"border border-[color:var(--zui-combobox-content-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-combobox-content-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-combobox-content-mint-bg,color-mix(in oklch, var(--zui-color-mint,#10b981) 8%, transparent))] dark:bg-[var(--zui-combobox-content-mint-bg-dark,color-mix(in oklch, var(--zui-color-mint-dark,#6ee7b7) 14%, transparent))] text-[color:var(--zui-combobox-content-mint-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-combobox-content-mint-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n ocean:\n \"border border-[color:var(--zui-combobox-content-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-combobox-content-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-combobox-content-ocean-bg,color-mix(in oklch, var(--zui-color-ocean,#0284c7) 8%, transparent))] dark:bg-[var(--zui-combobox-content-ocean-bg-dark,color-mix(in oklch, var(--zui-color-ocean-dark,#38bdf8) 14%, transparent))] text-[color:var(--zui-combobox-content-ocean-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-combobox-content-ocean-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n sapphire:\n \"border border-[color:var(--zui-combobox-content-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-combobox-content-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-combobox-content-sapphire-bg,color-mix(in oklch, var(--zui-color-sapphire,#1d4ed8) 8%, transparent))] dark:bg-[var(--zui-combobox-content-sapphire-bg-dark,color-mix(in oklch, var(--zui-color-sapphire-dark,#60a5fa) 14%, transparent))] text-[color:var(--zui-combobox-content-sapphire-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-combobox-content-sapphire-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n lavender:\n \"border border-[color:var(--zui-combobox-content-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-combobox-content-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-combobox-content-lavender-bg,color-mix(in oklch, var(--zui-color-lavender,#8b5cf6) 8%, transparent))] dark:bg-[var(--zui-combobox-content-lavender-bg-dark,color-mix(in oklch, var(--zui-color-lavender-dark,#a78bfa) 14%, transparent))] text-[color:var(--zui-combobox-content-lavender-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-combobox-content-lavender-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n ruby: \"border border-[color:var(--zui-combobox-content-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-combobox-content-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-combobox-content-ruby-bg,color-mix(in oklch, var(--zui-color-ruby,#be123c) 8%, transparent))] dark:bg-[var(--zui-combobox-content-ruby-bg-dark,color-mix(in oklch, var(--zui-color-ruby-dark,#fb7185) 14%, transparent))] text-[color:var(--zui-combobox-content-ruby-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-combobox-content-ruby-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n red: \"border border-[color:var(--zui-combobox-content-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-combobox-content-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-combobox-content-red-bg,color-mix(in oklch, var(--zui-color-red,#dc2626) 8%, transparent))] dark:bg-[var(--zui-combobox-content-red-bg-dark,color-mix(in oklch, var(--zui-color-red-dark,#ef4444) 14%, transparent))] text-[color:var(--zui-combobox-content-red-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-combobox-content-red-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n slate:\n \"border border-[color:var(--zui-combobox-content-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-combobox-content-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-combobox-content-slate-bg,color-mix(in oklch, var(--zui-color-slate,#475569) 8%, transparent))] dark:bg-[var(--zui-combobox-content-slate-bg-dark,color-mix(in oklch, var(--zui-color-slate-dark,#64748b) 14%, transparent))] text-[color:var(--zui-combobox-content-slate-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-combobox-content-slate-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n zinc: \"border border-[color:var(--zui-combobox-content-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-combobox-content-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-combobox-content-zinc-bg,color-mix(in oklch, var(--zui-color-zinc,#52525b) 8%, transparent))] dark:bg-[var(--zui-combobox-content-zinc-bg-dark,color-mix(in oklch, var(--zui-color-zinc-dark,#71717a) 14%, transparent))] text-[color:var(--zui-combobox-content-zinc-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-combobox-content-zinc-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n stone:\n \"border border-[color:var(--zui-combobox-content-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-combobox-content-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-combobox-content-stone-bg,color-mix(in oklch, var(--zui-color-stone,#57534e) 8%, transparent))] dark:bg-[var(--zui-combobox-content-stone-bg-dark,color-mix(in oklch, var(--zui-color-stone-dark,#78716c) 14%, transparent))] text-[color:var(--zui-combobox-content-stone-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-combobox-content-stone-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n royal:\n \"border border-[color:var(--zui-combobox-content-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-combobox-content-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-combobox-content-royal-bg,color-mix(in oklch, var(--zui-color-royal,#4338ca) 8%, transparent))] dark:bg-[var(--zui-combobox-content-royal-bg-dark,color-mix(in oklch, var(--zui-color-royal-dark,#818cf8) 14%, transparent))] text-[color:var(--zui-combobox-content-royal-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-combobox-content-royal-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n electric:\n \"border border-[color:var(--zui-combobox-content-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-combobox-content-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-combobox-content-electric-bg,color-mix(in oklch, var(--zui-color-electric,#0ea5e9) 8%, transparent))] dark:bg-[var(--zui-combobox-content-electric-bg-dark,color-mix(in oklch, var(--zui-color-electric-dark,#38bdf8) 14%, transparent))] text-[color:var(--zui-combobox-content-electric-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-combobox-content-electric-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n forest:\n \"border border-[color:var(--zui-combobox-content-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-combobox-content-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-combobox-content-forest-bg,color-mix(in oklch, var(--zui-color-forest,#166534) 8%, transparent))] dark:bg-[var(--zui-combobox-content-forest-bg-dark,color-mix(in oklch, var(--zui-color-forest-dark,#4ade80) 14%, transparent))] text-[color:var(--zui-combobox-content-forest-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-combobox-content-forest-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n sunset:\n \"border border-[color:var(--zui-combobox-content-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-combobox-content-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-combobox-content-sunset-bg,color-mix(in oklch, var(--zui-color-sunset,#ea580c) 8%, transparent))] dark:bg-[var(--zui-combobox-content-sunset-bg-dark,color-mix(in oklch, var(--zui-color-sunset-dark,#fb923c) 14%, transparent))] text-[color:var(--zui-combobox-content-sunset-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-combobox-content-sunset-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n magenta:\n \"border border-[color:var(--zui-combobox-content-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-combobox-content-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-combobox-content-magenta-bg,color-mix(in oklch, var(--zui-color-magenta,#c026d3) 8%, transparent))] dark:bg-[var(--zui-combobox-content-magenta-bg-dark,color-mix(in oklch, var(--zui-color-magenta-dark,#e879f9) 14%, transparent))] text-[color:var(--zui-combobox-content-magenta-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-combobox-content-magenta-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n crimson:\n \"border border-[color:var(--zui-combobox-content-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-combobox-content-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-combobox-content-crimson-bg,color-mix(in oklch, var(--zui-color-crimson,#b91c1c) 8%, transparent))] dark:bg-[var(--zui-combobox-content-crimson-bg-dark,color-mix(in oklch, var(--zui-color-crimson-dark,#f87171) 14%, transparent))] text-[color:var(--zui-combobox-content-crimson-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-combobox-content-crimson-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n aqua: \"border border-[color:var(--zui-combobox-content-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-combobox-content-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-combobox-content-aqua-bg,color-mix(in oklch, var(--zui-color-aqua,#0f766e) 8%, transparent))] dark:bg-[var(--zui-combobox-content-aqua-bg-dark,color-mix(in oklch, var(--zui-color-aqua-dark,#2dd4bf) 14%, transparent))] text-[color:var(--zui-combobox-content-aqua-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-combobox-content-aqua-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n plum: \"border border-[color:var(--zui-combobox-content-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-combobox-content-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-combobox-content-plum-bg,color-mix(in oklch, var(--zui-color-plum,#7e22ce) 8%, transparent))] dark:bg-[var(--zui-combobox-content-plum-bg-dark,color-mix(in oklch, var(--zui-color-plum-dark,#c084fc) 14%, transparent))] text-[color:var(--zui-combobox-content-plum-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-combobox-content-plum-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n} as const;\n\nexport const zuiComboboxSpacing = {\n none: \"space-y-0\",\n default: \"space-y-1\",\n sm: \"space-y-2\",\n md: \"space-y-3\",\n lg: \"space-y-4\",\n xl: \"space-y-5\",\n} as const;\n\nexport const zuiComboboxSearchRowBase =\n \"flex items-center gap-2 border-b px-3 py-2 border-[color:var(--zui-combobox-search-border,var(--zui-border,oklch(87.2%_0.01_258.338)))] dark:border-[color:var(--zui-combobox-search-border-dark,var(--zui-border-dark,oklch(27%_0.006_264.531)))]\";\n\nexport const zuiComboboxSearchInputBase =\n \"w-full bg-transparent text-sm outline-none placeholder:text-[color:var(--zui-combobox-search-placeholder,var(--zui-fg-muted,oklch(55.1%_0.027_264.364)))] dark:placeholder:text-[color:var(--zui-combobox-search-placeholder-dark,var(--zui-fg-muted-dark,oklch(55.1%_0.027_264.364)))] text-[color:var(--zui-combobox-search-fg,var(--zui-fg,oklch(13%_0.028_261.692)))] dark:text-[color:var(--zui-combobox-search-fg-dark,var(--zui-fg-dark,#ffffff))]\";\n\nexport const zuiComboboxSearchIconBase =\n \"size-4 shrink-0 opacity-50 text-[color:var(--zui-combobox-search-icon,var(--zui-fg,currentColor))]\";\n\nexport const zuiComboboxListBase =\n \"max-h-60 overflow-y-auto py-1 rounded-md border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-1\";\n\nexport const zuiComboboxListAppearances = {\n default:\n \"border-[color:var(--zui-combobox-list-default-border,var(--zui-border,oklch(87.2%_0.01_258.338)))] dark:border-[color:var(--zui-combobox-list-default-border-dark,var(--zui-border-dark,oklch(27%_0.006_264.531)))] focus-visible:ring-[color:var(--zui-combobox-list-default-ring,var(--zui-focus-ring,oklch(44.6%_0.03_256.802)))] dark:focus-visible:ring-[color:var(--zui-combobox-list-default-ring-dark,var(--zui-focus-ring-dark,oklch(70.7%_0.022_261.325)))]\",\n glass:\n \"border-[color:var(--zui-combobox-list-glass-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-combobox-list-glass-border-dark,var(--zui-border-dark,#ffffff1a))] focus-visible:ring-[color:var(--zui-combobox-list-glass-ring,var(--zui-focus-ring,oklch(44.6%_0.03_256.802)))] dark:focus-visible:ring-[color:var(--zui-combobox-list-glass-ring-dark,var(--zui-focus-ring-dark,oklch(70.7%_0.022_261.325)))]\",\n outline:\n \"border-[color:var(--zui-combobox-list-outline-border,var(--zui-border,oklch(55.1%_0.027_264.364)))] dark:border-[color:var(--zui-combobox-list-outline-border-dark,var(--zui-border-dark,oklch(55.1%_0.027_264.364)))] focus-visible:ring-[color:var(--zui-combobox-list-outline-ring,var(--zui-focus-ring,oklch(55.1%_0.027_264.364)))] dark:focus-visible:ring-[color:var(--zui-combobox-list-outline-ring-dark,var(--zui-focus-ring-dark,oklch(55.1%_0.027_264.364)))]\",\n ghost:\n \"border-transparent focus-visible:ring-[color:var(--zui-combobox-list-ghost-ring,var(--zui-focus-ring,oklch(44.6%_0.03_256.802)))] dark:focus-visible:ring-[color:var(--zui-combobox-list-ghost-ring-dark,var(--zui-focus-ring-dark,oklch(70.7%_0.022_261.325)))]\",\n sky: \"border-[color:var(--zui-combobox-list-sky-border,var(--zui-color-sky,oklch(39.1%_0.09_240.876)))] dark:border-[color:var(--zui-combobox-list-sky-border-dark,var(--zui-color-sky-dark,oklch(58.8%_0.158_241.966)))] focus-visible:ring-[color:var(--zui-combobox-list-sky-ring,var(--zui-focus-ring,oklch(39.1%_0.09_240.876)))] dark:focus-visible:ring-[color:var(--zui-combobox-list-sky-ring-dark,var(--zui-focus-ring-dark,oklch(58.8%_0.158_241.966)))]\",\n rose: \"border-[color:var(--zui-combobox-list-rose-border,var(--zui-color-rose,oklch(41%_0.159_10.272)))] dark:border-[color:var(--zui-combobox-list-rose-border-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))] focus-visible:ring-[color:var(--zui-combobox-list-rose-ring,var(--zui-focus-ring,oklch(41%_0.159_10.272)))] dark:focus-visible:ring-[color:var(--zui-combobox-list-rose-ring-dark,var(--zui-focus-ring-dark,oklch(58.6%_0.253_17.585)))]\",\n purple:\n \"border-[color:var(--zui-combobox-list-purple-border,var(--zui-color-purple,oklch(38.1%_0.176_304.987)))] dark:border-[color:var(--zui-combobox-list-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] focus-visible:ring-[color:var(--zui-combobox-list-purple-ring,var(--zui-focus-ring,oklch(38.1%_0.176_304.987)))] dark:focus-visible:ring-[color:var(--zui-combobox-list-purple-ring-dark,var(--zui-focus-ring-dark,oklch(55.8%_0.288_302.321)))]\",\n pink: \"border-[color:var(--zui-combobox-list-pink-border,var(--zui-color-pink,oklch(40.8%_0.153_2.432)))] dark:border-[color:var(--zui-combobox-list-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] focus-visible:ring-[color:var(--zui-combobox-list-pink-ring,var(--zui-focus-ring,oklch(40.8%_0.153_2.432)))] dark:focus-visible:ring-[color:var(--zui-combobox-list-pink-ring-dark,var(--zui-focus-ring-dark,oklch(59.2%_0.249_0.584)))]\",\n orange:\n \"border-[color:var(--zui-combobox-list-orange-border,var(--zui-color-orange,oklch(40.8%_0.123_38.172)))] dark:border-[color:var(--zui-combobox-list-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] focus-visible:ring-[color:var(--zui-combobox-list-orange-ring,var(--zui-focus-ring,oklch(40.8%_0.123_38.172)))] dark:focus-visible:ring-[color:var(--zui-combobox-list-orange-ring-dark,var(--zui-focus-ring-dark,oklch(64.6%_0.222_41.116)))]\",\n yellow:\n \"border-[color:var(--zui-combobox-list-yellow-border,var(--zui-color-yellow,oklch(42.1%_0.095_57.708)))] dark:border-[color:var(--zui-combobox-list-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] focus-visible:ring-[color:var(--zui-combobox-list-yellow-ring,var(--zui-focus-ring,oklch(42.1%_0.095_57.708)))] dark:focus-visible:ring-[color:var(--zui-combobox-list-yellow-ring-dark,var(--zui-focus-ring-dark,oklch(68.1%_0.162_75.834)))]\",\n teal: \"border-[color:var(--zui-combobox-list-teal-border,var(--zui-color-teal,oklch(38.6%_0.063_188.416)))] dark:border-[color:var(--zui-combobox-list-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] focus-visible:ring-[color:var(--zui-combobox-list-teal-ring,var(--zui-focus-ring,oklch(38.6%_0.063_188.416)))] dark:focus-visible:ring-[color:var(--zui-combobox-list-teal-ring-dark,var(--zui-focus-ring-dark,oklch(60%_0.118_184.704)))]\",\n indigo:\n \"border-[color:var(--zui-combobox-list-indigo-border,var(--zui-color-indigo,oklch(35.9%_0.144_278.697)))] dark:border-[color:var(--zui-combobox-list-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] focus-visible:ring-[color:var(--zui-combobox-list-indigo-ring,var(--zui-focus-ring,oklch(35.9%_0.144_278.697)))] dark:focus-visible:ring-[color:var(--zui-combobox-list-indigo-ring-dark,var(--zui-focus-ring-dark,oklch(51.1%_0.262_276.966)))]\",\n emerald:\n \"border-[color:var(--zui-combobox-list-emerald-border,var(--zui-color-emerald,oklch(37.8%_0.077_168.94)))] dark:border-[color:var(--zui-combobox-list-emerald-border-dark,var(--zui-color-emerald-dark,oklch(59.6%_0.145_163.225)))] focus-visible:ring-[color:var(--zui-combobox-list-emerald-ring,var(--zui-focus-ring,oklch(37.8%_0.077_168.94)))] dark:focus-visible:ring-[color:var(--zui-combobox-list-emerald-ring-dark,var(--zui-focus-ring-dark,oklch(59.6%_0.145_163.225)))]\",\n \"gradient-blue\":\n \"border-[color:var(--zui-combobox-list-gradient-blue-border,var(--zui-color-blue,oklch(37.9%_0.146_265.522)))] dark:border-[color:var(--zui-combobox-list-gradient-blue-border-dark,var(--zui-color-blue-dark,oklch(54.6%_0.245_262.881)))] focus-visible:ring-[color:var(--zui-combobox-list-gradient-blue-ring,var(--zui-focus-ring,oklch(37.9%_0.146_265.522)))] dark:focus-visible:ring-[color:var(--zui-combobox-list-gradient-blue-ring-dark,var(--zui-focus-ring-dark,oklch(54.6%_0.245_262.881)))]\",\n \"gradient-green\":\n \"border-[color:var(--zui-combobox-list-gradient-green-border,var(--zui-color-green,oklch(39.3%_0.095_152.535)))] dark:border-[color:var(--zui-combobox-list-gradient-green-border-dark,var(--zui-color-green-dark,oklch(62.7%_0.194_149.214)))] focus-visible:ring-[color:var(--zui-combobox-list-gradient-green-ring,var(--zui-focus-ring,oklch(39.3%_0.095_152.535)))] dark:focus-visible:ring-[color:var(--zui-combobox-list-gradient-green-ring-dark,var(--zui-focus-ring-dark,oklch(62.7%_0.194_149.214)))]\",\n \"gradient-red\":\n \"border-[color:var(--zui-combobox-list-gradient-red-border,var(--zui-color-red,oklch(39.6%_0.141_25.723)))] dark:border-[color:var(--zui-combobox-list-gradient-red-border-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] focus-visible:ring-[color:var(--zui-combobox-list-gradient-red-ring,var(--zui-focus-ring,oklch(39.6%_0.141_25.723)))] dark:focus-visible:ring-[color:var(--zui-combobox-list-gradient-red-ring-dark,var(--zui-focus-ring-dark,oklch(57.7%_0.245_27.325)))]\",\n \"gradient-yellow\":\n \"border-[color:var(--zui-combobox-list-gradient-yellow-border,var(--zui-color-yellow,oklch(42.1%_0.095_57.708)))] dark:border-[color:var(--zui-combobox-list-gradient-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] focus-visible:ring-[color:var(--zui-combobox-list-gradient-yellow-ring,var(--zui-focus-ring,oklch(42.1%_0.095_57.708)))] dark:focus-visible:ring-[color:var(--zui-combobox-list-gradient-yellow-ring-dark,var(--zui-focus-ring-dark,oklch(68.1%_0.162_75.834)))]\",\n \"gradient-purple\":\n \"border-[color:var(--zui-combobox-list-gradient-purple-border,var(--zui-color-purple,oklch(38.1%_0.176_304.987)))] dark:border-[color:var(--zui-combobox-list-gradient-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] focus-visible:ring-[color:var(--zui-combobox-list-gradient-purple-ring,var(--zui-focus-ring,oklch(38.1%_0.176_304.987)))] dark:focus-visible:ring-[color:var(--zui-combobox-list-gradient-purple-ring-dark,var(--zui-focus-ring-dark,oklch(55.8%_0.288_302.321)))]\",\n \"gradient-teal\":\n \"border-[color:var(--zui-combobox-list-gradient-teal-border,var(--zui-color-teal,oklch(38.6%_0.063_188.416)))] dark:border-[color:var(--zui-combobox-list-gradient-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] focus-visible:ring-[color:var(--zui-combobox-list-gradient-teal-ring,var(--zui-focus-ring,oklch(38.6%_0.063_188.416)))] dark:focus-visible:ring-[color:var(--zui-combobox-list-gradient-teal-ring-dark,var(--zui-focus-ring-dark,oklch(60%_0.118_184.704)))]\",\n \"gradient-indigo\":\n \"border-[color:var(--zui-combobox-list-gradient-indigo-border,var(--zui-color-indigo,oklch(35.9%_0.144_278.697)))] dark:border-[color:var(--zui-combobox-list-gradient-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] focus-visible:ring-[color:var(--zui-combobox-list-gradient-indigo-ring,var(--zui-focus-ring,oklch(35.9%_0.144_278.697)))] dark:focus-visible:ring-[color:var(--zui-combobox-list-gradient-indigo-ring-dark,var(--zui-focus-ring-dark,oklch(51.1%_0.262_276.966)))]\",\n \"gradient-pink\":\n \"border-[color:var(--zui-combobox-list-gradient-pink-border,var(--zui-color-pink,oklch(40.8%_0.153_2.432)))] dark:border-[color:var(--zui-combobox-list-gradient-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] focus-visible:ring-[color:var(--zui-combobox-list-gradient-pink-ring,var(--zui-focus-ring,oklch(40.8%_0.153_2.432)))] dark:focus-visible:ring-[color:var(--zui-combobox-list-gradient-pink-ring-dark,var(--zui-focus-ring-dark,oklch(59.2%_0.249_0.584)))]\",\n \"gradient-orange\":\n \"border-[color:var(--zui-combobox-list-gradient-orange-border,var(--zui-color-orange,oklch(40.8%_0.123_38.172)))] dark:border-[color:var(--zui-combobox-list-gradient-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] focus-visible:ring-[color:var(--zui-combobox-list-gradient-orange-ring,var(--zui-focus-ring,oklch(40.8%_0.123_38.172)))] dark:focus-visible:ring-[color:var(--zui-combobox-list-gradient-orange-ring-dark,var(--zui-focus-ring-dark,oklch(64.6%_0.222_41.116)))]\",\n blue: \"border-[color:var(--zui-combobox-list-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-combobox-list-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] focus-visible:ring-[color:var(--zui-combobox-list-blue-ring,var(--zui-focus-ring,#2563eb))] dark:focus-visible:ring-[color:var(--zui-combobox-list-blue-ring-dark,var(--zui-focus-ring-dark,#3b82f6))]\",\n cyan: \"border-[color:var(--zui-combobox-list-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-combobox-list-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] focus-visible:ring-[color:var(--zui-combobox-list-cyan-ring,var(--zui-focus-ring,#0891b2))] dark:focus-visible:ring-[color:var(--zui-combobox-list-cyan-ring-dark,var(--zui-focus-ring-dark,#22d3ee))]\",\n green:\n \"border-[color:var(--zui-combobox-list-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-combobox-list-green-border-dark,var(--zui-color-green-dark,#22c55e))] focus-visible:ring-[color:var(--zui-combobox-list-green-ring,var(--zui-focus-ring,#16a34a))] dark:focus-visible:ring-[color:var(--zui-combobox-list-green-ring-dark,var(--zui-focus-ring-dark,#22c55e))]\",\n lime: \"border-[color:var(--zui-combobox-list-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-combobox-list-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] focus-visible:ring-[color:var(--zui-combobox-list-lime-ring,var(--zui-focus-ring,#65a30d))] dark:focus-visible:ring-[color:var(--zui-combobox-list-lime-ring-dark,var(--zui-focus-ring-dark,#a3e635))]\",\n mint: \"border-[color:var(--zui-combobox-list-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-combobox-list-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] focus-visible:ring-[color:var(--zui-combobox-list-mint-ring,var(--zui-focus-ring,#10b981))] dark:focus-visible:ring-[color:var(--zui-combobox-list-mint-ring-dark,var(--zui-focus-ring-dark,#6ee7b7))]\",\n ocean:\n \"border-[color:var(--zui-combobox-list-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-combobox-list-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] focus-visible:ring-[color:var(--zui-combobox-list-ocean-ring,var(--zui-focus-ring,#0284c7))] dark:focus-visible:ring-[color:var(--zui-combobox-list-ocean-ring-dark,var(--zui-focus-ring-dark,#38bdf8))]\",\n sapphire:\n \"border-[color:var(--zui-combobox-list-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-combobox-list-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] focus-visible:ring-[color:var(--zui-combobox-list-sapphire-ring,var(--zui-focus-ring,#1d4ed8))] dark:focus-visible:ring-[color:var(--zui-combobox-list-sapphire-ring-dark,var(--zui-focus-ring-dark,#60a5fa))]\",\n lavender:\n \"border-[color:var(--zui-combobox-list-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-combobox-list-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] focus-visible:ring-[color:var(--zui-combobox-list-lavender-ring,var(--zui-focus-ring,#8b5cf6))] dark:focus-visible:ring-[color:var(--zui-combobox-list-lavender-ring-dark,var(--zui-focus-ring-dark,#a78bfa))]\",\n ruby: \"border-[color:var(--zui-combobox-list-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-combobox-list-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] focus-visible:ring-[color:var(--zui-combobox-list-ruby-ring,var(--zui-focus-ring,#be123c))] dark:focus-visible:ring-[color:var(--zui-combobox-list-ruby-ring-dark,var(--zui-focus-ring-dark,#fb7185))]\",\n red: \"border-[color:var(--zui-combobox-list-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-combobox-list-red-border-dark,var(--zui-color-red-dark,#ef4444))] focus-visible:ring-[color:var(--zui-combobox-list-red-ring,var(--zui-focus-ring,#dc2626))] dark:focus-visible:ring-[color:var(--zui-combobox-list-red-ring-dark,var(--zui-focus-ring-dark,#ef4444))]\",\n slate:\n \"border-[color:var(--zui-combobox-list-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-combobox-list-slate-border-dark,var(--zui-color-slate-dark,#64748b))] focus-visible:ring-[color:var(--zui-combobox-list-slate-ring,var(--zui-focus-ring,#475569))] dark:focus-visible:ring-[color:var(--zui-combobox-list-slate-ring-dark,var(--zui-focus-ring-dark,#64748b))]\",\n zinc: \"border-[color:var(--zui-combobox-list-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-combobox-list-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] focus-visible:ring-[color:var(--zui-combobox-list-zinc-ring,var(--zui-focus-ring,#52525b))] dark:focus-visible:ring-[color:var(--zui-combobox-list-zinc-ring-dark,var(--zui-focus-ring-dark,#71717a))]\",\n stone:\n \"border-[color:var(--zui-combobox-list-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-combobox-list-stone-border-dark,var(--zui-color-stone-dark,#78716c))] focus-visible:ring-[color:var(--zui-combobox-list-stone-ring,var(--zui-focus-ring,#57534e))] dark:focus-visible:ring-[color:var(--zui-combobox-list-stone-ring-dark,var(--zui-focus-ring-dark,#78716c))]\",\n royal:\n \"border-[color:var(--zui-combobox-list-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-combobox-list-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] focus-visible:ring-[color:var(--zui-combobox-list-royal-ring,var(--zui-focus-ring,#4338ca))] dark:focus-visible:ring-[color:var(--zui-combobox-list-royal-ring-dark,var(--zui-focus-ring-dark,#818cf8))]\",\n electric:\n \"border-[color:var(--zui-combobox-list-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-combobox-list-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] focus-visible:ring-[color:var(--zui-combobox-list-electric-ring,var(--zui-focus-ring,#0ea5e9))] dark:focus-visible:ring-[color:var(--zui-combobox-list-electric-ring-dark,var(--zui-focus-ring-dark,#38bdf8))]\",\n forest:\n \"border-[color:var(--zui-combobox-list-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-combobox-list-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] focus-visible:ring-[color:var(--zui-combobox-list-forest-ring,var(--zui-focus-ring,#166534))] dark:focus-visible:ring-[color:var(--zui-combobox-list-forest-ring-dark,var(--zui-focus-ring-dark,#4ade80))]\",\n sunset:\n \"border-[color:var(--zui-combobox-list-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-combobox-list-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] focus-visible:ring-[color:var(--zui-combobox-list-sunset-ring,var(--zui-focus-ring,#ea580c))] dark:focus-visible:ring-[color:var(--zui-combobox-list-sunset-ring-dark,var(--zui-focus-ring-dark,#fb923c))]\",\n magenta:\n \"border-[color:var(--zui-combobox-list-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-combobox-list-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] focus-visible:ring-[color:var(--zui-combobox-list-magenta-ring,var(--zui-focus-ring,#c026d3))] dark:focus-visible:ring-[color:var(--zui-combobox-list-magenta-ring-dark,var(--zui-focus-ring-dark,#e879f9))]\",\n crimson:\n \"border-[color:var(--zui-combobox-list-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-combobox-list-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] focus-visible:ring-[color:var(--zui-combobox-list-crimson-ring,var(--zui-focus-ring,#b91c1c))] dark:focus-visible:ring-[color:var(--zui-combobox-list-crimson-ring-dark,var(--zui-focus-ring-dark,#f87171))]\",\n aqua: \"border-[color:var(--zui-combobox-list-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-combobox-list-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] focus-visible:ring-[color:var(--zui-combobox-list-aqua-ring,var(--zui-focus-ring,#0f766e))] dark:focus-visible:ring-[color:var(--zui-combobox-list-aqua-ring-dark,var(--zui-focus-ring-dark,#2dd4bf))]\",\n plum: \"border-[color:var(--zui-combobox-list-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-combobox-list-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] focus-visible:ring-[color:var(--zui-combobox-list-plum-ring,var(--zui-focus-ring,#7e22ce))] dark:focus-visible:ring-[color:var(--zui-combobox-list-plum-ring-dark,var(--zui-focus-ring-dark,#c084fc))]\",\n} as const;\n\nexport const zuiComboboxEmptyBase =\n \"px-3 py-6 text-center text-sm text-[color:var(--zui-combobox-empty-fg,var(--zui-fg-muted,oklch(55.1%_0.027_264.364)))] dark:text-[color:var(--zui-combobox-empty-fg-dark,var(--zui-fg-muted-dark,oklch(55.1%_0.027_264.364)))]\";\n"]}
package/dist/{chunk-XUW42JAP.js → chunk-PZ25OHJE.js} RENAMED
@@ -7,16 +7,16 @@ var zuiPopoverContentVariants = {
7
7
  outline: "border-[color:var(--zui-popover-outline-border,var(--zui-border,oklch(37.3%_0.034_259.733)))] dark:border-[color:var(--zui-popover-outline-border-dark,var(--zui-border-dark,oklch(87.2%_0.01_258.338)))] bg-[var(--zui-popover-outline-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-outline-bg-dark,var(--zui-surface-muted-dark,#000000))] text-[color:var(--zui-popover-outline-fg,var(--zui-fg,oklch(21%_0.034_264.665)))] dark:text-[color:var(--zui-popover-outline-fg-dark,var(--zui-fg-dark,#ffffff))]",
8
8
  ghost: "border-transparent bg-[var(--zui-popover-ghost-bg,var(--zui-surface-soft,oklch(96.7%_0.003_264.542)))] dark:bg-[var(--zui-popover-ghost-bg-dark,var(--zui-surface-soft-dark,oklch(27.8%_0.033_256.848)))] text-[color:var(--zui-popover-ghost-fg,var(--zui-fg,oklch(21%_0.034_264.665)))] dark:text-[color:var(--zui-popover-ghost-fg-dark,var(--zui-fg-dark,#ffffffe6))]",
9
9
  glass: "border-[color:var(--zui-popover-glass-border,var(--zui-border,#00000026))] dark:border-[color:var(--zui-popover-glass-border-dark,var(--zui-border-dark,#ffffff26))] bg-[var(--zui-popover-glass-bg,var(--zui-surface-soft,#ffffffb3))] dark:bg-[var(--zui-popover-glass-bg-dark,var(--zui-surface-soft-dark,#020617b3))] text-[color:var(--zui-popover-glass-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-popover-glass-fg-dark,var(--zui-fg-dark,#ffffff))] backdrop-blur-md",
10
- emerald: "border-[color:var(--zui-popover-emerald-border,var(--zui-color-emerald,oklch(43.2%_0.095_166.913_/_0.35)))] dark:border-[color:var(--zui-popover-emerald-border-dark,var(--zui-color-emerald-dark,oklch(43.2%_0.095_166.913_/_0.35)))] bg-[var(--zui-popover-emerald-bg,color-mix(in oklch, var(--zui-color-emerald,oklch(90.5%_0.093_164.15)) 10%, transparent))] text-[color:var(--zui-popover-emerald-fg,var(--zui-color-emerald,oklch(37.8%_0.077_168.94)))] dark:bg-[var(--zui-popover-emerald-bg-dark,color-mix(in oklch, var(--zui-color-emerald-dark,oklch(26.2%_0.051_172.552)) 18%, transparent))] dark:text-[color:var(--zui-popover-emerald-fg-dark,var(--zui-color-emerald-dark,oklch(90.5%_0.093_164.15)))]",
11
- indigo: "border-[color:var(--zui-popover-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366_/_0.35)))] dark:border-[color:var(--zui-popover-indigo-border-dark,var(--zui-color-indigo-dark,oklch(39.8%_0.195_277.366_/_0.35)))] bg-[var(--zui-popover-indigo-bg,color-mix(in oklch, var(--zui-color-indigo,oklch(87%_0.065_274.039)) 10%, transparent))] text-[color:var(--zui-popover-indigo-fg,var(--zui-color-indigo,oklch(35.9%_0.144_278.697)))] dark:bg-[var(--zui-popover-indigo-bg-dark,color-mix(in oklch, var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288)) 18%, transparent))] dark:text-[color:var(--zui-popover-indigo-fg-dark,var(--zui-color-indigo-dark,oklch(87%_0.065_274.039)))]",
12
- purple: "border-[color:var(--zui-popover-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724_/_0.35)))] dark:border-[color:var(--zui-popover-purple-border-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724_/_0.35)))] bg-[var(--zui-popover-purple-bg,color-mix(in oklch, var(--zui-color-purple,oklch(90.2%_0.063_306.703)) 10%, transparent))] text-[color:var(--zui-popover-purple-fg,var(--zui-color-purple,oklch(38.1%_0.176_304.987)))] dark:bg-[var(--zui-popover-purple-bg-dark,color-mix(in oklch, var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717)) 18%, transparent))] dark:text-[color:var(--zui-popover-purple-fg-dark,var(--zui-color-purple-dark,oklch(90.2%_0.063_306.703)))]",
13
- pink: "border-[color:var(--zui-popover-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815_/_0.35)))] dark:border-[color:var(--zui-popover-pink-border-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815_/_0.35)))] bg-[var(--zui-popover-pink-bg,color-mix(in oklch, var(--zui-color-pink,oklch(89.9%_0.061_343.231)) 10%, transparent))] text-[color:var(--zui-popover-pink-fg,var(--zui-color-pink,oklch(40.8%_0.153_2.432)))] dark:bg-[var(--zui-popover-pink-bg-dark,color-mix(in oklch, var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907)) 18%, transparent))] dark:text-[color:var(--zui-popover-pink-fg-dark,var(--zui-color-pink-dark,oklch(89.9%_0.061_343.231)))]",
14
- rose: "border-[color:var(--zui-popover-rose-border,var(--zui-color-rose,oklch(45.5%_0.188_13.697_/_0.35)))] dark:border-[color:var(--zui-popover-rose-border-dark,var(--zui-color-rose-dark,oklch(45.5%_0.188_13.697_/_0.35)))] bg-[var(--zui-popover-rose-bg,color-mix(in oklch, var(--zui-color-rose,oklch(89.2%_0.058_10.001)) 10%, transparent))] text-[color:var(--zui-popover-rose-fg,var(--zui-color-rose,oklch(41%_0.159_10.272)))] dark:bg-[var(--zui-popover-rose-bg-dark,color-mix(in oklch, var(--zui-color-rose-dark,oklch(27.1%_0.105_12.094)) 18%, transparent))] dark:text-[color:var(--zui-popover-rose-fg-dark,var(--zui-color-rose-dark,oklch(89.2%_0.058_10.001)))]",
15
- sky: "border-[color:var(--zui-popover-sky-border,var(--zui-color-sky,oklch(44.3%_0.11_240.79_/_0.35)))] dark:border-[color:var(--zui-popover-sky-border-dark,var(--zui-color-sky-dark,oklch(44.3%_0.11_240.79_/_0.35)))] bg-[var(--zui-popover-sky-bg,color-mix(in oklch, var(--zui-color-sky,oklch(90.1%_0.058_230.902)) 10%, transparent))] text-[color:var(--zui-popover-sky-fg,var(--zui-color-sky,oklch(39.1%_0.09_240.876)))] dark:bg-[var(--zui-popover-sky-bg-dark,color-mix(in oklch, var(--zui-color-sky-dark,oklch(29.3%_0.066_243.157)) 18%, transparent))] dark:text-[color:var(--zui-popover-sky-fg-dark,var(--zui-color-sky-dark,oklch(90.1%_0.058_230.902)))]",
16
- teal: "border-[color:var(--zui-popover-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216_/_0.35)))] dark:border-[color:var(--zui-popover-teal-border-dark,var(--zui-color-teal-dark,oklch(43.7%_0.078_188.216_/_0.35)))] bg-[var(--zui-popover-teal-bg,color-mix(in oklch, var(--zui-color-teal,oklch(91%_0.096_180.426)) 10%, transparent))] text-[color:var(--zui-popover-teal-fg,var(--zui-color-teal,oklch(38.6%_0.063_188.416)))] dark:bg-[var(--zui-popover-teal-bg-dark,color-mix(in oklch, var(--zui-color-teal-dark,oklch(27.7%_0.046_192.524)) 18%, transparent))] dark:text-[color:var(--zui-popover-teal-fg-dark,var(--zui-color-teal-dark,oklch(91%_0.096_180.426)))]",
17
- yellow: "border-[color:var(--zui-popover-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907_/_0.35)))] dark:border-[color:var(--zui-popover-yellow-border-dark,var(--zui-color-yellow-dark,oklch(47.6%_0.114_61.907_/_0.35)))] bg-[var(--zui-popover-yellow-bg,color-mix(in oklch, var(--zui-color-yellow,oklch(94.5%_0.129_101.54)) 10%, transparent))] text-[color:var(--zui-popover-yellow-fg,var(--zui-color-yellow,oklch(42.1%_0.095_57.708)))] dark:bg-[var(--zui-popover-yellow-bg-dark,color-mix(in oklch, var(--zui-color-yellow-dark,oklch(28.6%_0.066_53.813)) 18%, transparent))] dark:text-[color:var(--zui-popover-yellow-fg-dark,var(--zui-color-yellow-dark,oklch(94.5%_0.129_101.54)))]",
18
- orange: "border-[color:var(--zui-popover-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304_/_0.35)))] dark:border-[color:var(--zui-popover-orange-border-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304_/_0.35)))] bg-[var(--zui-popover-orange-bg,color-mix(in oklch, var(--zui-color-orange,oklch(90.1%_0.076_70.697)) 10%, transparent))] text-[color:var(--zui-popover-orange-fg,var(--zui-color-orange,oklch(40.8%_0.123_38.172)))] dark:bg-[var(--zui-popover-orange-bg-dark,color-mix(in oklch, var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259)) 18%, transparent))] dark:text-[color:var(--zui-popover-orange-fg-dark,var(--zui-color-orange-dark,oklch(90.1%_0.076_70.697)))]",
19
- green: "border-[color:var(--zui-popover-green-border,var(--zui-color-green,oklch(44.8%_0.119_151.328_/_0.35)))] dark:border-[color:var(--zui-popover-green-border-dark,var(--zui-color-green-dark,oklch(44.8%_0.119_151.328_/_0.35)))] bg-[var(--zui-popover-green-bg,color-mix(in oklch, var(--zui-color-green,oklch(92.5%_0.084_155.995)) 10%, transparent))] text-[color:var(--zui-popover-green-fg,var(--zui-color-green,oklch(39.3%_0.095_152.535)))] dark:bg-[var(--zui-popover-green-bg-dark,color-mix(in oklch, var(--zui-color-green-dark,oklch(26.6%_0.065_152.934)) 18%, transparent))] dark:text-[color:var(--zui-popover-green-fg-dark,var(--zui-color-green-dark,oklch(92.5%_0.084_155.995)))]",
10
+ emerald: "border-[color:var(--zui-popover-emerald-border,var(--zui-color-emerald,oklch(43.2%_0.095_166.913_/_0.35)))] dark:border-[color:var(--zui-popover-emerald-border-dark,var(--zui-color-emerald-dark,oklch(43.2%_0.095_166.913_/_0.35)))] bg-[var(--zui-popover-emerald-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-emerald-fg,var(--zui-color-emerald,oklch(37.8%_0.077_168.94)))] dark:bg-[var(--zui-popover-emerald-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-emerald-fg-dark,var(--zui-color-emerald-dark,oklch(90.5%_0.093_164.15)))]",
11
+ indigo: "border-[color:var(--zui-popover-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366_/_0.35)))] dark:border-[color:var(--zui-popover-indigo-border-dark,var(--zui-color-indigo-dark,oklch(39.8%_0.195_277.366_/_0.35)))] bg-[var(--zui-popover-indigo-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-indigo-fg,var(--zui-color-indigo,oklch(35.9%_0.144_278.697)))] dark:bg-[var(--zui-popover-indigo-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-indigo-fg-dark,var(--zui-color-indigo-dark,oklch(87%_0.065_274.039)))]",
12
+ purple: "border-[color:var(--zui-popover-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724_/_0.35)))] dark:border-[color:var(--zui-popover-purple-border-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724_/_0.35)))] bg-[var(--zui-popover-purple-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-purple-fg,var(--zui-color-purple,oklch(38.1%_0.176_304.987)))] dark:bg-[var(--zui-popover-purple-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-purple-fg-dark,var(--zui-color-purple-dark,oklch(90.2%_0.063_306.703)))]",
13
+ pink: "border-[color:var(--zui-popover-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815_/_0.35)))] dark:border-[color:var(--zui-popover-pink-border-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815_/_0.35)))] bg-[var(--zui-popover-pink-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-pink-fg,var(--zui-color-pink,oklch(40.8%_0.153_2.432)))] dark:bg-[var(--zui-popover-pink-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-pink-fg-dark,var(--zui-color-pink-dark,oklch(89.9%_0.061_343.231)))]",
14
+ rose: "border-[color:var(--zui-popover-rose-border,var(--zui-color-rose,oklch(45.5%_0.188_13.697_/_0.35)))] dark:border-[color:var(--zui-popover-rose-border-dark,var(--zui-color-rose-dark,oklch(45.5%_0.188_13.697_/_0.35)))] bg-[var(--zui-popover-rose-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-rose-fg,var(--zui-color-rose,oklch(41%_0.159_10.272)))] dark:bg-[var(--zui-popover-rose-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-rose-fg-dark,var(--zui-color-rose-dark,oklch(89.2%_0.058_10.001)))]",
15
+ sky: "border-[color:var(--zui-popover-sky-border,var(--zui-color-sky,oklch(44.3%_0.11_240.79_/_0.35)))] dark:border-[color:var(--zui-popover-sky-border-dark,var(--zui-color-sky-dark,oklch(44.3%_0.11_240.79_/_0.35)))] bg-[var(--zui-popover-sky-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-sky-fg,var(--zui-color-sky,oklch(39.1%_0.09_240.876)))] dark:bg-[var(--zui-popover-sky-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-sky-fg-dark,var(--zui-color-sky-dark,oklch(90.1%_0.058_230.902)))]",
16
+ teal: "border-[color:var(--zui-popover-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216_/_0.35)))] dark:border-[color:var(--zui-popover-teal-border-dark,var(--zui-color-teal-dark,oklch(43.7%_0.078_188.216_/_0.35)))] bg-[var(--zui-popover-teal-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-teal-fg,var(--zui-color-teal,oklch(38.6%_0.063_188.416)))] dark:bg-[var(--zui-popover-teal-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-teal-fg-dark,var(--zui-color-teal-dark,oklch(91%_0.096_180.426)))]",
17
+ yellow: "border-[color:var(--zui-popover-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907_/_0.35)))] dark:border-[color:var(--zui-popover-yellow-border-dark,var(--zui-color-yellow-dark,oklch(47.6%_0.114_61.907_/_0.35)))] bg-[var(--zui-popover-yellow-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-yellow-fg,var(--zui-color-yellow,oklch(42.1%_0.095_57.708)))] dark:bg-[var(--zui-popover-yellow-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-yellow-fg-dark,var(--zui-color-yellow-dark,oklch(94.5%_0.129_101.54)))]",
18
+ orange: "border-[color:var(--zui-popover-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304_/_0.35)))] dark:border-[color:var(--zui-popover-orange-border-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304_/_0.35)))] bg-[var(--zui-popover-orange-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-orange-fg,var(--zui-color-orange,oklch(40.8%_0.123_38.172)))] dark:bg-[var(--zui-popover-orange-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-orange-fg-dark,var(--zui-color-orange-dark,oklch(90.1%_0.076_70.697)))]",
19
+ green: "border-[color:var(--zui-popover-green-border,var(--zui-color-green,oklch(44.8%_0.119_151.328_/_0.35)))] dark:border-[color:var(--zui-popover-green-border-dark,var(--zui-color-green-dark,oklch(44.8%_0.119_151.328_/_0.35)))] bg-[var(--zui-popover-green-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-green-fg,var(--zui-color-green,oklch(39.3%_0.095_152.535)))] dark:bg-[var(--zui-popover-green-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-green-fg-dark,var(--zui-color-green-dark,oklch(92.5%_0.084_155.995)))]",
20
20
  "gradient-blue": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-blue-from,var(--zui-color-blue,oklch(42.4%_0.199_265.638)))] dark:from-[var(--zui-popover-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(42.4%_0.199_265.638)))] to-[var(--zui-popover-gradient-blue-to,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:to-[var(--zui-popover-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] text-[color:var(--zui-popover-gradient-blue-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-blue-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
21
21
  "gradient-green": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-green-from,var(--zui-color-green,oklch(44.8%_0.119_151.328)))] dark:from-[var(--zui-popover-gradient-green-from-dark,var(--zui-color-green-dark,oklch(44.8%_0.119_151.328)))] to-[var(--zui-popover-gradient-green-to,var(--zui-color-lime,oklch(45.3%_0.124_130.933)))] dark:to-[var(--zui-popover-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(45.3%_0.124_130.933)))] text-[color:var(--zui-popover-gradient-green-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-green-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
22
22
  "gradient-red": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-red-from,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:from-[var(--zui-popover-gradient-red-from-dark,var(--zui-color-red-dark,oklch(44.4%_0.177_26.899)))] to-[var(--zui-popover-gradient-red-to,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:to-[var(--zui-popover-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] text-[color:var(--zui-popover-gradient-red-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-red-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
@@ -26,26 +26,26 @@ var zuiPopoverContentVariants = {
26
26
  "gradient-indigo": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-indigo-from,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:from-[var(--zui-popover-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(39.8%_0.195_277.366)))] to-[var(--zui-popover-gradient-indigo-to,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:to-[var(--zui-popover-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] text-[color:var(--zui-popover-gradient-indigo-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-indigo-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
27
27
  "gradient-pink": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-pink-from,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:from-[var(--zui-popover-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] to-[var(--zui-popover-gradient-pink-to,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:to-[var(--zui-popover-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(45.5%_0.188_13.697)))] text-[color:var(--zui-popover-gradient-pink-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-pink-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
28
28
  "gradient-orange": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-orange-from,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:from-[var(--zui-popover-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304)))] to-[var(--zui-popover-gradient-orange-to,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:to-[var(--zui-popover-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(44.4%_0.177_26.899)))] text-[color:var(--zui-popover-gradient-orange-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-orange-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
29
- blue: "border border-[color:var(--zui-popover-content-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-popover-content-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-popover-content-blue-bg,color-mix(in oklch, var(--zui-color-blue,#2563eb14) 8%, transparent))] dark:bg-[var(--zui-popover-content-blue-bg-dark,color-mix(in oklch, var(--zui-color-blue-dark,#3b82f624) 14%, transparent))] text-[color:var(--zui-popover-content-blue-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-blue-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
30
- cyan: "border border-[color:var(--zui-popover-content-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-popover-content-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-popover-content-cyan-bg,color-mix(in oklch, var(--zui-color-cyan,#0891b214) 8%, transparent))] dark:bg-[var(--zui-popover-content-cyan-bg-dark,color-mix(in oklch, var(--zui-color-cyan-dark,#22d3ee24) 14%, transparent))] text-[color:var(--zui-popover-content-cyan-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-cyan-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
31
- lime: "border border-[color:var(--zui-popover-content-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-popover-content-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-popover-content-lime-bg,color-mix(in oklch, var(--zui-color-lime,#65a30d14) 8%, transparent))] dark:bg-[var(--zui-popover-content-lime-bg-dark,color-mix(in oklch, var(--zui-color-lime-dark,#a3e63524) 14%, transparent))] text-[color:var(--zui-popover-content-lime-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-lime-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
32
- mint: "border border-[color:var(--zui-popover-content-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-popover-content-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-popover-content-mint-bg,color-mix(in oklch, var(--zui-color-mint,#10b98114) 8%, transparent))] dark:bg-[var(--zui-popover-content-mint-bg-dark,color-mix(in oklch, var(--zui-color-mint-dark,#6ee7b724) 14%, transparent))] text-[color:var(--zui-popover-content-mint-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-mint-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
33
- ocean: "border border-[color:var(--zui-popover-content-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-popover-content-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-popover-content-ocean-bg,color-mix(in oklch, var(--zui-color-ocean,#0284c714) 8%, transparent))] dark:bg-[var(--zui-popover-content-ocean-bg-dark,color-mix(in oklch, var(--zui-color-ocean-dark,#38bdf824) 14%, transparent))] text-[color:var(--zui-popover-content-ocean-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-ocean-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
34
- sapphire: "border border-[color:var(--zui-popover-content-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-popover-content-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-popover-content-sapphire-bg,color-mix(in oklch, var(--zui-color-sapphire,#1d4ed814) 8%, transparent))] dark:bg-[var(--zui-popover-content-sapphire-bg-dark,color-mix(in oklch, var(--zui-color-sapphire-dark,#60a5fa24) 14%, transparent))] text-[color:var(--zui-popover-content-sapphire-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-sapphire-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
35
- lavender: "border border-[color:var(--zui-popover-content-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-popover-content-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-popover-content-lavender-bg,color-mix(in oklch, var(--zui-color-lavender,#8b5cf614) 8%, transparent))] dark:bg-[var(--zui-popover-content-lavender-bg-dark,color-mix(in oklch, var(--zui-color-lavender-dark,#a78bfa24) 14%, transparent))] text-[color:var(--zui-popover-content-lavender-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-lavender-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
36
- ruby: "border border-[color:var(--zui-popover-content-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-popover-content-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-popover-content-ruby-bg,color-mix(in oklch, var(--zui-color-ruby,#be123c14) 8%, transparent))] dark:bg-[var(--zui-popover-content-ruby-bg-dark,color-mix(in oklch, var(--zui-color-ruby-dark,#fb718524) 14%, transparent))] text-[color:var(--zui-popover-content-ruby-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-ruby-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
37
- red: "border border-[color:var(--zui-popover-content-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-popover-content-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-popover-content-red-bg,color-mix(in oklch, var(--zui-color-red,#dc262614) 8%, transparent))] dark:bg-[var(--zui-popover-content-red-bg-dark,color-mix(in oklch, var(--zui-color-red-dark,#ef444424) 14%, transparent))] text-[color:var(--zui-popover-content-red-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-red-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
38
- slate: "border border-[color:var(--zui-popover-content-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-popover-content-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-popover-content-slate-bg,color-mix(in oklch, var(--zui-color-slate,#47556914) 8%, transparent))] dark:bg-[var(--zui-popover-content-slate-bg-dark,color-mix(in oklch, var(--zui-color-slate-dark,#64748b24) 14%, transparent))] text-[color:var(--zui-popover-content-slate-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-slate-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
39
- zinc: "border border-[color:var(--zui-popover-content-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-popover-content-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-popover-content-zinc-bg,color-mix(in oklch, var(--zui-color-zinc,#52525b14) 8%, transparent))] dark:bg-[var(--zui-popover-content-zinc-bg-dark,color-mix(in oklch, var(--zui-color-zinc-dark,#71717a24) 14%, transparent))] text-[color:var(--zui-popover-content-zinc-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-zinc-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
40
- stone: "border border-[color:var(--zui-popover-content-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-popover-content-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-popover-content-stone-bg,color-mix(in oklch, var(--zui-color-stone,#57534e14) 8%, transparent))] dark:bg-[var(--zui-popover-content-stone-bg-dark,color-mix(in oklch, var(--zui-color-stone-dark,#78716c24) 14%, transparent))] text-[color:var(--zui-popover-content-stone-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-stone-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
41
- royal: "border border-[color:var(--zui-popover-content-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-popover-content-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-popover-content-royal-bg,color-mix(in oklch, var(--zui-color-royal,#4338ca14) 8%, transparent))] dark:bg-[var(--zui-popover-content-royal-bg-dark,color-mix(in oklch, var(--zui-color-royal-dark,#818cf824) 14%, transparent))] text-[color:var(--zui-popover-content-royal-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-royal-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
42
- electric: "border border-[color:var(--zui-popover-content-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-popover-content-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-popover-content-electric-bg,color-mix(in oklch, var(--zui-color-electric,#0ea5e914) 8%, transparent))] dark:bg-[var(--zui-popover-content-electric-bg-dark,color-mix(in oklch, var(--zui-color-electric-dark,#38bdf824) 14%, transparent))] text-[color:var(--zui-popover-content-electric-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-electric-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
43
- forest: "border border-[color:var(--zui-popover-content-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-popover-content-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-popover-content-forest-bg,color-mix(in oklch, var(--zui-color-forest,#16653414) 8%, transparent))] dark:bg-[var(--zui-popover-content-forest-bg-dark,color-mix(in oklch, var(--zui-color-forest-dark,#4ade8024) 14%, transparent))] text-[color:var(--zui-popover-content-forest-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-forest-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
44
- sunset: "border border-[color:var(--zui-popover-content-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-popover-content-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-popover-content-sunset-bg,color-mix(in oklch, var(--zui-color-sunset,#ea580c14) 8%, transparent))] dark:bg-[var(--zui-popover-content-sunset-bg-dark,color-mix(in oklch, var(--zui-color-sunset-dark,#fb923c24) 14%, transparent))] text-[color:var(--zui-popover-content-sunset-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-sunset-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
45
- magenta: "border border-[color:var(--zui-popover-content-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-popover-content-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-popover-content-magenta-bg,color-mix(in oklch, var(--zui-color-magenta,#c026d314) 8%, transparent))] dark:bg-[var(--zui-popover-content-magenta-bg-dark,color-mix(in oklch, var(--zui-color-magenta-dark,#e879f924) 14%, transparent))] text-[color:var(--zui-popover-content-magenta-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-magenta-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
46
- crimson: "border border-[color:var(--zui-popover-content-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-popover-content-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-popover-content-crimson-bg,color-mix(in oklch, var(--zui-color-crimson,#b91c1c14) 8%, transparent))] dark:bg-[var(--zui-popover-content-crimson-bg-dark,color-mix(in oklch, var(--zui-color-crimson-dark,#f8717124) 14%, transparent))] text-[color:var(--zui-popover-content-crimson-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-crimson-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
47
- aqua: "border border-[color:var(--zui-popover-content-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-popover-content-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-popover-content-aqua-bg,color-mix(in oklch, var(--zui-color-aqua,#0f766e14) 8%, transparent))] dark:bg-[var(--zui-popover-content-aqua-bg-dark,color-mix(in oklch, var(--zui-color-aqua-dark,#2dd4bf24) 14%, transparent))] text-[color:var(--zui-popover-content-aqua-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-aqua-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
48
- plum: "border border-[color:var(--zui-popover-content-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-popover-content-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-popover-content-plum-bg,color-mix(in oklch, var(--zui-color-plum,#7e22ce14) 8%, transparent))] dark:bg-[var(--zui-popover-content-plum-bg-dark,color-mix(in oklch, var(--zui-color-plum-dark,#c084fc24) 14%, transparent))] text-[color:var(--zui-popover-content-plum-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-plum-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl"
29
+ blue: "border border-[color:var(--zui-popover-content-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-popover-content-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-popover-content-blue-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-blue-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-blue-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-blue-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
30
+ cyan: "border border-[color:var(--zui-popover-content-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-popover-content-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-popover-content-cyan-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-cyan-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-cyan-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-cyan-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
31
+ lime: "border border-[color:var(--zui-popover-content-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-popover-content-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-popover-content-lime-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-lime-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-lime-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-lime-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
32
+ mint: "border border-[color:var(--zui-popover-content-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-popover-content-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-popover-content-mint-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-mint-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-mint-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-mint-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
33
+ ocean: "border border-[color:var(--zui-popover-content-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-popover-content-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-popover-content-ocean-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-ocean-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-ocean-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-ocean-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
34
+ sapphire: "border border-[color:var(--zui-popover-content-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-popover-content-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-popover-content-sapphire-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-sapphire-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-sapphire-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-sapphire-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
35
+ lavender: "border border-[color:var(--zui-popover-content-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-popover-content-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-popover-content-lavender-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-lavender-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-lavender-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-lavender-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
36
+ ruby: "border border-[color:var(--zui-popover-content-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-popover-content-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-popover-content-ruby-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-ruby-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-ruby-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-ruby-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
37
+ red: "border border-[color:var(--zui-popover-content-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-popover-content-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-popover-content-red-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-red-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-red-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-red-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
38
+ slate: "border border-[color:var(--zui-popover-content-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-popover-content-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-popover-content-slate-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-slate-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-slate-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-slate-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
39
+ zinc: "border border-[color:var(--zui-popover-content-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-popover-content-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-popover-content-zinc-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-zinc-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-zinc-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-zinc-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
40
+ stone: "border border-[color:var(--zui-popover-content-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-popover-content-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-popover-content-stone-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-stone-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-stone-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-stone-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
41
+ royal: "border border-[color:var(--zui-popover-content-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-popover-content-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-popover-content-royal-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-royal-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-royal-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-royal-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
42
+ electric: "border border-[color:var(--zui-popover-content-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-popover-content-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-popover-content-electric-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-electric-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-electric-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-electric-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
43
+ forest: "border border-[color:var(--zui-popover-content-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-popover-content-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-popover-content-forest-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-forest-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-forest-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-forest-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
44
+ sunset: "border border-[color:var(--zui-popover-content-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-popover-content-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-popover-content-sunset-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-sunset-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-sunset-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-sunset-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
45
+ magenta: "border border-[color:var(--zui-popover-content-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-popover-content-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-popover-content-magenta-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-magenta-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-magenta-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-magenta-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
46
+ crimson: "border border-[color:var(--zui-popover-content-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-popover-content-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-popover-content-crimson-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-crimson-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-crimson-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-crimson-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
47
+ aqua: "border border-[color:var(--zui-popover-content-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-popover-content-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-popover-content-aqua-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-aqua-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-aqua-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-aqua-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
48
+ plum: "border border-[color:var(--zui-popover-content-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-popover-content-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-popover-content-plum-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-plum-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-plum-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-plum-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl"
49
49
  };
50
50
  var zuiPopoverContentSizes = {
51
51
  sm: "p-3 text-sm",
@@ -65,5 +65,5 @@ exports.zuiPopoverContentBase = zuiPopoverContentBase;
65
65
  exports.zuiPopoverContentSizes = zuiPopoverContentSizes;
66
66
  exports.zuiPopoverContentVariants = zuiPopoverContentVariants;
67
67
  exports.zuiPopoverContentWidths = zuiPopoverContentWidths;
68
- //# sourceMappingURL=chunk-XUW42JAP.js.map
69
- //# sourceMappingURL=chunk-XUW42JAP.js.map
68
+ //# sourceMappingURL=chunk-PZ25OHJE.js.map
69
+ //# sourceMappingURL=chunk-PZ25OHJE.js.map
package/dist/chunk-PZ25OHJE.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/design-system/popover.ts"],"names":[],"mappings":";;;AAAO,IAAM,qBAAA,GACX;AAEK,IAAM,yBAAA,GAA4B;AAAA,EACvC,OAAA,EACE,kiBAAA;AAAA,EACF,OAAA,EACE,ogBAAA;AAAA,EACF,KAAA,EACE,2WAAA;AAAA,EACF,KAAA,EACE,4eAAA;AAAA,EACF,OAAA,EACE,6lBAAA;AAAA,EACF,MAAA,EACE,mlBAAA;AAAA,EACF,MAAA,EACE,qlBAAA;AAAA,EACF,IAAA,EAAM,2jBAAA;AAAA,EACN,IAAA,EAAM,2jBAAA;AAAA,EACN,GAAA,EAAK,kjBAAA;AAAA,EACL,IAAA,EAAM,+jBAAA;AAAA,EACN,MAAA,EACE,ilBAAA;AAAA,EACF,MAAA,EACE,6kBAAA;AAAA,EACF,KAAA,EACE,2kBAAA;AAAA,EACF,eAAA,EACE,8lBAAA;AAAA,EACF,gBAAA,EACE,kmBAAA;AAAA,EACF,cAAA,EACE,4kBAAA;AAAA,EACF,iBAAA,EACE,smBAAA;AAAA,EACF,iBAAA,EACE,smBAAA;AAAA,EACF,eAAA,EACE,slBAAA;AAAA,EACF,iBAAA,EACE,8mBAAA;AAAA,EACF,eAAA,EACE,olBAAA;AAAA,EACF,iBAAA,EACE,gmBAAA;AAAA,EACF,IAAA,EAAM,+hBAAA;AAAA,EACN,IAAA,EAAM,+hBAAA;AAAA,EACN,IAAA,EAAM,+hBAAA;AAAA,EACN,IAAA,EAAM,+hBAAA;AAAA,EACN,KAAA,EACE,uiBAAA;AAAA,EACF,QAAA,EACE,+jBAAA;AAAA,EACF,QAAA,EACE,+jBAAA;AAAA,EACF,IAAA,EAAM,+hBAAA;AAAA,EACN,GAAA,EAAK,uhBAAA;AAAA,EACL,KAAA,EACE,uiBAAA;AAAA,EACF,IAAA,EAAM,+hBAAA;AAAA,EACN,KAAA,EACE,uiBAAA;AAAA,EACF,KAAA,EACE,uiBAAA;AAAA,EACF,QAAA,EACE,+jBAAA;AAAA,EACF,MAAA,EACE,+iBAAA;AAAA,EACF,MAAA,EACE,+iBAAA;AAAA,EACF,OAAA,EACE,ujBAAA;AAAA,EACF,OAAA,EACE,ujBAAA;AAAA,EACF,IAAA,EAAM,+hBAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,sBAAA,GAAyB;AAAA,EACpC,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,uBAAA,GAA0B;AAAA,EACrC,EAAA,EAAI,sBAAA;AAAA,EACJ,EAAA,EAAI,sBAAA;AAAA,EACJ,EAAA,EAAI,sBAAA;AAAA,EACJ,EAAA,EAAI,sBAAA;AAAA,EACJ,EAAA,EAAI,sBAAA;AAAA,EACJ,KAAA,EAAO;AACT","file":"chunk-PZ25OHJE.js","sourcesContent":["export const zuiPopoverContentBase =\n \"absolute z-50 rounded-[var(--zui-popover-radius,var(--zui-radius,0.5rem))] border shadow-[var(--zui-popover-shadow,var(--zui-shadow,0_10px_30px_rgba(15,23,42,0.16)))] dark:shadow-[var(--zui-popover-shadow-dark,var(--zui-shadow-dark,0_18px_48px_rgba(15,23,42,0.35)))] transition-all duration-200 outline-none\";\n\nexport const zuiPopoverContentVariants = {\n default:\n \"border-[color:var(--zui-popover-default-border,var(--zui-border,oklch(20.8%_0.042_265.755_/_0.1)))] dark:border-[color:var(--zui-popover-default-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-popover-default-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-default-bg-dark,var(--zui-surface-muted-dark,oklch(20.8%_0.042_265.755)))] text-[color:var(--zui-popover-default-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-popover-default-fg-dark,var(--zui-fg-dark,oklch(96.8%_0.007_247.896)))]\",\n outline:\n \"border-[color:var(--zui-popover-outline-border,var(--zui-border,oklch(37.3%_0.034_259.733)))] dark:border-[color:var(--zui-popover-outline-border-dark,var(--zui-border-dark,oklch(87.2%_0.01_258.338)))] bg-[var(--zui-popover-outline-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-outline-bg-dark,var(--zui-surface-muted-dark,#000000))] text-[color:var(--zui-popover-outline-fg,var(--zui-fg,oklch(21%_0.034_264.665)))] dark:text-[color:var(--zui-popover-outline-fg-dark,var(--zui-fg-dark,#ffffff))]\",\n ghost:\n \"border-transparent bg-[var(--zui-popover-ghost-bg,var(--zui-surface-soft,oklch(96.7%_0.003_264.542)))] dark:bg-[var(--zui-popover-ghost-bg-dark,var(--zui-surface-soft-dark,oklch(27.8%_0.033_256.848)))] text-[color:var(--zui-popover-ghost-fg,var(--zui-fg,oklch(21%_0.034_264.665)))] dark:text-[color:var(--zui-popover-ghost-fg-dark,var(--zui-fg-dark,#ffffffe6))]\",\n glass:\n \"border-[color:var(--zui-popover-glass-border,var(--zui-border,#00000026))] dark:border-[color:var(--zui-popover-glass-border-dark,var(--zui-border-dark,#ffffff26))] bg-[var(--zui-popover-glass-bg,var(--zui-surface-soft,#ffffffb3))] dark:bg-[var(--zui-popover-glass-bg-dark,var(--zui-surface-soft-dark,#020617b3))] text-[color:var(--zui-popover-glass-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-popover-glass-fg-dark,var(--zui-fg-dark,#ffffff))] backdrop-blur-md\",\n emerald:\n \"border-[color:var(--zui-popover-emerald-border,var(--zui-color-emerald,oklch(43.2%_0.095_166.913_/_0.35)))] dark:border-[color:var(--zui-popover-emerald-border-dark,var(--zui-color-emerald-dark,oklch(43.2%_0.095_166.913_/_0.35)))] bg-[var(--zui-popover-emerald-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-emerald-fg,var(--zui-color-emerald,oklch(37.8%_0.077_168.94)))] dark:bg-[var(--zui-popover-emerald-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-emerald-fg-dark,var(--zui-color-emerald-dark,oklch(90.5%_0.093_164.15)))]\",\n indigo:\n \"border-[color:var(--zui-popover-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366_/_0.35)))] dark:border-[color:var(--zui-popover-indigo-border-dark,var(--zui-color-indigo-dark,oklch(39.8%_0.195_277.366_/_0.35)))] bg-[var(--zui-popover-indigo-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-indigo-fg,var(--zui-color-indigo,oklch(35.9%_0.144_278.697)))] dark:bg-[var(--zui-popover-indigo-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-indigo-fg-dark,var(--zui-color-indigo-dark,oklch(87%_0.065_274.039)))]\",\n purple:\n \"border-[color:var(--zui-popover-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724_/_0.35)))] dark:border-[color:var(--zui-popover-purple-border-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724_/_0.35)))] bg-[var(--zui-popover-purple-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-purple-fg,var(--zui-color-purple,oklch(38.1%_0.176_304.987)))] dark:bg-[var(--zui-popover-purple-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-purple-fg-dark,var(--zui-color-purple-dark,oklch(90.2%_0.063_306.703)))]\",\n pink: \"border-[color:var(--zui-popover-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815_/_0.35)))] dark:border-[color:var(--zui-popover-pink-border-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815_/_0.35)))] bg-[var(--zui-popover-pink-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-pink-fg,var(--zui-color-pink,oklch(40.8%_0.153_2.432)))] dark:bg-[var(--zui-popover-pink-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-pink-fg-dark,var(--zui-color-pink-dark,oklch(89.9%_0.061_343.231)))]\",\n rose: \"border-[color:var(--zui-popover-rose-border,var(--zui-color-rose,oklch(45.5%_0.188_13.697_/_0.35)))] dark:border-[color:var(--zui-popover-rose-border-dark,var(--zui-color-rose-dark,oklch(45.5%_0.188_13.697_/_0.35)))] bg-[var(--zui-popover-rose-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-rose-fg,var(--zui-color-rose,oklch(41%_0.159_10.272)))] dark:bg-[var(--zui-popover-rose-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-rose-fg-dark,var(--zui-color-rose-dark,oklch(89.2%_0.058_10.001)))]\",\n sky: \"border-[color:var(--zui-popover-sky-border,var(--zui-color-sky,oklch(44.3%_0.11_240.79_/_0.35)))] dark:border-[color:var(--zui-popover-sky-border-dark,var(--zui-color-sky-dark,oklch(44.3%_0.11_240.79_/_0.35)))] bg-[var(--zui-popover-sky-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-sky-fg,var(--zui-color-sky,oklch(39.1%_0.09_240.876)))] dark:bg-[var(--zui-popover-sky-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-sky-fg-dark,var(--zui-color-sky-dark,oklch(90.1%_0.058_230.902)))]\",\n teal: \"border-[color:var(--zui-popover-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216_/_0.35)))] dark:border-[color:var(--zui-popover-teal-border-dark,var(--zui-color-teal-dark,oklch(43.7%_0.078_188.216_/_0.35)))] bg-[var(--zui-popover-teal-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-teal-fg,var(--zui-color-teal,oklch(38.6%_0.063_188.416)))] dark:bg-[var(--zui-popover-teal-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-teal-fg-dark,var(--zui-color-teal-dark,oklch(91%_0.096_180.426)))]\",\n yellow:\n \"border-[color:var(--zui-popover-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907_/_0.35)))] dark:border-[color:var(--zui-popover-yellow-border-dark,var(--zui-color-yellow-dark,oklch(47.6%_0.114_61.907_/_0.35)))] bg-[var(--zui-popover-yellow-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-yellow-fg,var(--zui-color-yellow,oklch(42.1%_0.095_57.708)))] dark:bg-[var(--zui-popover-yellow-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-yellow-fg-dark,var(--zui-color-yellow-dark,oklch(94.5%_0.129_101.54)))]\",\n orange:\n \"border-[color:var(--zui-popover-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304_/_0.35)))] dark:border-[color:var(--zui-popover-orange-border-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304_/_0.35)))] bg-[var(--zui-popover-orange-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-orange-fg,var(--zui-color-orange,oklch(40.8%_0.123_38.172)))] dark:bg-[var(--zui-popover-orange-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-orange-fg-dark,var(--zui-color-orange-dark,oklch(90.1%_0.076_70.697)))]\",\n green:\n \"border-[color:var(--zui-popover-green-border,var(--zui-color-green,oklch(44.8%_0.119_151.328_/_0.35)))] dark:border-[color:var(--zui-popover-green-border-dark,var(--zui-color-green-dark,oklch(44.8%_0.119_151.328_/_0.35)))] bg-[var(--zui-popover-green-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-green-fg,var(--zui-color-green,oklch(39.3%_0.095_152.535)))] dark:bg-[var(--zui-popover-green-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-green-fg-dark,var(--zui-color-green-dark,oklch(92.5%_0.084_155.995)))]\",\n \"gradient-blue\":\n \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-blue-from,var(--zui-color-blue,oklch(42.4%_0.199_265.638)))] dark:from-[var(--zui-popover-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(42.4%_0.199_265.638)))] to-[var(--zui-popover-gradient-blue-to,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:to-[var(--zui-popover-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] text-[color:var(--zui-popover-gradient-blue-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-blue-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n \"gradient-green\":\n \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-green-from,var(--zui-color-green,oklch(44.8%_0.119_151.328)))] dark:from-[var(--zui-popover-gradient-green-from-dark,var(--zui-color-green-dark,oklch(44.8%_0.119_151.328)))] to-[var(--zui-popover-gradient-green-to,var(--zui-color-lime,oklch(45.3%_0.124_130.933)))] dark:to-[var(--zui-popover-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(45.3%_0.124_130.933)))] text-[color:var(--zui-popover-gradient-green-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-green-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n \"gradient-red\":\n \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-red-from,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:from-[var(--zui-popover-gradient-red-from-dark,var(--zui-color-red-dark,oklch(44.4%_0.177_26.899)))] to-[var(--zui-popover-gradient-red-to,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:to-[var(--zui-popover-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] text-[color:var(--zui-popover-gradient-red-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-red-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n \"gradient-yellow\":\n \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-yellow-from,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:from-[var(--zui-popover-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(47.6%_0.114_61.907)))] to-[var(--zui-popover-gradient-yellow-to,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:to-[var(--zui-popover-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304)))] text-[color:var(--zui-popover-gradient-yellow-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-yellow-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n \"gradient-purple\":\n \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-purple-from,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:from-[var(--zui-popover-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] to-[var(--zui-popover-gradient-purple-to,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:to-[var(--zui-popover-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] text-[color:var(--zui-popover-gradient-purple-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-purple-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n \"gradient-teal\":\n \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-teal-from,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:from-[var(--zui-popover-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(43.7%_0.078_188.216)))] to-[var(--zui-popover-gradient-teal-to,var(--zui-color-cyan,oklch(45%_0.085_224.283)))] dark:to-[var(--zui-popover-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(45%_0.085_224.283)))] text-[color:var(--zui-popover-gradient-teal-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-teal-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n \"gradient-indigo\":\n \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-indigo-from,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:from-[var(--zui-popover-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(39.8%_0.195_277.366)))] to-[var(--zui-popover-gradient-indigo-to,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:to-[var(--zui-popover-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] text-[color:var(--zui-popover-gradient-indigo-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-indigo-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n \"gradient-pink\":\n \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-pink-from,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:from-[var(--zui-popover-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] to-[var(--zui-popover-gradient-pink-to,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:to-[var(--zui-popover-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(45.5%_0.188_13.697)))] text-[color:var(--zui-popover-gradient-pink-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-pink-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n \"gradient-orange\":\n \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-orange-from,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:from-[var(--zui-popover-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304)))] to-[var(--zui-popover-gradient-orange-to,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:to-[var(--zui-popover-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(44.4%_0.177_26.899)))] text-[color:var(--zui-popover-gradient-orange-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-orange-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n blue: \"border border-[color:var(--zui-popover-content-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-popover-content-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-popover-content-blue-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-blue-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-blue-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-blue-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n cyan: \"border border-[color:var(--zui-popover-content-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-popover-content-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-popover-content-cyan-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-cyan-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-cyan-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-cyan-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n lime: \"border border-[color:var(--zui-popover-content-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-popover-content-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-popover-content-lime-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-lime-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-lime-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-lime-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n mint: \"border border-[color:var(--zui-popover-content-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-popover-content-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-popover-content-mint-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-mint-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-mint-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-mint-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n ocean:\n \"border border-[color:var(--zui-popover-content-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-popover-content-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-popover-content-ocean-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-ocean-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-ocean-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-ocean-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n sapphire:\n \"border border-[color:var(--zui-popover-content-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-popover-content-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-popover-content-sapphire-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-sapphire-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-sapphire-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-sapphire-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n lavender:\n \"border border-[color:var(--zui-popover-content-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-popover-content-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-popover-content-lavender-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-lavender-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-lavender-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-lavender-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n ruby: \"border border-[color:var(--zui-popover-content-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-popover-content-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-popover-content-ruby-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-ruby-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-ruby-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-ruby-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n red: \"border border-[color:var(--zui-popover-content-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-popover-content-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-popover-content-red-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-red-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-red-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-red-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n slate:\n \"border border-[color:var(--zui-popover-content-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-popover-content-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-popover-content-slate-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-slate-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-slate-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-slate-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n zinc: \"border border-[color:var(--zui-popover-content-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-popover-content-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-popover-content-zinc-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-zinc-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-zinc-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-zinc-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n stone:\n \"border border-[color:var(--zui-popover-content-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-popover-content-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-popover-content-stone-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-stone-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-stone-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-stone-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n royal:\n \"border border-[color:var(--zui-popover-content-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-popover-content-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-popover-content-royal-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-royal-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-royal-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-royal-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n electric:\n \"border border-[color:var(--zui-popover-content-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-popover-content-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-popover-content-electric-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-electric-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-electric-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-electric-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n forest:\n \"border border-[color:var(--zui-popover-content-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-popover-content-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-popover-content-forest-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-forest-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-forest-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-forest-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n sunset:\n \"border border-[color:var(--zui-popover-content-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-popover-content-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-popover-content-sunset-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-sunset-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-sunset-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-sunset-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n magenta:\n \"border border-[color:var(--zui-popover-content-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-popover-content-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-popover-content-magenta-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-magenta-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-magenta-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-magenta-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n crimson:\n \"border border-[color:var(--zui-popover-content-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-popover-content-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-popover-content-crimson-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-crimson-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-crimson-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-crimson-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n aqua: \"border border-[color:var(--zui-popover-content-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-popover-content-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-popover-content-aqua-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-aqua-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-aqua-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-aqua-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n plum: \"border border-[color:var(--zui-popover-content-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-popover-content-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-popover-content-plum-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-plum-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-plum-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-plum-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n} as const;\n\nexport const zuiPopoverContentSizes = {\n sm: \"p-3 text-sm\",\n md: \"p-4 text-sm\",\n lg: \"p-5 text-base\",\n} as const;\n\nexport const zuiPopoverContentWidths = {\n xs: \"min-w-50 md:min-w-xs\",\n sm: \"min-w-50 md:min-w-sm\",\n md: \"min-w-50 md:min-w-md\",\n lg: \"min-w-50 md:min-w-lg\",\n xl: \"min-w-50 md:min-w-xl\",\n \"2xl\": \"min-w-50 md:min-w-2xl\",\n} as const;\n"]}
package/dist/{chunk-UFDJ5NIY.mjs → chunk-PZI2UVPL.mjs} RENAMED
@@ -1,4 +1,4 @@
1
- import { zuiPopoverContentBase, zuiPopoverContentWidths, zuiPopoverContentSizes, zuiPopoverContentVariants } from './chunk-N3FNN47Q.mjs';
1
+ import { zuiPopoverContentBase, zuiPopoverContentWidths, zuiPopoverContentSizes, zuiPopoverContentVariants } from './chunk-3IE4IELX.mjs';
2
2
  import { cn } from './chunk-4D54YOL6.mjs';
3
3
  import { cva } from 'class-variance-authority';
4
4
  import { createContext, useContext, useState, useId, useRef, useCallback, useEffect, useMemo, Children, isValidElement, cloneElement } from 'react';
@@ -200,5 +200,5 @@ var PopoverContent = ({
200
200
  };
201
201
 
202
202
  export { Popover, PopoverContent, PopoverContext, PopoverTrigger, popoverContentVariants, sideAlignClass, usePopover };
203
- //# sourceMappingURL=chunk-UFDJ5NIY.mjs.map
204
- //# sourceMappingURL=chunk-UFDJ5NIY.mjs.map
203
+ //# sourceMappingURL=chunk-PZI2UVPL.mjs.map
204
+ //# sourceMappingURL=chunk-PZI2UVPL.mjs.map