@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-C6K2SWHC.mjs.map → chunk-TVEK6PKH.mjs.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/design-system/tabs.ts"],"names":[],"mappings":";AAAO,IAAM,eAAA,GAAkB;AAExB,IAAM,mBAAA,GAAsB;AAAA,EACjC,OAAA,EACE,6GAAA;AAAA,EACF,SAAA,EACE,wJAAA;AAAA,EACF,KAAA,EAAO;AACT;AAEO,IAAM,gBAAA,GAAmB;AAAA,EAC9B,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI,iBAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,mBAAA,GAAsB;AAAA,EACjC,UAAA,EAAY,UAAA;AAAA,EACZ,QAAA,EAAU;AACZ;AAEO,IAAM,kBAAA,GACX;AAEK,IAAM,yBAAA,GAA4B;AAAA,EACvC,OAAA,EACE,oTAAA;AAAA,EACF,GAAA,EAAK,m2BAAA;AAAA,EACL,IAAA,EAAM,u2BAAA;AAAA,EACN,MAAA,EACE,y5BAAA;AAAA,EACF,IAAA,EAAM,g3BAAA;AAAA,EACN,MAAA,EACE,84BAAA;AAAA,EACF,MAAA,EACE,m5BAAA;AAAA,EACF,IAAA,EAAM,s3BAAA;AAAA,EACN,MAAA,EACE,o5BAAA;AAAA,EACF,OAAA,EACE,m6BAAA;AAAA,EACF,IAAA,EAAM,k3BAAA;AAAA,EACN,eAAA,EACE,86CAAA;AAAA,EACF,gBAAA,EACE,o7CAAA;AAAA,EACF,cAAA,EACE,u4CAAA;AAAA,EACF,iBAAA,EACE,o8CAAA;AAAA,EACF,iBAAA,EACE,g8CAAA;AAAA,EACF,eAAA,EACE,+5CAAA;AAAA,EACF,iBAAA,EACE,08CAAA;AAAA,EACF,eAAA,EACE,45CAAA;AAAA,EACF,iBAAA,EACE,k7CAAA;AAAA,EACF,IAAA,EAAM,6qBAAA;AAAA,EACN,IAAA,EAAM,6qBAAA;AAAA,EACN,KAAA,EACE,6rBAAA;AAAA,EACF,IAAA,EAAM,6qBAAA;AAAA,EACN,IAAA,EAAM,6qBAAA;AAAA,EACN,KAAA,EACE,6rBAAA;AAAA,EACF,QAAA,EACE,6uBAAA;AAAA,EACF,QAAA,EACE,6uBAAA;AAAA,EACF,IAAA,EAAM,6qBAAA;AAAA,EACN,GAAA,EAAK,6pBAAA;AAAA,EACL,KAAA,EACE,6rBAAA;AAAA,EACF,IAAA,EAAM,6qBAAA;AAAA,EACN,KAAA,EACE,6rBAAA;AAAA,EACF,KAAA,EACE,6rBAAA;AAAA,EACF,QAAA,EACE,6uBAAA;AAAA,EACF,MAAA,EACE,6sBAAA;AAAA,EACF,MAAA,EACE,6sBAAA;AAAA,EACF,OAAA,EACE,6tBAAA;AAAA,EACF,OAAA,EACE,6tBAAA;AAAA,EACF,IAAA,EAAM,6qBAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,sBAAA,GAAyB;AAAA,EACpC,OAAA,EACE,wNAAA;AAAA,EACF,SAAA,EACE,8MAAA;AAAA,EACF,KAAA,EAAO;AACT;AAEO,IAAM,mBAAA,GAAsB;AAAA,EACjC,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI;AACN","file":"chunk-C6K2SWHC.mjs","sourcesContent":["export const zuiTabsListBase = \"flex flex-wrap items-center gap-1\";\n\nexport const zuiTabsListVariants = {\n default:\n \"bg-[var(--zui-tabs-list-default-bg,transparent)] dark:bg-[var(--zui-tabs-list-default-bg-dark,transparent)]\",\n underline:\n \"border-b-2 border-[color:var(--zui-tabs-list-underline-border,transparent)] dark:border-[color:var(--zui-tabs-list-underline-border-dark,transparent)]\",\n pills: \"rounded-md\",\n} as const;\n\nexport const zuiTabsListSizes = {\n sm: \"text-sm p-1\",\n md: \"text-base p-1.5\",\n lg: \"text-lg p-2\",\n} as const;\n\nexport const zuiTabsOrientations = {\n horizontal: \"flex-row\",\n vertical: \"flex-col\",\n} as const;\n\nexport const zuiTabsTriggerBase =\n \"px-3 py-1.5 rounded-md transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-tabs-trigger-ring-focus,var(--zui-focus-ring,oklch(44.6%_0.043_257.281)))] dark:focus-visible:ring-[var(--zui-tabs-trigger-ring-focus-dark,var(--zui-focus-ring-dark,oklch(86.9%_0.022_252.894)))]\";\n\nexport const zuiTabsTriggerAppearances = {\n default:\n \"bg-[var(--zui-tabs-trigger-default-bg,transparent)] dark:bg-[var(--zui-tabs-trigger-default-bg-dark,transparent)] text-[color:var(--zui-tabs-trigger-default-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-tabs-trigger-default-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))]\",\n sky: \"bg-[var(--zui-tabs-trigger-sky-bg,var(--zui-color-sky,oklch(82.8%_0.111_230.318)))] text-[color:var(--zui-tabs-trigger-sky-fg,var(--zui-color-sky,oklch(39.1%_0.09_240.876)))] dark:bg-[var(--zui-tabs-trigger-sky-bg-dark,var(--zui-color-sky-dark,oklch(39.1%_0.09_240.876)))] dark:text-[color:var(--zui-tabs-trigger-sky-fg-dark,var(--zui-color-sky-dark,oklch(90.1%_0.058_230.902)))] data-[state=active]:bg-[var(--zui-tabs-trigger-sky-bg-active,var(--zui-color-sky,oklch(39.1%_0.09_240.876)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-sky-bg-active-dark,var(--zui-color-sky-dark,oklch(50%_0.134_242.749)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-sky-fg-active,var(--zui-color-sky,oklch(97.7%_0.013_236.62)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-sky-fg-active-dark,var(--zui-color-sky-dark,oklch(95.1%_0.026_236.824)))]\",\n rose: \"bg-[var(--zui-tabs-trigger-rose-bg,var(--zui-color-rose,oklch(81%_0.117_11.638)))] text-[color:var(--zui-tabs-trigger-rose-fg,var(--zui-color-rose,oklch(41%_0.159_10.272)))] dark:bg-[var(--zui-tabs-trigger-rose-bg-dark,var(--zui-color-rose-dark,oklch(41%_0.159_10.272)))] dark:text-[color:var(--zui-tabs-trigger-rose-fg-dark,var(--zui-color-rose-dark,oklch(89.2%_0.058_10.001)))] data-[state=active]:bg-[var(--zui-tabs-trigger-rose-bg-active,var(--zui-color-rose,oklch(41%_0.159_10.272)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-rose-bg-active-dark,var(--zui-color-rose-dark,oklch(51.4%_0.222_16.935)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-rose-fg-active,var(--zui-color-rose,oklch(96.9%_0.015_12.422)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-rose-fg-active-dark,var(--zui-color-rose-dark,oklch(94.1%_0.03_12.58)))]\",\n purple:\n \"bg-[var(--zui-tabs-trigger-purple-bg,var(--zui-color-purple,oklch(82.7%_0.119_306.383)))] text-[color:var(--zui-tabs-trigger-purple-fg,var(--zui-color-purple,oklch(38.1%_0.176_304.987)))] dark:bg-[var(--zui-tabs-trigger-purple-bg-dark,var(--zui-color-purple-dark,oklch(38.1%_0.176_304.987)))] dark:text-[color:var(--zui-tabs-trigger-purple-fg-dark,var(--zui-color-purple-dark,oklch(90.2%_0.063_306.703)))] data-[state=active]:bg-[var(--zui-tabs-trigger-purple-bg-active,var(--zui-color-purple,oklch(38.1%_0.176_304.987)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-purple-bg-active-dark,var(--zui-color-purple-dark,oklch(49.6%_0.265_301.924)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-purple-fg-active,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-purple-fg-active-dark,var(--zui-color-purple-dark,oklch(94.6%_0.033_307.174)))]\",\n pink: \"bg-[var(--zui-tabs-trigger-pink-bg,var(--zui-color-pink,oklch(82.3%_0.12_346.018)))] text-[color:var(--zui-tabs-trigger-pink-fg,var(--zui-color-pink,oklch(40.8%_0.153_2.432)))] dark:bg-[var(--zui-tabs-trigger-pink-bg-dark,var(--zui-color-pink-dark,oklch(40.8%_0.153_2.432)))] dark:text-[color:var(--zui-tabs-trigger-pink-fg-dark,var(--zui-color-pink-dark,oklch(89.9%_0.061_343.231)))] data-[state=active]:bg-[var(--zui-tabs-trigger-pink-bg-active,var(--zui-color-pink,oklch(40.8%_0.153_2.432)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-pink-bg-active-dark,var(--zui-color-pink-dark,oklch(52.5%_0.223_3.958)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-pink-fg-active,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-pink-fg-active-dark,var(--zui-color-pink-dark,oklch(94.8%_0.028_342.258)))]\",\n orange:\n \"bg-[var(--zui-tabs-trigger-orange-bg,var(--zui-color-orange,oklch(83.7%_0.128_66.29)))] text-[color:var(--zui-tabs-trigger-orange-fg,var(--zui-color-orange,oklch(40.8%_0.123_38.172)))] dark:bg-[var(--zui-tabs-trigger-orange-bg-dark,var(--zui-color-orange-dark,oklch(40.8%_0.123_38.172)))] dark:text-[color:var(--zui-tabs-trigger-orange-fg-dark,var(--zui-color-orange-dark,oklch(90.1%_0.076_70.697)))] data-[state=active]:bg-[var(--zui-tabs-trigger-orange-bg-active,var(--zui-color-orange,oklch(40.8%_0.123_38.172)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-orange-bg-active-dark,var(--zui-color-orange-dark,oklch(55.3%_0.195_38.402)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-orange-fg-active,var(--zui-color-orange,oklch(98%_0.016_73.684)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-orange-fg-active-dark,var(--zui-color-orange-dark,oklch(95.4%_0.038_75.164)))]\",\n yellow:\n \"bg-[var(--zui-tabs-trigger-yellow-bg,var(--zui-color-yellow,oklch(90.5%_0.182_98.111)))] text-[color:var(--zui-tabs-trigger-yellow-fg,var(--zui-color-yellow,oklch(42.1%_0.095_57.708)))] dark:bg-[var(--zui-tabs-trigger-yellow-bg-dark,var(--zui-color-yellow-dark,oklch(42.1%_0.095_57.708)))] dark:text-[color:var(--zui-tabs-trigger-yellow-fg-dark,var(--zui-color-yellow-dark,oklch(94.5%_0.129_101.54)))] data-[state=active]:bg-[var(--zui-tabs-trigger-yellow-bg-active,var(--zui-color-yellow,oklch(42.1%_0.095_57.708)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-yellow-bg-active-dark,var(--zui-color-yellow-dark,oklch(55.4%_0.135_66.442)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-yellow-fg-active,var(--zui-color-yellow,oklch(98.7%_0.026_102.212)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-yellow-fg-active-dark,var(--zui-color-yellow-dark,oklch(97.3%_0.071_103.193)))]\",\n teal: \"bg-[var(--zui-tabs-trigger-teal-bg,var(--zui-color-teal,oklch(85.5%_0.138_181.071)))] text-[color:var(--zui-tabs-trigger-teal-fg,var(--zui-color-teal,oklch(38.6%_0.063_188.416)))] dark:bg-[var(--zui-tabs-trigger-teal-bg-dark,var(--zui-color-teal-dark,oklch(38.6%_0.063_188.416)))] dark:text-[color:var(--zui-tabs-trigger-teal-fg-dark,var(--zui-color-teal-dark,oklch(91%_0.096_180.426)))] data-[state=active]:bg-[var(--zui-tabs-trigger-teal-bg-active,var(--zui-color-teal,oklch(38.6%_0.063_188.416)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-teal-bg-active-dark,var(--zui-color-teal-dark,oklch(51.1%_0.096_186.391)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-teal-fg-active,var(--zui-color-teal,oklch(98.4%_0.014_180.72)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-teal-fg-active-dark,var(--zui-color-teal-dark,oklch(95.3%_0.051_180.801)))]\",\n indigo:\n \"bg-[var(--zui-tabs-trigger-indigo-bg,var(--zui-color-indigo,oklch(78.5%_0.115_274.713)))] text-[color:var(--zui-tabs-trigger-indigo-fg,var(--zui-color-indigo,oklch(35.9%_0.144_278.697)))] dark:bg-[var(--zui-tabs-trigger-indigo-bg-dark,var(--zui-color-indigo-dark,oklch(35.9%_0.144_278.697)))] dark:text-[color:var(--zui-tabs-trigger-indigo-fg-dark,var(--zui-color-indigo-dark,oklch(87%_0.065_274.039)))] data-[state=active]:bg-[var(--zui-tabs-trigger-indigo-bg-active,var(--zui-color-indigo,oklch(35.9%_0.144_278.697)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-indigo-bg-active-dark,var(--zui-color-indigo-dark,oklch(45.7%_0.24_277.023)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-indigo-fg-active,var(--zui-color-indigo,oklch(96.2%_0.018_272.314)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-indigo-fg-active-dark,var(--zui-color-indigo-dark,oklch(93%_0.034_272.788)))]\",\n emerald:\n \"bg-[var(--zui-tabs-trigger-emerald-bg,var(--zui-color-emerald,oklch(84.5%_0.143_164.978)))] text-[color:var(--zui-tabs-trigger-emerald-fg,var(--zui-color-emerald,oklch(37.8%_0.077_168.94)))] dark:bg-[var(--zui-tabs-trigger-emerald-bg-dark,var(--zui-color-emerald-dark,oklch(37.8%_0.077_168.94)))] dark:text-[color:var(--zui-tabs-trigger-emerald-fg-dark,var(--zui-color-emerald-dark,oklch(90.5%_0.093_164.15)))] data-[state=active]:bg-[var(--zui-tabs-trigger-emerald-bg-active,var(--zui-color-emerald,oklch(37.8%_0.077_168.94)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-emerald-bg-active-dark,var(--zui-color-emerald-dark,oklch(50.8%_0.118_165.612)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-emerald-fg-active,var(--zui-color-emerald,oklch(97.9%_0.021_166.113)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-emerald-fg-active-dark,var(--zui-color-emerald-dark,oklch(95%_0.052_163.051)))]\",\n gray: \"bg-[var(--zui-tabs-trigger-gray-bg,var(--zui-color-gray,oklch(87.2%_0.01_258.338)))] text-[color:var(--zui-tabs-trigger-gray-fg,var(--zui-color-gray,oklch(21%_0.034_264.665)))] dark:bg-[var(--zui-tabs-trigger-gray-bg-dark,var(--zui-color-gray-dark,oklch(21%_0.034_264.665)))] dark:text-[color:var(--zui-tabs-trigger-gray-fg-dark,var(--zui-color-gray-dark,oklch(92.8%_0.006_264.531)))] data-[state=active]:bg-[var(--zui-tabs-trigger-gray-bg-active,var(--zui-color-gray,oklch(21%_0.034_264.665)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-gray-bg-active-dark,var(--zui-color-gray-dark,oklch(37.3%_0.034_259.733)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gray-fg-active,var(--zui-color-gray,oklch(98.5%_0.002_247.839)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gray-fg-active-dark,var(--zui-color-gray-dark,oklch(96.7%_0.003_264.542)))]\",\n \"gradient-blue\":\n \"bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-blue-from,var(--zui-color-blue,oklch(42.4%_0.199_265.638)))] dark:from-[var(--zui-tabs-trigger-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(42.4%_0.199_265.638)))] to-[var(--zui-tabs-trigger-gradient-blue-to,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:to-[var(--zui-tabs-trigger-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] text-[color:var(--zui-tabs-trigger-gradient-blue-fg,var(--zui-brand-fg,oklch(93.2%_0.032_255.585)))] dark:text-[color:var(--zui-tabs-trigger-gradient-blue-fg-dark,var(--zui-brand-fg-dark,oklch(97%_0.014_254.604)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-blue-from-active,var(--zui-color-blue,oklch(54.6%_0.245_262.881)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-blue-from-active-dark,var(--zui-color-blue-dark,oklch(54.6%_0.245_262.881)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-blue-to-active,var(--zui-color-purple,oklch(55.8%_0.288_302.321)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-blue-to-active-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-blue-fg-active,var(--zui-brand-fg,oklch(93.2%_0.032_255.585)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-blue-fg-active-dark,var(--zui-brand-fg-dark,oklch(93.2%_0.032_255.585)))]\",\n \"gradient-green\":\n \"bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-green-from,var(--zui-color-green,oklch(44.8%_0.119_151.328)))] dark:from-[var(--zui-tabs-trigger-gradient-green-from-dark,var(--zui-color-green-dark,oklch(44.8%_0.119_151.328)))] to-[var(--zui-tabs-trigger-gradient-green-to,var(--zui-color-lime,oklch(45.3%_0.124_130.933)))] dark:to-[var(--zui-tabs-trigger-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(45.3%_0.124_130.933)))] text-[color:var(--zui-tabs-trigger-gradient-green-fg,var(--zui-brand-fg,oklch(96.2%_0.044_156.743)))] dark:text-[color:var(--zui-tabs-trigger-gradient-green-fg-dark,var(--zui-brand-fg-dark,oklch(98.2%_0.018_155.826)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-green-from-active,var(--zui-color-green,oklch(62.7%_0.194_149.214)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-green-from-active-dark,var(--zui-color-green-dark,oklch(62.7%_0.194_149.214)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-green-to-active,var(--zui-color-lime,oklch(64.8%_0.2_131.684)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-green-to-active-dark,var(--zui-color-lime-dark,oklch(64.8%_0.2_131.684)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-green-fg-active,var(--zui-brand-fg,oklch(96.2%_0.044_156.743)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-green-fg-active-dark,var(--zui-brand-fg-dark,oklch(96.2%_0.044_156.743)))]\",\n \"gradient-red\":\n \"bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-red-from,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:from-[var(--zui-tabs-trigger-gradient-red-from-dark,var(--zui-color-red-dark,oklch(44.4%_0.177_26.899)))] to-[var(--zui-tabs-trigger-gradient-red-to,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:to-[var(--zui-tabs-trigger-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] text-[color:var(--zui-tabs-trigger-gradient-red-fg,var(--zui-brand-fg,oklch(93.6%_0.032_17.717)))] dark:text-[color:var(--zui-tabs-trigger-gradient-red-fg-dark,var(--zui-brand-fg-dark,oklch(97.1%_0.013_17.38)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-red-from-active,var(--zui-color-red,oklch(57.7%_0.245_27.325)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-red-from-active-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-red-to-active,var(--zui-color-pink,oklch(59.2%_0.249_0.584)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-red-to-active-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-red-fg-active,var(--zui-brand-fg,oklch(93.6%_0.032_17.717)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-red-fg-active-dark,var(--zui-brand-fg-dark,oklch(93.6%_0.032_17.717)))]\",\n \"gradient-yellow\":\n \"bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-yellow-from,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:from-[var(--zui-tabs-trigger-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(47.6%_0.114_61.907)))] to-[var(--zui-tabs-trigger-gradient-yellow-to,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:to-[var(--zui-tabs-trigger-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304)))] text-[color:var(--zui-tabs-trigger-gradient-yellow-fg,var(--zui-brand-fg,oklch(97.3%_0.071_103.193)))] dark:text-[color:var(--zui-tabs-trigger-gradient-yellow-fg-dark,var(--zui-brand-fg-dark,oklch(98.7%_0.026_102.212)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-yellow-from-active,var(--zui-color-yellow,oklch(68.1%_0.162_75.834)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-yellow-from-active-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-yellow-to-active,var(--zui-color-orange,oklch(64.6%_0.222_41.116)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-yellow-to-active-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-yellow-fg-active,var(--zui-brand-fg,oklch(97.3%_0.071_103.193)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-yellow-fg-active-dark,var(--zui-brand-fg-dark,oklch(97.3%_0.071_103.193)))]\",\n \"gradient-purple\":\n \"bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-purple-from,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:from-[var(--zui-tabs-trigger-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] to-[var(--zui-tabs-trigger-gradient-purple-to,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:to-[var(--zui-tabs-trigger-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] text-[color:var(--zui-tabs-trigger-gradient-purple-fg,var(--zui-brand-fg,oklch(94.6%_0.033_307.174)))] dark:text-[color:var(--zui-tabs-trigger-gradient-purple-fg-dark,var(--zui-brand-fg-dark,oklch(97.7%_0.014_308.299)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-purple-from-active,var(--zui-color-purple,oklch(55.8%_0.288_302.321)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-purple-from-active-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-purple-to-active,var(--zui-color-pink,oklch(59.2%_0.249_0.584)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-purple-to-active-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-purple-fg-active,var(--zui-brand-fg,oklch(94.6%_0.033_307.174)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-purple-fg-active-dark,var(--zui-brand-fg-dark,oklch(94.6%_0.033_307.174)))]\",\n \"gradient-teal\":\n \"bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-teal-from,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:from-[var(--zui-tabs-trigger-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(43.7%_0.078_188.216)))] to-[var(--zui-tabs-trigger-gradient-teal-to,var(--zui-color-cyan,oklch(45%_0.085_224.283)))] dark:to-[var(--zui-tabs-trigger-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(45%_0.085_224.283)))] text-[color:var(--zui-tabs-trigger-gradient-teal-fg,var(--zui-brand-fg,oklch(95.3%_0.051_180.801)))] dark:text-[color:var(--zui-tabs-trigger-gradient-teal-fg-dark,var(--zui-brand-fg-dark,oklch(98.4%_0.014_180.72)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-teal-from-active,var(--zui-color-teal,oklch(60%_0.118_184.704)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-teal-from-active-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-teal-to-active,var(--zui-color-cyan,oklch(60.9%_0.126_221.723)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-teal-to-active-dark,var(--zui-color-cyan-dark,oklch(60.9%_0.126_221.723)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-teal-fg-active,var(--zui-brand-fg,oklch(95.3%_0.051_180.801)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-teal-fg-active-dark,var(--zui-brand-fg-dark,oklch(95.3%_0.051_180.801)))]\",\n \"gradient-indigo\":\n \"bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-indigo-from,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:from-[var(--zui-tabs-trigger-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(39.8%_0.195_277.366)))] to-[var(--zui-tabs-trigger-gradient-indigo-to,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:to-[var(--zui-tabs-trigger-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] text-[color:var(--zui-tabs-trigger-gradient-indigo-fg,var(--zui-brand-fg,oklch(93%_0.034_272.788)))] dark:text-[color:var(--zui-tabs-trigger-gradient-indigo-fg-dark,var(--zui-brand-fg-dark,oklch(96.2%_0.018_272.314)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-indigo-from-active,var(--zui-color-indigo,oklch(51.1%_0.262_276.966)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-indigo-from-active-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-indigo-to-active,var(--zui-color-purple,oklch(55.8%_0.288_302.321)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-indigo-to-active-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-indigo-fg-active,var(--zui-brand-fg,oklch(93%_0.034_272.788)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-indigo-fg-active-dark,var(--zui-brand-fg-dark,oklch(93%_0.034_272.788)))]\",\n \"gradient-pink\":\n \"bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-pink-from,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:from-[var(--zui-tabs-trigger-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] to-[var(--zui-tabs-trigger-gradient-pink-to,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:to-[var(--zui-tabs-trigger-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(45.5%_0.188_13.697)))] text-[color:var(--zui-tabs-trigger-gradient-pink-fg,var(--zui-brand-fg,oklch(94.8%_0.028_342.258)))] dark:text-[color:var(--zui-tabs-trigger-gradient-pink-fg-dark,var(--zui-brand-fg-dark,oklch(97.1%_0.014_343.198)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-pink-from-active,var(--zui-color-pink,oklch(59.2%_0.249_0.584)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-pink-from-active-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-pink-to-active,var(--zui-color-rose,oklch(58.6%_0.253_17.585)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-pink-to-active-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-pink-fg-active,var(--zui-brand-fg,oklch(94.8%_0.028_342.258)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-pink-fg-active-dark,var(--zui-brand-fg-dark,oklch(94.8%_0.028_342.258)))]\",\n \"gradient-orange\":\n \"bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-orange-from,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:from-[var(--zui-tabs-trigger-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304)))] to-[var(--zui-tabs-trigger-gradient-orange-to,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:to-[var(--zui-tabs-trigger-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(44.4%_0.177_26.899)))] text-[color:var(--zui-tabs-trigger-gradient-orange-fg,var(--zui-brand-fg,oklch(95.4%_0.038_75.164)))] dark:text-[color:var(--zui-tabs-trigger-gradient-orange-fg-dark,var(--zui-brand-fg-dark,oklch(98%_0.016_73.684)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-orange-from-active,var(--zui-color-orange,oklch(64.6%_0.222_41.116)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-orange-from-active-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-orange-to-active,var(--zui-color-red,oklch(57.7%_0.245_27.325)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-orange-to-active-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-orange-fg-active,var(--zui-brand-fg,oklch(95.4%_0.038_75.164)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-orange-fg-active-dark,var(--zui-brand-fg-dark,oklch(95.4%_0.038_75.164)))]\",\n blue: \"hover:bg-[var(--zui-tabs-trigger-blue-bg-hover,var(--zui-color-blue,#2563eb18))] dark:hover:bg-[var(--zui-tabs-trigger-blue-bg-hover-dark,var(--zui-color-blue-dark,#3b82f62e))] hover:text-[color:var(--zui-tabs-trigger-blue-fg-hover,var(--zui-color-blue,#2563eb))] dark:hover:text-[color:var(--zui-tabs-trigger-blue-fg-hover-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-tabs-trigger-blue-bg,var(--zui-color-blue,#2563eb10))] dark:bg-[var(--zui-tabs-trigger-blue-bg-dark,var(--zui-color-blue-dark,#3b82f61f))] text-[color:var(--zui-tabs-trigger-blue-fg,var(--zui-color-blue,#2563eb))] dark:text-[color:var(--zui-tabs-trigger-blue-fg-dark,var(--zui-color-blue-dark,#3b82f6))]\",\n cyan: \"hover:bg-[var(--zui-tabs-trigger-cyan-bg-hover,var(--zui-color-cyan,#0891b218))] dark:hover:bg-[var(--zui-tabs-trigger-cyan-bg-hover-dark,var(--zui-color-cyan-dark,#22d3ee2e))] hover:text-[color:var(--zui-tabs-trigger-cyan-fg-hover,var(--zui-color-cyan,#0891b2))] dark:hover:text-[color:var(--zui-tabs-trigger-cyan-fg-hover-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-tabs-trigger-cyan-bg,var(--zui-color-cyan,#0891b210))] dark:bg-[var(--zui-tabs-trigger-cyan-bg-dark,var(--zui-color-cyan-dark,#22d3ee1f))] text-[color:var(--zui-tabs-trigger-cyan-fg,var(--zui-color-cyan,#0891b2))] dark:text-[color:var(--zui-tabs-trigger-cyan-fg-dark,var(--zui-color-cyan-dark,#22d3ee))]\",\n green:\n \"hover:bg-[var(--zui-tabs-trigger-green-bg-hover,var(--zui-color-green,#16a34a18))] dark:hover:bg-[var(--zui-tabs-trigger-green-bg-hover-dark,var(--zui-color-green-dark,#22c55e2e))] hover:text-[color:var(--zui-tabs-trigger-green-fg-hover,var(--zui-color-green,#16a34a))] dark:hover:text-[color:var(--zui-tabs-trigger-green-fg-hover-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-tabs-trigger-green-bg,var(--zui-color-green,#16a34a10))] dark:bg-[var(--zui-tabs-trigger-green-bg-dark,var(--zui-color-green-dark,#22c55e1f))] text-[color:var(--zui-tabs-trigger-green-fg,var(--zui-color-green,#16a34a))] dark:text-[color:var(--zui-tabs-trigger-green-fg-dark,var(--zui-color-green-dark,#22c55e))]\",\n lime: \"hover:bg-[var(--zui-tabs-trigger-lime-bg-hover,var(--zui-color-lime,#65a30d18))] dark:hover:bg-[var(--zui-tabs-trigger-lime-bg-hover-dark,var(--zui-color-lime-dark,#a3e6352e))] hover:text-[color:var(--zui-tabs-trigger-lime-fg-hover,var(--zui-color-lime,#65a30d))] dark:hover:text-[color:var(--zui-tabs-trigger-lime-fg-hover-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-tabs-trigger-lime-bg,var(--zui-color-lime,#65a30d10))] dark:bg-[var(--zui-tabs-trigger-lime-bg-dark,var(--zui-color-lime-dark,#a3e6351f))] text-[color:var(--zui-tabs-trigger-lime-fg,var(--zui-color-lime,#65a30d))] dark:text-[color:var(--zui-tabs-trigger-lime-fg-dark,var(--zui-color-lime-dark,#a3e635))]\",\n mint: \"hover:bg-[var(--zui-tabs-trigger-mint-bg-hover,var(--zui-color-mint,#10b98118))] dark:hover:bg-[var(--zui-tabs-trigger-mint-bg-hover-dark,var(--zui-color-mint-dark,#6ee7b72e))] hover:text-[color:var(--zui-tabs-trigger-mint-fg-hover,var(--zui-color-mint,#10b981))] dark:hover:text-[color:var(--zui-tabs-trigger-mint-fg-hover-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-tabs-trigger-mint-bg,var(--zui-color-mint,#10b98110))] dark:bg-[var(--zui-tabs-trigger-mint-bg-dark,var(--zui-color-mint-dark,#6ee7b71f))] text-[color:var(--zui-tabs-trigger-mint-fg,var(--zui-color-mint,#10b981))] dark:text-[color:var(--zui-tabs-trigger-mint-fg-dark,var(--zui-color-mint-dark,#6ee7b7))]\",\n ocean:\n \"hover:bg-[var(--zui-tabs-trigger-ocean-bg-hover,var(--zui-color-ocean,#0284c718))] dark:hover:bg-[var(--zui-tabs-trigger-ocean-bg-hover-dark,var(--zui-color-ocean-dark,#38bdf82e))] hover:text-[color:var(--zui-tabs-trigger-ocean-fg-hover,var(--zui-color-ocean,#0284c7))] dark:hover:text-[color:var(--zui-tabs-trigger-ocean-fg-hover-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-tabs-trigger-ocean-bg,var(--zui-color-ocean,#0284c710))] dark:bg-[var(--zui-tabs-trigger-ocean-bg-dark,var(--zui-color-ocean-dark,#38bdf81f))] text-[color:var(--zui-tabs-trigger-ocean-fg,var(--zui-color-ocean,#0284c7))] dark:text-[color:var(--zui-tabs-trigger-ocean-fg-dark,var(--zui-color-ocean-dark,#38bdf8))]\",\n sapphire:\n \"hover:bg-[var(--zui-tabs-trigger-sapphire-bg-hover,var(--zui-color-sapphire,#1d4ed818))] dark:hover:bg-[var(--zui-tabs-trigger-sapphire-bg-hover-dark,var(--zui-color-sapphire-dark,#60a5fa2e))] hover:text-[color:var(--zui-tabs-trigger-sapphire-fg-hover,var(--zui-color-sapphire,#1d4ed8))] dark:hover:text-[color:var(--zui-tabs-trigger-sapphire-fg-hover-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-tabs-trigger-sapphire-bg,var(--zui-color-sapphire,#1d4ed810))] dark:bg-[var(--zui-tabs-trigger-sapphire-bg-dark,var(--zui-color-sapphire-dark,#60a5fa1f))] text-[color:var(--zui-tabs-trigger-sapphire-fg,var(--zui-color-sapphire,#1d4ed8))] dark:text-[color:var(--zui-tabs-trigger-sapphire-fg-dark,var(--zui-color-sapphire-dark,#60a5fa))]\",\n lavender:\n \"hover:bg-[var(--zui-tabs-trigger-lavender-bg-hover,var(--zui-color-lavender,#8b5cf618))] dark:hover:bg-[var(--zui-tabs-trigger-lavender-bg-hover-dark,var(--zui-color-lavender-dark,#a78bfa2e))] hover:text-[color:var(--zui-tabs-trigger-lavender-fg-hover,var(--zui-color-lavender,#8b5cf6))] dark:hover:text-[color:var(--zui-tabs-trigger-lavender-fg-hover-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-tabs-trigger-lavender-bg,var(--zui-color-lavender,#8b5cf610))] dark:bg-[var(--zui-tabs-trigger-lavender-bg-dark,var(--zui-color-lavender-dark,#a78bfa1f))] text-[color:var(--zui-tabs-trigger-lavender-fg,var(--zui-color-lavender,#8b5cf6))] dark:text-[color:var(--zui-tabs-trigger-lavender-fg-dark,var(--zui-color-lavender-dark,#a78bfa))]\",\n ruby: \"hover:bg-[var(--zui-tabs-trigger-ruby-bg-hover,var(--zui-color-ruby,#be123c18))] dark:hover:bg-[var(--zui-tabs-trigger-ruby-bg-hover-dark,var(--zui-color-ruby-dark,#fb71852e))] hover:text-[color:var(--zui-tabs-trigger-ruby-fg-hover,var(--zui-color-ruby,#be123c))] dark:hover:text-[color:var(--zui-tabs-trigger-ruby-fg-hover-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-tabs-trigger-ruby-bg,var(--zui-color-ruby,#be123c10))] dark:bg-[var(--zui-tabs-trigger-ruby-bg-dark,var(--zui-color-ruby-dark,#fb71851f))] text-[color:var(--zui-tabs-trigger-ruby-fg,var(--zui-color-ruby,#be123c))] dark:text-[color:var(--zui-tabs-trigger-ruby-fg-dark,var(--zui-color-ruby-dark,#fb7185))]\",\n red: \"hover:bg-[var(--zui-tabs-trigger-red-bg-hover,var(--zui-color-red,#dc262618))] dark:hover:bg-[var(--zui-tabs-trigger-red-bg-hover-dark,var(--zui-color-red-dark,#ef44442e))] hover:text-[color:var(--zui-tabs-trigger-red-fg-hover,var(--zui-color-red,#dc2626))] dark:hover:text-[color:var(--zui-tabs-trigger-red-fg-hover-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-tabs-trigger-red-bg,var(--zui-color-red,#dc262610))] dark:bg-[var(--zui-tabs-trigger-red-bg-dark,var(--zui-color-red-dark,#ef44441f))] text-[color:var(--zui-tabs-trigger-red-fg,var(--zui-color-red,#dc2626))] dark:text-[color:var(--zui-tabs-trigger-red-fg-dark,var(--zui-color-red-dark,#ef4444))]\",\n slate:\n \"hover:bg-[var(--zui-tabs-trigger-slate-bg-hover,var(--zui-color-slate,#47556918))] dark:hover:bg-[var(--zui-tabs-trigger-slate-bg-hover-dark,var(--zui-color-slate-dark,#64748b2e))] hover:text-[color:var(--zui-tabs-trigger-slate-fg-hover,var(--zui-color-slate,#475569))] dark:hover:text-[color:var(--zui-tabs-trigger-slate-fg-hover-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-tabs-trigger-slate-bg,var(--zui-color-slate,#47556910))] dark:bg-[var(--zui-tabs-trigger-slate-bg-dark,var(--zui-color-slate-dark,#64748b1f))] text-[color:var(--zui-tabs-trigger-slate-fg,var(--zui-color-slate,#475569))] dark:text-[color:var(--zui-tabs-trigger-slate-fg-dark,var(--zui-color-slate-dark,#64748b))]\",\n zinc: \"hover:bg-[var(--zui-tabs-trigger-zinc-bg-hover,var(--zui-color-zinc,#52525b18))] dark:hover:bg-[var(--zui-tabs-trigger-zinc-bg-hover-dark,var(--zui-color-zinc-dark,#71717a2e))] hover:text-[color:var(--zui-tabs-trigger-zinc-fg-hover,var(--zui-color-zinc,#52525b))] dark:hover:text-[color:var(--zui-tabs-trigger-zinc-fg-hover-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-tabs-trigger-zinc-bg,var(--zui-color-zinc,#52525b10))] dark:bg-[var(--zui-tabs-trigger-zinc-bg-dark,var(--zui-color-zinc-dark,#71717a1f))] text-[color:var(--zui-tabs-trigger-zinc-fg,var(--zui-color-zinc,#52525b))] dark:text-[color:var(--zui-tabs-trigger-zinc-fg-dark,var(--zui-color-zinc-dark,#71717a))]\",\n stone:\n \"hover:bg-[var(--zui-tabs-trigger-stone-bg-hover,var(--zui-color-stone,#57534e18))] dark:hover:bg-[var(--zui-tabs-trigger-stone-bg-hover-dark,var(--zui-color-stone-dark,#78716c2e))] hover:text-[color:var(--zui-tabs-trigger-stone-fg-hover,var(--zui-color-stone,#57534e))] dark:hover:text-[color:var(--zui-tabs-trigger-stone-fg-hover-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-tabs-trigger-stone-bg,var(--zui-color-stone,#57534e10))] dark:bg-[var(--zui-tabs-trigger-stone-bg-dark,var(--zui-color-stone-dark,#78716c1f))] text-[color:var(--zui-tabs-trigger-stone-fg,var(--zui-color-stone,#57534e))] dark:text-[color:var(--zui-tabs-trigger-stone-fg-dark,var(--zui-color-stone-dark,#78716c))]\",\n royal:\n \"hover:bg-[var(--zui-tabs-trigger-royal-bg-hover,var(--zui-color-royal,#4338ca18))] dark:hover:bg-[var(--zui-tabs-trigger-royal-bg-hover-dark,var(--zui-color-royal-dark,#818cf82e))] hover:text-[color:var(--zui-tabs-trigger-royal-fg-hover,var(--zui-color-royal,#4338ca))] dark:hover:text-[color:var(--zui-tabs-trigger-royal-fg-hover-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-tabs-trigger-royal-bg,var(--zui-color-royal,#4338ca10))] dark:bg-[var(--zui-tabs-trigger-royal-bg-dark,var(--zui-color-royal-dark,#818cf81f))] text-[color:var(--zui-tabs-trigger-royal-fg,var(--zui-color-royal,#4338ca))] dark:text-[color:var(--zui-tabs-trigger-royal-fg-dark,var(--zui-color-royal-dark,#818cf8))]\",\n electric:\n \"hover:bg-[var(--zui-tabs-trigger-electric-bg-hover,var(--zui-color-electric,#0ea5e918))] dark:hover:bg-[var(--zui-tabs-trigger-electric-bg-hover-dark,var(--zui-color-electric-dark,#38bdf82e))] hover:text-[color:var(--zui-tabs-trigger-electric-fg-hover,var(--zui-color-electric,#0ea5e9))] dark:hover:text-[color:var(--zui-tabs-trigger-electric-fg-hover-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-tabs-trigger-electric-bg,var(--zui-color-electric,#0ea5e910))] dark:bg-[var(--zui-tabs-trigger-electric-bg-dark,var(--zui-color-electric-dark,#38bdf81f))] text-[color:var(--zui-tabs-trigger-electric-fg,var(--zui-color-electric,#0ea5e9))] dark:text-[color:var(--zui-tabs-trigger-electric-fg-dark,var(--zui-color-electric-dark,#38bdf8))]\",\n forest:\n \"hover:bg-[var(--zui-tabs-trigger-forest-bg-hover,var(--zui-color-forest,#16653418))] dark:hover:bg-[var(--zui-tabs-trigger-forest-bg-hover-dark,var(--zui-color-forest-dark,#4ade802e))] hover:text-[color:var(--zui-tabs-trigger-forest-fg-hover,var(--zui-color-forest,#166534))] dark:hover:text-[color:var(--zui-tabs-trigger-forest-fg-hover-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-tabs-trigger-forest-bg,var(--zui-color-forest,#16653410))] dark:bg-[var(--zui-tabs-trigger-forest-bg-dark,var(--zui-color-forest-dark,#4ade801f))] text-[color:var(--zui-tabs-trigger-forest-fg,var(--zui-color-forest,#166534))] dark:text-[color:var(--zui-tabs-trigger-forest-fg-dark,var(--zui-color-forest-dark,#4ade80))]\",\n sunset:\n \"hover:bg-[var(--zui-tabs-trigger-sunset-bg-hover,var(--zui-color-sunset,#ea580c18))] dark:hover:bg-[var(--zui-tabs-trigger-sunset-bg-hover-dark,var(--zui-color-sunset-dark,#fb923c2e))] hover:text-[color:var(--zui-tabs-trigger-sunset-fg-hover,var(--zui-color-sunset,#ea580c))] dark:hover:text-[color:var(--zui-tabs-trigger-sunset-fg-hover-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-tabs-trigger-sunset-bg,var(--zui-color-sunset,#ea580c10))] dark:bg-[var(--zui-tabs-trigger-sunset-bg-dark,var(--zui-color-sunset-dark,#fb923c1f))] text-[color:var(--zui-tabs-trigger-sunset-fg,var(--zui-color-sunset,#ea580c))] dark:text-[color:var(--zui-tabs-trigger-sunset-fg-dark,var(--zui-color-sunset-dark,#fb923c))]\",\n magenta:\n \"hover:bg-[var(--zui-tabs-trigger-magenta-bg-hover,var(--zui-color-magenta,#c026d318))] dark:hover:bg-[var(--zui-tabs-trigger-magenta-bg-hover-dark,var(--zui-color-magenta-dark,#e879f92e))] hover:text-[color:var(--zui-tabs-trigger-magenta-fg-hover,var(--zui-color-magenta,#c026d3))] dark:hover:text-[color:var(--zui-tabs-trigger-magenta-fg-hover-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-tabs-trigger-magenta-bg,var(--zui-color-magenta,#c026d310))] dark:bg-[var(--zui-tabs-trigger-magenta-bg-dark,var(--zui-color-magenta-dark,#e879f91f))] text-[color:var(--zui-tabs-trigger-magenta-fg,var(--zui-color-magenta,#c026d3))] dark:text-[color:var(--zui-tabs-trigger-magenta-fg-dark,var(--zui-color-magenta-dark,#e879f9))]\",\n crimson:\n \"hover:bg-[var(--zui-tabs-trigger-crimson-bg-hover,var(--zui-color-crimson,#b91c1c18))] dark:hover:bg-[var(--zui-tabs-trigger-crimson-bg-hover-dark,var(--zui-color-crimson-dark,#f871712e))] hover:text-[color:var(--zui-tabs-trigger-crimson-fg-hover,var(--zui-color-crimson,#b91c1c))] dark:hover:text-[color:var(--zui-tabs-trigger-crimson-fg-hover-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-tabs-trigger-crimson-bg,var(--zui-color-crimson,#b91c1c10))] dark:bg-[var(--zui-tabs-trigger-crimson-bg-dark,var(--zui-color-crimson-dark,#f871711f))] text-[color:var(--zui-tabs-trigger-crimson-fg,var(--zui-color-crimson,#b91c1c))] dark:text-[color:var(--zui-tabs-trigger-crimson-fg-dark,var(--zui-color-crimson-dark,#f87171))]\",\n aqua: \"hover:bg-[var(--zui-tabs-trigger-aqua-bg-hover,var(--zui-color-aqua,#0f766e18))] dark:hover:bg-[var(--zui-tabs-trigger-aqua-bg-hover-dark,var(--zui-color-aqua-dark,#2dd4bf2e))] hover:text-[color:var(--zui-tabs-trigger-aqua-fg-hover,var(--zui-color-aqua,#0f766e))] dark:hover:text-[color:var(--zui-tabs-trigger-aqua-fg-hover-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-tabs-trigger-aqua-bg,var(--zui-color-aqua,#0f766e10))] dark:bg-[var(--zui-tabs-trigger-aqua-bg-dark,var(--zui-color-aqua-dark,#2dd4bf1f))] text-[color:var(--zui-tabs-trigger-aqua-fg,var(--zui-color-aqua,#0f766e))] dark:text-[color:var(--zui-tabs-trigger-aqua-fg-dark,var(--zui-color-aqua-dark,#2dd4bf))]\",\n plum: \"hover:bg-[var(--zui-tabs-trigger-plum-bg-hover,var(--zui-color-plum,#7e22ce18))] dark:hover:bg-[var(--zui-tabs-trigger-plum-bg-hover-dark,var(--zui-color-plum-dark,#c084fc2e))] hover:text-[color:var(--zui-tabs-trigger-plum-fg-hover,var(--zui-color-plum,#7e22ce))] dark:hover:text-[color:var(--zui-tabs-trigger-plum-fg-hover-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-tabs-trigger-plum-bg,var(--zui-color-plum,#7e22ce10))] dark:bg-[var(--zui-tabs-trigger-plum-bg-dark,var(--zui-color-plum-dark,#c084fc1f))] text-[color:var(--zui-tabs-trigger-plum-fg,var(--zui-color-plum,#7e22ce))] dark:text-[color:var(--zui-tabs-trigger-plum-fg-dark,var(--zui-color-plum-dark,#c084fc))]\",\n} as const;\n\nexport const zuiTabsTriggerVariants = {\n default:\n \"data-[state=active]:bg-[var(--zui-tabs-trigger-default-bg-active,var(--zui-surface-muted,#ffffff))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-default-bg-active-dark,var(--zui-surface-muted-dark,#020617))]\",\n underline:\n \"border-b-2 border-[color:var(--zui-tabs-trigger-underline-border,transparent)] dark:border-[color:var(--zui-tabs-trigger-underline-border-dark,transparent)] data-[state=active]:border-current rounded-none\",\n pills: \"\",\n} as const;\n\nexport const zuiTabsTriggerSizes = {\n sm: \"px-2 py-1\",\n md: \"px-3 py-1.5\",\n lg: \"px-4 py-2\",\n} as const;\n"]}
1
+ {"version":3,"sources":["../src/design-system/tabs.ts"],"names":[],"mappings":";AAAO,IAAM,eAAA,GAAkB;AAExB,IAAM,mBAAA,GAAsB;AAAA,EACjC,OAAA,EACE,6GAAA;AAAA,EACF,SAAA,EACE,wJAAA;AAAA,EACF,KAAA,EAAO;AACT;AAEO,IAAM,gBAAA,GAAmB;AAAA,EAC9B,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI,iBAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,mBAAA,GAAsB;AAAA,EACjC,UAAA,EAAY,UAAA;AAAA,EACZ,QAAA,EAAU;AACZ;AAEO,IAAM,kBAAA,GACX;AAEK,IAAM,yBAAA,GAA4B;AAAA,EACvC,OAAA,EACE,oTAAA;AAAA,EACF,GAAA,EAAK,m2BAAA;AAAA,EACL,IAAA,EAAM,u2BAAA;AAAA,EACN,MAAA,EACE,y5BAAA;AAAA,EACF,IAAA,EAAM,g3BAAA;AAAA,EACN,MAAA,EACE,84BAAA;AAAA,EACF,MAAA,EACE,m5BAAA;AAAA,EACF,IAAA,EAAM,s3BAAA;AAAA,EACN,MAAA,EACE,o5BAAA;AAAA,EACF,OAAA,EACE,m6BAAA;AAAA,EACF,IAAA,EAAM,k3BAAA;AAAA,EACN,eAAA,EACE,86CAAA;AAAA,EACF,gBAAA,EACE,o7CAAA;AAAA,EACF,cAAA,EACE,u4CAAA;AAAA,EACF,iBAAA,EACE,o8CAAA;AAAA,EACF,iBAAA,EACE,g8CAAA;AAAA,EACF,eAAA,EACE,+5CAAA;AAAA,EACF,iBAAA,EACE,08CAAA;AAAA,EACF,eAAA,EACE,45CAAA;AAAA,EACF,iBAAA,EACE,k7CAAA;AAAA,EACF,IAAA,EAAM,iuBAAA;AAAA,EACN,IAAA,EAAM,iuBAAA;AAAA,EACN,KAAA,EACE,ivBAAA;AAAA,EACF,IAAA,EAAM,iuBAAA;AAAA,EACN,IAAA,EAAM,iuBAAA;AAAA,EACN,KAAA,EACE,ivBAAA;AAAA,EACF,QAAA,EACE,iyBAAA;AAAA,EACF,QAAA,EACE,iyBAAA;AAAA,EACF,IAAA,EAAM,iuBAAA;AAAA,EACN,GAAA,EAAK,itBAAA;AAAA,EACL,KAAA,EACE,ivBAAA;AAAA,EACF,IAAA,EAAM,iuBAAA;AAAA,EACN,KAAA,EACE,ivBAAA;AAAA,EACF,KAAA,EACE,ivBAAA;AAAA,EACF,QAAA,EACE,iyBAAA;AAAA,EACF,MAAA,EACE,iwBAAA;AAAA,EACF,MAAA,EACE,iwBAAA;AAAA,EACF,OAAA,EACE,ixBAAA;AAAA,EACF,OAAA,EACE,ixBAAA;AAAA,EACF,IAAA,EAAM,iuBAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,sBAAA,GAAyB;AAAA,EACpC,OAAA,EACE,wNAAA;AAAA,EACF,SAAA,EACE,8MAAA;AAAA,EACF,KAAA,EAAO;AACT;AAEO,IAAM,mBAAA,GAAsB;AAAA,EACjC,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI;AACN","file":"chunk-TVEK6PKH.mjs","sourcesContent":["export const zuiTabsListBase = \"flex flex-wrap items-center gap-1\";\n\nexport const zuiTabsListVariants = {\n default:\n \"bg-[var(--zui-tabs-list-default-bg,transparent)] dark:bg-[var(--zui-tabs-list-default-bg-dark,transparent)]\",\n underline:\n \"border-b-2 border-[color:var(--zui-tabs-list-underline-border,transparent)] dark:border-[color:var(--zui-tabs-list-underline-border-dark,transparent)]\",\n pills: \"rounded-md\",\n} as const;\n\nexport const zuiTabsListSizes = {\n sm: \"text-sm p-1\",\n md: \"text-base p-1.5\",\n lg: \"text-lg p-2\",\n} as const;\n\nexport const zuiTabsOrientations = {\n horizontal: \"flex-row\",\n vertical: \"flex-col\",\n} as const;\n\nexport const zuiTabsTriggerBase =\n \"px-3 py-1.5 rounded-md transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-tabs-trigger-ring-focus,var(--zui-focus-ring,oklch(44.6%_0.043_257.281)))] dark:focus-visible:ring-[var(--zui-tabs-trigger-ring-focus-dark,var(--zui-focus-ring-dark,oklch(86.9%_0.022_252.894)))]\";\n\nexport const zuiTabsTriggerAppearances = {\n default:\n \"bg-[var(--zui-tabs-trigger-default-bg,transparent)] dark:bg-[var(--zui-tabs-trigger-default-bg-dark,transparent)] text-[color:var(--zui-tabs-trigger-default-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-tabs-trigger-default-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))]\",\n sky: \"bg-[var(--zui-tabs-trigger-sky-bg,var(--zui-color-sky,oklch(82.8%_0.111_230.318)))] text-[color:var(--zui-tabs-trigger-sky-fg,var(--zui-color-sky,oklch(39.1%_0.09_240.876)))] dark:bg-[var(--zui-tabs-trigger-sky-bg-dark,var(--zui-color-sky-dark,oklch(39.1%_0.09_240.876)))] dark:text-[color:var(--zui-tabs-trigger-sky-fg-dark,var(--zui-color-sky-dark,oklch(90.1%_0.058_230.902)))] data-[state=active]:bg-[var(--zui-tabs-trigger-sky-bg-active,var(--zui-color-sky,oklch(39.1%_0.09_240.876)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-sky-bg-active-dark,var(--zui-color-sky-dark,oklch(50%_0.134_242.749)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-sky-fg-active,var(--zui-color-sky,oklch(97.7%_0.013_236.62)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-sky-fg-active-dark,var(--zui-color-sky-dark,oklch(95.1%_0.026_236.824)))]\",\n rose: \"bg-[var(--zui-tabs-trigger-rose-bg,var(--zui-color-rose,oklch(81%_0.117_11.638)))] text-[color:var(--zui-tabs-trigger-rose-fg,var(--zui-color-rose,oklch(41%_0.159_10.272)))] dark:bg-[var(--zui-tabs-trigger-rose-bg-dark,var(--zui-color-rose-dark,oklch(41%_0.159_10.272)))] dark:text-[color:var(--zui-tabs-trigger-rose-fg-dark,var(--zui-color-rose-dark,oklch(89.2%_0.058_10.001)))] data-[state=active]:bg-[var(--zui-tabs-trigger-rose-bg-active,var(--zui-color-rose,oklch(41%_0.159_10.272)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-rose-bg-active-dark,var(--zui-color-rose-dark,oklch(51.4%_0.222_16.935)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-rose-fg-active,var(--zui-color-rose,oklch(96.9%_0.015_12.422)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-rose-fg-active-dark,var(--zui-color-rose-dark,oklch(94.1%_0.03_12.58)))]\",\n purple:\n \"bg-[var(--zui-tabs-trigger-purple-bg,var(--zui-color-purple,oklch(82.7%_0.119_306.383)))] text-[color:var(--zui-tabs-trigger-purple-fg,var(--zui-color-purple,oklch(38.1%_0.176_304.987)))] dark:bg-[var(--zui-tabs-trigger-purple-bg-dark,var(--zui-color-purple-dark,oklch(38.1%_0.176_304.987)))] dark:text-[color:var(--zui-tabs-trigger-purple-fg-dark,var(--zui-color-purple-dark,oklch(90.2%_0.063_306.703)))] data-[state=active]:bg-[var(--zui-tabs-trigger-purple-bg-active,var(--zui-color-purple,oklch(38.1%_0.176_304.987)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-purple-bg-active-dark,var(--zui-color-purple-dark,oklch(49.6%_0.265_301.924)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-purple-fg-active,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-purple-fg-active-dark,var(--zui-color-purple-dark,oklch(94.6%_0.033_307.174)))]\",\n pink: \"bg-[var(--zui-tabs-trigger-pink-bg,var(--zui-color-pink,oklch(82.3%_0.12_346.018)))] text-[color:var(--zui-tabs-trigger-pink-fg,var(--zui-color-pink,oklch(40.8%_0.153_2.432)))] dark:bg-[var(--zui-tabs-trigger-pink-bg-dark,var(--zui-color-pink-dark,oklch(40.8%_0.153_2.432)))] dark:text-[color:var(--zui-tabs-trigger-pink-fg-dark,var(--zui-color-pink-dark,oklch(89.9%_0.061_343.231)))] data-[state=active]:bg-[var(--zui-tabs-trigger-pink-bg-active,var(--zui-color-pink,oklch(40.8%_0.153_2.432)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-pink-bg-active-dark,var(--zui-color-pink-dark,oklch(52.5%_0.223_3.958)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-pink-fg-active,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-pink-fg-active-dark,var(--zui-color-pink-dark,oklch(94.8%_0.028_342.258)))]\",\n orange:\n \"bg-[var(--zui-tabs-trigger-orange-bg,var(--zui-color-orange,oklch(83.7%_0.128_66.29)))] text-[color:var(--zui-tabs-trigger-orange-fg,var(--zui-color-orange,oklch(40.8%_0.123_38.172)))] dark:bg-[var(--zui-tabs-trigger-orange-bg-dark,var(--zui-color-orange-dark,oklch(40.8%_0.123_38.172)))] dark:text-[color:var(--zui-tabs-trigger-orange-fg-dark,var(--zui-color-orange-dark,oklch(90.1%_0.076_70.697)))] data-[state=active]:bg-[var(--zui-tabs-trigger-orange-bg-active,var(--zui-color-orange,oklch(40.8%_0.123_38.172)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-orange-bg-active-dark,var(--zui-color-orange-dark,oklch(55.3%_0.195_38.402)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-orange-fg-active,var(--zui-color-orange,oklch(98%_0.016_73.684)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-orange-fg-active-dark,var(--zui-color-orange-dark,oklch(95.4%_0.038_75.164)))]\",\n yellow:\n \"bg-[var(--zui-tabs-trigger-yellow-bg,var(--zui-color-yellow,oklch(90.5%_0.182_98.111)))] text-[color:var(--zui-tabs-trigger-yellow-fg,var(--zui-color-yellow,oklch(42.1%_0.095_57.708)))] dark:bg-[var(--zui-tabs-trigger-yellow-bg-dark,var(--zui-color-yellow-dark,oklch(42.1%_0.095_57.708)))] dark:text-[color:var(--zui-tabs-trigger-yellow-fg-dark,var(--zui-color-yellow-dark,oklch(94.5%_0.129_101.54)))] data-[state=active]:bg-[var(--zui-tabs-trigger-yellow-bg-active,var(--zui-color-yellow,oklch(42.1%_0.095_57.708)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-yellow-bg-active-dark,var(--zui-color-yellow-dark,oklch(55.4%_0.135_66.442)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-yellow-fg-active,var(--zui-color-yellow,oklch(98.7%_0.026_102.212)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-yellow-fg-active-dark,var(--zui-color-yellow-dark,oklch(97.3%_0.071_103.193)))]\",\n teal: \"bg-[var(--zui-tabs-trigger-teal-bg,var(--zui-color-teal,oklch(85.5%_0.138_181.071)))] text-[color:var(--zui-tabs-trigger-teal-fg,var(--zui-color-teal,oklch(38.6%_0.063_188.416)))] dark:bg-[var(--zui-tabs-trigger-teal-bg-dark,var(--zui-color-teal-dark,oklch(38.6%_0.063_188.416)))] dark:text-[color:var(--zui-tabs-trigger-teal-fg-dark,var(--zui-color-teal-dark,oklch(91%_0.096_180.426)))] data-[state=active]:bg-[var(--zui-tabs-trigger-teal-bg-active,var(--zui-color-teal,oklch(38.6%_0.063_188.416)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-teal-bg-active-dark,var(--zui-color-teal-dark,oklch(51.1%_0.096_186.391)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-teal-fg-active,var(--zui-color-teal,oklch(98.4%_0.014_180.72)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-teal-fg-active-dark,var(--zui-color-teal-dark,oklch(95.3%_0.051_180.801)))]\",\n indigo:\n \"bg-[var(--zui-tabs-trigger-indigo-bg,var(--zui-color-indigo,oklch(78.5%_0.115_274.713)))] text-[color:var(--zui-tabs-trigger-indigo-fg,var(--zui-color-indigo,oklch(35.9%_0.144_278.697)))] dark:bg-[var(--zui-tabs-trigger-indigo-bg-dark,var(--zui-color-indigo-dark,oklch(35.9%_0.144_278.697)))] dark:text-[color:var(--zui-tabs-trigger-indigo-fg-dark,var(--zui-color-indigo-dark,oklch(87%_0.065_274.039)))] data-[state=active]:bg-[var(--zui-tabs-trigger-indigo-bg-active,var(--zui-color-indigo,oklch(35.9%_0.144_278.697)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-indigo-bg-active-dark,var(--zui-color-indigo-dark,oklch(45.7%_0.24_277.023)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-indigo-fg-active,var(--zui-color-indigo,oklch(96.2%_0.018_272.314)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-indigo-fg-active-dark,var(--zui-color-indigo-dark,oklch(93%_0.034_272.788)))]\",\n emerald:\n \"bg-[var(--zui-tabs-trigger-emerald-bg,var(--zui-color-emerald,oklch(84.5%_0.143_164.978)))] text-[color:var(--zui-tabs-trigger-emerald-fg,var(--zui-color-emerald,oklch(37.8%_0.077_168.94)))] dark:bg-[var(--zui-tabs-trigger-emerald-bg-dark,var(--zui-color-emerald-dark,oklch(37.8%_0.077_168.94)))] dark:text-[color:var(--zui-tabs-trigger-emerald-fg-dark,var(--zui-color-emerald-dark,oklch(90.5%_0.093_164.15)))] data-[state=active]:bg-[var(--zui-tabs-trigger-emerald-bg-active,var(--zui-color-emerald,oklch(37.8%_0.077_168.94)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-emerald-bg-active-dark,var(--zui-color-emerald-dark,oklch(50.8%_0.118_165.612)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-emerald-fg-active,var(--zui-color-emerald,oklch(97.9%_0.021_166.113)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-emerald-fg-active-dark,var(--zui-color-emerald-dark,oklch(95%_0.052_163.051)))]\",\n gray: \"bg-[var(--zui-tabs-trigger-gray-bg,var(--zui-color-gray,oklch(87.2%_0.01_258.338)))] text-[color:var(--zui-tabs-trigger-gray-fg,var(--zui-color-gray,oklch(21%_0.034_264.665)))] dark:bg-[var(--zui-tabs-trigger-gray-bg-dark,var(--zui-color-gray-dark,oklch(21%_0.034_264.665)))] dark:text-[color:var(--zui-tabs-trigger-gray-fg-dark,var(--zui-color-gray-dark,oklch(92.8%_0.006_264.531)))] data-[state=active]:bg-[var(--zui-tabs-trigger-gray-bg-active,var(--zui-color-gray,oklch(21%_0.034_264.665)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-gray-bg-active-dark,var(--zui-color-gray-dark,oklch(37.3%_0.034_259.733)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gray-fg-active,var(--zui-color-gray,oklch(98.5%_0.002_247.839)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gray-fg-active-dark,var(--zui-color-gray-dark,oklch(96.7%_0.003_264.542)))]\",\n \"gradient-blue\":\n \"bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-blue-from,var(--zui-color-blue,oklch(42.4%_0.199_265.638)))] dark:from-[var(--zui-tabs-trigger-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(42.4%_0.199_265.638)))] to-[var(--zui-tabs-trigger-gradient-blue-to,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:to-[var(--zui-tabs-trigger-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] text-[color:var(--zui-tabs-trigger-gradient-blue-fg,var(--zui-brand-fg,oklch(93.2%_0.032_255.585)))] dark:text-[color:var(--zui-tabs-trigger-gradient-blue-fg-dark,var(--zui-brand-fg-dark,oklch(97%_0.014_254.604)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-blue-from-active,var(--zui-color-blue,oklch(54.6%_0.245_262.881)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-blue-from-active-dark,var(--zui-color-blue-dark,oklch(54.6%_0.245_262.881)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-blue-to-active,var(--zui-color-purple,oklch(55.8%_0.288_302.321)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-blue-to-active-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-blue-fg-active,var(--zui-brand-fg,oklch(93.2%_0.032_255.585)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-blue-fg-active-dark,var(--zui-brand-fg-dark,oklch(93.2%_0.032_255.585)))]\",\n \"gradient-green\":\n \"bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-green-from,var(--zui-color-green,oklch(44.8%_0.119_151.328)))] dark:from-[var(--zui-tabs-trigger-gradient-green-from-dark,var(--zui-color-green-dark,oklch(44.8%_0.119_151.328)))] to-[var(--zui-tabs-trigger-gradient-green-to,var(--zui-color-lime,oklch(45.3%_0.124_130.933)))] dark:to-[var(--zui-tabs-trigger-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(45.3%_0.124_130.933)))] text-[color:var(--zui-tabs-trigger-gradient-green-fg,var(--zui-brand-fg,oklch(96.2%_0.044_156.743)))] dark:text-[color:var(--zui-tabs-trigger-gradient-green-fg-dark,var(--zui-brand-fg-dark,oklch(98.2%_0.018_155.826)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-green-from-active,var(--zui-color-green,oklch(62.7%_0.194_149.214)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-green-from-active-dark,var(--zui-color-green-dark,oklch(62.7%_0.194_149.214)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-green-to-active,var(--zui-color-lime,oklch(64.8%_0.2_131.684)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-green-to-active-dark,var(--zui-color-lime-dark,oklch(64.8%_0.2_131.684)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-green-fg-active,var(--zui-brand-fg,oklch(96.2%_0.044_156.743)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-green-fg-active-dark,var(--zui-brand-fg-dark,oklch(96.2%_0.044_156.743)))]\",\n \"gradient-red\":\n \"bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-red-from,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:from-[var(--zui-tabs-trigger-gradient-red-from-dark,var(--zui-color-red-dark,oklch(44.4%_0.177_26.899)))] to-[var(--zui-tabs-trigger-gradient-red-to,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:to-[var(--zui-tabs-trigger-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] text-[color:var(--zui-tabs-trigger-gradient-red-fg,var(--zui-brand-fg,oklch(93.6%_0.032_17.717)))] dark:text-[color:var(--zui-tabs-trigger-gradient-red-fg-dark,var(--zui-brand-fg-dark,oklch(97.1%_0.013_17.38)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-red-from-active,var(--zui-color-red,oklch(57.7%_0.245_27.325)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-red-from-active-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-red-to-active,var(--zui-color-pink,oklch(59.2%_0.249_0.584)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-red-to-active-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-red-fg-active,var(--zui-brand-fg,oklch(93.6%_0.032_17.717)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-red-fg-active-dark,var(--zui-brand-fg-dark,oklch(93.6%_0.032_17.717)))]\",\n \"gradient-yellow\":\n \"bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-yellow-from,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:from-[var(--zui-tabs-trigger-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(47.6%_0.114_61.907)))] to-[var(--zui-tabs-trigger-gradient-yellow-to,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:to-[var(--zui-tabs-trigger-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304)))] text-[color:var(--zui-tabs-trigger-gradient-yellow-fg,var(--zui-brand-fg,oklch(97.3%_0.071_103.193)))] dark:text-[color:var(--zui-tabs-trigger-gradient-yellow-fg-dark,var(--zui-brand-fg-dark,oklch(98.7%_0.026_102.212)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-yellow-from-active,var(--zui-color-yellow,oklch(68.1%_0.162_75.834)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-yellow-from-active-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-yellow-to-active,var(--zui-color-orange,oklch(64.6%_0.222_41.116)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-yellow-to-active-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-yellow-fg-active,var(--zui-brand-fg,oklch(97.3%_0.071_103.193)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-yellow-fg-active-dark,var(--zui-brand-fg-dark,oklch(97.3%_0.071_103.193)))]\",\n \"gradient-purple\":\n \"bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-purple-from,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:from-[var(--zui-tabs-trigger-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] to-[var(--zui-tabs-trigger-gradient-purple-to,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:to-[var(--zui-tabs-trigger-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] text-[color:var(--zui-tabs-trigger-gradient-purple-fg,var(--zui-brand-fg,oklch(94.6%_0.033_307.174)))] dark:text-[color:var(--zui-tabs-trigger-gradient-purple-fg-dark,var(--zui-brand-fg-dark,oklch(97.7%_0.014_308.299)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-purple-from-active,var(--zui-color-purple,oklch(55.8%_0.288_302.321)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-purple-from-active-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-purple-to-active,var(--zui-color-pink,oklch(59.2%_0.249_0.584)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-purple-to-active-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-purple-fg-active,var(--zui-brand-fg,oklch(94.6%_0.033_307.174)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-purple-fg-active-dark,var(--zui-brand-fg-dark,oklch(94.6%_0.033_307.174)))]\",\n \"gradient-teal\":\n \"bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-teal-from,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:from-[var(--zui-tabs-trigger-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(43.7%_0.078_188.216)))] to-[var(--zui-tabs-trigger-gradient-teal-to,var(--zui-color-cyan,oklch(45%_0.085_224.283)))] dark:to-[var(--zui-tabs-trigger-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(45%_0.085_224.283)))] text-[color:var(--zui-tabs-trigger-gradient-teal-fg,var(--zui-brand-fg,oklch(95.3%_0.051_180.801)))] dark:text-[color:var(--zui-tabs-trigger-gradient-teal-fg-dark,var(--zui-brand-fg-dark,oklch(98.4%_0.014_180.72)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-teal-from-active,var(--zui-color-teal,oklch(60%_0.118_184.704)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-teal-from-active-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-teal-to-active,var(--zui-color-cyan,oklch(60.9%_0.126_221.723)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-teal-to-active-dark,var(--zui-color-cyan-dark,oklch(60.9%_0.126_221.723)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-teal-fg-active,var(--zui-brand-fg,oklch(95.3%_0.051_180.801)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-teal-fg-active-dark,var(--zui-brand-fg-dark,oklch(95.3%_0.051_180.801)))]\",\n \"gradient-indigo\":\n \"bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-indigo-from,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:from-[var(--zui-tabs-trigger-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(39.8%_0.195_277.366)))] to-[var(--zui-tabs-trigger-gradient-indigo-to,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:to-[var(--zui-tabs-trigger-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] text-[color:var(--zui-tabs-trigger-gradient-indigo-fg,var(--zui-brand-fg,oklch(93%_0.034_272.788)))] dark:text-[color:var(--zui-tabs-trigger-gradient-indigo-fg-dark,var(--zui-brand-fg-dark,oklch(96.2%_0.018_272.314)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-indigo-from-active,var(--zui-color-indigo,oklch(51.1%_0.262_276.966)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-indigo-from-active-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-indigo-to-active,var(--zui-color-purple,oklch(55.8%_0.288_302.321)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-indigo-to-active-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-indigo-fg-active,var(--zui-brand-fg,oklch(93%_0.034_272.788)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-indigo-fg-active-dark,var(--zui-brand-fg-dark,oklch(93%_0.034_272.788)))]\",\n \"gradient-pink\":\n \"bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-pink-from,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:from-[var(--zui-tabs-trigger-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] to-[var(--zui-tabs-trigger-gradient-pink-to,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:to-[var(--zui-tabs-trigger-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(45.5%_0.188_13.697)))] text-[color:var(--zui-tabs-trigger-gradient-pink-fg,var(--zui-brand-fg,oklch(94.8%_0.028_342.258)))] dark:text-[color:var(--zui-tabs-trigger-gradient-pink-fg-dark,var(--zui-brand-fg-dark,oklch(97.1%_0.014_343.198)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-pink-from-active,var(--zui-color-pink,oklch(59.2%_0.249_0.584)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-pink-from-active-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-pink-to-active,var(--zui-color-rose,oklch(58.6%_0.253_17.585)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-pink-to-active-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-pink-fg-active,var(--zui-brand-fg,oklch(94.8%_0.028_342.258)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-pink-fg-active-dark,var(--zui-brand-fg-dark,oklch(94.8%_0.028_342.258)))]\",\n \"gradient-orange\":\n \"bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-orange-from,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:from-[var(--zui-tabs-trigger-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304)))] to-[var(--zui-tabs-trigger-gradient-orange-to,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:to-[var(--zui-tabs-trigger-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(44.4%_0.177_26.899)))] text-[color:var(--zui-tabs-trigger-gradient-orange-fg,var(--zui-brand-fg,oklch(95.4%_0.038_75.164)))] dark:text-[color:var(--zui-tabs-trigger-gradient-orange-fg-dark,var(--zui-brand-fg-dark,oklch(98%_0.016_73.684)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-orange-from-active,var(--zui-color-orange,oklch(64.6%_0.222_41.116)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-orange-from-active-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-orange-to-active,var(--zui-color-red,oklch(57.7%_0.245_27.325)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-orange-to-active-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-orange-fg-active,var(--zui-brand-fg,oklch(95.4%_0.038_75.164)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-orange-fg-active-dark,var(--zui-brand-fg-dark,oklch(95.4%_0.038_75.164)))]\",\n blue: \"bg-[var(--zui-tabs-trigger-blue-bg,var(--zui-color-blue,#bfdbfe))] text-[color:var(--zui-tabs-trigger-blue-fg,var(--zui-color-blue,#1e40af))] dark:bg-[var(--zui-tabs-trigger-blue-bg-dark,var(--zui-color-blue-dark,#1e3a8a))] dark:text-[color:var(--zui-tabs-trigger-blue-fg-dark,var(--zui-color-blue-dark,#dbeafe))] data-[state=active]:bg-[var(--zui-tabs-trigger-blue-bg-active,var(--zui-color-blue,#2563eb))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-blue-bg-active-dark,var(--zui-color-blue-dark,#3b82f6))] data-[state=active]:text-[color:var(--zui-tabs-trigger-blue-fg-active,var(--zui-color-blue,#eff6ff))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-blue-fg-active-dark,var(--zui-color-blue-dark,#eff6ff))]\",\n cyan: \"bg-[var(--zui-tabs-trigger-cyan-bg,var(--zui-color-cyan,#cffafe))] text-[color:var(--zui-tabs-trigger-cyan-fg,var(--zui-color-cyan,#0e7490))] dark:bg-[var(--zui-tabs-trigger-cyan-bg-dark,var(--zui-color-cyan-dark,#164e63))] dark:text-[color:var(--zui-tabs-trigger-cyan-fg-dark,var(--zui-color-cyan-dark,#cffafe))] data-[state=active]:bg-[var(--zui-tabs-trigger-cyan-bg-active,var(--zui-color-cyan,#0891b2))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-cyan-bg-active-dark,var(--zui-color-cyan-dark,#06b6d4))] data-[state=active]:text-[color:var(--zui-tabs-trigger-cyan-fg-active,var(--zui-color-cyan,#ecfeff))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-cyan-fg-active-dark,var(--zui-color-cyan-dark,#ecfeff))]\",\n green:\n \"bg-[var(--zui-tabs-trigger-green-bg,var(--zui-color-green,#bbf7d0))] text-[color:var(--zui-tabs-trigger-green-fg,var(--zui-color-green,#166534))] dark:bg-[var(--zui-tabs-trigger-green-bg-dark,var(--zui-color-green-dark,#14532d))] dark:text-[color:var(--zui-tabs-trigger-green-fg-dark,var(--zui-color-green-dark,#dcfce7))] data-[state=active]:bg-[var(--zui-tabs-trigger-green-bg-active,var(--zui-color-green,#16a34a))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-green-bg-active-dark,var(--zui-color-green-dark,#22c55e))] data-[state=active]:text-[color:var(--zui-tabs-trigger-green-fg-active,var(--zui-color-green,#f0fdf4))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-green-fg-active-dark,var(--zui-color-green-dark,#f0fdf4))]\",\n lime: \"bg-[var(--zui-tabs-trigger-lime-bg,var(--zui-color-lime,#d9f99d))] text-[color:var(--zui-tabs-trigger-lime-fg,var(--zui-color-lime,#3f6212))] dark:bg-[var(--zui-tabs-trigger-lime-bg-dark,var(--zui-color-lime-dark,#365314))] dark:text-[color:var(--zui-tabs-trigger-lime-fg-dark,var(--zui-color-lime-dark,#ecfccb))] data-[state=active]:bg-[var(--zui-tabs-trigger-lime-bg-active,var(--zui-color-lime,#65a30d))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-lime-bg-active-dark,var(--zui-color-lime-dark,#84cc16))] data-[state=active]:text-[color:var(--zui-tabs-trigger-lime-fg-active,var(--zui-color-lime,#f7fee7))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-lime-fg-active-dark,var(--zui-color-lime-dark,#f7fee7))]\",\n mint: \"bg-[var(--zui-tabs-trigger-mint-bg,var(--zui-color-mint,#a7f3d0))] text-[color:var(--zui-tabs-trigger-mint-fg,var(--zui-color-mint,#047857))] dark:bg-[var(--zui-tabs-trigger-mint-bg-dark,var(--zui-color-mint-dark,#064e3b))] dark:text-[color:var(--zui-tabs-trigger-mint-fg-dark,var(--zui-color-mint-dark,#d1fae5))] data-[state=active]:bg-[var(--zui-tabs-trigger-mint-bg-active,var(--zui-color-mint,#10b981))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-mint-bg-active-dark,var(--zui-color-mint-dark,#34d399))] data-[state=active]:text-[color:var(--zui-tabs-trigger-mint-fg-active,var(--zui-color-mint,#ecfdf5))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-mint-fg-active-dark,var(--zui-color-mint-dark,#ecfdf5))]\",\n ocean:\n \"bg-[var(--zui-tabs-trigger-ocean-bg,var(--zui-color-ocean,#bae6fd))] text-[color:var(--zui-tabs-trigger-ocean-fg,var(--zui-color-ocean,#075985))] dark:bg-[var(--zui-tabs-trigger-ocean-bg-dark,var(--zui-color-ocean-dark,#0c4a6e))] dark:text-[color:var(--zui-tabs-trigger-ocean-fg-dark,var(--zui-color-ocean-dark,#e0f2fe))] data-[state=active]:bg-[var(--zui-tabs-trigger-ocean-bg-active,var(--zui-color-ocean,#0284c7))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-ocean-bg-active-dark,var(--zui-color-ocean-dark,#0ea5e9))] data-[state=active]:text-[color:var(--zui-tabs-trigger-ocean-fg-active,var(--zui-color-ocean,#f0f9ff))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-ocean-fg-active-dark,var(--zui-color-ocean-dark,#f0f9ff))]\",\n sapphire:\n \"bg-[var(--zui-tabs-trigger-sapphire-bg,var(--zui-color-sapphire,#bfdbfe))] text-[color:var(--zui-tabs-trigger-sapphire-fg,var(--zui-color-sapphire,#1e40af))] dark:bg-[var(--zui-tabs-trigger-sapphire-bg-dark,var(--zui-color-sapphire-dark,#1e3a8a))] dark:text-[color:var(--zui-tabs-trigger-sapphire-fg-dark,var(--zui-color-sapphire-dark,#dbeafe))] data-[state=active]:bg-[var(--zui-tabs-trigger-sapphire-bg-active,var(--zui-color-sapphire,#1d4ed8))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-sapphire-bg-active-dark,var(--zui-color-sapphire-dark,#3b82f6))] data-[state=active]:text-[color:var(--zui-tabs-trigger-sapphire-fg-active,var(--zui-color-sapphire,#eff6ff))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-sapphire-fg-active-dark,var(--zui-color-sapphire-dark,#eff6ff))]\",\n lavender:\n \"bg-[var(--zui-tabs-trigger-lavender-bg,var(--zui-color-lavender,#ddd6fe))] text-[color:var(--zui-tabs-trigger-lavender-fg,var(--zui-color-lavender,#6d28d9))] dark:bg-[var(--zui-tabs-trigger-lavender-bg-dark,var(--zui-color-lavender-dark,#4c1d95))] dark:text-[color:var(--zui-tabs-trigger-lavender-fg-dark,var(--zui-color-lavender-dark,#ede9fe))] data-[state=active]:bg-[var(--zui-tabs-trigger-lavender-bg-active,var(--zui-color-lavender,#8b5cf6))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-lavender-bg-active-dark,var(--zui-color-lavender-dark,#a78bfa))] data-[state=active]:text-[color:var(--zui-tabs-trigger-lavender-fg-active,var(--zui-color-lavender,#faf5ff))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-lavender-fg-active-dark,var(--zui-color-lavender-dark,#faf5ff))]\",\n ruby: \"bg-[var(--zui-tabs-trigger-ruby-bg,var(--zui-color-ruby,#fecdd3))] text-[color:var(--zui-tabs-trigger-ruby-fg,var(--zui-color-ruby,#9f1239))] dark:bg-[var(--zui-tabs-trigger-ruby-bg-dark,var(--zui-color-ruby-dark,#881337))] dark:text-[color:var(--zui-tabs-trigger-ruby-fg-dark,var(--zui-color-ruby-dark,#ffe4e6))] data-[state=active]:bg-[var(--zui-tabs-trigger-ruby-bg-active,var(--zui-color-ruby,#be123c))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-ruby-bg-active-dark,var(--zui-color-ruby-dark,#fb7185))] data-[state=active]:text-[color:var(--zui-tabs-trigger-ruby-fg-active,var(--zui-color-ruby,#fff1f2))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-ruby-fg-active-dark,var(--zui-color-ruby-dark,#fff1f2))]\",\n red: \"bg-[var(--zui-tabs-trigger-red-bg,var(--zui-color-red,#fecaca))] text-[color:var(--zui-tabs-trigger-red-fg,var(--zui-color-red,#991b1b))] dark:bg-[var(--zui-tabs-trigger-red-bg-dark,var(--zui-color-red-dark,#7f1d1d))] dark:text-[color:var(--zui-tabs-trigger-red-fg-dark,var(--zui-color-red-dark,#fee2e2))] data-[state=active]:bg-[var(--zui-tabs-trigger-red-bg-active,var(--zui-color-red,#dc2626))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-red-bg-active-dark,var(--zui-color-red-dark,#ef4444))] data-[state=active]:text-[color:var(--zui-tabs-trigger-red-fg-active,var(--zui-color-red,#fef2f2))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-red-fg-active-dark,var(--zui-color-red-dark,#fef2f2))]\",\n slate:\n \"bg-[var(--zui-tabs-trigger-slate-bg,var(--zui-color-slate,#e2e8f0))] text-[color:var(--zui-tabs-trigger-slate-fg,var(--zui-color-slate,#334155))] dark:bg-[var(--zui-tabs-trigger-slate-bg-dark,var(--zui-color-slate-dark,#334155))] dark:text-[color:var(--zui-tabs-trigger-slate-fg-dark,var(--zui-color-slate-dark,#e2e8f0))] data-[state=active]:bg-[var(--zui-tabs-trigger-slate-bg-active,var(--zui-color-slate,#475569))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-slate-bg-active-dark,var(--zui-color-slate-dark,#64748b))] data-[state=active]:text-[color:var(--zui-tabs-trigger-slate-fg-active,var(--zui-color-slate,#f8fafc))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-slate-fg-active-dark,var(--zui-color-slate-dark,#f8fafc))]\",\n zinc: \"bg-[var(--zui-tabs-trigger-zinc-bg,var(--zui-color-zinc,#e4e4e7))] text-[color:var(--zui-tabs-trigger-zinc-fg,var(--zui-color-zinc,#3f3f46))] dark:bg-[var(--zui-tabs-trigger-zinc-bg-dark,var(--zui-color-zinc-dark,#3f3f46))] dark:text-[color:var(--zui-tabs-trigger-zinc-fg-dark,var(--zui-color-zinc-dark,#e4e4e7))] data-[state=active]:bg-[var(--zui-tabs-trigger-zinc-bg-active,var(--zui-color-zinc,#52525b))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-zinc-bg-active-dark,var(--zui-color-zinc-dark,#71717a))] data-[state=active]:text-[color:var(--zui-tabs-trigger-zinc-fg-active,var(--zui-color-zinc,#fafafa))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-zinc-fg-active-dark,var(--zui-color-zinc-dark,#fafafa))]\",\n stone:\n \"bg-[var(--zui-tabs-trigger-stone-bg,var(--zui-color-stone,#e7e5e4))] text-[color:var(--zui-tabs-trigger-stone-fg,var(--zui-color-stone,#44403c))] dark:bg-[var(--zui-tabs-trigger-stone-bg-dark,var(--zui-color-stone-dark,#44403c))] dark:text-[color:var(--zui-tabs-trigger-stone-fg-dark,var(--zui-color-stone-dark,#e7e5e4))] data-[state=active]:bg-[var(--zui-tabs-trigger-stone-bg-active,var(--zui-color-stone,#57534e))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-stone-bg-active-dark,var(--zui-color-stone-dark,#78716c))] data-[state=active]:text-[color:var(--zui-tabs-trigger-stone-fg-active,var(--zui-color-stone,#fafaf9))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-stone-fg-active-dark,var(--zui-color-stone-dark,#fafaf9))]\",\n royal:\n \"bg-[var(--zui-tabs-trigger-royal-bg,var(--zui-color-royal,#c7d2fe))] text-[color:var(--zui-tabs-trigger-royal-fg,var(--zui-color-royal,#3730a3))] dark:bg-[var(--zui-tabs-trigger-royal-bg-dark,var(--zui-color-royal-dark,#312e81))] dark:text-[color:var(--zui-tabs-trigger-royal-fg-dark,var(--zui-color-royal-dark,#e0e7ff))] data-[state=active]:bg-[var(--zui-tabs-trigger-royal-bg-active,var(--zui-color-royal,#4338ca))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-royal-bg-active-dark,var(--zui-color-royal-dark,#6366f1))] data-[state=active]:text-[color:var(--zui-tabs-trigger-royal-fg-active,var(--zui-color-royal,#eef2ff))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-royal-fg-active-dark,var(--zui-color-royal-dark,#eef2ff))]\",\n electric:\n \"bg-[var(--zui-tabs-trigger-electric-bg,var(--zui-color-electric,#bae6fd))] text-[color:var(--zui-tabs-trigger-electric-fg,var(--zui-color-electric,#0369a1))] dark:bg-[var(--zui-tabs-trigger-electric-bg-dark,var(--zui-color-electric-dark,#075985))] dark:text-[color:var(--zui-tabs-trigger-electric-fg-dark,var(--zui-color-electric-dark,#e0f2fe))] data-[state=active]:bg-[var(--zui-tabs-trigger-electric-bg-active,var(--zui-color-electric,#0ea5e9))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-electric-bg-active-dark,var(--zui-color-electric-dark,#38bdf8))] data-[state=active]:text-[color:var(--zui-tabs-trigger-electric-fg-active,var(--zui-color-electric,#f0f9ff))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-electric-fg-active-dark,var(--zui-color-electric-dark,#f0f9ff))]\",\n forest:\n \"bg-[var(--zui-tabs-trigger-forest-bg,var(--zui-color-forest,#bbf7d0))] text-[color:var(--zui-tabs-trigger-forest-fg,var(--zui-color-forest,#14532d))] dark:bg-[var(--zui-tabs-trigger-forest-bg-dark,var(--zui-color-forest-dark,#052e16))] dark:text-[color:var(--zui-tabs-trigger-forest-fg-dark,var(--zui-color-forest-dark,#dcfce7))] data-[state=active]:bg-[var(--zui-tabs-trigger-forest-bg-active,var(--zui-color-forest,#166534))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-forest-bg-active-dark,var(--zui-color-forest-dark,#16a34a))] data-[state=active]:text-[color:var(--zui-tabs-trigger-forest-fg-active,var(--zui-color-forest,#f0fdf4))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-forest-fg-active-dark,var(--zui-color-forest-dark,#f0fdf4))]\",\n sunset:\n \"bg-[var(--zui-tabs-trigger-sunset-bg,var(--zui-color-sunset,#fed7aa))] text-[color:var(--zui-tabs-trigger-sunset-fg,var(--zui-color-sunset,#9a3412))] dark:bg-[var(--zui-tabs-trigger-sunset-bg-dark,var(--zui-color-sunset-dark,#7c2d12))] dark:text-[color:var(--zui-tabs-trigger-sunset-fg-dark,var(--zui-color-sunset-dark,#ffedd5))] data-[state=active]:bg-[var(--zui-tabs-trigger-sunset-bg-active,var(--zui-color-sunset,#ea580c))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-sunset-bg-active-dark,var(--zui-color-sunset-dark,#f97316))] data-[state=active]:text-[color:var(--zui-tabs-trigger-sunset-fg-active,var(--zui-color-sunset,#fff7ed))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-sunset-fg-active-dark,var(--zui-color-sunset-dark,#fff7ed))]\",\n magenta:\n \"bg-[var(--zui-tabs-trigger-magenta-bg,var(--zui-color-magenta,#f5d0fe))] text-[color:var(--zui-tabs-trigger-magenta-fg,var(--zui-color-magenta,#a21caf))] dark:bg-[var(--zui-tabs-trigger-magenta-bg-dark,var(--zui-color-magenta-dark,#701a75))] dark:text-[color:var(--zui-tabs-trigger-magenta-fg-dark,var(--zui-color-magenta-dark,#fae8ff))] data-[state=active]:bg-[var(--zui-tabs-trigger-magenta-bg-active,var(--zui-color-magenta,#c026d3))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-magenta-bg-active-dark,var(--zui-color-magenta-dark,#d946ef))] data-[state=active]:text-[color:var(--zui-tabs-trigger-magenta-fg-active,var(--zui-color-magenta,#fdf4ff))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-magenta-fg-active-dark,var(--zui-color-magenta-dark,#fdf4ff))]\",\n crimson:\n \"bg-[var(--zui-tabs-trigger-crimson-bg,var(--zui-color-crimson,#fecaca))] text-[color:var(--zui-tabs-trigger-crimson-fg,var(--zui-color-crimson,#991b1b))] dark:bg-[var(--zui-tabs-trigger-crimson-bg-dark,var(--zui-color-crimson-dark,#7f1d1d))] dark:text-[color:var(--zui-tabs-trigger-crimson-fg-dark,var(--zui-color-crimson-dark,#fee2e2))] data-[state=active]:bg-[var(--zui-tabs-trigger-crimson-bg-active,var(--zui-color-crimson,#b91c1c))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-crimson-bg-active-dark,var(--zui-color-crimson-dark,#ef4444))] data-[state=active]:text-[color:var(--zui-tabs-trigger-crimson-fg-active,var(--zui-color-crimson,#fef2f2))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-crimson-fg-active-dark,var(--zui-color-crimson-dark,#fef2f2))]\",\n aqua: \"bg-[var(--zui-tabs-trigger-aqua-bg,var(--zui-color-aqua,#ccfbf1))] text-[color:var(--zui-tabs-trigger-aqua-fg,var(--zui-color-aqua,#0f766e))] dark:bg-[var(--zui-tabs-trigger-aqua-bg-dark,var(--zui-color-aqua-dark,#134e4a))] dark:text-[color:var(--zui-tabs-trigger-aqua-fg-dark,var(--zui-color-aqua-dark,#ccfbf1))] data-[state=active]:bg-[var(--zui-tabs-trigger-aqua-bg-active,var(--zui-color-aqua,#0f766e))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-aqua-bg-active-dark,var(--zui-color-aqua-dark,#14b8a6))] data-[state=active]:text-[color:var(--zui-tabs-trigger-aqua-fg-active,var(--zui-color-aqua,#f0fdfa))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-aqua-fg-active-dark,var(--zui-color-aqua-dark,#f0fdfa))]\",\n plum: \"bg-[var(--zui-tabs-trigger-plum-bg,var(--zui-color-plum,#e9d5ff))] text-[color:var(--zui-tabs-trigger-plum-fg,var(--zui-color-plum,#6b21a8))] dark:bg-[var(--zui-tabs-trigger-plum-bg-dark,var(--zui-color-plum-dark,#581c87))] dark:text-[color:var(--zui-tabs-trigger-plum-fg-dark,var(--zui-color-plum-dark,#f3e8ff))] data-[state=active]:bg-[var(--zui-tabs-trigger-plum-bg-active,var(--zui-color-plum,#7e22ce))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-plum-bg-active-dark,var(--zui-color-plum-dark,#9333ea))] data-[state=active]:text-[color:var(--zui-tabs-trigger-plum-fg-active,var(--zui-color-plum,#faf5ff))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-plum-fg-active-dark,var(--zui-color-plum-dark,#faf5ff))]\",\n} as const;\n\nexport const zuiTabsTriggerVariants = {\n default:\n \"data-[state=active]:bg-[var(--zui-tabs-trigger-default-bg-active,var(--zui-surface-muted,#ffffff))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-default-bg-active-dark,var(--zui-surface-muted-dark,#020617))]\",\n underline:\n \"border-b-2 border-[color:var(--zui-tabs-trigger-underline-border,transparent)] dark:border-[color:var(--zui-tabs-trigger-underline-border-dark,transparent)] data-[state=active]:border-current rounded-none\",\n pills: \"\",\n} as const;\n\nexport const zuiTabsTriggerSizes = {\n sm: \"px-2 py-1\",\n md: \"px-3 py-1.5\",\n lg: \"px-4 py-2\",\n} as const;\n"]}
package/dist/{chunk-BJRS5RXR.mjs → chunk-TYBQZO6Y.mjs} RENAMED
@@ -1,4 +1,4 @@
1
- import { buttonVariants } from './chunk-JEZUMCJ6.mjs';
1
+ import { buttonVariants } from './chunk-3N575QVC.mjs';
2
2
  import { cn } from './chunk-4D54YOL6.mjs';
3
3
  import { isValidElement, cloneElement } from 'react';
4
4
  import { jsx } from 'react/jsx-runtime';
@@ -97,5 +97,5 @@ var Button = (props) => {
97
97
  Button.displayName = "Button";
98
98
 
99
99
  export { Button };
100
- //# sourceMappingURL=chunk-BJRS5RXR.mjs.map
101
- //# sourceMappingURL=chunk-BJRS5RXR.mjs.map
100
+ //# sourceMappingURL=chunk-TYBQZO6Y.mjs.map
101
+ //# sourceMappingURL=chunk-TYBQZO6Y.mjs.map
package/dist/{chunk-BJRS5RXR.mjs.map → chunk-TYBQZO6Y.mjs.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/ui/buttons/button-base.tsx","../src/ui/buttons/button.tsx"],"names":["className","appearance","size","children","rest","ref","jsx"],"mappings":";;;;;AASO,IAAM,UAAA,GAAa,CAAC,KAAA,KAAuB;AAChD,EAAA,IAAI,SAAA,IAAa,KAAA,IAAS,KAAA,CAAM,OAAA,EAAS;AACvC,IAAA,MAAM;AAAA,MACJ,SAAA,EAAAA,UAAAA;AAAA,MACA,UAAA,EAAAC,WAAAA;AAAA,MACA,IAAA,EAAAC,KAAAA;AAAA,MACA,QAAA,EAAAC,SAAAA;AAAA,MACA,OAAA,EAAS,QAAA;AAAA,MACT,QAAA;AAAA,MACA,OAAA;AAAA,MACA,GAAGC;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,IAAI,CAAC,cAAA,CAAuCD,SAAQ,CAAA,EAAG;AACrD,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,MAAM,cAAA,GAAiBA,UAAS,IAAA,KAAS,QAAA;AACzC,IAAA,MAAM,YAAA,GAAeA,UAAS,KAAA,CAAM,OAAA;AAGpC,IAAA,MAAM,WAAA,GAA8C,CAAC,KAAA,KAAU;AAC7D,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,KAAA,CAAM,eAAA,EAAgB;AACtB,QAAA;AAAA,MACF;AAEA,MAAA,OAAA,GAAU,KAAK,CAAA;AACf,MAAA,IAAI,CAAC,MAAM,gBAAA,EAAkB;AAC3B,QAAA,YAAA,GAAe,KAAK,CAAA;AAAA,MACtB;AAAA,IACF,CAAA;AAEA,IAAA,OAAO,aAAaA,SAAAA,EAAU;AAAA,MAC5B,GAAGC,KAAAA;AAAA,MACH,GAAGD,SAAAA,CAAS,KAAA;AAAA,MACZ,GAAI,QAAA,GACA,cAAA,GACE,EAAE,QAAA,EAAU,IAAA,EAAK,GACjB,EAAE,eAAA,EAAiB,IAAA,EAAM,QAAA,EAAU,EAAA,EAAG,GACxC,IAAA;AAAA,MACJ,WAAA,EAAa,QAAA;AAAA,MACb,OAAA,EAAS,WAAA;AAAA,MACT,SAAA,EAAW,EAAA;AAAA,QACT,eAAe,EAAE,UAAA,EAAAF,WAAAA,EAAY,IAAA,EAAAC,OAAM,CAAA;AAAA,QACnCC,UAAS,KAAA,CAAM,SAAA;AAAA,QACfH;AAAA;AACF,KACD,CAAA;AAAA,EACH;AAEA,EAAA,IAAI,KAAA,CAAM,OAAO,MAAA,EAAQ;AACvB,IAAA,MAAM;AAAA,MACJ,SAAA,EAAAA,UAAAA;AAAA,MACA,UAAA,EAAAC,WAAAA;AAAA,MACA,IAAA,EAAAC,KAAAA;AAAA,MACA,QAAA,EAAAC,SAAAA;AAAA,MACA,GAAA,EAAAE,IAAAA;AAAA,MACA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,GAAGD;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,uBACE,GAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAKC,IAAAA;AAAA,QACL,IAAA;AAAA,QACA,MAAA;AAAA,QACA,GAAA,EAAK,MAAA,KAAW,QAAA,GAAW,qBAAA,GAAwB,MAAA;AAAA,QACnD,WAAA,EAAU,QAAA;AAAA,QACV,SAAA,EAAW,EAAA,CAAG,cAAA,CAAe,EAAE,UAAA,EAAAJ,aAAY,IAAA,EAAAC,KAAAA,EAAM,CAAA,EAAGF,UAAS,CAAA;AAAA,QAC5D,GAAGI,KAAAA;AAAA,QAEH,QAAA,EAAAD;AAAA;AAAA,KACH;AAAA,EAEJ;AAEA,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA,GAAO,QAAA;AAAA,IACP,QAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA;AAAA,MACA,WAAA,EAAU,QAAA;AAAA,MACV,SAAA,EAAW,GAAG,cAAA,CAAe,EAAE,YAAY,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MAC5D,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAA;AAEA,UAAA,CAAW,WAAA,GAAc,QAAA;AC3GlB,IAAM,MAAA,GAAS,CAAC,KAAA,KAAuB;AAC5C,EAAA,uBAAOG,GAAAA,CAAC,UAAA,EAAA,EAAY,GAAG,KAAA,EAAO,CAAA;AAChC;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-BJRS5RXR.mjs","sourcesContent":["\"use client\";\n\nimport { cloneElement, isValidElement, type MouseEventHandler } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { ButtonProps } from \"./types\";\nimport { buttonVariants } from \"./variants\";\n\nexport const ButtonBase = (props: ButtonProps) => {\n if (\"asChild\" in props && props.asChild) {\n const {\n className,\n appearance,\n size,\n children,\n asChild: _asChild,\n disabled,\n onClick,\n ...rest\n } = props;\n\n if (!isValidElement<{ className?: string }>(children)) {\n return null;\n }\n\n const isNativeButton = children.type === \"button\";\n const childOnClick = children.props.onClick as\n | MouseEventHandler<HTMLElement>\n | undefined;\n const handleClick: MouseEventHandler<HTMLElement> = (event) => {\n if (disabled) {\n event.preventDefault();\n event.stopPropagation();\n return;\n }\n\n onClick?.(event);\n if (!event.defaultPrevented) {\n childOnClick?.(event);\n }\n };\n\n return cloneElement(children, {\n ...rest,\n ...children.props,\n ...(disabled\n ? isNativeButton\n ? { disabled: true }\n : { \"aria-disabled\": true, tabIndex: -1 }\n : null),\n \"data-slot\": \"button\",\n onClick: handleClick,\n className: cn(\n buttonVariants({ appearance, size }),\n children.props.className,\n className,\n ),\n });\n }\n\n if (props.as === \"link\") {\n const {\n className,\n appearance,\n size,\n children,\n ref,\n href,\n target,\n ...rest\n } = props;\n\n return (\n <a\n ref={ref}\n href={href}\n target={target}\n rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n data-slot=\"button\"\n className={cn(buttonVariants({ appearance, size }), className)}\n {...rest}\n >\n {children}\n </a>\n );\n }\n\n const {\n className,\n appearance,\n size,\n type = \"button\",\n children,\n ref,\n ...rest\n } = props;\n\n return (\n <button\n ref={ref}\n type={type}\n data-slot=\"button\"\n className={cn(buttonVariants({ appearance, size }), className)}\n {...rest}\n >\n {children}\n </button>\n );\n};\n\nButtonBase.displayName = \"Button\";\n","// button.tsx — default static entry (no framer-motion)\nimport { ButtonBase } from \"./button-base\";\nimport type { ButtonProps } from \"./types\";\n\nexport const Button = (props: ButtonProps) => {\n return <ButtonBase {...props} />;\n};\n\nButton.displayName = \"Button\";\n"]}
1
+ {"version":3,"sources":["../src/ui/buttons/button-base.tsx","../src/ui/buttons/button.tsx"],"names":["className","appearance","size","children","rest","ref","jsx"],"mappings":";;;;;AASO,IAAM,UAAA,GAAa,CAAC,KAAA,KAAuB;AAChD,EAAA,IAAI,SAAA,IAAa,KAAA,IAAS,KAAA,CAAM,OAAA,EAAS;AACvC,IAAA,MAAM;AAAA,MACJ,SAAA,EAAAA,UAAAA;AAAA,MACA,UAAA,EAAAC,WAAAA;AAAA,MACA,IAAA,EAAAC,KAAAA;AAAA,MACA,QAAA,EAAAC,SAAAA;AAAA,MACA,OAAA,EAAS,QAAA;AAAA,MACT,QAAA;AAAA,MACA,OAAA;AAAA,MACA,GAAGC;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,IAAI,CAAC,cAAA,CAAuCD,SAAQ,CAAA,EAAG;AACrD,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,MAAM,cAAA,GAAiBA,UAAS,IAAA,KAAS,QAAA;AACzC,IAAA,MAAM,YAAA,GAAeA,UAAS,KAAA,CAAM,OAAA;AAGpC,IAAA,MAAM,WAAA,GAA8C,CAAC,KAAA,KAAU;AAC7D,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,KAAA,CAAM,eAAA,EAAgB;AACtB,QAAA;AAAA,MACF;AAEA,MAAA,OAAA,GAAU,KAAK,CAAA;AACf,MAAA,IAAI,CAAC,MAAM,gBAAA,EAAkB;AAC3B,QAAA,YAAA,GAAe,KAAK,CAAA;AAAA,MACtB;AAAA,IACF,CAAA;AAEA,IAAA,OAAO,aAAaA,SAAAA,EAAU;AAAA,MAC5B,GAAGC,KAAAA;AAAA,MACH,GAAGD,SAAAA,CAAS,KAAA;AAAA,MACZ,GAAI,QAAA,GACA,cAAA,GACE,EAAE,QAAA,EAAU,IAAA,EAAK,GACjB,EAAE,eAAA,EAAiB,IAAA,EAAM,QAAA,EAAU,EAAA,EAAG,GACxC,IAAA;AAAA,MACJ,WAAA,EAAa,QAAA;AAAA,MACb,OAAA,EAAS,WAAA;AAAA,MACT,SAAA,EAAW,EAAA;AAAA,QACT,eAAe,EAAE,UAAA,EAAAF,WAAAA,EAAY,IAAA,EAAAC,OAAM,CAAA;AAAA,QACnCC,UAAS,KAAA,CAAM,SAAA;AAAA,QACfH;AAAA;AACF,KACD,CAAA;AAAA,EACH;AAEA,EAAA,IAAI,KAAA,CAAM,OAAO,MAAA,EAAQ;AACvB,IAAA,MAAM;AAAA,MACJ,SAAA,EAAAA,UAAAA;AAAA,MACA,UAAA,EAAAC,WAAAA;AAAA,MACA,IAAA,EAAAC,KAAAA;AAAA,MACA,QAAA,EAAAC,SAAAA;AAAA,MACA,GAAA,EAAAE,IAAAA;AAAA,MACA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,GAAGD;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,uBACE,GAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAKC,IAAAA;AAAA,QACL,IAAA;AAAA,QACA,MAAA;AAAA,QACA,GAAA,EAAK,MAAA,KAAW,QAAA,GAAW,qBAAA,GAAwB,MAAA;AAAA,QACnD,WAAA,EAAU,QAAA;AAAA,QACV,SAAA,EAAW,EAAA,CAAG,cAAA,CAAe,EAAE,UAAA,EAAAJ,aAAY,IAAA,EAAAC,KAAAA,EAAM,CAAA,EAAGF,UAAS,CAAA;AAAA,QAC5D,GAAGI,KAAAA;AAAA,QAEH,QAAA,EAAAD;AAAA;AAAA,KACH;AAAA,EAEJ;AAEA,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA,GAAO,QAAA;AAAA,IACP,QAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA;AAAA,MACA,WAAA,EAAU,QAAA;AAAA,MACV,SAAA,EAAW,GAAG,cAAA,CAAe,EAAE,YAAY,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MAC5D,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAA;AAEA,UAAA,CAAW,WAAA,GAAc,QAAA;AC3GlB,IAAM,MAAA,GAAS,CAAC,KAAA,KAAuB;AAC5C,EAAA,uBAAOG,GAAAA,CAAC,UAAA,EAAA,EAAY,GAAG,KAAA,EAAO,CAAA;AAChC;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-TYBQZO6Y.mjs","sourcesContent":["\"use client\";\n\nimport { cloneElement, isValidElement, type MouseEventHandler } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { ButtonProps } from \"./types\";\nimport { buttonVariants } from \"./variants\";\n\nexport const ButtonBase = (props: ButtonProps) => {\n if (\"asChild\" in props && props.asChild) {\n const {\n className,\n appearance,\n size,\n children,\n asChild: _asChild,\n disabled,\n onClick,\n ...rest\n } = props;\n\n if (!isValidElement<{ className?: string }>(children)) {\n return null;\n }\n\n const isNativeButton = children.type === \"button\";\n const childOnClick = children.props.onClick as\n | MouseEventHandler<HTMLElement>\n | undefined;\n const handleClick: MouseEventHandler<HTMLElement> = (event) => {\n if (disabled) {\n event.preventDefault();\n event.stopPropagation();\n return;\n }\n\n onClick?.(event);\n if (!event.defaultPrevented) {\n childOnClick?.(event);\n }\n };\n\n return cloneElement(children, {\n ...rest,\n ...children.props,\n ...(disabled\n ? isNativeButton\n ? { disabled: true }\n : { \"aria-disabled\": true, tabIndex: -1 }\n : null),\n \"data-slot\": \"button\",\n onClick: handleClick,\n className: cn(\n buttonVariants({ appearance, size }),\n children.props.className,\n className,\n ),\n });\n }\n\n if (props.as === \"link\") {\n const {\n className,\n appearance,\n size,\n children,\n ref,\n href,\n target,\n ...rest\n } = props;\n\n return (\n <a\n ref={ref}\n href={href}\n target={target}\n rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n data-slot=\"button\"\n className={cn(buttonVariants({ appearance, size }), className)}\n {...rest}\n >\n {children}\n </a>\n );\n }\n\n const {\n className,\n appearance,\n size,\n type = \"button\",\n children,\n ref,\n ...rest\n } = props;\n\n return (\n <button\n ref={ref}\n type={type}\n data-slot=\"button\"\n className={cn(buttonVariants({ appearance, size }), className)}\n {...rest}\n >\n {children}\n </button>\n );\n};\n\nButtonBase.displayName = \"Button\";\n","// button.tsx — default static entry (no framer-motion)\nimport { ButtonBase } from \"./button-base\";\nimport type { ButtonProps } from \"./types\";\n\nexport const Button = (props: ButtonProps) => {\n return <ButtonBase {...props} />;\n};\n\nButton.displayName = \"Button\";\n"]}
package/dist/{chunk-AOVZY2A3.js → chunk-UQQHB3OI.js} RENAMED
@@ -20,18 +20,18 @@ var zuiCommandFooterBase = "flex items-center gap-3 border-t border-[color:var(-
20
20
  var zuiCommandContentAppearances = {
21
21
  default: "bg-[var(--zui-command-content-default-bg,var(--zui-surface-muted,oklch(98.4%_0.003_247.858)))] dark:bg-[var(--zui-command-content-default-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))]",
22
22
  glass: "border-[color:var(--zui-command-content-glass-border,var(--zui-border,#00000026))] dark:border-[color:var(--zui-command-content-glass-border-dark,var(--zui-border-dark,#ffffff26))] bg-[var(--zui-command-content-glass-bg,var(--zui-surface-muted,oklch(98.4%_0.003_247.858_/_0.7)))] dark:bg-[var(--zui-command-content-glass-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695_/_0.7)))] backdrop-blur-xl",
23
- sky: "border-[color:var(--zui-command-content-sky-border,var(--zui-color-sky,oklch(44.3%_0.11_240.79)))] dark:border-[color:var(--zui-command-content-sky-border-dark,var(--zui-color-sky-dark,oklch(58.8%_0.158_241.966)))] bg-[var(--zui-command-content-sky-bg,color-mix(in oklch, var(--zui-color-sky,oklch(97.7%_0.013_236.62)) 10%, transparent))] dark:bg-[var(--zui-command-content-sky-bg-dark,color-mix(in oklch, var(--zui-color-sky-dark,oklch(29.3%_0.066_243.157)) 18%, transparent))] backdrop-blur-xl",
24
- rose: "border-[color:var(--zui-command-content-rose-border,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:border-[color:var(--zui-command-content-rose-border-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))] bg-[var(--zui-command-content-rose-bg,color-mix(in oklch, var(--zui-color-rose,oklch(96.9%_0.015_12.422)) 10%, transparent))] dark:bg-[var(--zui-command-content-rose-bg-dark,color-mix(in oklch, var(--zui-color-rose-dark,oklch(27.1%_0.105_12.094)) 18%, transparent))] backdrop-blur-xl",
25
- purple: "border-[color:var(--zui-command-content-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-command-content-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] bg-[var(--zui-command-content-purple-bg,color-mix(in oklch, var(--zui-color-purple,oklch(97.7%_0.014_308.299)) 10%, transparent))] dark:bg-[var(--zui-command-content-purple-bg-dark,color-mix(in oklch, var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717)) 18%, transparent))] backdrop-blur-xl",
26
- pink: "border-[color:var(--zui-command-content-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-command-content-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-[var(--zui-command-content-pink-bg,color-mix(in oklch, var(--zui-color-pink,oklch(97.1%_0.014_343.198)) 10%, transparent))] dark:bg-[var(--zui-command-content-pink-bg-dark,color-mix(in oklch, var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907)) 18%, transparent))] backdrop-blur-xl",
27
- orange: "border-[color:var(--zui-command-content-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-command-content-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] bg-[var(--zui-command-content-orange-bg,color-mix(in oklch, var(--zui-color-orange,oklch(98%_0.016_73.684)) 10%, transparent))] dark:bg-[var(--zui-command-content-orange-bg-dark,color-mix(in oklch, var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259)) 18%, transparent))] backdrop-blur-xl",
28
- yellow: "border-[color:var(--zui-command-content-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-command-content-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] bg-[var(--zui-command-content-yellow-bg,color-mix(in oklch, var(--zui-color-yellow,oklch(98.7%_0.026_102.212)) 10%, transparent))] dark:bg-[var(--zui-command-content-yellow-bg-dark,color-mix(in oklch, var(--zui-color-yellow-dark,oklch(28.6%_0.066_53.813)) 18%, transparent))] backdrop-blur-xl",
29
- teal: "border-[color:var(--zui-command-content-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-command-content-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] bg-[var(--zui-command-content-teal-bg,color-mix(in oklch, var(--zui-color-teal,oklch(98.4%_0.014_180.72)) 10%, transparent))] dark:bg-[var(--zui-command-content-teal-bg-dark,color-mix(in oklch, var(--zui-color-teal-dark,oklch(27.7%_0.046_192.524)) 18%, transparent))] backdrop-blur-xl",
30
- indigo: "border-[color:var(--zui-command-content-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-command-content-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] bg-[var(--zui-command-content-indigo-bg,color-mix(in oklch, var(--zui-color-indigo,oklch(96.2%_0.018_272.314)) 10%, transparent))] dark:bg-[var(--zui-command-content-indigo-bg-dark,color-mix(in oklch, var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288)) 18%, transparent))] backdrop-blur-xl",
31
- emerald: "border-[color:var(--zui-command-content-emerald-border,var(--zui-color-emerald,oklch(43.2%_0.095_166.913)))] dark:border-[color:var(--zui-command-content-emerald-border-dark,var(--zui-color-emerald-dark,oklch(59.6%_0.145_163.225)))] bg-[var(--zui-command-content-emerald-bg,color-mix(in oklch, var(--zui-color-emerald,oklch(97.9%_0.021_166.113)) 10%, transparent))] dark:bg-[var(--zui-command-content-emerald-bg-dark,color-mix(in oklch, var(--zui-color-emerald-dark,oklch(26.2%_0.051_172.552)) 18%, transparent))] backdrop-blur-xl",
32
- gray: "border-[color:var(--zui-command-content-gray-border,var(--zui-color-gray,oklch(27.8%_0.033_256.848)))] dark:border-[color:var(--zui-command-content-gray-border-dark,var(--zui-color-gray-dark,oklch(44.6%_0.03_256.802)))] bg-[var(--zui-command-content-gray-bg,color-mix(in oklch, var(--zui-color-gray,oklch(98.5%_0.002_247.839)) 10%, transparent))] dark:bg-[var(--zui-command-content-gray-bg-dark,color-mix(in oklch, var(--zui-color-gray-dark,oklch(13%_0.028_261.692)) 18%, transparent))] backdrop-blur-xl",
33
- amber: "border-[color:var(--zui-command-content-amber-border,var(--zui-color-amber,oklch(47.3%_0.137_46.201)))] dark:border-[color:var(--zui-command-content-amber-border-dark,var(--zui-color-amber-dark,oklch(66.6%_0.179_58.318)))] bg-[var(--zui-command-content-amber-bg,color-mix(in oklch, var(--zui-color-amber,oklch(98.7%_0.022_95.277)) 10%, transparent))] dark:bg-[var(--zui-command-content-amber-bg-dark,color-mix(in oklch, var(--zui-color-amber-dark,oklch(27.9%_0.077_45.635)) 18%, transparent))] backdrop-blur-xl",
34
- violet: "border-[color:var(--zui-command-content-violet-border,var(--zui-color-violet,oklch(43.2%_0.232_292.759)))] dark:border-[color:var(--zui-command-content-violet-border-dark,var(--zui-color-violet-dark,oklch(54.1%_0.281_293.009)))] bg-[var(--zui-command-content-violet-bg,color-mix(in oklch, var(--zui-color-violet,oklch(96.9%_0.016_293.756)) 10%, transparent))] dark:bg-[var(--zui-command-content-violet-bg-dark,color-mix(in oklch, var(--zui-color-violet-dark,oklch(28.3%_0.141_291.089)) 18%, transparent))] backdrop-blur-xl",
23
+ sky: "border-[color:var(--zui-command-content-sky-border,var(--zui-color-sky,oklch(44.3%_0.11_240.79)))] dark:border-[color:var(--zui-command-content-sky-border-dark,var(--zui-color-sky-dark,oklch(58.8%_0.158_241.966)))] bg-[var(--zui-command-content-sky-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-sky-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
24
+ rose: "border-[color:var(--zui-command-content-rose-border,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:border-[color:var(--zui-command-content-rose-border-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))] bg-[var(--zui-command-content-rose-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-rose-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
25
+ purple: "border-[color:var(--zui-command-content-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-command-content-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] bg-[var(--zui-command-content-purple-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-purple-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
26
+ pink: "border-[color:var(--zui-command-content-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-command-content-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-[var(--zui-command-content-pink-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-pink-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
27
+ orange: "border-[color:var(--zui-command-content-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-command-content-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] bg-[var(--zui-command-content-orange-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-orange-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
28
+ yellow: "border-[color:var(--zui-command-content-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-command-content-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] bg-[var(--zui-command-content-yellow-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-yellow-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
29
+ teal: "border-[color:var(--zui-command-content-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-command-content-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] bg-[var(--zui-command-content-teal-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-teal-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
30
+ indigo: "border-[color:var(--zui-command-content-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-command-content-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] bg-[var(--zui-command-content-indigo-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-indigo-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
31
+ emerald: "border-[color:var(--zui-command-content-emerald-border,var(--zui-color-emerald,oklch(43.2%_0.095_166.913)))] dark:border-[color:var(--zui-command-content-emerald-border-dark,var(--zui-color-emerald-dark,oklch(59.6%_0.145_163.225)))] bg-[var(--zui-command-content-emerald-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-emerald-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
32
+ gray: "border-[color:var(--zui-command-content-gray-border,var(--zui-color-gray,oklch(27.8%_0.033_256.848)))] dark:border-[color:var(--zui-command-content-gray-border-dark,var(--zui-color-gray-dark,oklch(44.6%_0.03_256.802)))] bg-[var(--zui-command-content-gray-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-gray-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
33
+ amber: "border-[color:var(--zui-command-content-amber-border,var(--zui-color-amber,oklch(47.3%_0.137_46.201)))] dark:border-[color:var(--zui-command-content-amber-border-dark,var(--zui-color-amber-dark,oklch(66.6%_0.179_58.318)))] bg-[var(--zui-command-content-amber-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-amber-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
34
+ violet: "border-[color:var(--zui-command-content-violet-border,var(--zui-color-violet,oklch(43.2%_0.232_292.759)))] dark:border-[color:var(--zui-command-content-violet-border-dark,var(--zui-color-violet-dark,oklch(54.1%_0.281_293.009)))] bg-[var(--zui-command-content-violet-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-violet-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
35
35
  "gradient-blue": "border-[color:var(--zui-command-content-gradient-blue-border,var(--zui-color-blue,oklch(42.4%_0.199_265.638)))] dark:border-[color:var(--zui-command-content-gradient-blue-border-dark,var(--zui-color-blue-dark,oklch(54.6%_0.245_262.881)))] bg-linear-to-br from-[var(--zui-command-content-gradient-blue-from,var(--zui-color-blue,oklch(97%_0.014_254.604)))] dark:from-[var(--zui-command-content-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(28.2%_0.091_267.935_/_0.85)))] to-[var(--zui-command-content-gradient-blue-to,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:to-[var(--zui-command-content-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.85)))] backdrop-blur-xl",
36
36
  "gradient-green": "border-[color:var(--zui-command-content-gradient-green-border,var(--zui-color-green,oklch(44.8%_0.119_151.328)))] dark:border-[color:var(--zui-command-content-gradient-green-border-dark,var(--zui-color-green-dark,oklch(62.7%_0.194_149.214)))] bg-linear-to-br from-[var(--zui-command-content-gradient-green-from,var(--zui-color-green,oklch(98.2%_0.018_155.826)))] dark:from-[var(--zui-command-content-gradient-green-from-dark,var(--zui-color-green-dark,oklch(26.6%_0.065_152.934_/_0.85)))] to-[var(--zui-command-content-gradient-green-to,var(--zui-color-lime,oklch(98.6%_0.031_120.757)))] dark:to-[var(--zui-command-content-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(27.4%_0.072_132.109_/_0.85)))] backdrop-blur-xl",
37
37
  "gradient-red": "border-[color:var(--zui-command-content-gradient-red-border,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:border-[color:var(--zui-command-content-gradient-red-border-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] bg-linear-to-br from-[var(--zui-command-content-gradient-red-from,var(--zui-color-red,oklch(97.1%_0.013_17.38)))] dark:from-[var(--zui-command-content-gradient-red-from-dark,var(--zui-color-red-dark,oklch(25.8%_0.092_26.042_/_0.85)))] to-[var(--zui-command-content-gradient-red-to,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:to-[var(--zui-command-content-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.85)))] backdrop-blur-xl",
@@ -40,27 +40,27 @@ var zuiCommandContentAppearances = {
40
40
  "gradient-teal": "border-[color:var(--zui-command-content-gradient-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-command-content-gradient-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] bg-linear-to-br from-[var(--zui-command-content-gradient-teal-from,var(--zui-color-teal,oklch(98.4%_0.014_180.72)))] dark:from-[var(--zui-command-content-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(27.7%_0.046_192.524_/_0.85)))] to-[var(--zui-command-content-gradient-teal-to,var(--zui-color-cyan,oklch(98.4%_0.019_200.873)))] dark:to-[var(--zui-command-content-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(30.2%_0.056_229.695_/_0.85)))] backdrop-blur-xl",
41
41
  "gradient-indigo": "border-[color:var(--zui-command-content-gradient-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-command-content-gradient-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] bg-linear-to-br from-[var(--zui-command-content-gradient-indigo-from,var(--zui-color-indigo,oklch(96.2%_0.018_272.314)))] dark:from-[var(--zui-command-content-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288_/_0.85)))] to-[var(--zui-command-content-gradient-indigo-to,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:to-[var(--zui-command-content-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.85)))] backdrop-blur-xl",
42
42
  "gradient-pink": "border-[color:var(--zui-command-content-gradient-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-command-content-gradient-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-linear-to-br from-[var(--zui-command-content-gradient-pink-from,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:from-[var(--zui-command-content-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.85)))] to-[var(--zui-command-content-gradient-pink-to,var(--zui-color-rose,oklch(96.9%_0.015_12.422)))] dark:to-[var(--zui-command-content-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(27.1%_0.105_12.094_/_0.85)))] backdrop-blur-xl",
43
- blue: "border border-[color:var(--zui-command-content-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-command-content-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-command-content-blue-bg,color-mix(in oklch, var(--zui-color-blue,#2563eb) 10%, transparent))] dark:bg-[var(--zui-command-content-blue-bg-dark,color-mix(in oklch, var(--zui-color-blue-dark,#3b82f6) 18%, transparent))] backdrop-blur-xl",
44
- cyan: "border border-[color:var(--zui-command-content-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-command-content-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-command-content-cyan-bg,color-mix(in oklch, var(--zui-color-cyan,#0891b2) 10%, transparent))] dark:bg-[var(--zui-command-content-cyan-bg-dark,color-mix(in oklch, var(--zui-color-cyan-dark,#22d3ee) 18%, transparent))] backdrop-blur-xl",
45
- green: "border border-[color:var(--zui-command-content-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-command-content-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-command-content-green-bg,color-mix(in oklch, var(--zui-color-green,#16a34a) 10%, transparent))] dark:bg-[var(--zui-command-content-green-bg-dark,color-mix(in oklch, var(--zui-color-green-dark,#22c55e) 18%, transparent))] backdrop-blur-xl",
46
- lime: "border border-[color:var(--zui-command-content-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-command-content-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-command-content-lime-bg,color-mix(in oklch, var(--zui-color-lime,#65a30d) 10%, transparent))] dark:bg-[var(--zui-command-content-lime-bg-dark,color-mix(in oklch, var(--zui-color-lime-dark,#a3e635) 18%, transparent))] backdrop-blur-xl",
47
- mint: "border border-[color:var(--zui-command-content-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-command-content-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-command-content-mint-bg,color-mix(in oklch, var(--zui-color-mint,#10b981) 10%, transparent))] dark:bg-[var(--zui-command-content-mint-bg-dark,color-mix(in oklch, var(--zui-color-mint-dark,#6ee7b7) 18%, transparent))] backdrop-blur-xl",
48
- ocean: "border border-[color:var(--zui-command-content-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-command-content-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-command-content-ocean-bg,color-mix(in oklch, var(--zui-color-ocean,#0284c7) 10%, transparent))] dark:bg-[var(--zui-command-content-ocean-bg-dark,color-mix(in oklch, var(--zui-color-ocean-dark,#38bdf8) 18%, transparent))] backdrop-blur-xl",
49
- sapphire: "border border-[color:var(--zui-command-content-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-command-content-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-command-content-sapphire-bg,color-mix(in oklch, var(--zui-color-sapphire,#1d4ed8) 10%, transparent))] dark:bg-[var(--zui-command-content-sapphire-bg-dark,color-mix(in oklch, var(--zui-color-sapphire-dark,#60a5fa) 18%, transparent))] backdrop-blur-xl",
50
- lavender: "border border-[color:var(--zui-command-content-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-command-content-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-command-content-lavender-bg,color-mix(in oklch, var(--zui-color-lavender,#8b5cf6) 10%, transparent))] dark:bg-[var(--zui-command-content-lavender-bg-dark,color-mix(in oklch, var(--zui-color-lavender-dark,#a78bfa) 18%, transparent))] backdrop-blur-xl",
51
- ruby: "border border-[color:var(--zui-command-content-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-command-content-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-command-content-ruby-bg,color-mix(in oklch, var(--zui-color-ruby,#be123c) 10%, transparent))] dark:bg-[var(--zui-command-content-ruby-bg-dark,color-mix(in oklch, var(--zui-color-ruby-dark,#fb7185) 18%, transparent))] backdrop-blur-xl",
52
- red: "border border-[color:var(--zui-command-content-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-command-content-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-command-content-red-bg,color-mix(in oklch, var(--zui-color-red,#dc2626) 10%, transparent))] dark:bg-[var(--zui-command-content-red-bg-dark,color-mix(in oklch, var(--zui-color-red-dark,#ef4444) 18%, transparent))] backdrop-blur-xl",
53
- slate: "border border-[color:var(--zui-command-content-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-command-content-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-command-content-slate-bg,color-mix(in oklch, var(--zui-color-slate,#475569) 10%, transparent))] dark:bg-[var(--zui-command-content-slate-bg-dark,color-mix(in oklch, var(--zui-color-slate-dark,#64748b) 18%, transparent))] backdrop-blur-xl",
54
- zinc: "border border-[color:var(--zui-command-content-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-command-content-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-command-content-zinc-bg,color-mix(in oklch, var(--zui-color-zinc,#52525b) 10%, transparent))] dark:bg-[var(--zui-command-content-zinc-bg-dark,color-mix(in oklch, var(--zui-color-zinc-dark,#71717a) 18%, transparent))] backdrop-blur-xl",
55
- stone: "border border-[color:var(--zui-command-content-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-command-content-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-command-content-stone-bg,color-mix(in oklch, var(--zui-color-stone,#57534e) 10%, transparent))] dark:bg-[var(--zui-command-content-stone-bg-dark,color-mix(in oklch, var(--zui-color-stone-dark,#78716c) 18%, transparent))] backdrop-blur-xl",
56
- royal: "border border-[color:var(--zui-command-content-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-command-content-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-command-content-royal-bg,color-mix(in oklch, var(--zui-color-royal,#4338ca) 10%, transparent))] dark:bg-[var(--zui-command-content-royal-bg-dark,color-mix(in oklch, var(--zui-color-royal-dark,#818cf8) 18%, transparent))] backdrop-blur-xl",
57
- electric: "border border-[color:var(--zui-command-content-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-command-content-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-command-content-electric-bg,color-mix(in oklch, var(--zui-color-electric,#0ea5e9) 10%, transparent))] dark:bg-[var(--zui-command-content-electric-bg-dark,color-mix(in oklch, var(--zui-color-electric-dark,#38bdf8) 18%, transparent))] backdrop-blur-xl",
58
- forest: "border border-[color:var(--zui-command-content-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-command-content-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-command-content-forest-bg,color-mix(in oklch, var(--zui-color-forest,#166534) 10%, transparent))] dark:bg-[var(--zui-command-content-forest-bg-dark,color-mix(in oklch, var(--zui-color-forest-dark,#4ade80) 18%, transparent))] backdrop-blur-xl",
59
- sunset: "border border-[color:var(--zui-command-content-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-command-content-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-command-content-sunset-bg,color-mix(in oklch, var(--zui-color-sunset,#ea580c) 10%, transparent))] dark:bg-[var(--zui-command-content-sunset-bg-dark,color-mix(in oklch, var(--zui-color-sunset-dark,#fb923c) 18%, transparent))] backdrop-blur-xl",
60
- magenta: "border border-[color:var(--zui-command-content-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-command-content-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-command-content-magenta-bg,color-mix(in oklch, var(--zui-color-magenta,#c026d3) 10%, transparent))] dark:bg-[var(--zui-command-content-magenta-bg-dark,color-mix(in oklch, var(--zui-color-magenta-dark,#e879f9) 18%, transparent))] backdrop-blur-xl",
61
- crimson: "border border-[color:var(--zui-command-content-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-command-content-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-command-content-crimson-bg,color-mix(in oklch, var(--zui-color-crimson,#b91c1c) 10%, transparent))] dark:bg-[var(--zui-command-content-crimson-bg-dark,color-mix(in oklch, var(--zui-color-crimson-dark,#f87171) 18%, transparent))] backdrop-blur-xl",
62
- aqua: "border border-[color:var(--zui-command-content-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-command-content-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-command-content-aqua-bg,color-mix(in oklch, var(--zui-color-aqua,#0f766e) 10%, transparent))] dark:bg-[var(--zui-command-content-aqua-bg-dark,color-mix(in oklch, var(--zui-color-aqua-dark,#2dd4bf) 18%, transparent))] backdrop-blur-xl",
63
- plum: "border border-[color:var(--zui-command-content-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-command-content-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-command-content-plum-bg,color-mix(in oklch, var(--zui-color-plum,#7e22ce) 10%, transparent))] dark:bg-[var(--zui-command-content-plum-bg-dark,color-mix(in oklch, var(--zui-color-plum-dark,#c084fc) 18%, transparent))] backdrop-blur-xl"
43
+ blue: "border border-[color:var(--zui-command-content-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-command-content-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-command-content-blue-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-blue-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
44
+ cyan: "border border-[color:var(--zui-command-content-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-command-content-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-command-content-cyan-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-cyan-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
45
+ green: "border border-[color:var(--zui-command-content-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-command-content-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-command-content-green-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-green-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
46
+ lime: "border border-[color:var(--zui-command-content-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-command-content-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-command-content-lime-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-lime-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
47
+ mint: "border border-[color:var(--zui-command-content-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-command-content-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-command-content-mint-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-mint-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
48
+ ocean: "border border-[color:var(--zui-command-content-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-command-content-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-command-content-ocean-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-ocean-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
49
+ sapphire: "border border-[color:var(--zui-command-content-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-command-content-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-command-content-sapphire-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-sapphire-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
50
+ lavender: "border border-[color:var(--zui-command-content-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-command-content-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-command-content-lavender-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-lavender-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
51
+ ruby: "border border-[color:var(--zui-command-content-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-command-content-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-command-content-ruby-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-ruby-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
52
+ red: "border border-[color:var(--zui-command-content-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-command-content-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-command-content-red-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-red-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
53
+ slate: "border border-[color:var(--zui-command-content-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-command-content-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-command-content-slate-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-slate-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
54
+ zinc: "border border-[color:var(--zui-command-content-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-command-content-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-command-content-zinc-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-zinc-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
55
+ stone: "border border-[color:var(--zui-command-content-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-command-content-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-command-content-stone-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-stone-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
56
+ royal: "border border-[color:var(--zui-command-content-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-command-content-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-command-content-royal-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-royal-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
57
+ electric: "border border-[color:var(--zui-command-content-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-command-content-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-command-content-electric-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-electric-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
58
+ forest: "border border-[color:var(--zui-command-content-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-command-content-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-command-content-forest-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-forest-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
59
+ sunset: "border border-[color:var(--zui-command-content-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-command-content-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-command-content-sunset-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-sunset-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
60
+ magenta: "border border-[color:var(--zui-command-content-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-command-content-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-command-content-magenta-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-magenta-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
61
+ crimson: "border border-[color:var(--zui-command-content-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-command-content-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-command-content-crimson-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-crimson-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
62
+ aqua: "border border-[color:var(--zui-command-content-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-command-content-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-command-content-aqua-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-aqua-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl",
63
+ plum: "border border-[color:var(--zui-command-content-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-command-content-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-command-content-plum-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-plum-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl"
64
64
  };
65
65
 
66
66
  exports.zuiCommandContentAppearances = zuiCommandContentAppearances;
@@ -76,5 +76,5 @@ exports.zuiCommandListBase = zuiCommandListBase;
76
76
  exports.zuiCommandOverlayBase = zuiCommandOverlayBase;
77
77
  exports.zuiCommandSeparatorBase = zuiCommandSeparatorBase;
78
78
  exports.zuiCommandTriggerBase = zuiCommandTriggerBase;
79
- //# sourceMappingURL=chunk-AOVZY2A3.js.map
80
- //# sourceMappingURL=chunk-AOVZY2A3.js.map
79
+ //# sourceMappingURL=chunk-UQQHB3OI.js.map
80
+ //# sourceMappingURL=chunk-UQQHB3OI.js.map
package/dist/chunk-UQQHB3OI.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/design-system/command.ts"],"names":[],"mappings":";;;AAAO,IAAM,qBAAA,GACX;AAEK,IAAM,qBAAA,GACX;AAEK,IAAM,qBAAA,GACX;AAEK,IAAM,sBAAA,GAAyB;AAAA,EACpC,EAAA,EAAI,UAAA;AAAA,EACJ,EAAA,EAAI,UAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,sBAAA,GACX;AAEK,IAAM,mBAAA,GACX;AAEK,IAAM,kBAAA,GACX;AAEK,IAAM,0BAAA,GACX;AAEK,IAAM,kBAAA,GACX;AAEK,IAAM,uBAAA,GACX;AAEK,IAAM,mBAAA,GACX;AAEK,IAAM,oBAAA,GACX;AAEK,IAAM,4BAAA,GAA+B;AAAA,EAC1C,OAAA,EACE,8MAAA;AAAA,EACF,KAAA,EACE,4ZAAA;AAAA,EACF,GAAA,EAAK,2ZAAA;AAAA,EACL,IAAA,EAAM,iaAAA;AAAA,EACN,MAAA,EACE,+aAAA;AAAA,EACF,IAAA,EAAM,+ZAAA;AAAA,EACN,MAAA,EACE,2aAAA;AAAA,EACF,MAAA,EACE,6aAAA;AAAA,EACF,IAAA,EAAM,iaAAA;AAAA,EACN,MAAA,EACE,+aAAA;AAAA,EACF,OAAA,EACE,qbAAA;AAAA,EACF,IAAA,EAAM,kaAAA;AAAA,EACN,KAAA,EACE,uaAAA;AAAA,EACF,MAAA,EACE,+aAAA;AAAA,EACF,eAAA,EACE,+sBAAA;AAAA,EACF,gBAAA,EACE,utBAAA;AAAA,EACF,cAAA,EACE,4rBAAA;AAAA,EACF,iBAAA,EACE,8tBAAA;AAAA,EACF,iBAAA,EACE,+tBAAA;AAAA,EACF,eAAA,EACE,0sBAAA;AAAA,EACF,iBAAA,EACE,ouBAAA;AAAA,EACF,eAAA,EACE,qsBAAA;AAAA,EACF,IAAA,EAAM,oYAAA;AAAA,EACN,IAAA,EAAM,oYAAA;AAAA,EACN,KAAA,EACE,0YAAA;AAAA,EACF,IAAA,EAAM,oYAAA;AAAA,EACN,IAAA,EAAM,oYAAA;AAAA,EACN,KAAA,EACE,0YAAA;AAAA,EACF,QAAA,EACE,4ZAAA;AAAA,EACF,QAAA,EACE,4ZAAA;AAAA,EACF,IAAA,EAAM,oYAAA;AAAA,EACN,GAAA,EAAK,8XAAA;AAAA,EACL,KAAA,EACE,0YAAA;AAAA,EACF,IAAA,EAAM,oYAAA;AAAA,EACN,KAAA,EACE,0YAAA;AAAA,EACF,KAAA,EACE,0YAAA;AAAA,EACF,QAAA,EACE,4ZAAA;AAAA,EACF,MAAA,EACE,gZAAA;AAAA,EACF,MAAA,EACE,gZAAA;AAAA,EACF,OAAA,EACE,sZAAA;AAAA,EACF,OAAA,EACE,sZAAA;AAAA,EACF,IAAA,EAAM,oYAAA;AAAA,EACN,IAAA,EAAM;AACR","file":"chunk-UQQHB3OI.js","sourcesContent":["export const zuiCommandOverlayBase =\n \"fixed inset-0 z-9999 bg-[var(--zui-command-overlay-bg,var(--zui-fg,oklch(12.9%_0.042_264.695_/_0.6)))] dark:bg-[var(--zui-command-overlay-bg-dark,var(--zui-fg-dark,oklch(12.9%_0.042_264.695_/_0.6)))] backdrop-blur-sm\";\n\nexport const zuiCommandTriggerBase =\n \"relative inline-flex shrink-0 cursor-pointer items-center gap-2 rounded-md border border-[color:var(--zui-command-trigger-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-command-trigger-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-command-trigger-bg,var(--zui-surface-soft,oklch(98.4%_0.003_247.858)))] dark:bg-[var(--zui-command-trigger-bg-dark,var(--zui-surface-soft-dark,oklch(12.9%_0.042_264.695)))] px-3 py-2 text-sm text-[color:var(--zui-command-trigger-fg,var(--zui-fg,oklch(44.6%_0.03_256.802)))] dark:text-[color:var(--zui-command-trigger-fg-dark,var(--zui-fg-dark,oklch(86.9%_0.022_252.894)))] transition hover:bg-[var(--zui-command-trigger-bg-hover,var(--zui-surface-hover,#0000000d))] dark:hover:bg-[var(--zui-command-trigger-bg-hover-dark,var(--zui-surface-hover-dark,#ffffff0d))] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-command-trigger-ring-focus,var(--zui-focus-ring,#06b6d466))] dark:focus-visible:ring-[var(--zui-command-trigger-ring-focus-dark,var(--zui-focus-ring-dark,#22d3ee66))]\";\n\nexport const zuiCommandContentBase =\n \"fixed left-1/2 top-[15%] z-9999 w-[calc(100%-2rem)] -translate-x-1/2 overflow-hidden rounded-xl border border-[color:var(--zui-command-content-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-command-content-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-command-content-bg,var(--zui-surface-muted,oklch(98.4%_0.003_247.858)))] dark:bg-[var(--zui-command-content-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-command-content-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-command-content-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))] shadow-[var(--zui-command-content-shadow,var(--zui-shadow,0_12px_40px_rgba(15,23,42,0.18)))] dark:shadow-[var(--zui-command-content-shadow-dark,var(--zui-shadow-dark,0_24px_80px_rgba(15,23,42,0.6)))] focus:outline-none\";\n\nexport const zuiCommandContentSizes = {\n sm: \"max-w-md\",\n md: \"max-w-lg\",\n lg: \"max-w-2xl\",\n} as const;\n\nexport const zuiCommandInputRowBase =\n \"flex items-center gap-2 border-b border-[color:var(--zui-command-input-border,var(--zui-border,#0000000f))] dark:border-[color:var(--zui-command-input-border-dark,var(--zui-border-dark,#ffffff14))] px-4\";\n\nexport const zuiCommandInputBase =\n \"h-12 w-full bg-transparent text-sm text-[color:var(--zui-command-input-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-command-input-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))] placeholder:text-[color:var(--zui-command-input-placeholder,var(--zui-fg-muted,oklch(55.1%_0.027_264.364)))] dark:placeholder:text-[color:var(--zui-command-input-placeholder-dark,var(--zui-fg-muted-dark,oklch(55.1%_0.027_264.364)))] focus:outline-none\";\n\nexport const zuiCommandListBase =\n \"max-h-[min(60vh,420px)] overflow-y-auto overscroll-contain p-2\";\n\nexport const zuiCommandGroupHeadingBase =\n \"px-2 pb-1 pt-3 text-xs font-semibold uppercase tracking-[0.12em] text-[color:var(--zui-command-group-heading-fg,var(--zui-fg-muted,oklch(55.1%_0.027_264.364)))] dark:text-[color:var(--zui-command-group-heading-fg-dark,var(--zui-fg-muted-dark,oklch(70.7%_0.022_261.325)))]\";\n\nexport const zuiCommandItemBase =\n \"flex cursor-pointer items-center gap-3 rounded-lg px-3 py-2 text-sm text-[color:var(--zui-command-item-fg,var(--zui-fg,oklch(27.8%_0.033_256.848)))] dark:text-[color:var(--zui-command-item-fg-dark,var(--zui-fg-dark,oklch(86.9%_0.022_252.894)))] transition-colors data-[active=true]:bg-[var(--zui-command-item-active-bg,var(--zui-surface-hover,oklch(95.1%_0.026_236.824)))] dark:data-[active=true]:bg-[var(--zui-command-item-active-bg-dark,var(--zui-surface-hover-dark,oklch(28.2%_0.091_267.935_/_0.55)))] data-[active=true]:text-[color:var(--zui-command-item-active-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:data-[active=true]:text-[color:var(--zui-command-item-active-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))] aria-disabled:cursor-not-allowed aria-disabled:opacity-50\";\n\nexport const zuiCommandSeparatorBase =\n \"my-1 h-px bg-[var(--zui-command-separator-bg,var(--zui-border,#0000000f))] dark:bg-[var(--zui-command-separator-bg-dark,var(--zui-border-dark,#ffffff14))]\";\n\nexport const zuiCommandEmptyBase =\n \"px-3 py-8 text-center text-sm text-[color:var(--zui-command-empty-fg,var(--zui-fg-muted,oklch(55.1%_0.027_264.364)))] dark:text-[color:var(--zui-command-empty-fg-dark,var(--zui-fg-muted-dark,oklch(70.7%_0.022_261.325)))]\";\n\nexport const zuiCommandFooterBase =\n \"flex items-center gap-3 border-t border-[color:var(--zui-command-footer-border,var(--zui-border,#0000000f))] dark:border-[color:var(--zui-command-footer-border-dark,var(--zui-border-dark,#ffffff14))] px-4 py-2 text-xs text-[color:var(--zui-command-footer-fg,var(--zui-fg-muted,oklch(55.1%_0.027_264.364)))] dark:text-[color:var(--zui-command-footer-fg-dark,var(--zui-fg-muted-dark,oklch(70.7%_0.022_261.325)))]\";\n\nexport const zuiCommandContentAppearances = {\n default:\n \"bg-[var(--zui-command-content-default-bg,var(--zui-surface-muted,oklch(98.4%_0.003_247.858)))] dark:bg-[var(--zui-command-content-default-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))]\",\n glass:\n \"border-[color:var(--zui-command-content-glass-border,var(--zui-border,#00000026))] dark:border-[color:var(--zui-command-content-glass-border-dark,var(--zui-border-dark,#ffffff26))] bg-[var(--zui-command-content-glass-bg,var(--zui-surface-muted,oklch(98.4%_0.003_247.858_/_0.7)))] dark:bg-[var(--zui-command-content-glass-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695_/_0.7)))] backdrop-blur-xl\",\n sky: \"border-[color:var(--zui-command-content-sky-border,var(--zui-color-sky,oklch(44.3%_0.11_240.79)))] dark:border-[color:var(--zui-command-content-sky-border-dark,var(--zui-color-sky-dark,oklch(58.8%_0.158_241.966)))] bg-[var(--zui-command-content-sky-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-sky-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n rose: \"border-[color:var(--zui-command-content-rose-border,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:border-[color:var(--zui-command-content-rose-border-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))] bg-[var(--zui-command-content-rose-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-rose-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n purple:\n \"border-[color:var(--zui-command-content-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-command-content-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] bg-[var(--zui-command-content-purple-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-purple-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n pink: \"border-[color:var(--zui-command-content-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-command-content-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-[var(--zui-command-content-pink-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-pink-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n orange:\n \"border-[color:var(--zui-command-content-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-command-content-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] bg-[var(--zui-command-content-orange-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-orange-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n yellow:\n \"border-[color:var(--zui-command-content-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-command-content-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] bg-[var(--zui-command-content-yellow-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-yellow-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n teal: \"border-[color:var(--zui-command-content-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-command-content-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] bg-[var(--zui-command-content-teal-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-teal-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n indigo:\n \"border-[color:var(--zui-command-content-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-command-content-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] bg-[var(--zui-command-content-indigo-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-indigo-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n emerald:\n \"border-[color:var(--zui-command-content-emerald-border,var(--zui-color-emerald,oklch(43.2%_0.095_166.913)))] dark:border-[color:var(--zui-command-content-emerald-border-dark,var(--zui-color-emerald-dark,oklch(59.6%_0.145_163.225)))] bg-[var(--zui-command-content-emerald-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-emerald-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n gray: \"border-[color:var(--zui-command-content-gray-border,var(--zui-color-gray,oklch(27.8%_0.033_256.848)))] dark:border-[color:var(--zui-command-content-gray-border-dark,var(--zui-color-gray-dark,oklch(44.6%_0.03_256.802)))] bg-[var(--zui-command-content-gray-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-gray-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n amber:\n \"border-[color:var(--zui-command-content-amber-border,var(--zui-color-amber,oklch(47.3%_0.137_46.201)))] dark:border-[color:var(--zui-command-content-amber-border-dark,var(--zui-color-amber-dark,oklch(66.6%_0.179_58.318)))] bg-[var(--zui-command-content-amber-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-amber-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n violet:\n \"border-[color:var(--zui-command-content-violet-border,var(--zui-color-violet,oklch(43.2%_0.232_292.759)))] dark:border-[color:var(--zui-command-content-violet-border-dark,var(--zui-color-violet-dark,oklch(54.1%_0.281_293.009)))] bg-[var(--zui-command-content-violet-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-violet-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n \"gradient-blue\":\n \"border-[color:var(--zui-command-content-gradient-blue-border,var(--zui-color-blue,oklch(42.4%_0.199_265.638)))] dark:border-[color:var(--zui-command-content-gradient-blue-border-dark,var(--zui-color-blue-dark,oklch(54.6%_0.245_262.881)))] bg-linear-to-br from-[var(--zui-command-content-gradient-blue-from,var(--zui-color-blue,oklch(97%_0.014_254.604)))] dark:from-[var(--zui-command-content-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(28.2%_0.091_267.935_/_0.85)))] to-[var(--zui-command-content-gradient-blue-to,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:to-[var(--zui-command-content-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.85)))] backdrop-blur-xl\",\n \"gradient-green\":\n \"border-[color:var(--zui-command-content-gradient-green-border,var(--zui-color-green,oklch(44.8%_0.119_151.328)))] dark:border-[color:var(--zui-command-content-gradient-green-border-dark,var(--zui-color-green-dark,oklch(62.7%_0.194_149.214)))] bg-linear-to-br from-[var(--zui-command-content-gradient-green-from,var(--zui-color-green,oklch(98.2%_0.018_155.826)))] dark:from-[var(--zui-command-content-gradient-green-from-dark,var(--zui-color-green-dark,oklch(26.6%_0.065_152.934_/_0.85)))] to-[var(--zui-command-content-gradient-green-to,var(--zui-color-lime,oklch(98.6%_0.031_120.757)))] dark:to-[var(--zui-command-content-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(27.4%_0.072_132.109_/_0.85)))] backdrop-blur-xl\",\n \"gradient-red\":\n \"border-[color:var(--zui-command-content-gradient-red-border,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:border-[color:var(--zui-command-content-gradient-red-border-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] bg-linear-to-br from-[var(--zui-command-content-gradient-red-from,var(--zui-color-red,oklch(97.1%_0.013_17.38)))] dark:from-[var(--zui-command-content-gradient-red-from-dark,var(--zui-color-red-dark,oklch(25.8%_0.092_26.042_/_0.85)))] to-[var(--zui-command-content-gradient-red-to,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:to-[var(--zui-command-content-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.85)))] backdrop-blur-xl\",\n \"gradient-yellow\":\n \"border-[color:var(--zui-command-content-gradient-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-command-content-gradient-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] bg-linear-to-br from-[var(--zui-command-content-gradient-yellow-from,var(--zui-color-yellow,oklch(98.7%_0.026_102.212)))] dark:from-[var(--zui-command-content-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(28.6%_0.066_53.813_/_0.85)))] to-[var(--zui-command-content-gradient-yellow-to,var(--zui-color-orange,oklch(98%_0.016_73.684)))] dark:to-[var(--zui-command-content-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259_/_0.85)))] backdrop-blur-xl\",\n \"gradient-purple\":\n \"border-[color:var(--zui-command-content-gradient-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-command-content-gradient-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] bg-linear-to-br from-[var(--zui-command-content-gradient-purple-from,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:from-[var(--zui-command-content-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.85)))] to-[var(--zui-command-content-gradient-purple-to,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:to-[var(--zui-command-content-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.85)))] backdrop-blur-xl\",\n \"gradient-teal\":\n \"border-[color:var(--zui-command-content-gradient-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-command-content-gradient-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] bg-linear-to-br from-[var(--zui-command-content-gradient-teal-from,var(--zui-color-teal,oklch(98.4%_0.014_180.72)))] dark:from-[var(--zui-command-content-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(27.7%_0.046_192.524_/_0.85)))] to-[var(--zui-command-content-gradient-teal-to,var(--zui-color-cyan,oklch(98.4%_0.019_200.873)))] dark:to-[var(--zui-command-content-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(30.2%_0.056_229.695_/_0.85)))] backdrop-blur-xl\",\n \"gradient-indigo\":\n \"border-[color:var(--zui-command-content-gradient-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-command-content-gradient-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] bg-linear-to-br from-[var(--zui-command-content-gradient-indigo-from,var(--zui-color-indigo,oklch(96.2%_0.018_272.314)))] dark:from-[var(--zui-command-content-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288_/_0.85)))] to-[var(--zui-command-content-gradient-indigo-to,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:to-[var(--zui-command-content-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.85)))] backdrop-blur-xl\",\n \"gradient-pink\":\n \"border-[color:var(--zui-command-content-gradient-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-command-content-gradient-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-linear-to-br from-[var(--zui-command-content-gradient-pink-from,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:from-[var(--zui-command-content-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.85)))] to-[var(--zui-command-content-gradient-pink-to,var(--zui-color-rose,oklch(96.9%_0.015_12.422)))] dark:to-[var(--zui-command-content-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(27.1%_0.105_12.094_/_0.85)))] backdrop-blur-xl\",\n blue: \"border border-[color:var(--zui-command-content-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-command-content-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-command-content-blue-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-blue-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n cyan: \"border border-[color:var(--zui-command-content-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-command-content-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-command-content-cyan-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-cyan-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n green:\n \"border border-[color:var(--zui-command-content-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-command-content-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-command-content-green-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-green-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n lime: \"border border-[color:var(--zui-command-content-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-command-content-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-command-content-lime-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-lime-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n mint: \"border border-[color:var(--zui-command-content-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-command-content-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-command-content-mint-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-mint-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n ocean:\n \"border border-[color:var(--zui-command-content-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-command-content-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-command-content-ocean-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-ocean-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n sapphire:\n \"border border-[color:var(--zui-command-content-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-command-content-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-command-content-sapphire-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-sapphire-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n lavender:\n \"border border-[color:var(--zui-command-content-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-command-content-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-command-content-lavender-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-lavender-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n ruby: \"border border-[color:var(--zui-command-content-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-command-content-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-command-content-ruby-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-ruby-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n red: \"border border-[color:var(--zui-command-content-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-command-content-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-command-content-red-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-red-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n slate:\n \"border border-[color:var(--zui-command-content-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-command-content-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-command-content-slate-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-slate-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n zinc: \"border border-[color:var(--zui-command-content-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-command-content-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-command-content-zinc-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-zinc-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n stone:\n \"border border-[color:var(--zui-command-content-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-command-content-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-command-content-stone-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-stone-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n royal:\n \"border border-[color:var(--zui-command-content-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-command-content-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-command-content-royal-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-royal-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n electric:\n \"border border-[color:var(--zui-command-content-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-command-content-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-command-content-electric-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-electric-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n forest:\n \"border border-[color:var(--zui-command-content-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-command-content-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-command-content-forest-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-forest-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n sunset:\n \"border border-[color:var(--zui-command-content-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-command-content-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-command-content-sunset-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-sunset-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n magenta:\n \"border border-[color:var(--zui-command-content-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-command-content-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-command-content-magenta-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-magenta-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n crimson:\n \"border border-[color:var(--zui-command-content-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-command-content-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-command-content-crimson-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-crimson-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n aqua: \"border border-[color:var(--zui-command-content-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-command-content-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-command-content-aqua-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-aqua-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n plum: \"border border-[color:var(--zui-command-content-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-command-content-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-command-content-plum-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-command-content-plum-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] backdrop-blur-xl\",\n} as const;\n"]}