@zentauri-ui/zentauri-components 1.7.5 → 1.7.7

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 (124) hide show
  1. package/README.md +11 -6
  2. package/cli/registry.json +3 -0
  3. package/dist/chunk-DEZRB6DS.mjs +83 -0
  4. package/dist/chunk-DEZRB6DS.mjs.map +1 -0
  5. package/dist/chunk-GRJFGIZC.mjs +417 -0
  6. package/dist/chunk-GRJFGIZC.mjs.map +1 -0
  7. package/dist/chunk-QHEHBC6M.js +421 -0
  8. package/dist/chunk-QHEHBC6M.js.map +1 -0
  9. package/dist/chunk-V5JTDRV5.mjs +278 -0
  10. package/dist/chunk-V5JTDRV5.mjs.map +1 -0
  11. package/dist/chunk-Z4KHAD6Y.js +295 -0
  12. package/dist/chunk-Z4KHAD6Y.js.map +1 -0
  13. package/dist/chunk-ZX2IBIZT.js +92 -0
  14. package/dist/chunk-ZX2IBIZT.js.map +1 -0
  15. package/dist/design-system/context-menu.d.ts +41 -0
  16. package/dist/design-system/context-menu.d.ts.map +1 -0
  17. package/dist/design-system/index.d.ts +3 -0
  18. package/dist/design-system/index.d.ts.map +1 -1
  19. package/dist/design-system/timeline.d.ts +56 -0
  20. package/dist/design-system/timeline.d.ts.map +1 -0
  21. package/dist/design-system/tree-view.d.ts +66 -0
  22. package/dist/design-system/tree-view.d.ts.map +1 -0
  23. package/dist/ui/context-menu/context-menu.d.ts +11 -0
  24. package/dist/ui/context-menu/context-menu.d.ts.map +1 -0
  25. package/dist/ui/context-menu/index.d.ts +4 -0
  26. package/dist/ui/context-menu/index.d.ts.map +1 -0
  27. package/dist/ui/context-menu/types.d.ts +81 -0
  28. package/dist/ui/context-menu/types.d.ts.map +1 -0
  29. package/dist/ui/context-menu/variants.d.ts +7 -0
  30. package/dist/ui/context-menu/variants.d.ts.map +1 -0
  31. package/dist/ui/context-menu.js +500 -0
  32. package/dist/ui/context-menu.js.map +1 -0
  33. package/dist/ui/context-menu.mjs +488 -0
  34. package/dist/ui/context-menu.mjs.map +1 -0
  35. package/dist/ui/dropdown.js +9 -89
  36. package/dist/ui/dropdown.js.map +1 -1
  37. package/dist/ui/dropdown.mjs +1 -81
  38. package/dist/ui/dropdown.mjs.map +1 -1
  39. package/dist/ui/scroll-area/scroll-area.d.ts.map +1 -1
  40. package/dist/ui/scroll-area.js.map +1 -1
  41. package/dist/ui/scroll-area.mjs.map +1 -1
  42. package/dist/ui/timeline/animated/animations.d.ts +8 -0
  43. package/dist/ui/timeline/animated/animations.d.ts.map +1 -0
  44. package/dist/ui/timeline/animated/index.d.ts +6 -0
  45. package/dist/ui/timeline/animated/index.d.ts.map +1 -0
  46. package/dist/ui/timeline/animated/timeline-item-animated.d.ts +8 -0
  47. package/dist/ui/timeline/animated/timeline-item-animated.d.ts.map +1 -0
  48. package/dist/ui/timeline/animated/types.d.ts +12 -0
  49. package/dist/ui/timeline/animated/types.d.ts.map +1 -0
  50. package/dist/ui/timeline/animated.js +94 -0
  51. package/dist/ui/timeline/animated.js.map +1 -0
  52. package/dist/ui/timeline/animated.mjs +71 -0
  53. package/dist/ui/timeline/animated.mjs.map +1 -0
  54. package/dist/ui/timeline/index.d.ts +4 -0
  55. package/dist/ui/timeline/index.d.ts.map +1 -0
  56. package/dist/ui/timeline/timeline-base.d.ts +37 -0
  57. package/dist/ui/timeline/timeline-base.d.ts.map +1 -0
  58. package/dist/ui/timeline/timeline.d.ts +8 -0
  59. package/dist/ui/timeline/timeline.d.ts.map +1 -0
  60. package/dist/ui/timeline/types.d.ts +38 -0
  61. package/dist/ui/timeline/types.d.ts.map +1 -0
  62. package/dist/ui/timeline/variants.d.ts +19 -0
  63. package/dist/ui/timeline/variants.d.ts.map +1 -0
  64. package/dist/ui/timeline.js +63 -0
  65. package/dist/ui/timeline.js.map +1 -0
  66. package/dist/ui/timeline.mjs +14 -0
  67. package/dist/ui/timeline.mjs.map +1 -0
  68. package/dist/ui/tree-view/animated/animations.d.ts +6 -0
  69. package/dist/ui/tree-view/animated/animations.d.ts.map +1 -0
  70. package/dist/ui/tree-view/animated/index.d.ts +5 -0
  71. package/dist/ui/tree-view/animated/index.d.ts.map +1 -0
  72. package/dist/ui/tree-view/animated/tree-view-animated.d.ts +6 -0
  73. package/dist/ui/tree-view/animated/tree-view-animated.d.ts.map +1 -0
  74. package/dist/ui/tree-view/animated/types.d.ts +6 -0
  75. package/dist/ui/tree-view/animated/types.d.ts.map +1 -0
  76. package/dist/ui/tree-view/animated.js +53 -0
  77. package/dist/ui/tree-view/animated.js.map +1 -0
  78. package/dist/ui/tree-view/animated.mjs +50 -0
  79. package/dist/ui/tree-view/animated.mjs.map +1 -0
  80. package/dist/ui/tree-view/index.d.ts +5 -0
  81. package/dist/ui/tree-view/index.d.ts.map +1 -0
  82. package/dist/ui/tree-view/tree-view-base.d.ts +15 -0
  83. package/dist/ui/tree-view/tree-view-base.d.ts.map +1 -0
  84. package/dist/ui/tree-view/tree-view.d.ts +6 -0
  85. package/dist/ui/tree-view/tree-view.d.ts.map +1 -0
  86. package/dist/ui/tree-view/types.d.ts +61 -0
  87. package/dist/ui/tree-view/types.d.ts.map +1 -0
  88. package/dist/ui/tree-view/variants.d.ts +9 -0
  89. package/dist/ui/tree-view/variants.d.ts.map +1 -0
  90. package/dist/ui/tree-view.js +27 -0
  91. package/dist/ui/tree-view.js.map +1 -0
  92. package/dist/ui/tree-view.mjs +14 -0
  93. package/dist/ui/tree-view.mjs.map +1 -0
  94. package/package.json +1 -1
  95. package/src/design-system/context-menu.ts +44 -0
  96. package/src/design-system/index.ts +3 -0
  97. package/src/design-system/timeline.ts +87 -0
  98. package/src/design-system/tree-view.ts +113 -0
  99. package/src/ui/context-menu/context-menu.test.tsx +176 -0
  100. package/src/ui/context-menu/context-menu.tsx +536 -0
  101. package/src/ui/context-menu/index.ts +29 -0
  102. package/src/ui/context-menu/types.ts +110 -0
  103. package/src/ui/context-menu/variants.ts +26 -0
  104. package/src/ui/scroll-area/scroll-area.tsx +0 -2
  105. package/src/ui/timeline/animated/animations.ts +16 -0
  106. package/src/ui/timeline/animated/index.ts +22 -0
  107. package/src/ui/timeline/animated/timeline-item-animated.tsx +76 -0
  108. package/src/ui/timeline/animated/types.ts +21 -0
  109. package/src/ui/timeline/index.ts +30 -0
  110. package/src/ui/timeline/timeline-base.tsx +232 -0
  111. package/src/ui/timeline/timeline.test.tsx +262 -0
  112. package/src/ui/timeline/timeline.tsx +24 -0
  113. package/src/ui/timeline/types.ts +61 -0
  114. package/src/ui/timeline/variants.ts +60 -0
  115. package/src/ui/tree-view/animated/animations.ts +13 -0
  116. package/src/ui/tree-view/animated/index.ts +6 -0
  117. package/src/ui/tree-view/animated/tree-view-animated.tsx +52 -0
  118. package/src/ui/tree-view/animated/types.ts +6 -0
  119. package/src/ui/tree-view/index.ts +13 -0
  120. package/src/ui/tree-view/tree-view-base.tsx +496 -0
  121. package/src/ui/tree-view/tree-view.test.tsx +136 -0
  122. package/src/ui/tree-view/tree-view.tsx +9 -0
  123. package/src/ui/tree-view/types.ts +68 -0
  124. package/src/ui/tree-view/variants.ts +32 -0
package/dist/chunk-Z4KHAD6Y.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/design-system/timeline.ts","../src/ui/timeline/variants.ts","../src/ui/timeline/timeline-base.tsx"],"names":["cva","createContext","useContext","useMemo","Children","isValidElement","jsx","cn","jsxs"],"mappings":"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","file":"chunk-Z4KHAD6Y.js","sourcesContent":["export const zuiTimelineBase = \"flex w-full flex-col\";\n\nexport const zuiTimelineItemBase = \"relative flex gap-4\";\n\nexport const zuiTimelineIndicatorBase =\n \"relative z-[1] grid shrink-0 place-items-center rounded-full border font-semibold transition-colors\";\n\nexport const zuiTimelineIndicatorAppearances = {\n default:\n \"border-[color:var(--zui-timeline-indicator-default-border,oklch(55.1%_0.027_264.364_/_0.6))] bg-[var(--zui-timeline-indicator-default-bg,oklch(55.1%_0.027_264.364_/_0.2))] text-[color:var(--zui-timeline-indicator-default-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-timeline-indicator-default-fg-dark,oklch(96.7%_0.003_264.542))] ring-2 ring-[var(--zui-timeline-indicator-default-ring,oklch(70.7%_0.022_261.325_/_0.3))]\",\n sky: \"border-[color:var(--zui-timeline-indicator-sky-border,oklch(68.5%_0.169_237.323_/_0.6))] bg-[var(--zui-timeline-indicator-sky-bg,oklch(68.5%_0.169_237.323_/_0.2))] text-[color:var(--zui-timeline-indicator-sky-fg,oklch(39.1%_0.09_240.876))] dark:text-[color:var(--zui-timeline-indicator-sky-fg-dark,oklch(95.1%_0.026_236.824))] ring-2 ring-[var(--zui-timeline-indicator-sky-ring,oklch(74.6%_0.16_232.661_/_0.3))]\",\n rose: \"border-[color:var(--zui-timeline-indicator-rose-border,oklch(64.5%_0.246_16.439_/_0.6))] bg-[var(--zui-timeline-indicator-rose-bg,oklch(64.5%_0.246_16.439_/_0.2))] text-[color:var(--zui-timeline-indicator-rose-fg,oklch(41%_0.159_10.272))] dark:text-[color:var(--zui-timeline-indicator-rose-fg-dark,oklch(94.1%_0.03_12.58))] ring-2 ring-[var(--zui-timeline-indicator-rose-ring,oklch(71.2%_0.194_13.428_/_0.3))]\",\n purple:\n \"border-[color:var(--zui-timeline-indicator-purple-border,oklch(62.7%_0.265_303.9_/_0.6))] bg-[var(--zui-timeline-indicator-purple-bg,oklch(62.7%_0.265_303.9_/_0.2))] text-[color:var(--zui-timeline-indicator-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-timeline-indicator-purple-fg-dark,oklch(94.6%_0.033_307.174))] ring-2 ring-[var(--zui-timeline-indicator-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))]\",\n pink: \"border-[color:var(--zui-timeline-indicator-pink-border,oklch(65.6%_0.241_354.308_/_0.6))] bg-[var(--zui-timeline-indicator-pink-bg,oklch(65.6%_0.241_354.308_/_0.2))] text-[color:var(--zui-timeline-indicator-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-timeline-indicator-pink-fg-dark,oklch(94.8%_0.028_342.258))] ring-2 ring-[var(--zui-timeline-indicator-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))]\",\n orange:\n \"border-[color:var(--zui-timeline-indicator-orange-border,oklch(70.5%_0.213_47.604_/_0.6))] bg-[var(--zui-timeline-indicator-orange-bg,oklch(70.5%_0.213_47.604_/_0.2))] text-[color:var(--zui-timeline-indicator-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-timeline-indicator-orange-fg-dark,oklch(95.4%_0.038_75.164))] ring-2 ring-[var(--zui-timeline-indicator-orange-ring,oklch(75%_0.183_55.934_/_0.3))]\",\n yellow:\n \"border-[color:var(--zui-timeline-indicator-yellow-border,oklch(79.5%_0.184_86.047_/_0.6))] bg-[var(--zui-timeline-indicator-yellow-bg,oklch(79.5%_0.184_86.047_/_0.2))] text-[color:var(--zui-timeline-indicator-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-timeline-indicator-yellow-fg-dark,oklch(97.3%_0.071_103.193))] ring-2 ring-[var(--zui-timeline-indicator-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))]\",\n teal: \"border-[color:var(--zui-timeline-indicator-teal-border,oklch(70.4%_0.14_182.503_/_0.6))] bg-[var(--zui-timeline-indicator-teal-bg,oklch(70.4%_0.14_182.503_/_0.2))] text-[color:var(--zui-timeline-indicator-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-timeline-indicator-teal-fg-dark,oklch(95.3%_0.051_180.801))] ring-2 ring-[var(--zui-timeline-indicator-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))]\",\n indigo:\n \"border-[color:var(--zui-timeline-indicator-indigo-border,oklch(58.5%_0.233_277.117_/_0.6))] bg-[var(--zui-timeline-indicator-indigo-bg,oklch(58.5%_0.233_277.117_/_0.2))] text-[color:var(--zui-timeline-indicator-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-timeline-indicator-indigo-fg-dark,oklch(93%_0.034_272.788))] ring-2 ring-[var(--zui-timeline-indicator-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))]\",\n emerald:\n \"border-[color:var(--zui-timeline-indicator-emerald-border,oklch(69.6%_0.17_162.48_/_0.6))] bg-[var(--zui-timeline-indicator-emerald-bg,oklch(69.6%_0.17_162.48_/_0.2))] text-[color:var(--zui-timeline-indicator-emerald-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-timeline-indicator-emerald-fg-dark,oklch(95%_0.052_163.051))] ring-2 ring-[var(--zui-timeline-indicator-emerald-ring,oklch(76.5%_0.177_163.223_/_0.3))]\",\n gray: \"border-[color:var(--zui-timeline-indicator-gray-border,oklch(55.1%_0.027_264.364_/_0.6))] bg-[var(--zui-timeline-indicator-gray-bg,oklch(55.1%_0.027_264.364_/_0.2))] text-[color:var(--zui-timeline-indicator-gray-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-timeline-indicator-gray-fg-dark,oklch(96.7%_0.003_264.542))] ring-2 ring-[var(--zui-timeline-indicator-gray-ring,oklch(70.7%_0.022_261.325_/_0.3))]\",\n violet:\n \"border-[color:var(--zui-timeline-indicator-violet-border,oklch(60.6%_0.25_292.717_/_0.6))] bg-[var(--zui-timeline-indicator-violet-bg,oklch(60.6%_0.25_292.717_/_0.2))] text-[color:var(--zui-timeline-indicator-violet-fg,oklch(38%_0.189_293.745))] dark:text-[color:var(--zui-timeline-indicator-violet-fg-dark,oklch(94.3%_0.029_294.588))] ring-2 ring-[var(--zui-timeline-indicator-violet-ring,oklch(70.2%_0.183_293.541_/_0.3))]\",\n \"gradient-blue\":\n \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-blue-from,oklch(62.3%_0.214_259.815))] to-[var(--zui-timeline-indicator-gradient-blue-to,oklch(54.6%_0.245_262.881))] text-[color:var(--zui-timeline-indicator-gradient-blue-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-blue-ring,oklch(70.7%_0.165_254.624_/_0.3))]\",\n \"gradient-green\":\n \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-green-from,oklch(72.3%_0.219_149.579))] to-[var(--zui-timeline-indicator-gradient-green-to,oklch(62.7%_0.194_149.214))] text-[color:var(--zui-timeline-indicator-gradient-green-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-green-ring,oklch(79.2%_0.209_151.711_/_0.3))]\",\n \"gradient-red\":\n \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-red-from,oklch(63.7%_0.237_25.331))] to-[var(--zui-timeline-indicator-gradient-red-to,oklch(57.7%_0.245_27.325))] text-[color:var(--zui-timeline-indicator-gradient-red-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-red-ring,oklch(70.4%_0.191_22.216_/_0.3))]\",\n \"gradient-yellow\":\n \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-yellow-from,oklch(85.2%_0.199_91.936))] to-[var(--zui-timeline-indicator-gradient-yellow-to,oklch(79.5%_0.184_86.047))] text-[color:var(--zui-timeline-indicator-gradient-yellow-fg,oklch(42.1%_0.095_57.708))] ring-2 ring-[var(--zui-timeline-indicator-gradient-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))]\",\n \"gradient-purple\":\n \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-purple-from,oklch(71.4%_0.203_305.504))] to-[var(--zui-timeline-indicator-gradient-purple-to,oklch(62.7%_0.265_303.9))] text-[color:var(--zui-timeline-indicator-gradient-purple-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))]\",\n \"gradient-teal\":\n \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-teal-from,oklch(77.7%_0.152_181.912))] to-[var(--zui-timeline-indicator-gradient-teal-to,oklch(70.4%_0.14_182.503))] text-[color:var(--zui-timeline-indicator-gradient-teal-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))]\",\n \"gradient-indigo\":\n \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-indigo-from,oklch(67.3%_0.182_276.935))] to-[var(--zui-timeline-indicator-gradient-indigo-to,oklch(58.5%_0.233_277.117))] text-[color:var(--zui-timeline-indicator-gradient-indigo-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))]\",\n \"gradient-pink\":\n \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-pink-from,oklch(71.8%_0.202_349.761))] to-[var(--zui-timeline-indicator-gradient-pink-to,oklch(65.6%_0.241_354.308))] text-[color:var(--zui-timeline-indicator-gradient-pink-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))]\",\n \"gradient-orange\":\n \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-orange-from,oklch(75%_0.183_55.934))] to-[var(--zui-timeline-indicator-gradient-orange-to,oklch(70.5%_0.213_47.604))] text-[color:var(--zui-timeline-indicator-gradient-orange-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-orange-ring,oklch(75%_0.183_55.934_/_0.3))]\",\n} as const;\n\nexport const zuiTimelineIndicatorSizes = {\n sm: \"size-5 text-[0.625rem]\",\n md: \"size-6 text-xs\",\n lg: \"size-7 text-sm\",\n} as const;\n\nexport const zuiTimelineConnectorBase =\n \"pointer-events-none absolute bottom-0 w-px -translate-x-1/2 rounded-full bg-[var(--zui-timeline-connector,#0000001f)] dark:bg-[var(--zui-timeline-connector-dark,#ffffff1f)]\";\n\nexport const zuiTimelineConnectorSizes = {\n sm: \"left-2.5 top-6\",\n md: \"left-3 top-7\",\n lg: \"left-3.5 top-8\",\n} as const;\n\nexport const zuiTimelineContentBase = \"min-w-0 flex-1\";\n\nexport const zuiTimelineContentSizes = {\n sm: \"pb-5\",\n md: \"pb-6\",\n lg: \"pb-8\",\n} as const;\n\nexport const zuiTimelineTitleBase =\n \"font-semibold text-[color:var(--zui-timeline-title-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-timeline-title-fg-dark,#ffffff)]\";\n\nexport const zuiTimelineTitleSizes = {\n sm: \"text-sm\",\n md: \"text-sm\",\n lg: \"text-base\",\n} as const;\n\nexport const zuiTimelineDescriptionBase =\n \"text-[color:var(--zui-timeline-description-fg,oklch(44.6%_0.03_256.802))] dark:text-[color:var(--zui-timeline-description-fg-dark,oklch(70.4%_0.04_256.788))]\";\n\nexport const zuiTimelineDescriptionSizes = {\n sm: \"text-xs\",\n md: \"text-xs\",\n lg: \"text-sm\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n zuiTimelineBase,\n zuiTimelineConnectorBase,\n zuiTimelineConnectorSizes,\n zuiTimelineContentBase,\n zuiTimelineContentSizes,\n zuiTimelineDescriptionBase,\n zuiTimelineDescriptionSizes,\n zuiTimelineIndicatorAppearances,\n zuiTimelineIndicatorBase,\n zuiTimelineIndicatorSizes,\n zuiTimelineItemBase,\n zuiTimelineTitleBase,\n zuiTimelineTitleSizes,\n} from \"../../design-system/timeline\";\n\nexport const timelineVariants = cva(zuiTimelineBase);\n\nexport const timelineItemVariants = cva(zuiTimelineItemBase);\n\nexport const timelineConnectorVariants = cva(zuiTimelineConnectorBase, {\n variants: {\n size: zuiTimelineConnectorSizes,\n },\n defaultVariants: { size: \"md\" },\n});\n\nexport const timelineIndicatorVariants = cva(zuiTimelineIndicatorBase, {\n variants: {\n appearance: zuiTimelineIndicatorAppearances,\n size: zuiTimelineIndicatorSizes,\n },\n defaultVariants: {\n appearance: \"default\",\n size: \"md\",\n },\n});\n\nexport const timelineContentVariants = cva(zuiTimelineContentBase, {\n variants: {\n size: zuiTimelineContentSizes,\n },\n defaultVariants: { size: \"md\" },\n});\n\nexport const timelineTitleVariants = cva(zuiTimelineTitleBase, {\n variants: {\n size: zuiTimelineTitleSizes,\n },\n defaultVariants: { size: \"md\" },\n});\n\nexport const timelineDescriptionVariants = cva(zuiTimelineDescriptionBase, {\n variants: {\n size: zuiTimelineDescriptionSizes,\n },\n defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport {\n Children,\n createContext,\n isValidElement,\n useContext,\n useMemo,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n TimelineContentProps,\n TimelineCtx,\n TimelineDescriptionProps,\n TimelineIndicatorProps,\n TimelineItemCtx,\n TimelineItemProps,\n TimelineProps,\n TimelineSize,\n TimelineTitleProps,\n} from \"./types\";\nimport {\n timelineConnectorVariants,\n timelineContentVariants,\n timelineDescriptionVariants,\n timelineIndicatorVariants,\n timelineItemVariants,\n timelineTitleVariants,\n timelineVariants,\n} from \"./variants\";\n\nconst TimelineContext = createContext<TimelineCtx | null>(null);\n\nconst TimelineIndexContext = createContext<number | null>(null);\n\nexport const TimelineItemContext = createContext<TimelineItemCtx | null>(null);\n\nexport function useTimelineContext(component: string): TimelineCtx {\n const ctx = useContext(TimelineContext);\n if (!ctx) {\n throw new Error(`${component} must be used within <Timeline>`);\n }\n return ctx;\n}\n\nexport function useTimelineIndex(component: string): number {\n const index = useContext(TimelineIndexContext);\n if (index === null) {\n throw new Error(`${component} must be used within <Timeline>`);\n }\n return index;\n}\n\nfunction useTimelineSize(): TimelineSize {\n return useContext(TimelineContext)?.size ?? \"md\";\n}\n\nfunction useTimelineIsLast(): boolean {\n return useContext(TimelineItemContext)?.isLast ?? false;\n}\n\nexport function Timeline({\n appearance = \"default\",\n size = \"md\",\n className,\n children,\n ref,\n ...rest\n}: TimelineProps) {\n const items = useMemo(\n () => Children.toArray(children).filter(isValidElement),\n [children],\n );\n const ctx = useMemo<TimelineCtx>(\n () => ({\n appearance: appearance ?? \"default\",\n size: size ?? \"md\",\n total: items.length,\n }),\n [appearance, size, items.length],\n );\n\n return (\n <TimelineContext.Provider value={ctx}>\n <ol\n ref={ref}\n data-slot=\"timeline\"\n className={cn(timelineVariants(), \"m-0 list-none p-0\", className)}\n {...rest}\n >\n {items.map((child, index) => (\n <TimelineIndexContext.Provider key={child.key} value={index}>\n {child}\n </TimelineIndexContext.Provider>\n ))}\n </ol>\n </TimelineContext.Provider>\n );\n}\n\nTimeline.displayName = \"Timeline\";\n\nexport function TimelineItem({\n className,\n children,\n ref,\n ...rest\n}: TimelineItemProps) {\n const { size, total } = useTimelineContext(\"TimelineItem\");\n const index = useTimelineIndex(\"TimelineItem\");\n const isLast = index === total - 1;\n const itemCtx = useMemo<TimelineItemCtx>(\n () => ({ index, isLast }),\n [index, isLast],\n );\n\n return (\n <TimelineItemContext.Provider value={itemCtx}>\n <li\n ref={ref}\n data-slot=\"timeline-item\"\n data-last={isLast ? \"\" : undefined}\n className={cn(timelineItemVariants(), className)}\n {...rest}\n >\n {!isLast ? (\n <span\n aria-hidden=\"true\"\n data-slot=\"timeline-connector\"\n className={timelineConnectorVariants({ size })}\n />\n ) : null}\n {children}\n </li>\n </TimelineItemContext.Provider>\n );\n}\n\nTimelineItem.displayName = \"TimelineItem\";\n\nexport function TimelineIndicator({\n className,\n appearance,\n children,\n ref,\n ...rest\n}: TimelineIndicatorProps & { ref?: React.Ref<HTMLDivElement> }) {\n const { appearance: rootAppearance, size } =\n useTimelineContext(\"TimelineIndicator\");\n return (\n <div\n ref={ref}\n data-slot=\"timeline-indicator\"\n className={cn(\n timelineIndicatorVariants({\n appearance: appearance ?? rootAppearance,\n size,\n }),\n className,\n )}\n {...rest}\n >\n {children}\n </div>\n );\n}\n\nTimelineIndicator.displayName = \"TimelineIndicator\";\n\nexport function TimelineContent({\n className,\n children,\n ref,\n ...rest\n}: TimelineContentProps & { ref?: React.Ref<HTMLDivElement> }) {\n const size = useTimelineSize();\n const isLast = useTimelineIsLast();\n return (\n <div\n ref={ref}\n data-slot=\"timeline-content\"\n className={cn(\n timelineContentVariants({ size }),\n isLast && \"pb-0\",\n className,\n )}\n {...rest}\n >\n {children}\n </div>\n );\n}\n\nTimelineContent.displayName = \"TimelineContent\";\n\nexport function TimelineTitle({\n className,\n ref,\n ...rest\n}: TimelineTitleProps & { ref?: React.Ref<HTMLDivElement> }) {\n const size = useTimelineSize();\n return (\n <div\n ref={ref}\n data-slot=\"timeline-title\"\n className={cn(timelineTitleVariants({ size }), className)}\n {...rest}\n />\n );\n}\n\nTimelineTitle.displayName = \"TimelineTitle\";\n\nexport function TimelineDescription({\n className,\n ref,\n ...rest\n}: TimelineDescriptionProps & { ref?: React.Ref<HTMLParagraphElement> }) {\n const size = useTimelineSize();\n return (\n <p\n ref={ref}\n data-slot=\"timeline-description\"\n className={cn(timelineDescriptionVariants({ size }), className)}\n {...rest}\n />\n );\n}\n\nTimelineDescription.displayName = \"TimelineDescription\";\n"]}
package/dist/chunk-ZX2IBIZT.js ADDED
@@ -0,0 +1,92 @@
1
+ 'use strict';
2
+
3
+ // src/design-system/dropdown.ts
4
+ var zuiDropdownTriggerBase = "inline-flex items-center justify-between rounded-md font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-dropdown-trigger-ring-focus,oklch(55.1%_0.027_264.364_/_0.6))] dark:focus-visible:ring-[var(--zui-dropdown-trigger-ring-focus-dark,oklch(55.1%_0.027_264.364_/_0.6))] cursor-pointer";
5
+ var zuiDropdownTriggerVariants = {
6
+ default: "bg-[var(--zui-dropdown-trigger-default-bg,oklch(92.8%_0.006_264.531))] dark:bg-[var(--zui-dropdown-trigger-default-bg-dark,oklch(21%_0.034_264.665))] text-[color:var(--zui-dropdown-trigger-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-dropdown-trigger-default-fg-dark,#ffffff)]",
7
+ outline: "border border-[color:var(--zui-dropdown-trigger-outline-border,oklch(37.3%_0.034_259.733))] dark:border-[color:var(--zui-dropdown-trigger-outline-border-dark,oklch(87.2%_0.01_258.338))] text-[color:var(--zui-dropdown-trigger-outline-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-trigger-outline-fg-dark,oklch(96.7%_0.003_264.542))]",
8
+ ghost: "bg-[var(--zui-dropdown-trigger-ghost-bg,transparent)] dark:bg-[var(--zui-dropdown-trigger-ghost-bg-dark,transparent)] text-[color:var(--zui-dropdown-trigger-ghost-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-trigger-ghost-fg-dark,oklch(96.7%_0.003_264.542))]",
9
+ white: "bg-[var(--zui-dropdown-trigger-white-bg,#ffffff)] dark:bg-[var(--zui-dropdown-trigger-white-bg-dark,#ffffff)] text-[color:var(--zui-dropdown-trigger-white-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-trigger-white-fg-dark,oklch(21%_0.034_264.665))]",
10
+ black: "bg-[var(--zui-dropdown-trigger-black-bg,#000000)] dark:bg-[var(--zui-dropdown-trigger-black-bg-dark,#000000)] text-[color:var(--zui-dropdown-trigger-black-fg,#ffffff)] dark:text-[color:var(--zui-dropdown-trigger-black-fg-dark,#ffffff)]",
11
+ sky: "border border-[color:var(--zui-dropdown-trigger-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-dropdown-trigger-sky-border-dark,oklch(58.8%_0.158_241.966))] text-[color:var(--zui-dropdown-trigger-sky-fg,oklch(44.3%_0.11_240.79))] dark:text-[color:var(--zui-dropdown-trigger-sky-fg-dark,oklch(58.8%_0.158_241.966))]",
12
+ rose: "border border-[color:var(--zui-dropdown-trigger-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-dropdown-trigger-rose-border-dark,oklch(58.6%_0.253_17.585))] text-[color:var(--zui-dropdown-trigger-rose-fg,oklch(45.5%_0.188_13.697))] dark:text-[color:var(--zui-dropdown-trigger-rose-fg-dark,oklch(58.6%_0.253_17.585))]",
13
+ purple: "border border-[color:var(--zui-dropdown-trigger-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-dropdown-trigger-purple-border-dark,oklch(55.8%_0.288_302.321))] text-[color:var(--zui-dropdown-trigger-purple-fg,oklch(43.8%_0.218_303.724))] dark:text-[color:var(--zui-dropdown-trigger-purple-fg-dark,oklch(55.8%_0.288_302.321))]",
14
+ pink: "border border-[color:var(--zui-dropdown-trigger-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-dropdown-trigger-pink-border-dark,oklch(59.2%_0.249_0.584))] text-[color:var(--zui-dropdown-trigger-pink-fg,oklch(45.9%_0.187_3.815))] dark:text-[color:var(--zui-dropdown-trigger-pink-fg-dark,oklch(59.2%_0.249_0.584))]",
15
+ orange: "border border-[color:var(--zui-dropdown-trigger-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-dropdown-trigger-orange-border-dark,oklch(64.6%_0.222_41.116))] text-[color:var(--zui-dropdown-trigger-orange-fg,oklch(47%_0.157_37.304))] dark:text-[color:var(--zui-dropdown-trigger-orange-fg-dark,oklch(64.6%_0.222_41.116))]",
16
+ yellow: "border border-[color:var(--zui-dropdown-trigger-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-dropdown-trigger-yellow-border-dark,oklch(68.1%_0.162_75.834))] text-[color:var(--zui-dropdown-trigger-yellow-fg,oklch(47.6%_0.114_61.907))] dark:text-[color:var(--zui-dropdown-trigger-yellow-fg-dark,oklch(68.1%_0.162_75.834))]",
17
+ teal: "border border-[color:var(--zui-dropdown-trigger-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-dropdown-trigger-teal-border-dark,oklch(60%_0.118_184.704))] text-[color:var(--zui-dropdown-trigger-teal-fg,oklch(43.7%_0.078_188.216))] dark:text-[color:var(--zui-dropdown-trigger-teal-fg-dark,oklch(60%_0.118_184.704))]",
18
+ indigo: "border border-[color:var(--zui-dropdown-trigger-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-dropdown-trigger-indigo-border-dark,oklch(51.1%_0.262_276.966))] text-[color:var(--zui-dropdown-trigger-indigo-fg,oklch(39.8%_0.195_277.366))] dark:text-[color:var(--zui-dropdown-trigger-indigo-fg-dark,oklch(51.1%_0.262_276.966))]",
19
+ emerald: "border border-[color:var(--zui-dropdown-trigger-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-dropdown-trigger-emerald-border-dark,oklch(59.6%_0.145_163.225))] text-[color:var(--zui-dropdown-trigger-emerald-fg,oklch(43.2%_0.095_166.913))] dark:text-[color:var(--zui-dropdown-trigger-emerald-fg-dark,oklch(59.6%_0.145_163.225))]",
20
+ gray: "border border-[color:var(--zui-dropdown-trigger-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-dropdown-trigger-gray-border-dark,oklch(44.6%_0.03_256.802))] text-[color:var(--zui-dropdown-trigger-gray-fg,oklch(27.8%_0.033_256.848))] dark:text-[color:var(--zui-dropdown-trigger-gray-fg-dark,oklch(44.6%_0.03_256.802))]",
21
+ amber: "border border-[color:var(--zui-dropdown-trigger-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-dropdown-trigger-amber-border-dark,oklch(66.6%_0.179_58.318))] text-[color:var(--zui-dropdown-trigger-amber-fg,oklch(47.3%_0.137_46.201))] dark:text-[color:var(--zui-dropdown-trigger-amber-fg-dark,oklch(66.6%_0.179_58.318))]",
22
+ violet: "border border-[color:var(--zui-dropdown-trigger-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-dropdown-trigger-violet-border-dark,oklch(54.1%_0.281_293.009))] text-[color:var(--zui-dropdown-trigger-violet-fg,oklch(43.2%_0.232_292.759))] dark:text-[color:var(--zui-dropdown-trigger-violet-fg-dark,oklch(54.1%_0.281_293.009))]",
23
+ "gradient-blue": "bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-blue-from,oklch(42.4%_0.199_265.638))] dark:from-[var(--zui-dropdown-trigger-gradient-blue-from-dark,oklch(54.6%_0.245_262.881))] to-[var(--zui-dropdown-trigger-gradient-blue-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-dropdown-trigger-gradient-blue-to-dark,oklch(55.8%_0.288_302.321))] text-[color:var(--zui-dropdown-trigger-gradient-blue-fg,oklch(88.2%_0.059_254.128))] dark:text-[color:var(--zui-dropdown-trigger-gradient-blue-fg-dark,oklch(88.2%_0.059_254.128))]",
24
+ "gradient-green": "bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-green-from,oklch(44.8%_0.119_151.328))] dark:from-[var(--zui-dropdown-trigger-gradient-green-from-dark,oklch(62.7%_0.194_149.214))] to-[var(--zui-dropdown-trigger-gradient-green-to,oklch(45.3%_0.124_130.933))] dark:to-[var(--zui-dropdown-trigger-gradient-green-to-dark,oklch(64.8%_0.2_131.684))] text-[color:var(--zui-dropdown-trigger-gradient-green-fg,oklch(92.5%_0.084_155.995))] dark:text-[color:var(--zui-dropdown-trigger-gradient-green-fg-dark,oklch(92.5%_0.084_155.995))]",
25
+ "gradient-red": "bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-red-from,oklch(44.4%_0.177_26.899))] dark:from-[var(--zui-dropdown-trigger-gradient-red-from-dark,oklch(57.7%_0.245_27.325))] to-[var(--zui-dropdown-trigger-gradient-red-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-dropdown-trigger-gradient-red-to-dark,oklch(59.2%_0.249_0.584))] text-[color:var(--zui-dropdown-trigger-gradient-red-fg,oklch(88.5%_0.062_18.334))] dark:text-[color:var(--zui-dropdown-trigger-gradient-red-fg-dark,oklch(88.5%_0.062_18.334))]",
26
+ "gradient-yellow": "bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-yellow-from,oklch(47.6%_0.114_61.907))] dark:from-[var(--zui-dropdown-trigger-gradient-yellow-from-dark,oklch(68.1%_0.162_75.834))] to-[var(--zui-dropdown-trigger-gradient-yellow-to,oklch(47%_0.157_37.304))] dark:to-[var(--zui-dropdown-trigger-gradient-yellow-to-dark,oklch(64.6%_0.222_41.116))] text-[color:var(--zui-dropdown-trigger-gradient-yellow-fg,oklch(94.5%_0.129_101.54))] dark:text-[color:var(--zui-dropdown-trigger-gradient-yellow-fg-dark,oklch(94.5%_0.129_101.54))]",
27
+ "gradient-purple": "bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-purple-from,oklch(43.8%_0.218_303.724))] dark:from-[var(--zui-dropdown-trigger-gradient-purple-from-dark,oklch(55.8%_0.288_302.321))] to-[var(--zui-dropdown-trigger-gradient-purple-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-dropdown-trigger-gradient-purple-to-dark,oklch(59.2%_0.249_0.584))] text-[color:var(--zui-dropdown-trigger-gradient-purple-fg,oklch(90.2%_0.063_306.703))] dark:text-[color:var(--zui-dropdown-trigger-gradient-purple-fg-dark,oklch(90.2%_0.063_306.703))]",
28
+ "gradient-teal": "bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-teal-from,oklch(43.7%_0.078_188.216))] dark:from-[var(--zui-dropdown-trigger-gradient-teal-from-dark,oklch(60%_0.118_184.704))] to-[var(--zui-dropdown-trigger-gradient-teal-to,oklch(45%_0.085_224.283))] dark:to-[var(--zui-dropdown-trigger-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))] text-[color:var(--zui-dropdown-trigger-gradient-teal-fg,oklch(91%_0.096_180.426))] dark:text-[color:var(--zui-dropdown-trigger-gradient-teal-fg-dark,oklch(91%_0.096_180.426))]",
29
+ "gradient-indigo": "bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-dropdown-trigger-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-dropdown-trigger-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-dropdown-trigger-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] text-[color:var(--zui-dropdown-trigger-gradient-indigo-fg,oklch(87%_0.065_274.039))] dark:text-[color:var(--zui-dropdown-trigger-gradient-indigo-fg-dark,oklch(87%_0.065_274.039))]",
30
+ "gradient-pink": "bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-dropdown-trigger-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-dropdown-trigger-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-dropdown-trigger-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] text-[color:var(--zui-dropdown-trigger-gradient-pink-fg,oklch(89.9%_0.061_343.231))] dark:text-[color:var(--zui-dropdown-trigger-gradient-pink-fg-dark,oklch(89.9%_0.061_343.231))]",
31
+ "gradient-orange": "bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-dropdown-trigger-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-dropdown-trigger-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-dropdown-trigger-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] text-[color:var(--zui-dropdown-trigger-gradient-orange-fg,oklch(90.1%_0.076_70.697))] dark:text-[color:var(--zui-dropdown-trigger-gradient-orange-fg-dark,oklch(90.1%_0.076_70.697))]"
32
+ };
33
+ var zuiDropdownTriggerSizes = {
34
+ sm: "px-2 py-1 text-sm",
35
+ md: "px-3 py-2 text-base",
36
+ lg: "px-4 py-3 text-lg"
37
+ };
38
+ var zuiDropdownContentBase = "absolute min-w-[200px] rounded-md p-2 shadow-md z-50 border border-[color:var(--zui-dropdown-content-border,oklch(20.8%_0.042_265.755_/_0.1))] dark:border-[color:var(--zui-dropdown-content-border-dark,#ffffff1a)] bg-[var(--zui-dropdown-content-bg,oklch(96.8%_0.007_247.896))] dark:bg-[var(--zui-dropdown-content-bg-dark,oklch(20.8%_0.042_265.755))] text-[color:var(--zui-dropdown-content-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-dropdown-content-fg-dark,oklch(96.8%_0.007_247.896))] shadow-lg rounded-lg";
39
+ var zuiDropdownPlacements = {
40
+ top: "bottom-full mb-2",
41
+ bottom: "top-full mt-2",
42
+ left: "right-full mr-2",
43
+ right: "left-full ml-2"
44
+ };
45
+ var zuiDropdownSpacing = {
46
+ none: "space-y-0",
47
+ default: "space-y-1",
48
+ sm: "space-y-2",
49
+ md: "space-y-3",
50
+ lg: "space-y-4",
51
+ xl: "space-y-5"
52
+ };
53
+ var zuiDropdownItemBase = "flex items-center justify-between px-3 py-2 text-sm cursor-pointer rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-dropdown-item-ring-focus,oklch(55.1%_0.027_264.364_/_0.6))] dark:focus-visible:ring-[var(--zui-dropdown-item-ring-focus-dark,oklch(55.1%_0.027_264.364_/_0.6))] font-semibold";
54
+ var zuiDropdownItemVariants = {
55
+ default: "hover:bg-[var(--zui-dropdown-item-default-bg-hover,oklch(96.7%_0.003_264.542))] dark:hover:bg-[var(--zui-dropdown-item-default-bg-hover-dark,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-default-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-default-fg-hover-dark,oklch(21%_0.034_264.665))] text-[color:var(--zui-dropdown-item-default-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-item-default-fg-dark,oklch(96.7%_0.003_264.542))]",
56
+ outline: "hover:bg-[var(--zui-dropdown-item-outline-bg-hover,oklch(96.7%_0.003_264.542))] dark:hover:bg-[var(--zui-dropdown-item-outline-bg-hover-dark,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-outline-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-outline-fg-hover-dark,oklch(21%_0.034_264.665))] border border-[color:var(--zui-dropdown-item-outline-border,#000000)] dark:border-[color:var(--zui-dropdown-item-outline-border-dark,#ffffff)] text-[color:var(--zui-dropdown-item-outline-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-item-outline-fg-dark,oklch(96.7%_0.003_264.542))]",
57
+ ghost: "hover:bg-[var(--zui-dropdown-item-ghost-bg-hover,oklch(96.7%_0.003_264.542))] dark:hover:bg-[var(--zui-dropdown-item-ghost-bg-hover-dark,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-ghost-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-ghost-fg-hover-dark,oklch(21%_0.034_264.665))] bg-[var(--zui-dropdown-item-ghost-bg,transparent)] dark:bg-[var(--zui-dropdown-item-ghost-bg-dark,transparent)] text-[color:var(--zui-dropdown-item-ghost-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-item-ghost-fg-dark,oklch(96.7%_0.003_264.542))]",
58
+ white: "hover:bg-[var(--zui-dropdown-item-white-bg-hover,oklch(96.7%_0.003_264.542))] dark:hover:bg-[var(--zui-dropdown-item-white-bg-hover-dark,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-white-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-white-fg-hover-dark,oklch(21%_0.034_264.665))] bg-[var(--zui-dropdown-item-white-bg,#ffffff)] dark:bg-[var(--zui-dropdown-item-white-bg-dark,#000000)] text-[color:var(--zui-dropdown-item-white-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-item-white-fg-dark,#ffffff)]",
59
+ black: "hover:bg-[var(--zui-dropdown-item-black-bg-hover,oklch(96.7%_0.003_264.542))] dark:hover:bg-[var(--zui-dropdown-item-black-bg-hover-dark,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-black-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-black-fg-hover-dark,oklch(21%_0.034_264.665))] bg-[var(--zui-dropdown-item-black-bg,#000000)] dark:bg-[var(--zui-dropdown-item-black-bg-dark,#ffffff)] text-[color:var(--zui-dropdown-item-black-fg,#ffffff)] dark:text-[color:var(--zui-dropdown-item-black-fg-dark,oklch(21%_0.034_264.665))]",
60
+ sky: "hover:bg-[var(--zui-dropdown-item-sky-bg-hover,oklch(95.1%_0.026_236.824))] dark:hover:bg-[var(--zui-dropdown-item-sky-bg-hover-dark,oklch(95.1%_0.026_236.824))] hover:text-[color:var(--zui-dropdown-item-sky-fg-hover,oklch(44.3%_0.11_240.79))] dark:hover:text-[color:var(--zui-dropdown-item-sky-fg-hover-dark,oklch(58.8%_0.158_241.966))] bg-[var(--zui-dropdown-item-sky-bg,oklch(90.1%_0.058_230.902))] dark:bg-[var(--zui-dropdown-item-sky-bg-dark,oklch(90.1%_0.058_230.902))] text-[color:var(--zui-dropdown-item-sky-fg,oklch(39.1%_0.09_240.876))] dark:text-[color:var(--zui-dropdown-item-sky-fg-dark,oklch(44.3%_0.11_240.79))]",
61
+ rose: "hover:bg-[var(--zui-dropdown-item-rose-bg-hover,oklch(94.1%_0.03_12.58))] dark:hover:bg-[var(--zui-dropdown-item-rose-bg-hover-dark,oklch(94.1%_0.03_12.58))] hover:text-[color:var(--zui-dropdown-item-rose-fg-hover,oklch(45.5%_0.188_13.697))] dark:hover:text-[color:var(--zui-dropdown-item-rose-fg-hover-dark,oklch(58.6%_0.253_17.585))] bg-[var(--zui-dropdown-item-rose-bg,oklch(89.2%_0.058_10.001))] dark:bg-[var(--zui-dropdown-item-rose-bg-dark,oklch(89.2%_0.058_10.001))] text-[color:var(--zui-dropdown-item-rose-fg,oklch(41%_0.159_10.272))] dark:text-[color:var(--zui-dropdown-item-rose-fg-dark,oklch(45.5%_0.188_13.697))]",
62
+ purple: "hover:bg-[var(--zui-dropdown-item-purple-bg-hover,oklch(94.6%_0.033_307.174))] dark:hover:bg-[var(--zui-dropdown-item-purple-bg-hover-dark,oklch(94.6%_0.033_307.174))] hover:text-[color:var(--zui-dropdown-item-purple-fg-hover,oklch(43.8%_0.218_303.724))] dark:hover:text-[color:var(--zui-dropdown-item-purple-fg-hover-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-dropdown-item-purple-bg,oklch(90.2%_0.063_306.703))] dark:bg-[var(--zui-dropdown-item-purple-bg-dark,oklch(90.2%_0.063_306.703))] text-[color:var(--zui-dropdown-item-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-dropdown-item-purple-fg-dark,oklch(43.8%_0.218_303.724))]",
63
+ pink: "hover:bg-[var(--zui-dropdown-item-pink-bg-hover,oklch(94.8%_0.028_342.258))] dark:hover:bg-[var(--zui-dropdown-item-pink-bg-hover-dark,oklch(94.8%_0.028_342.258))] hover:text-[color:var(--zui-dropdown-item-pink-fg-hover,oklch(45.9%_0.187_3.815))] dark:hover:text-[color:var(--zui-dropdown-item-pink-fg-hover-dark,oklch(59.2%_0.249_0.584))] bg-[var(--zui-dropdown-item-pink-bg,oklch(89.9%_0.061_343.231))] dark:bg-[var(--zui-dropdown-item-pink-bg-dark,oklch(89.9%_0.061_343.231))] text-[color:var(--zui-dropdown-item-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-dropdown-item-pink-fg-dark,oklch(45.9%_0.187_3.815))]",
64
+ orange: "hover:bg-[var(--zui-dropdown-item-orange-bg-hover,oklch(95.4%_0.038_75.164))] dark:hover:bg-[var(--zui-dropdown-item-orange-bg-hover-dark,oklch(95.4%_0.038_75.164))] hover:text-[color:var(--zui-dropdown-item-orange-fg-hover,oklch(47%_0.157_37.304))] dark:hover:text-[color:var(--zui-dropdown-item-orange-fg-hover-dark,oklch(64.6%_0.222_41.116))] bg-[var(--zui-dropdown-item-orange-bg,oklch(90.1%_0.076_70.697))] dark:bg-[var(--zui-dropdown-item-orange-bg-dark,oklch(90.1%_0.076_70.697))] text-[color:var(--zui-dropdown-item-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-dropdown-item-orange-fg-dark,oklch(47%_0.157_37.304))]",
65
+ yellow: "hover:bg-[var(--zui-dropdown-item-yellow-bg-hover,oklch(97.3%_0.071_103.193))] dark:hover:bg-[var(--zui-dropdown-item-yellow-bg-hover-dark,oklch(97.3%_0.071_103.193))] hover:text-[color:var(--zui-dropdown-item-yellow-fg-hover,oklch(47.6%_0.114_61.907))] dark:hover:text-[color:var(--zui-dropdown-item-yellow-fg-hover-dark,oklch(68.1%_0.162_75.834))] bg-[var(--zui-dropdown-item-yellow-bg,oklch(94.5%_0.129_101.54))] dark:bg-[var(--zui-dropdown-item-yellow-bg-dark,oklch(94.5%_0.129_101.54))] text-[color:var(--zui-dropdown-item-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-dropdown-item-yellow-fg-dark,oklch(47.6%_0.114_61.907))]",
66
+ teal: "hover:bg-[var(--zui-dropdown-item-teal-bg-hover,oklch(95.3%_0.051_180.801))] dark:hover:bg-[var(--zui-dropdown-item-teal-bg-hover-dark,oklch(95.3%_0.051_180.801))] hover:text-[color:var(--zui-dropdown-item-teal-fg-hover,oklch(43.7%_0.078_188.216))] dark:hover:text-[color:var(--zui-dropdown-item-teal-fg-hover-dark,oklch(60%_0.118_184.704))] bg-[var(--zui-dropdown-item-teal-bg,oklch(91%_0.096_180.426))] dark:bg-[var(--zui-dropdown-item-teal-bg-dark,oklch(91%_0.096_180.426))] text-[color:var(--zui-dropdown-item-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-dropdown-item-teal-fg-dark,oklch(43.7%_0.078_188.216))]",
67
+ indigo: "hover:bg-[var(--zui-dropdown-item-indigo-bg-hover,oklch(93%_0.034_272.788))] dark:hover:bg-[var(--zui-dropdown-item-indigo-bg-hover-dark,oklch(93%_0.034_272.788))] hover:text-[color:var(--zui-dropdown-item-indigo-fg-hover,oklch(39.8%_0.195_277.366))] dark:hover:text-[color:var(--zui-dropdown-item-indigo-fg-hover-dark,oklch(51.1%_0.262_276.966))] bg-[var(--zui-dropdown-item-indigo-bg,oklch(87%_0.065_274.039))] dark:bg-[var(--zui-dropdown-item-indigo-bg-dark,oklch(87%_0.065_274.039))] text-[color:var(--zui-dropdown-item-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-dropdown-item-indigo-fg-dark,oklch(39.8%_0.195_277.366))]",
68
+ emerald: "hover:bg-[var(--zui-dropdown-item-emerald-bg-hover,oklch(95%_0.052_163.051))] dark:hover:bg-[var(--zui-dropdown-item-emerald-bg-hover-dark,oklch(95%_0.052_163.051))] hover:text-[color:var(--zui-dropdown-item-emerald-fg-hover,oklch(43.2%_0.095_166.913))] dark:hover:text-[color:var(--zui-dropdown-item-emerald-fg-hover-dark,oklch(59.6%_0.145_163.225))] bg-[var(--zui-dropdown-item-emerald-bg,oklch(90.5%_0.093_164.15))] dark:bg-[var(--zui-dropdown-item-emerald-bg-dark,oklch(90.5%_0.093_164.15))] text-[color:var(--zui-dropdown-item-emerald-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-dropdown-item-emerald-fg-dark,oklch(43.2%_0.095_166.913))]",
69
+ gray: "hover:bg-[var(--zui-dropdown-item-gray-bg-hover,oklch(96.7%_0.003_264.542))] dark:hover:bg-[var(--zui-dropdown-item-gray-bg-hover-dark,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-gray-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-gray-fg-hover-dark,oklch(21%_0.034_264.665))] bg-[var(--zui-dropdown-item-gray-bg,oklch(92.8%_0.006_264.531))] dark:bg-[var(--zui-dropdown-item-gray-bg-dark,oklch(92.8%_0.006_264.531))] text-[color:var(--zui-dropdown-item-gray-fg,oklch(55.1%_0.027_264.364))] dark:text-[color:var(--zui-dropdown-item-gray-fg-dark,oklch(27.8%_0.033_256.848))]",
70
+ amber: "hover:bg-[var(--zui-dropdown-item-amber-bg-hover,oklch(96.2%_0.059_95.617))] dark:hover:bg-[var(--zui-dropdown-item-amber-bg-hover-dark,oklch(96.2%_0.059_95.617))] hover:text-[color:var(--zui-dropdown-item-amber-fg-hover,oklch(47.3%_0.137_46.201))] dark:hover:text-[color:var(--zui-dropdown-item-amber-fg-hover-dark,oklch(66.6%_0.179_58.318))] bg-[var(--zui-dropdown-item-amber-bg,oklch(92.4%_0.12_95.746))] dark:bg-[var(--zui-dropdown-item-amber-bg-dark,oklch(92.4%_0.12_95.746))] text-[color:var(--zui-dropdown-item-amber-fg,oklch(41.4%_0.112_45.904))] dark:text-[color:var(--zui-dropdown-item-amber-fg-dark,oklch(47.3%_0.137_46.201))]",
71
+ violet: "hover:bg-[var(--zui-dropdown-item-violet-bg-hover,oklch(94.3%_0.029_294.588))] dark:hover:bg-[var(--zui-dropdown-item-violet-bg-hover-dark,oklch(94.3%_0.029_294.588))] hover:text-[color:var(--zui-dropdown-item-violet-fg-hover,oklch(43.2%_0.232_292.759))] dark:hover:text-[color:var(--zui-dropdown-item-violet-fg-hover-dark,oklch(54.1%_0.281_293.009))] bg-[var(--zui-dropdown-item-violet-bg,oklch(89.4%_0.057_293.283))] dark:bg-[var(--zui-dropdown-item-violet-bg-dark,oklch(89.4%_0.057_293.283))] text-[color:var(--zui-dropdown-item-violet-fg,oklch(38%_0.189_293.745))] dark:text-[color:var(--zui-dropdown-item-violet-fg-dark,oklch(43.2%_0.232_292.759))]",
72
+ "gradient-blue": "hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-blue-from,oklch(42.4%_0.199_265.638))] dark:from-[var(--zui-dropdown-item-gradient-blue-from-dark,oklch(54.6%_0.245_262.881))] to-[var(--zui-dropdown-item-gradient-blue-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-dropdown-item-gradient-blue-to-dark,oklch(55.8%_0.288_302.321))] hover:text-[color:var(--zui-dropdown-item-gradient-blue-fg-hover,oklch(62.3%_0.214_259.815))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-blue-fg-hover-dark,oklch(37.9%_0.146_265.522))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-blue-from,oklch(88.2%_0.059_254.128))] to-[var(--zui-dropdown-item-gradient-blue-to,oklch(90.2%_0.063_306.703))] text-[color:var(--zui-dropdown-item-gradient-blue-fg,oklch(37.9%_0.146_265.522))] dark:text-[color:var(--zui-dropdown-item-gradient-blue-fg-dark,oklch(88.2%_0.059_254.128))]",
73
+ "gradient-green": "hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-green-from,oklch(44.8%_0.119_151.328))] dark:from-[var(--zui-dropdown-item-gradient-green-from-dark,oklch(62.7%_0.194_149.214))] to-[var(--zui-dropdown-item-gradient-green-to,oklch(45.3%_0.124_130.933))] dark:to-[var(--zui-dropdown-item-gradient-green-to-dark,oklch(64.8%_0.2_131.684))] hover:text-[color:var(--zui-dropdown-item-gradient-green-fg-hover,oklch(72.3%_0.219_149.579))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-green-fg-hover-dark,oklch(39.3%_0.095_152.535))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-green-from,oklch(92.5%_0.084_155.995))] to-[var(--zui-dropdown-item-gradient-green-to,oklch(93.8%_0.127_124.321))] text-[color:var(--zui-dropdown-item-gradient-green-fg,oklch(39.3%_0.095_152.535))] dark:text-[color:var(--zui-dropdown-item-gradient-green-fg-dark,oklch(92.5%_0.084_155.995))]",
74
+ "gradient-red": "hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-red-from,oklch(44.4%_0.177_26.899))] dark:from-[var(--zui-dropdown-item-gradient-red-from-dark,oklch(57.7%_0.245_27.325))] to-[var(--zui-dropdown-item-gradient-red-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-dropdown-item-gradient-red-to-dark,oklch(59.2%_0.249_0.584))] hover:text-[color:var(--zui-dropdown-item-gradient-red-fg-hover,oklch(63.7%_0.237_25.331))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-red-fg-hover-dark,oklch(39.6%_0.141_25.723))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-red-from,oklch(88.5%_0.062_18.334))] to-[var(--zui-dropdown-item-gradient-red-to,oklch(89.9%_0.061_343.231))] text-[color:var(--zui-dropdown-item-gradient-red-fg,oklch(39.6%_0.141_25.723))] dark:text-[color:var(--zui-dropdown-item-gradient-red-fg-dark,oklch(88.5%_0.062_18.334))]",
75
+ "gradient-yellow": "hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-yellow-from,oklch(47.6%_0.114_61.907))] dark:from-[var(--zui-dropdown-item-gradient-yellow-from-dark,oklch(68.1%_0.162_75.834))] to-[var(--zui-dropdown-item-gradient-yellow-to,oklch(47%_0.157_37.304))] dark:to-[var(--zui-dropdown-item-gradient-yellow-to-dark,oklch(64.6%_0.222_41.116))] hover:text-[color:var(--zui-dropdown-item-gradient-yellow-fg-hover,oklch(79.5%_0.184_86.047))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-yellow-fg-hover-dark,oklch(42.1%_0.095_57.708))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-yellow-from,oklch(94.5%_0.129_101.54))] to-[var(--zui-dropdown-item-gradient-yellow-to,oklch(90.1%_0.076_70.697))] text-[color:var(--zui-dropdown-item-gradient-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-dropdown-item-gradient-yellow-fg-dark,oklch(94.5%_0.129_101.54))]",
76
+ "gradient-purple": "hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-purple-from,oklch(43.8%_0.218_303.724))] dark:from-[var(--zui-dropdown-item-gradient-purple-from-dark,oklch(55.8%_0.288_302.321))] to-[var(--zui-dropdown-item-gradient-purple-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-dropdown-item-gradient-purple-to-dark,oklch(59.2%_0.249_0.584))] hover:text-[color:var(--zui-dropdown-item-gradient-purple-fg-hover,oklch(62.7%_0.265_303.9))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-purple-fg-hover-dark,oklch(38.1%_0.176_304.987))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-purple-from,oklch(90.2%_0.063_306.703))] to-[var(--zui-dropdown-item-gradient-purple-to,oklch(89.9%_0.061_343.231))] text-[color:var(--zui-dropdown-item-gradient-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-dropdown-item-gradient-purple-fg-dark,oklch(90.2%_0.063_306.703))]",
77
+ "gradient-teal": "hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-teal-from,oklch(43.7%_0.078_188.216))] dark:from-[var(--zui-dropdown-item-gradient-teal-from-dark,oklch(60%_0.118_184.704))] to-[var(--zui-dropdown-item-gradient-teal-to,oklch(45%_0.085_224.283))] dark:to-[var(--zui-dropdown-item-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))] hover:text-[color:var(--zui-dropdown-item-gradient-teal-fg-hover,oklch(70.4%_0.14_182.503))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-teal-fg-hover-dark,oklch(38.6%_0.063_188.416))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-teal-from,oklch(91%_0.096_180.426))] to-[var(--zui-dropdown-item-gradient-teal-to,oklch(91.7%_0.08_205.041))] text-[color:var(--zui-dropdown-item-gradient-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-dropdown-item-gradient-teal-fg-dark,oklch(91%_0.096_180.426))]",
78
+ "gradient-indigo": "hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-dropdown-item-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-dropdown-item-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-dropdown-item-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] hover:text-[color:var(--zui-dropdown-item-gradient-indigo-fg-hover,oklch(58.5%_0.233_277.117))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-indigo-fg-hover-dark,oklch(35.9%_0.144_278.697))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-indigo-from,oklch(87%_0.065_274.039))] to-[var(--zui-dropdown-item-gradient-indigo-to,oklch(90.2%_0.063_306.703))] text-[color:var(--zui-dropdown-item-gradient-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-dropdown-item-gradient-indigo-fg-dark,oklch(87%_0.065_274.039))]",
79
+ "gradient-pink": "hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-dropdown-item-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-dropdown-item-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-dropdown-item-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] hover:text-[color:var(--zui-dropdown-item-gradient-pink-fg-hover,oklch(65.6%_0.241_354.308))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-pink-fg-hover-dark,oklch(40.8%_0.153_2.432))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-pink-from,oklch(89.9%_0.061_343.231))] to-[var(--zui-dropdown-item-gradient-pink-to,oklch(89.2%_0.058_10.001))] text-[color:var(--zui-dropdown-item-gradient-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-dropdown-item-gradient-pink-fg-dark,oklch(89.9%_0.061_343.231))]",
80
+ "gradient-orange": "hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-dropdown-item-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-dropdown-item-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-dropdown-item-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] hover:text-[color:var(--zui-dropdown-item-gradient-orange-fg-hover,oklch(70.5%_0.213_47.604))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-orange-fg-hover-dark,oklch(40.8%_0.123_38.172))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-orange-from,oklch(90.1%_0.076_70.697))] to-[var(--zui-dropdown-item-gradient-orange-to,oklch(88.5%_0.062_18.334))] text-[color:var(--zui-dropdown-item-gradient-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-dropdown-item-gradient-orange-fg-dark,oklch(90.1%_0.076_70.697))]"
81
+ };
82
+
83
+ exports.zuiDropdownContentBase = zuiDropdownContentBase;
84
+ exports.zuiDropdownItemBase = zuiDropdownItemBase;
85
+ exports.zuiDropdownItemVariants = zuiDropdownItemVariants;
86
+ exports.zuiDropdownPlacements = zuiDropdownPlacements;
87
+ exports.zuiDropdownSpacing = zuiDropdownSpacing;
88
+ exports.zuiDropdownTriggerBase = zuiDropdownTriggerBase;
89
+ exports.zuiDropdownTriggerSizes = zuiDropdownTriggerSizes;
90
+ exports.zuiDropdownTriggerVariants = zuiDropdownTriggerVariants;
91
+ //# sourceMappingURL=chunk-ZX2IBIZT.js.map
92
+ //# sourceMappingURL=chunk-ZX2IBIZT.js.map
package/dist/chunk-ZX2IBIZT.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/design-system/dropdown.ts"],"names":[],"mappings":";;;AAAO,IAAM,sBAAA,GACX;AAEK,IAAM,0BAAA,GAA6B;AAAA,EACxC,OAAA,EACE,4SAAA;AAAA,EACF,OAAA,EACE,iWAAA;AAAA,EACF,KAAA,EACE,yRAAA;AAAA,EACF,KAAA,EACE,+QAAA;AAAA,EACF,KAAA,EACE,6OAAA;AAAA,EACF,GAAA,EAAK,gVAAA;AAAA,EACL,IAAA,EAAM,oVAAA;AAAA,EACN,MAAA,EACE,gWAAA;AAAA,EACF,IAAA,EAAM,gVAAA;AAAA,EACN,MAAA,EACE,wVAAA;AAAA,EACF,MAAA,EACE,4VAAA;AAAA,EACF,IAAA,EAAM,oVAAA;AAAA,EACN,MAAA,EACE,gWAAA;AAAA,EACF,OAAA,EACE,oWAAA;AAAA,EACF,IAAA,EAAM,sVAAA;AAAA,EACN,KAAA,EACE,wVAAA;AAAA,EACF,MAAA,EACE,gWAAA;AAAA,EACF,eAAA,EACE,ohBAAA;AAAA,EACF,gBAAA,EACE,whBAAA;AAAA,EACF,cAAA,EACE,sgBAAA;AAAA,EACF,iBAAA,EACE,whBAAA;AAAA,EACF,iBAAA,EACE,4hBAAA;AAAA,EACF,eAAA,EACE,4gBAAA;AAAA,EACF,iBAAA,EACE,4hBAAA;AAAA,EACF,eAAA,EACE,8gBAAA;AAAA,EACF,iBAAA,EACE;AACJ;AAEO,IAAM,uBAAA,GAA0B;AAAA,EACrC,EAAA,EAAI,mBAAA;AAAA,EACJ,EAAA,EAAI,qBAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,sBAAA,GACX;AAEK,IAAM,qBAAA,GAAwB;AAAA,EACnC,GAAA,EAAK,kBAAA;AAAA,EACL,MAAA,EAAQ,eAAA;AAAA,EACR,IAAA,EAAM,iBAAA;AAAA,EACN,KAAA,EAAO;AACT;AAEO,IAAM,kBAAA,GAAqB;AAAA,EAChC,IAAA,EAAM,WAAA;AAAA,EACN,OAAA,EAAS,WAAA;AAAA,EACT,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,mBAAA,GACX;AAEK,IAAM,uBAAA,GAA0B;AAAA,EACrC,OAAA,EACE,mgBAAA;AAAA,EACF,OAAA,EACE,kpBAAA;AAAA,EACF,KAAA,EACE,umBAAA;AAAA,EACF,KAAA,EACE,4kBAAA;AAAA,EACF,KAAA,EACE,4kBAAA;AAAA,EACF,GAAA,EAAK,onBAAA;AAAA,EACL,IAAA,EAAM,mnBAAA;AAAA,EACN,MAAA,EACE,ipBAAA;AAAA,EACF,IAAA,EAAM,ynBAAA;AAAA,EACN,MAAA,EACE,qoBAAA;AAAA,EACF,MAAA,EACE,2oBAAA;AAAA,EACF,IAAA,EAAM,2nBAAA;AAAA,EACN,MAAA,EACE,yoBAAA;AAAA,EACF,OAAA,EACE,kpBAAA;AAAA,EACF,IAAA,EAAM,+nBAAA;AAAA,EACN,KAAA,EACE,+nBAAA;AAAA,EACF,MAAA,EACE,+oBAAA;AAAA,EACF,eAAA,EACE,q3BAAA;AAAA,EACF,gBAAA,EACE,63BAAA;AAAA,EACF,cAAA,EACE,g2BAAA;AAAA,EACF,iBAAA,EACE,63BAAA;AAAA,EACF,iBAAA,EACE,m4BAAA;AAAA,EACF,eAAA,EACE,22BAAA;AAAA,EACF,iBAAA,EACE,q4BAAA;AAAA,EACF,eAAA,EACE,02BAAA;AAAA,EACF,iBAAA,EACE;AACJ","file":"chunk-ZX2IBIZT.js","sourcesContent":["export const zuiDropdownTriggerBase =\n \"inline-flex items-center justify-between rounded-md font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-dropdown-trigger-ring-focus,oklch(55.1%_0.027_264.364_/_0.6))] dark:focus-visible:ring-[var(--zui-dropdown-trigger-ring-focus-dark,oklch(55.1%_0.027_264.364_/_0.6))] cursor-pointer\";\n\nexport const zuiDropdownTriggerVariants = {\n default:\n \"bg-[var(--zui-dropdown-trigger-default-bg,oklch(92.8%_0.006_264.531))] dark:bg-[var(--zui-dropdown-trigger-default-bg-dark,oklch(21%_0.034_264.665))] text-[color:var(--zui-dropdown-trigger-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-dropdown-trigger-default-fg-dark,#ffffff)]\",\n outline:\n \"border border-[color:var(--zui-dropdown-trigger-outline-border,oklch(37.3%_0.034_259.733))] dark:border-[color:var(--zui-dropdown-trigger-outline-border-dark,oklch(87.2%_0.01_258.338))] text-[color:var(--zui-dropdown-trigger-outline-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-trigger-outline-fg-dark,oklch(96.7%_0.003_264.542))]\",\n ghost:\n \"bg-[var(--zui-dropdown-trigger-ghost-bg,transparent)] dark:bg-[var(--zui-dropdown-trigger-ghost-bg-dark,transparent)] text-[color:var(--zui-dropdown-trigger-ghost-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-trigger-ghost-fg-dark,oklch(96.7%_0.003_264.542))]\",\n white:\n \"bg-[var(--zui-dropdown-trigger-white-bg,#ffffff)] dark:bg-[var(--zui-dropdown-trigger-white-bg-dark,#ffffff)] text-[color:var(--zui-dropdown-trigger-white-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-trigger-white-fg-dark,oklch(21%_0.034_264.665))]\",\n black:\n \"bg-[var(--zui-dropdown-trigger-black-bg,#000000)] dark:bg-[var(--zui-dropdown-trigger-black-bg-dark,#000000)] text-[color:var(--zui-dropdown-trigger-black-fg,#ffffff)] dark:text-[color:var(--zui-dropdown-trigger-black-fg-dark,#ffffff)]\",\n sky: \"border border-[color:var(--zui-dropdown-trigger-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-dropdown-trigger-sky-border-dark,oklch(58.8%_0.158_241.966))] text-[color:var(--zui-dropdown-trigger-sky-fg,oklch(44.3%_0.11_240.79))] dark:text-[color:var(--zui-dropdown-trigger-sky-fg-dark,oklch(58.8%_0.158_241.966))]\",\n rose: \"border border-[color:var(--zui-dropdown-trigger-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-dropdown-trigger-rose-border-dark,oklch(58.6%_0.253_17.585))] text-[color:var(--zui-dropdown-trigger-rose-fg,oklch(45.5%_0.188_13.697))] dark:text-[color:var(--zui-dropdown-trigger-rose-fg-dark,oklch(58.6%_0.253_17.585))]\",\n purple:\n \"border border-[color:var(--zui-dropdown-trigger-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-dropdown-trigger-purple-border-dark,oklch(55.8%_0.288_302.321))] text-[color:var(--zui-dropdown-trigger-purple-fg,oklch(43.8%_0.218_303.724))] dark:text-[color:var(--zui-dropdown-trigger-purple-fg-dark,oklch(55.8%_0.288_302.321))]\",\n pink: \"border border-[color:var(--zui-dropdown-trigger-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-dropdown-trigger-pink-border-dark,oklch(59.2%_0.249_0.584))] text-[color:var(--zui-dropdown-trigger-pink-fg,oklch(45.9%_0.187_3.815))] dark:text-[color:var(--zui-dropdown-trigger-pink-fg-dark,oklch(59.2%_0.249_0.584))]\",\n orange:\n \"border border-[color:var(--zui-dropdown-trigger-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-dropdown-trigger-orange-border-dark,oklch(64.6%_0.222_41.116))] text-[color:var(--zui-dropdown-trigger-orange-fg,oklch(47%_0.157_37.304))] dark:text-[color:var(--zui-dropdown-trigger-orange-fg-dark,oklch(64.6%_0.222_41.116))]\",\n yellow:\n \"border border-[color:var(--zui-dropdown-trigger-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-dropdown-trigger-yellow-border-dark,oklch(68.1%_0.162_75.834))] text-[color:var(--zui-dropdown-trigger-yellow-fg,oklch(47.6%_0.114_61.907))] dark:text-[color:var(--zui-dropdown-trigger-yellow-fg-dark,oklch(68.1%_0.162_75.834))]\",\n teal: \"border border-[color:var(--zui-dropdown-trigger-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-dropdown-trigger-teal-border-dark,oklch(60%_0.118_184.704))] text-[color:var(--zui-dropdown-trigger-teal-fg,oklch(43.7%_0.078_188.216))] dark:text-[color:var(--zui-dropdown-trigger-teal-fg-dark,oklch(60%_0.118_184.704))]\",\n indigo:\n \"border border-[color:var(--zui-dropdown-trigger-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-dropdown-trigger-indigo-border-dark,oklch(51.1%_0.262_276.966))] text-[color:var(--zui-dropdown-trigger-indigo-fg,oklch(39.8%_0.195_277.366))] dark:text-[color:var(--zui-dropdown-trigger-indigo-fg-dark,oklch(51.1%_0.262_276.966))]\",\n emerald:\n \"border border-[color:var(--zui-dropdown-trigger-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-dropdown-trigger-emerald-border-dark,oklch(59.6%_0.145_163.225))] text-[color:var(--zui-dropdown-trigger-emerald-fg,oklch(43.2%_0.095_166.913))] dark:text-[color:var(--zui-dropdown-trigger-emerald-fg-dark,oklch(59.6%_0.145_163.225))]\",\n gray: \"border border-[color:var(--zui-dropdown-trigger-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-dropdown-trigger-gray-border-dark,oklch(44.6%_0.03_256.802))] text-[color:var(--zui-dropdown-trigger-gray-fg,oklch(27.8%_0.033_256.848))] dark:text-[color:var(--zui-dropdown-trigger-gray-fg-dark,oklch(44.6%_0.03_256.802))]\",\n amber:\n \"border border-[color:var(--zui-dropdown-trigger-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-dropdown-trigger-amber-border-dark,oklch(66.6%_0.179_58.318))] text-[color:var(--zui-dropdown-trigger-amber-fg,oklch(47.3%_0.137_46.201))] dark:text-[color:var(--zui-dropdown-trigger-amber-fg-dark,oklch(66.6%_0.179_58.318))]\",\n violet:\n \"border border-[color:var(--zui-dropdown-trigger-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-dropdown-trigger-violet-border-dark,oklch(54.1%_0.281_293.009))] text-[color:var(--zui-dropdown-trigger-violet-fg,oklch(43.2%_0.232_292.759))] dark:text-[color:var(--zui-dropdown-trigger-violet-fg-dark,oklch(54.1%_0.281_293.009))]\",\n \"gradient-blue\":\n \"bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-blue-from,oklch(42.4%_0.199_265.638))] dark:from-[var(--zui-dropdown-trigger-gradient-blue-from-dark,oklch(54.6%_0.245_262.881))] to-[var(--zui-dropdown-trigger-gradient-blue-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-dropdown-trigger-gradient-blue-to-dark,oklch(55.8%_0.288_302.321))] text-[color:var(--zui-dropdown-trigger-gradient-blue-fg,oklch(88.2%_0.059_254.128))] dark:text-[color:var(--zui-dropdown-trigger-gradient-blue-fg-dark,oklch(88.2%_0.059_254.128))]\",\n \"gradient-green\":\n \"bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-green-from,oklch(44.8%_0.119_151.328))] dark:from-[var(--zui-dropdown-trigger-gradient-green-from-dark,oklch(62.7%_0.194_149.214))] to-[var(--zui-dropdown-trigger-gradient-green-to,oklch(45.3%_0.124_130.933))] dark:to-[var(--zui-dropdown-trigger-gradient-green-to-dark,oklch(64.8%_0.2_131.684))] text-[color:var(--zui-dropdown-trigger-gradient-green-fg,oklch(92.5%_0.084_155.995))] dark:text-[color:var(--zui-dropdown-trigger-gradient-green-fg-dark,oklch(92.5%_0.084_155.995))]\",\n \"gradient-red\":\n \"bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-red-from,oklch(44.4%_0.177_26.899))] dark:from-[var(--zui-dropdown-trigger-gradient-red-from-dark,oklch(57.7%_0.245_27.325))] to-[var(--zui-dropdown-trigger-gradient-red-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-dropdown-trigger-gradient-red-to-dark,oklch(59.2%_0.249_0.584))] text-[color:var(--zui-dropdown-trigger-gradient-red-fg,oklch(88.5%_0.062_18.334))] dark:text-[color:var(--zui-dropdown-trigger-gradient-red-fg-dark,oklch(88.5%_0.062_18.334))]\",\n \"gradient-yellow\":\n \"bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-yellow-from,oklch(47.6%_0.114_61.907))] dark:from-[var(--zui-dropdown-trigger-gradient-yellow-from-dark,oklch(68.1%_0.162_75.834))] to-[var(--zui-dropdown-trigger-gradient-yellow-to,oklch(47%_0.157_37.304))] dark:to-[var(--zui-dropdown-trigger-gradient-yellow-to-dark,oklch(64.6%_0.222_41.116))] text-[color:var(--zui-dropdown-trigger-gradient-yellow-fg,oklch(94.5%_0.129_101.54))] dark:text-[color:var(--zui-dropdown-trigger-gradient-yellow-fg-dark,oklch(94.5%_0.129_101.54))]\",\n \"gradient-purple\":\n \"bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-purple-from,oklch(43.8%_0.218_303.724))] dark:from-[var(--zui-dropdown-trigger-gradient-purple-from-dark,oklch(55.8%_0.288_302.321))] to-[var(--zui-dropdown-trigger-gradient-purple-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-dropdown-trigger-gradient-purple-to-dark,oklch(59.2%_0.249_0.584))] text-[color:var(--zui-dropdown-trigger-gradient-purple-fg,oklch(90.2%_0.063_306.703))] dark:text-[color:var(--zui-dropdown-trigger-gradient-purple-fg-dark,oklch(90.2%_0.063_306.703))]\",\n \"gradient-teal\":\n \"bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-teal-from,oklch(43.7%_0.078_188.216))] dark:from-[var(--zui-dropdown-trigger-gradient-teal-from-dark,oklch(60%_0.118_184.704))] to-[var(--zui-dropdown-trigger-gradient-teal-to,oklch(45%_0.085_224.283))] dark:to-[var(--zui-dropdown-trigger-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))] text-[color:var(--zui-dropdown-trigger-gradient-teal-fg,oklch(91%_0.096_180.426))] dark:text-[color:var(--zui-dropdown-trigger-gradient-teal-fg-dark,oklch(91%_0.096_180.426))]\",\n \"gradient-indigo\":\n \"bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-dropdown-trigger-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-dropdown-trigger-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-dropdown-trigger-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] text-[color:var(--zui-dropdown-trigger-gradient-indigo-fg,oklch(87%_0.065_274.039))] dark:text-[color:var(--zui-dropdown-trigger-gradient-indigo-fg-dark,oklch(87%_0.065_274.039))]\",\n \"gradient-pink\":\n \"bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-dropdown-trigger-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-dropdown-trigger-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-dropdown-trigger-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] text-[color:var(--zui-dropdown-trigger-gradient-pink-fg,oklch(89.9%_0.061_343.231))] dark:text-[color:var(--zui-dropdown-trigger-gradient-pink-fg-dark,oklch(89.9%_0.061_343.231))]\",\n \"gradient-orange\":\n \"bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-dropdown-trigger-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-dropdown-trigger-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-dropdown-trigger-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] text-[color:var(--zui-dropdown-trigger-gradient-orange-fg,oklch(90.1%_0.076_70.697))] dark:text-[color:var(--zui-dropdown-trigger-gradient-orange-fg-dark,oklch(90.1%_0.076_70.697))]\",\n} as const;\n\nexport const zuiDropdownTriggerSizes = {\n sm: \"px-2 py-1 text-sm\",\n md: \"px-3 py-2 text-base\",\n lg: \"px-4 py-3 text-lg\",\n} as const;\n\nexport const zuiDropdownContentBase =\n \"absolute min-w-[200px] rounded-md p-2 shadow-md z-50 border border-[color:var(--zui-dropdown-content-border,oklch(20.8%_0.042_265.755_/_0.1))] dark:border-[color:var(--zui-dropdown-content-border-dark,#ffffff1a)] bg-[var(--zui-dropdown-content-bg,oklch(96.8%_0.007_247.896))] dark:bg-[var(--zui-dropdown-content-bg-dark,oklch(20.8%_0.042_265.755))] text-[color:var(--zui-dropdown-content-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-dropdown-content-fg-dark,oklch(96.8%_0.007_247.896))] shadow-lg rounded-lg\";\n\nexport const zuiDropdownPlacements = {\n top: \"bottom-full mb-2\",\n bottom: \"top-full mt-2\",\n left: \"right-full mr-2\",\n right: \"left-full ml-2\",\n} as const;\n\nexport const zuiDropdownSpacing = {\n none: \"space-y-0\",\n default: \"space-y-1\",\n sm: \"space-y-2\",\n md: \"space-y-3\",\n lg: \"space-y-4\",\n xl: \"space-y-5\",\n} as const;\n\nexport const zuiDropdownItemBase =\n \"flex items-center justify-between px-3 py-2 text-sm cursor-pointer rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-dropdown-item-ring-focus,oklch(55.1%_0.027_264.364_/_0.6))] dark:focus-visible:ring-[var(--zui-dropdown-item-ring-focus-dark,oklch(55.1%_0.027_264.364_/_0.6))] font-semibold\";\n\nexport const zuiDropdownItemVariants = {\n default:\n \"hover:bg-[var(--zui-dropdown-item-default-bg-hover,oklch(96.7%_0.003_264.542))] dark:hover:bg-[var(--zui-dropdown-item-default-bg-hover-dark,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-default-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-default-fg-hover-dark,oklch(21%_0.034_264.665))] text-[color:var(--zui-dropdown-item-default-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-item-default-fg-dark,oklch(96.7%_0.003_264.542))]\",\n outline:\n \"hover:bg-[var(--zui-dropdown-item-outline-bg-hover,oklch(96.7%_0.003_264.542))] dark:hover:bg-[var(--zui-dropdown-item-outline-bg-hover-dark,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-outline-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-outline-fg-hover-dark,oklch(21%_0.034_264.665))] border border-[color:var(--zui-dropdown-item-outline-border,#000000)] dark:border-[color:var(--zui-dropdown-item-outline-border-dark,#ffffff)] text-[color:var(--zui-dropdown-item-outline-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-item-outline-fg-dark,oklch(96.7%_0.003_264.542))]\",\n ghost:\n \"hover:bg-[var(--zui-dropdown-item-ghost-bg-hover,oklch(96.7%_0.003_264.542))] dark:hover:bg-[var(--zui-dropdown-item-ghost-bg-hover-dark,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-ghost-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-ghost-fg-hover-dark,oklch(21%_0.034_264.665))] bg-[var(--zui-dropdown-item-ghost-bg,transparent)] dark:bg-[var(--zui-dropdown-item-ghost-bg-dark,transparent)] text-[color:var(--zui-dropdown-item-ghost-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-item-ghost-fg-dark,oklch(96.7%_0.003_264.542))]\",\n white:\n \"hover:bg-[var(--zui-dropdown-item-white-bg-hover,oklch(96.7%_0.003_264.542))] dark:hover:bg-[var(--zui-dropdown-item-white-bg-hover-dark,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-white-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-white-fg-hover-dark,oklch(21%_0.034_264.665))] bg-[var(--zui-dropdown-item-white-bg,#ffffff)] dark:bg-[var(--zui-dropdown-item-white-bg-dark,#000000)] text-[color:var(--zui-dropdown-item-white-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-item-white-fg-dark,#ffffff)]\",\n black:\n \"hover:bg-[var(--zui-dropdown-item-black-bg-hover,oklch(96.7%_0.003_264.542))] dark:hover:bg-[var(--zui-dropdown-item-black-bg-hover-dark,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-black-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-black-fg-hover-dark,oklch(21%_0.034_264.665))] bg-[var(--zui-dropdown-item-black-bg,#000000)] dark:bg-[var(--zui-dropdown-item-black-bg-dark,#ffffff)] text-[color:var(--zui-dropdown-item-black-fg,#ffffff)] dark:text-[color:var(--zui-dropdown-item-black-fg-dark,oklch(21%_0.034_264.665))]\",\n sky: \"hover:bg-[var(--zui-dropdown-item-sky-bg-hover,oklch(95.1%_0.026_236.824))] dark:hover:bg-[var(--zui-dropdown-item-sky-bg-hover-dark,oklch(95.1%_0.026_236.824))] hover:text-[color:var(--zui-dropdown-item-sky-fg-hover,oklch(44.3%_0.11_240.79))] dark:hover:text-[color:var(--zui-dropdown-item-sky-fg-hover-dark,oklch(58.8%_0.158_241.966))] bg-[var(--zui-dropdown-item-sky-bg,oklch(90.1%_0.058_230.902))] dark:bg-[var(--zui-dropdown-item-sky-bg-dark,oklch(90.1%_0.058_230.902))] text-[color:var(--zui-dropdown-item-sky-fg,oklch(39.1%_0.09_240.876))] dark:text-[color:var(--zui-dropdown-item-sky-fg-dark,oklch(44.3%_0.11_240.79))]\",\n rose: \"hover:bg-[var(--zui-dropdown-item-rose-bg-hover,oklch(94.1%_0.03_12.58))] dark:hover:bg-[var(--zui-dropdown-item-rose-bg-hover-dark,oklch(94.1%_0.03_12.58))] hover:text-[color:var(--zui-dropdown-item-rose-fg-hover,oklch(45.5%_0.188_13.697))] dark:hover:text-[color:var(--zui-dropdown-item-rose-fg-hover-dark,oklch(58.6%_0.253_17.585))] bg-[var(--zui-dropdown-item-rose-bg,oklch(89.2%_0.058_10.001))] dark:bg-[var(--zui-dropdown-item-rose-bg-dark,oklch(89.2%_0.058_10.001))] text-[color:var(--zui-dropdown-item-rose-fg,oklch(41%_0.159_10.272))] dark:text-[color:var(--zui-dropdown-item-rose-fg-dark,oklch(45.5%_0.188_13.697))]\",\n purple:\n \"hover:bg-[var(--zui-dropdown-item-purple-bg-hover,oklch(94.6%_0.033_307.174))] dark:hover:bg-[var(--zui-dropdown-item-purple-bg-hover-dark,oklch(94.6%_0.033_307.174))] hover:text-[color:var(--zui-dropdown-item-purple-fg-hover,oklch(43.8%_0.218_303.724))] dark:hover:text-[color:var(--zui-dropdown-item-purple-fg-hover-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-dropdown-item-purple-bg,oklch(90.2%_0.063_306.703))] dark:bg-[var(--zui-dropdown-item-purple-bg-dark,oklch(90.2%_0.063_306.703))] text-[color:var(--zui-dropdown-item-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-dropdown-item-purple-fg-dark,oklch(43.8%_0.218_303.724))]\",\n pink: \"hover:bg-[var(--zui-dropdown-item-pink-bg-hover,oklch(94.8%_0.028_342.258))] dark:hover:bg-[var(--zui-dropdown-item-pink-bg-hover-dark,oklch(94.8%_0.028_342.258))] hover:text-[color:var(--zui-dropdown-item-pink-fg-hover,oklch(45.9%_0.187_3.815))] dark:hover:text-[color:var(--zui-dropdown-item-pink-fg-hover-dark,oklch(59.2%_0.249_0.584))] bg-[var(--zui-dropdown-item-pink-bg,oklch(89.9%_0.061_343.231))] dark:bg-[var(--zui-dropdown-item-pink-bg-dark,oklch(89.9%_0.061_343.231))] text-[color:var(--zui-dropdown-item-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-dropdown-item-pink-fg-dark,oklch(45.9%_0.187_3.815))]\",\n orange:\n \"hover:bg-[var(--zui-dropdown-item-orange-bg-hover,oklch(95.4%_0.038_75.164))] dark:hover:bg-[var(--zui-dropdown-item-orange-bg-hover-dark,oklch(95.4%_0.038_75.164))] hover:text-[color:var(--zui-dropdown-item-orange-fg-hover,oklch(47%_0.157_37.304))] dark:hover:text-[color:var(--zui-dropdown-item-orange-fg-hover-dark,oklch(64.6%_0.222_41.116))] bg-[var(--zui-dropdown-item-orange-bg,oklch(90.1%_0.076_70.697))] dark:bg-[var(--zui-dropdown-item-orange-bg-dark,oklch(90.1%_0.076_70.697))] text-[color:var(--zui-dropdown-item-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-dropdown-item-orange-fg-dark,oklch(47%_0.157_37.304))]\",\n yellow:\n \"hover:bg-[var(--zui-dropdown-item-yellow-bg-hover,oklch(97.3%_0.071_103.193))] dark:hover:bg-[var(--zui-dropdown-item-yellow-bg-hover-dark,oklch(97.3%_0.071_103.193))] hover:text-[color:var(--zui-dropdown-item-yellow-fg-hover,oklch(47.6%_0.114_61.907))] dark:hover:text-[color:var(--zui-dropdown-item-yellow-fg-hover-dark,oklch(68.1%_0.162_75.834))] bg-[var(--zui-dropdown-item-yellow-bg,oklch(94.5%_0.129_101.54))] dark:bg-[var(--zui-dropdown-item-yellow-bg-dark,oklch(94.5%_0.129_101.54))] text-[color:var(--zui-dropdown-item-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-dropdown-item-yellow-fg-dark,oklch(47.6%_0.114_61.907))]\",\n teal: \"hover:bg-[var(--zui-dropdown-item-teal-bg-hover,oklch(95.3%_0.051_180.801))] dark:hover:bg-[var(--zui-dropdown-item-teal-bg-hover-dark,oklch(95.3%_0.051_180.801))] hover:text-[color:var(--zui-dropdown-item-teal-fg-hover,oklch(43.7%_0.078_188.216))] dark:hover:text-[color:var(--zui-dropdown-item-teal-fg-hover-dark,oklch(60%_0.118_184.704))] bg-[var(--zui-dropdown-item-teal-bg,oklch(91%_0.096_180.426))] dark:bg-[var(--zui-dropdown-item-teal-bg-dark,oklch(91%_0.096_180.426))] text-[color:var(--zui-dropdown-item-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-dropdown-item-teal-fg-dark,oklch(43.7%_0.078_188.216))]\",\n indigo:\n \"hover:bg-[var(--zui-dropdown-item-indigo-bg-hover,oklch(93%_0.034_272.788))] dark:hover:bg-[var(--zui-dropdown-item-indigo-bg-hover-dark,oklch(93%_0.034_272.788))] hover:text-[color:var(--zui-dropdown-item-indigo-fg-hover,oklch(39.8%_0.195_277.366))] dark:hover:text-[color:var(--zui-dropdown-item-indigo-fg-hover-dark,oklch(51.1%_0.262_276.966))] bg-[var(--zui-dropdown-item-indigo-bg,oklch(87%_0.065_274.039))] dark:bg-[var(--zui-dropdown-item-indigo-bg-dark,oklch(87%_0.065_274.039))] text-[color:var(--zui-dropdown-item-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-dropdown-item-indigo-fg-dark,oklch(39.8%_0.195_277.366))]\",\n emerald:\n \"hover:bg-[var(--zui-dropdown-item-emerald-bg-hover,oklch(95%_0.052_163.051))] dark:hover:bg-[var(--zui-dropdown-item-emerald-bg-hover-dark,oklch(95%_0.052_163.051))] hover:text-[color:var(--zui-dropdown-item-emerald-fg-hover,oklch(43.2%_0.095_166.913))] dark:hover:text-[color:var(--zui-dropdown-item-emerald-fg-hover-dark,oklch(59.6%_0.145_163.225))] bg-[var(--zui-dropdown-item-emerald-bg,oklch(90.5%_0.093_164.15))] dark:bg-[var(--zui-dropdown-item-emerald-bg-dark,oklch(90.5%_0.093_164.15))] text-[color:var(--zui-dropdown-item-emerald-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-dropdown-item-emerald-fg-dark,oklch(43.2%_0.095_166.913))]\",\n gray: \"hover:bg-[var(--zui-dropdown-item-gray-bg-hover,oklch(96.7%_0.003_264.542))] dark:hover:bg-[var(--zui-dropdown-item-gray-bg-hover-dark,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-gray-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-gray-fg-hover-dark,oklch(21%_0.034_264.665))] bg-[var(--zui-dropdown-item-gray-bg,oklch(92.8%_0.006_264.531))] dark:bg-[var(--zui-dropdown-item-gray-bg-dark,oklch(92.8%_0.006_264.531))] text-[color:var(--zui-dropdown-item-gray-fg,oklch(55.1%_0.027_264.364))] dark:text-[color:var(--zui-dropdown-item-gray-fg-dark,oklch(27.8%_0.033_256.848))]\",\n amber:\n \"hover:bg-[var(--zui-dropdown-item-amber-bg-hover,oklch(96.2%_0.059_95.617))] dark:hover:bg-[var(--zui-dropdown-item-amber-bg-hover-dark,oklch(96.2%_0.059_95.617))] hover:text-[color:var(--zui-dropdown-item-amber-fg-hover,oklch(47.3%_0.137_46.201))] dark:hover:text-[color:var(--zui-dropdown-item-amber-fg-hover-dark,oklch(66.6%_0.179_58.318))] bg-[var(--zui-dropdown-item-amber-bg,oklch(92.4%_0.12_95.746))] dark:bg-[var(--zui-dropdown-item-amber-bg-dark,oklch(92.4%_0.12_95.746))] text-[color:var(--zui-dropdown-item-amber-fg,oklch(41.4%_0.112_45.904))] dark:text-[color:var(--zui-dropdown-item-amber-fg-dark,oklch(47.3%_0.137_46.201))]\",\n violet:\n \"hover:bg-[var(--zui-dropdown-item-violet-bg-hover,oklch(94.3%_0.029_294.588))] dark:hover:bg-[var(--zui-dropdown-item-violet-bg-hover-dark,oklch(94.3%_0.029_294.588))] hover:text-[color:var(--zui-dropdown-item-violet-fg-hover,oklch(43.2%_0.232_292.759))] dark:hover:text-[color:var(--zui-dropdown-item-violet-fg-hover-dark,oklch(54.1%_0.281_293.009))] bg-[var(--zui-dropdown-item-violet-bg,oklch(89.4%_0.057_293.283))] dark:bg-[var(--zui-dropdown-item-violet-bg-dark,oklch(89.4%_0.057_293.283))] text-[color:var(--zui-dropdown-item-violet-fg,oklch(38%_0.189_293.745))] dark:text-[color:var(--zui-dropdown-item-violet-fg-dark,oklch(43.2%_0.232_292.759))]\",\n \"gradient-blue\":\n \"hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-blue-from,oklch(42.4%_0.199_265.638))] dark:from-[var(--zui-dropdown-item-gradient-blue-from-dark,oklch(54.6%_0.245_262.881))] to-[var(--zui-dropdown-item-gradient-blue-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-dropdown-item-gradient-blue-to-dark,oklch(55.8%_0.288_302.321))] hover:text-[color:var(--zui-dropdown-item-gradient-blue-fg-hover,oklch(62.3%_0.214_259.815))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-blue-fg-hover-dark,oklch(37.9%_0.146_265.522))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-blue-from,oklch(88.2%_0.059_254.128))] to-[var(--zui-dropdown-item-gradient-blue-to,oklch(90.2%_0.063_306.703))] text-[color:var(--zui-dropdown-item-gradient-blue-fg,oklch(37.9%_0.146_265.522))] dark:text-[color:var(--zui-dropdown-item-gradient-blue-fg-dark,oklch(88.2%_0.059_254.128))]\",\n \"gradient-green\":\n \"hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-green-from,oklch(44.8%_0.119_151.328))] dark:from-[var(--zui-dropdown-item-gradient-green-from-dark,oklch(62.7%_0.194_149.214))] to-[var(--zui-dropdown-item-gradient-green-to,oklch(45.3%_0.124_130.933))] dark:to-[var(--zui-dropdown-item-gradient-green-to-dark,oklch(64.8%_0.2_131.684))] hover:text-[color:var(--zui-dropdown-item-gradient-green-fg-hover,oklch(72.3%_0.219_149.579))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-green-fg-hover-dark,oklch(39.3%_0.095_152.535))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-green-from,oklch(92.5%_0.084_155.995))] to-[var(--zui-dropdown-item-gradient-green-to,oklch(93.8%_0.127_124.321))] text-[color:var(--zui-dropdown-item-gradient-green-fg,oklch(39.3%_0.095_152.535))] dark:text-[color:var(--zui-dropdown-item-gradient-green-fg-dark,oklch(92.5%_0.084_155.995))]\",\n \"gradient-red\":\n \"hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-red-from,oklch(44.4%_0.177_26.899))] dark:from-[var(--zui-dropdown-item-gradient-red-from-dark,oklch(57.7%_0.245_27.325))] to-[var(--zui-dropdown-item-gradient-red-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-dropdown-item-gradient-red-to-dark,oklch(59.2%_0.249_0.584))] hover:text-[color:var(--zui-dropdown-item-gradient-red-fg-hover,oklch(63.7%_0.237_25.331))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-red-fg-hover-dark,oklch(39.6%_0.141_25.723))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-red-from,oklch(88.5%_0.062_18.334))] to-[var(--zui-dropdown-item-gradient-red-to,oklch(89.9%_0.061_343.231))] text-[color:var(--zui-dropdown-item-gradient-red-fg,oklch(39.6%_0.141_25.723))] dark:text-[color:var(--zui-dropdown-item-gradient-red-fg-dark,oklch(88.5%_0.062_18.334))]\",\n \"gradient-yellow\":\n \"hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-yellow-from,oklch(47.6%_0.114_61.907))] dark:from-[var(--zui-dropdown-item-gradient-yellow-from-dark,oklch(68.1%_0.162_75.834))] to-[var(--zui-dropdown-item-gradient-yellow-to,oklch(47%_0.157_37.304))] dark:to-[var(--zui-dropdown-item-gradient-yellow-to-dark,oklch(64.6%_0.222_41.116))] hover:text-[color:var(--zui-dropdown-item-gradient-yellow-fg-hover,oklch(79.5%_0.184_86.047))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-yellow-fg-hover-dark,oklch(42.1%_0.095_57.708))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-yellow-from,oklch(94.5%_0.129_101.54))] to-[var(--zui-dropdown-item-gradient-yellow-to,oklch(90.1%_0.076_70.697))] text-[color:var(--zui-dropdown-item-gradient-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-dropdown-item-gradient-yellow-fg-dark,oklch(94.5%_0.129_101.54))]\",\n \"gradient-purple\":\n \"hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-purple-from,oklch(43.8%_0.218_303.724))] dark:from-[var(--zui-dropdown-item-gradient-purple-from-dark,oklch(55.8%_0.288_302.321))] to-[var(--zui-dropdown-item-gradient-purple-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-dropdown-item-gradient-purple-to-dark,oklch(59.2%_0.249_0.584))] hover:text-[color:var(--zui-dropdown-item-gradient-purple-fg-hover,oklch(62.7%_0.265_303.9))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-purple-fg-hover-dark,oklch(38.1%_0.176_304.987))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-purple-from,oklch(90.2%_0.063_306.703))] to-[var(--zui-dropdown-item-gradient-purple-to,oklch(89.9%_0.061_343.231))] text-[color:var(--zui-dropdown-item-gradient-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-dropdown-item-gradient-purple-fg-dark,oklch(90.2%_0.063_306.703))]\",\n \"gradient-teal\":\n \"hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-teal-from,oklch(43.7%_0.078_188.216))] dark:from-[var(--zui-dropdown-item-gradient-teal-from-dark,oklch(60%_0.118_184.704))] to-[var(--zui-dropdown-item-gradient-teal-to,oklch(45%_0.085_224.283))] dark:to-[var(--zui-dropdown-item-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))] hover:text-[color:var(--zui-dropdown-item-gradient-teal-fg-hover,oklch(70.4%_0.14_182.503))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-teal-fg-hover-dark,oklch(38.6%_0.063_188.416))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-teal-from,oklch(91%_0.096_180.426))] to-[var(--zui-dropdown-item-gradient-teal-to,oklch(91.7%_0.08_205.041))] text-[color:var(--zui-dropdown-item-gradient-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-dropdown-item-gradient-teal-fg-dark,oklch(91%_0.096_180.426))]\",\n \"gradient-indigo\":\n \"hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-dropdown-item-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-dropdown-item-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-dropdown-item-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] hover:text-[color:var(--zui-dropdown-item-gradient-indigo-fg-hover,oklch(58.5%_0.233_277.117))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-indigo-fg-hover-dark,oklch(35.9%_0.144_278.697))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-indigo-from,oklch(87%_0.065_274.039))] to-[var(--zui-dropdown-item-gradient-indigo-to,oklch(90.2%_0.063_306.703))] text-[color:var(--zui-dropdown-item-gradient-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-dropdown-item-gradient-indigo-fg-dark,oklch(87%_0.065_274.039))]\",\n \"gradient-pink\":\n \"hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-dropdown-item-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-dropdown-item-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-dropdown-item-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] hover:text-[color:var(--zui-dropdown-item-gradient-pink-fg-hover,oklch(65.6%_0.241_354.308))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-pink-fg-hover-dark,oklch(40.8%_0.153_2.432))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-pink-from,oklch(89.9%_0.061_343.231))] to-[var(--zui-dropdown-item-gradient-pink-to,oklch(89.2%_0.058_10.001))] text-[color:var(--zui-dropdown-item-gradient-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-dropdown-item-gradient-pink-fg-dark,oklch(89.9%_0.061_343.231))]\",\n \"gradient-orange\":\n \"hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-dropdown-item-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-dropdown-item-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-dropdown-item-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] hover:text-[color:var(--zui-dropdown-item-gradient-orange-fg-hover,oklch(70.5%_0.213_47.604))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-orange-fg-hover-dark,oklch(40.8%_0.123_38.172))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-orange-from,oklch(90.1%_0.076_70.697))] to-[var(--zui-dropdown-item-gradient-orange-to,oklch(88.5%_0.062_18.334))] text-[color:var(--zui-dropdown-item-gradient-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-dropdown-item-gradient-orange-fg-dark,oklch(90.1%_0.076_70.697))]\",\n} as const;\n"]}
package/dist/design-system/context-menu.d.ts ADDED
@@ -0,0 +1,41 @@
1
+ export declare const zuiContextMenuContentBase = "min-w-[220px] rounded-lg border border-[color:var(--zui-dropdown-content-border,oklch(20.8%_0.042_265.755_/_0.1))] bg-[var(--zui-dropdown-content-bg,oklch(96.8%_0.007_247.896))] p-2 text-[color:var(--zui-dropdown-content-fg,oklch(20.8%_0.042_265.755))] shadow-lg outline-none dark:border-[color:var(--zui-dropdown-content-border-dark,#ffffff1a)] dark:bg-[var(--zui-dropdown-content-bg-dark,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-dropdown-content-fg-dark,oklch(96.8%_0.007_247.896))]";
2
+ export declare const zuiContextMenuItemBase = "flex items-center justify-between px-3 py-2 text-sm cursor-pointer rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-dropdown-item-ring-focus,oklch(55.1%_0.027_264.364_/_0.6))] dark:focus-visible:ring-[var(--zui-dropdown-item-ring-focus-dark,oklch(55.1%_0.027_264.364_/_0.6))] font-semibold";
3
+ export declare const zuiContextMenuItemVariants: {
4
+ readonly ghost: "hover:bg-[var(--zui-dropdown-item-ghost-bg-hover,oklch(96.7%_0.003_264.542))] dark:hover:bg-[var(--zui-dropdown-item-ghost-bg-hover-dark,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-ghost-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-ghost-fg-hover-dark,oklch(21%_0.034_264.665))] bg-[var(--zui-dropdown-item-ghost-bg,transparent)] dark:bg-[var(--zui-dropdown-item-ghost-bg-dark,transparent)] text-[color:var(--zui-dropdown-item-ghost-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-item-ghost-fg-dark,oklch(96.7%_0.003_264.542))] dark:bg-[var(--zui-dropdown-item-ghost-bg-dark,transparent)]";
5
+ readonly sky: "hover:bg-[var(--zui-dropdown-item-sky-bg-hover,oklch(95.1%_0.026_236.824))] dark:hover:bg-[var(--zui-dropdown-item-sky-bg-hover-dark,oklch(95.1%_0.026_236.824))] hover:text-[color:var(--zui-dropdown-item-sky-fg-hover,oklch(44.3%_0.11_240.79))] dark:hover:text-[color:var(--zui-dropdown-item-sky-fg-hover-dark,oklch(58.8%_0.158_241.966))] bg-[var(--zui-dropdown-item-sky-bg,oklch(90.1%_0.058_230.902))] dark:bg-[var(--zui-dropdown-item-sky-bg-dark,oklch(90.1%_0.058_230.902))] text-[color:var(--zui-dropdown-item-sky-fg,oklch(39.1%_0.09_240.876))] dark:text-[color:var(--zui-dropdown-item-sky-fg-dark,oklch(44.3%_0.11_240.79))] dark:bg-[var(--zui-dropdown-item-sky-bg-dark,oklch(29.3%_0.066_243.157))] dark:text-[color:var(--zui-dropdown-item-sky-fg-dark,oklch(90.1%_0.058_230.902))] dark:hover:text-[color:var(--zui-dropdown-item-sky-fg-hover-dark,oklch(90.1%_0.058_230.902))]";
6
+ readonly rose: "hover:bg-[var(--zui-dropdown-item-rose-bg-hover,oklch(94.1%_0.03_12.58))] dark:hover:bg-[var(--zui-dropdown-item-rose-bg-hover-dark,oklch(94.1%_0.03_12.58))] hover:text-[color:var(--zui-dropdown-item-rose-fg-hover,oklch(45.5%_0.188_13.697))] dark:hover:text-[color:var(--zui-dropdown-item-rose-fg-hover-dark,oklch(58.6%_0.253_17.585))] bg-[var(--zui-dropdown-item-rose-bg,oklch(89.2%_0.058_10.001))] dark:bg-[var(--zui-dropdown-item-rose-bg-dark,oklch(89.2%_0.058_10.001))] text-[color:var(--zui-dropdown-item-rose-fg,oklch(41%_0.159_10.272))] dark:text-[color:var(--zui-dropdown-item-rose-fg-dark,oklch(45.5%_0.188_13.697))] dark:bg-[var(--zui-dropdown-item-rose-bg-dark,oklch(27.1%_0.105_12.094))] dark:text-[color:var(--zui-dropdown-item-rose-fg-dark,oklch(89.2%_0.058_10.001))] dark:hover:text-[color:var(--zui-dropdown-item-rose-fg-hover-dark,oklch(89.2%_0.058_10.001))]";
7
+ readonly purple: "hover:bg-[var(--zui-dropdown-item-purple-bg-hover,oklch(94.6%_0.033_307.174))] dark:hover:bg-[var(--zui-dropdown-item-purple-bg-hover-dark,oklch(94.6%_0.033_307.174))] hover:text-[color:var(--zui-dropdown-item-purple-fg-hover,oklch(43.8%_0.218_303.724))] dark:hover:text-[color:var(--zui-dropdown-item-purple-fg-hover-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-dropdown-item-purple-bg,oklch(90.2%_0.063_306.703))] dark:bg-[var(--zui-dropdown-item-purple-bg-dark,oklch(90.2%_0.063_306.703))] text-[color:var(--zui-dropdown-item-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-dropdown-item-purple-fg-dark,oklch(43.8%_0.218_303.724))] dark:bg-[var(--zui-dropdown-item-purple-bg-dark,oklch(29.1%_0.149_302.717))] dark:text-[color:var(--zui-dropdown-item-purple-fg-dark,oklch(90.2%_0.063_306.703))] dark:hover:text-[color:var(--zui-dropdown-item-purple-fg-hover-dark,oklch(90.2%_0.063_306.703))]";
8
+ readonly pink: "hover:bg-[var(--zui-dropdown-item-pink-bg-hover,oklch(94.8%_0.028_342.258))] dark:hover:bg-[var(--zui-dropdown-item-pink-bg-hover-dark,oklch(94.8%_0.028_342.258))] hover:text-[color:var(--zui-dropdown-item-pink-fg-hover,oklch(45.9%_0.187_3.815))] dark:hover:text-[color:var(--zui-dropdown-item-pink-fg-hover-dark,oklch(59.2%_0.249_0.584))] bg-[var(--zui-dropdown-item-pink-bg,oklch(89.9%_0.061_343.231))] dark:bg-[var(--zui-dropdown-item-pink-bg-dark,oklch(89.9%_0.061_343.231))] text-[color:var(--zui-dropdown-item-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-dropdown-item-pink-fg-dark,oklch(45.9%_0.187_3.815))] dark:bg-[var(--zui-dropdown-item-pink-bg-dark,oklch(28.4%_0.109_3.907))] dark:text-[color:var(--zui-dropdown-item-pink-fg-dark,oklch(89.9%_0.061_343.231))] dark:hover:text-[color:var(--zui-dropdown-item-pink-fg-hover-dark,oklch(89.9%_0.061_343.231))]";
9
+ readonly orange: "hover:bg-[var(--zui-dropdown-item-orange-bg-hover,oklch(95.4%_0.038_75.164))] dark:hover:bg-[var(--zui-dropdown-item-orange-bg-hover-dark,oklch(95.4%_0.038_75.164))] hover:text-[color:var(--zui-dropdown-item-orange-fg-hover,oklch(47%_0.157_37.304))] dark:hover:text-[color:var(--zui-dropdown-item-orange-fg-hover-dark,oklch(64.6%_0.222_41.116))] bg-[var(--zui-dropdown-item-orange-bg,oklch(90.1%_0.076_70.697))] dark:bg-[var(--zui-dropdown-item-orange-bg-dark,oklch(90.1%_0.076_70.697))] text-[color:var(--zui-dropdown-item-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-dropdown-item-orange-fg-dark,oklch(47%_0.157_37.304))] dark:bg-[var(--zui-dropdown-item-orange-bg-dark,oklch(26.6%_0.079_36.259))] dark:text-[color:var(--zui-dropdown-item-orange-fg-dark,oklch(90.1%_0.076_70.697))] dark:hover:text-[color:var(--zui-dropdown-item-orange-fg-hover-dark,oklch(90.1%_0.076_70.697))]";
10
+ readonly yellow: "hover:bg-[var(--zui-dropdown-item-yellow-bg-hover,oklch(97.3%_0.071_103.193))] dark:hover:bg-[var(--zui-dropdown-item-yellow-bg-hover-dark,oklch(97.3%_0.071_103.193))] hover:text-[color:var(--zui-dropdown-item-yellow-fg-hover,oklch(47.6%_0.114_61.907))] dark:hover:text-[color:var(--zui-dropdown-item-yellow-fg-hover-dark,oklch(68.1%_0.162_75.834))] bg-[var(--zui-dropdown-item-yellow-bg,oklch(94.5%_0.129_101.54))] dark:bg-[var(--zui-dropdown-item-yellow-bg-dark,oklch(94.5%_0.129_101.54))] text-[color:var(--zui-dropdown-item-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-dropdown-item-yellow-fg-dark,oklch(47.6%_0.114_61.907))] dark:bg-[var(--zui-dropdown-item-yellow-bg-dark,oklch(28.6%_0.066_53.813))] dark:text-[color:var(--zui-dropdown-item-yellow-fg-dark,oklch(94.5%_0.129_101.54))] dark:hover:text-[color:var(--zui-dropdown-item-yellow-fg-hover-dark,oklch(94.5%_0.129_101.54))]";
11
+ readonly teal: "hover:bg-[var(--zui-dropdown-item-teal-bg-hover,oklch(95.3%_0.051_180.801))] dark:hover:bg-[var(--zui-dropdown-item-teal-bg-hover-dark,oklch(95.3%_0.051_180.801))] hover:text-[color:var(--zui-dropdown-item-teal-fg-hover,oklch(43.7%_0.078_188.216))] dark:hover:text-[color:var(--zui-dropdown-item-teal-fg-hover-dark,oklch(60%_0.118_184.704))] bg-[var(--zui-dropdown-item-teal-bg,oklch(91%_0.096_180.426))] dark:bg-[var(--zui-dropdown-item-teal-bg-dark,oklch(91%_0.096_180.426))] text-[color:var(--zui-dropdown-item-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-dropdown-item-teal-fg-dark,oklch(43.7%_0.078_188.216))] dark:bg-[var(--zui-dropdown-item-teal-bg-dark,oklch(27.7%_0.046_192.524))] dark:text-[color:var(--zui-dropdown-item-teal-fg-dark,oklch(91%_0.096_180.426))] dark:hover:text-[color:var(--zui-dropdown-item-teal-fg-hover-dark,oklch(91%_0.096_180.426))]";
12
+ readonly indigo: "hover:bg-[var(--zui-dropdown-item-indigo-bg-hover,oklch(93%_0.034_272.788))] dark:hover:bg-[var(--zui-dropdown-item-indigo-bg-hover-dark,oklch(93%_0.034_272.788))] hover:text-[color:var(--zui-dropdown-item-indigo-fg-hover,oklch(39.8%_0.195_277.366))] dark:hover:text-[color:var(--zui-dropdown-item-indigo-fg-hover-dark,oklch(51.1%_0.262_276.966))] bg-[var(--zui-dropdown-item-indigo-bg,oklch(87%_0.065_274.039))] dark:bg-[var(--zui-dropdown-item-indigo-bg-dark,oklch(87%_0.065_274.039))] text-[color:var(--zui-dropdown-item-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-dropdown-item-indigo-fg-dark,oklch(39.8%_0.195_277.366))] dark:bg-[var(--zui-dropdown-item-indigo-bg-dark,oklch(25.7%_0.09_281.288))] dark:text-[color:var(--zui-dropdown-item-indigo-fg-dark,oklch(87%_0.065_274.039))] dark:hover:text-[color:var(--zui-dropdown-item-indigo-fg-hover-dark,oklch(87%_0.065_274.039))]";
13
+ readonly emerald: "hover:bg-[var(--zui-dropdown-item-emerald-bg-hover,oklch(95%_0.052_163.051))] dark:hover:bg-[var(--zui-dropdown-item-emerald-bg-hover-dark,oklch(95%_0.052_163.051))] hover:text-[color:var(--zui-dropdown-item-emerald-fg-hover,oklch(43.2%_0.095_166.913))] dark:hover:text-[color:var(--zui-dropdown-item-emerald-fg-hover-dark,oklch(59.6%_0.145_163.225))] bg-[var(--zui-dropdown-item-emerald-bg,oklch(90.5%_0.093_164.15))] dark:bg-[var(--zui-dropdown-item-emerald-bg-dark,oklch(90.5%_0.093_164.15))] text-[color:var(--zui-dropdown-item-emerald-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-dropdown-item-emerald-fg-dark,oklch(43.2%_0.095_166.913))] dark:bg-[var(--zui-dropdown-item-emerald-bg-dark,oklch(26.2%_0.051_172.552))] dark:text-[color:var(--zui-dropdown-item-emerald-fg-dark,oklch(90.5%_0.093_164.15))] dark:hover:text-[color:var(--zui-dropdown-item-emerald-fg-hover-dark,oklch(90.5%_0.093_164.15))]";
14
+ readonly gray: "hover:bg-[var(--zui-dropdown-item-gray-bg-hover,oklch(96.7%_0.003_264.542))] dark:hover:bg-[var(--zui-dropdown-item-gray-bg-hover-dark,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-gray-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-gray-fg-hover-dark,oklch(21%_0.034_264.665))] bg-[var(--zui-dropdown-item-gray-bg,oklch(92.8%_0.006_264.531))] dark:bg-[var(--zui-dropdown-item-gray-bg-dark,oklch(92.8%_0.006_264.531))] text-[color:var(--zui-dropdown-item-gray-fg,oklch(55.1%_0.027_264.364))] dark:text-[color:var(--zui-dropdown-item-gray-fg-dark,oklch(27.8%_0.033_256.848))] dark:bg-[var(--zui-dropdown-item-gray-bg-dark,oklch(13%_0.028_261.692))] dark:text-[color:var(--zui-dropdown-item-gray-fg-dark,oklch(92.8%_0.006_264.531))] dark:hover:text-[color:var(--zui-dropdown-item-gray-fg-hover-dark,oklch(92.8%_0.006_264.531))]";
15
+ readonly amber: "hover:bg-[var(--zui-dropdown-item-amber-bg-hover,oklch(96.2%_0.059_95.617))] dark:hover:bg-[var(--zui-dropdown-item-amber-bg-hover-dark,oklch(96.2%_0.059_95.617))] hover:text-[color:var(--zui-dropdown-item-amber-fg-hover,oklch(47.3%_0.137_46.201))] dark:hover:text-[color:var(--zui-dropdown-item-amber-fg-hover-dark,oklch(66.6%_0.179_58.318))] bg-[var(--zui-dropdown-item-amber-bg,oklch(92.4%_0.12_95.746))] dark:bg-[var(--zui-dropdown-item-amber-bg-dark,oklch(92.4%_0.12_95.746))] text-[color:var(--zui-dropdown-item-amber-fg,oklch(41.4%_0.112_45.904))] dark:text-[color:var(--zui-dropdown-item-amber-fg-dark,oklch(47.3%_0.137_46.201))] dark:bg-[var(--zui-dropdown-item-amber-bg-dark,oklch(27.9%_0.077_45.635))] dark:text-[color:var(--zui-dropdown-item-amber-fg-dark,oklch(92.4%_0.12_95.746))] dark:hover:text-[color:var(--zui-dropdown-item-amber-fg-hover-dark,oklch(92.4%_0.12_95.746))]";
16
+ readonly violet: "hover:bg-[var(--zui-dropdown-item-violet-bg-hover,oklch(94.3%_0.029_294.588))] dark:hover:bg-[var(--zui-dropdown-item-violet-bg-hover-dark,oklch(94.3%_0.029_294.588))] hover:text-[color:var(--zui-dropdown-item-violet-fg-hover,oklch(43.2%_0.232_292.759))] dark:hover:text-[color:var(--zui-dropdown-item-violet-fg-hover-dark,oklch(54.1%_0.281_293.009))] bg-[var(--zui-dropdown-item-violet-bg,oklch(89.4%_0.057_293.283))] dark:bg-[var(--zui-dropdown-item-violet-bg-dark,oklch(89.4%_0.057_293.283))] text-[color:var(--zui-dropdown-item-violet-fg,oklch(38%_0.189_293.745))] dark:text-[color:var(--zui-dropdown-item-violet-fg-dark,oklch(43.2%_0.232_292.759))] dark:bg-[var(--zui-dropdown-item-violet-bg-dark,oklch(28.3%_0.141_291.089))] dark:text-[color:var(--zui-dropdown-item-violet-fg-dark,oklch(89.4%_0.057_293.283))] dark:hover:text-[color:var(--zui-dropdown-item-violet-fg-hover-dark,oklch(89.4%_0.057_293.283))]";
17
+ readonly "gradient-blue": "hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-blue-from,oklch(42.4%_0.199_265.638))] dark:from-[var(--zui-dropdown-item-gradient-blue-from-dark,oklch(54.6%_0.245_262.881))] to-[var(--zui-dropdown-item-gradient-blue-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-dropdown-item-gradient-blue-to-dark,oklch(55.8%_0.288_302.321))] hover:text-[color:var(--zui-dropdown-item-gradient-blue-fg-hover,oklch(62.3%_0.214_259.815))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-blue-fg-hover-dark,oklch(37.9%_0.146_265.522))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-blue-from,oklch(88.2%_0.059_254.128))] to-[var(--zui-dropdown-item-gradient-blue-to,oklch(90.2%_0.063_306.703))] text-[color:var(--zui-dropdown-item-gradient-blue-fg,oklch(37.9%_0.146_265.522))] dark:text-[color:var(--zui-dropdown-item-gradient-blue-fg-dark,oklch(88.2%_0.059_254.128))] dark:from-[var(--zui-dropdown-item-gradient-blue-from-dark,oklch(28.2%_0.091_267.935))] dark:to-[var(--zui-dropdown-item-gradient-blue-to-dark,oklch(29.1%_0.149_302.717))]";
18
+ readonly "gradient-green": "hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-green-from,oklch(44.8%_0.119_151.328))] dark:from-[var(--zui-dropdown-item-gradient-green-from-dark,oklch(62.7%_0.194_149.214))] to-[var(--zui-dropdown-item-gradient-green-to,oklch(45.3%_0.124_130.933))] dark:to-[var(--zui-dropdown-item-gradient-green-to-dark,oklch(64.8%_0.2_131.684))] hover:text-[color:var(--zui-dropdown-item-gradient-green-fg-hover,oklch(72.3%_0.219_149.579))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-green-fg-hover-dark,oklch(39.3%_0.095_152.535))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-green-from,oklch(92.5%_0.084_155.995))] to-[var(--zui-dropdown-item-gradient-green-to,oklch(93.8%_0.127_124.321))] text-[color:var(--zui-dropdown-item-gradient-green-fg,oklch(39.3%_0.095_152.535))] dark:text-[color:var(--zui-dropdown-item-gradient-green-fg-dark,oklch(92.5%_0.084_155.995))] dark:from-[var(--zui-dropdown-item-gradient-green-from-dark,oklch(26.6%_0.065_152.934))] dark:to-[var(--zui-dropdown-item-gradient-green-to-dark,oklch(27.4%_0.072_132.109))]";
19
+ readonly "gradient-red": "hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-red-from,oklch(44.4%_0.177_26.899))] dark:from-[var(--zui-dropdown-item-gradient-red-from-dark,oklch(57.7%_0.245_27.325))] to-[var(--zui-dropdown-item-gradient-red-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-dropdown-item-gradient-red-to-dark,oklch(59.2%_0.249_0.584))] hover:text-[color:var(--zui-dropdown-item-gradient-red-fg-hover,oklch(63.7%_0.237_25.331))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-red-fg-hover-dark,oklch(39.6%_0.141_25.723))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-red-from,oklch(88.5%_0.062_18.334))] to-[var(--zui-dropdown-item-gradient-red-to,oklch(89.9%_0.061_343.231))] text-[color:var(--zui-dropdown-item-gradient-red-fg,oklch(39.6%_0.141_25.723))] dark:text-[color:var(--zui-dropdown-item-gradient-red-fg-dark,oklch(88.5%_0.062_18.334))] dark:from-[var(--zui-dropdown-item-gradient-red-from-dark,oklch(25.8%_0.092_26.042))] dark:to-[var(--zui-dropdown-item-gradient-red-to-dark,oklch(28.4%_0.109_3.907))]";
20
+ readonly "gradient-yellow": "hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-yellow-from,oklch(47.6%_0.114_61.907))] dark:from-[var(--zui-dropdown-item-gradient-yellow-from-dark,oklch(68.1%_0.162_75.834))] to-[var(--zui-dropdown-item-gradient-yellow-to,oklch(47%_0.157_37.304))] dark:to-[var(--zui-dropdown-item-gradient-yellow-to-dark,oklch(64.6%_0.222_41.116))] hover:text-[color:var(--zui-dropdown-item-gradient-yellow-fg-hover,oklch(79.5%_0.184_86.047))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-yellow-fg-hover-dark,oklch(42.1%_0.095_57.708))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-yellow-from,oklch(94.5%_0.129_101.54))] to-[var(--zui-dropdown-item-gradient-yellow-to,oklch(90.1%_0.076_70.697))] text-[color:var(--zui-dropdown-item-gradient-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-dropdown-item-gradient-yellow-fg-dark,oklch(94.5%_0.129_101.54))] dark:from-[var(--zui-dropdown-item-gradient-yellow-from-dark,oklch(28.6%_0.066_53.813))] dark:to-[var(--zui-dropdown-item-gradient-yellow-to-dark,oklch(26.6%_0.079_36.259))]";
21
+ readonly "gradient-purple": "hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-purple-from,oklch(43.8%_0.218_303.724))] dark:from-[var(--zui-dropdown-item-gradient-purple-from-dark,oklch(55.8%_0.288_302.321))] to-[var(--zui-dropdown-item-gradient-purple-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-dropdown-item-gradient-purple-to-dark,oklch(59.2%_0.249_0.584))] hover:text-[color:var(--zui-dropdown-item-gradient-purple-fg-hover,oklch(62.7%_0.265_303.9))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-purple-fg-hover-dark,oklch(38.1%_0.176_304.987))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-purple-from,oklch(90.2%_0.063_306.703))] to-[var(--zui-dropdown-item-gradient-purple-to,oklch(89.9%_0.061_343.231))] text-[color:var(--zui-dropdown-item-gradient-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-dropdown-item-gradient-purple-fg-dark,oklch(90.2%_0.063_306.703))] dark:from-[var(--zui-dropdown-item-gradient-purple-from-dark,oklch(29.1%_0.149_302.717))] dark:to-[var(--zui-dropdown-item-gradient-purple-to-dark,oklch(28.4%_0.109_3.907))]";
22
+ readonly "gradient-teal": "hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-teal-from,oklch(43.7%_0.078_188.216))] dark:from-[var(--zui-dropdown-item-gradient-teal-from-dark,oklch(60%_0.118_184.704))] to-[var(--zui-dropdown-item-gradient-teal-to,oklch(45%_0.085_224.283))] dark:to-[var(--zui-dropdown-item-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))] hover:text-[color:var(--zui-dropdown-item-gradient-teal-fg-hover,oklch(70.4%_0.14_182.503))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-teal-fg-hover-dark,oklch(38.6%_0.063_188.416))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-teal-from,oklch(91%_0.096_180.426))] to-[var(--zui-dropdown-item-gradient-teal-to,oklch(91.7%_0.08_205.041))] text-[color:var(--zui-dropdown-item-gradient-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-dropdown-item-gradient-teal-fg-dark,oklch(91%_0.096_180.426))] dark:from-[var(--zui-dropdown-item-gradient-teal-from-dark,oklch(27.7%_0.046_192.524))] dark:to-[var(--zui-dropdown-item-gradient-teal-to-dark,oklch(30.2%_0.056_229.695))]";
23
+ readonly "gradient-indigo": "hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-dropdown-item-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-dropdown-item-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-dropdown-item-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] hover:text-[color:var(--zui-dropdown-item-gradient-indigo-fg-hover,oklch(58.5%_0.233_277.117))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-indigo-fg-hover-dark,oklch(35.9%_0.144_278.697))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-indigo-from,oklch(87%_0.065_274.039))] to-[var(--zui-dropdown-item-gradient-indigo-to,oklch(90.2%_0.063_306.703))] text-[color:var(--zui-dropdown-item-gradient-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-dropdown-item-gradient-indigo-fg-dark,oklch(87%_0.065_274.039))] dark:from-[var(--zui-dropdown-item-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288))] dark:to-[var(--zui-dropdown-item-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717))]";
24
+ readonly "gradient-pink": "hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-dropdown-item-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-dropdown-item-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-dropdown-item-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] hover:text-[color:var(--zui-dropdown-item-gradient-pink-fg-hover,oklch(65.6%_0.241_354.308))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-pink-fg-hover-dark,oklch(40.8%_0.153_2.432))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-pink-from,oklch(89.9%_0.061_343.231))] to-[var(--zui-dropdown-item-gradient-pink-to,oklch(89.2%_0.058_10.001))] text-[color:var(--zui-dropdown-item-gradient-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-dropdown-item-gradient-pink-fg-dark,oklch(89.9%_0.061_343.231))] dark:from-[var(--zui-dropdown-item-gradient-pink-from-dark,oklch(28.4%_0.109_3.907))] dark:to-[var(--zui-dropdown-item-gradient-pink-to-dark,oklch(27.1%_0.105_12.094))]";
25
+ readonly "gradient-orange": "hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-dropdown-item-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-dropdown-item-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-dropdown-item-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] hover:text-[color:var(--zui-dropdown-item-gradient-orange-fg-hover,oklch(70.5%_0.213_47.604))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-orange-fg-hover-dark,oklch(40.8%_0.123_38.172))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-orange-from,oklch(90.1%_0.076_70.697))] to-[var(--zui-dropdown-item-gradient-orange-to,oklch(88.5%_0.062_18.334))] text-[color:var(--zui-dropdown-item-gradient-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-dropdown-item-gradient-orange-fg-dark,oklch(90.1%_0.076_70.697))] dark:from-[var(--zui-dropdown-item-gradient-orange-from-dark,oklch(26.6%_0.079_36.259))] dark:to-[var(--zui-dropdown-item-gradient-orange-to-dark,oklch(25.8%_0.092_26.042))]";
26
+ readonly default: "hover:bg-[var(--zui-dropdown-item-default-bg-hover,oklch(96.7%_0.003_264.542))] dark:hover:bg-[var(--zui-dropdown-item-default-bg-hover-dark,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-default-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-default-fg-hover-dark,oklch(21%_0.034_264.665))] text-[color:var(--zui-dropdown-item-default-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-item-default-fg-dark,oklch(96.7%_0.003_264.542))]";
27
+ readonly outline: "hover:bg-[var(--zui-dropdown-item-outline-bg-hover,oklch(96.7%_0.003_264.542))] dark:hover:bg-[var(--zui-dropdown-item-outline-bg-hover-dark,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-outline-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-outline-fg-hover-dark,oklch(21%_0.034_264.665))] border border-[color:var(--zui-dropdown-item-outline-border,#000000)] dark:border-[color:var(--zui-dropdown-item-outline-border-dark,#ffffff)] text-[color:var(--zui-dropdown-item-outline-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-item-outline-fg-dark,oklch(96.7%_0.003_264.542))]";
28
+ readonly white: "hover:bg-[var(--zui-dropdown-item-white-bg-hover,oklch(96.7%_0.003_264.542))] dark:hover:bg-[var(--zui-dropdown-item-white-bg-hover-dark,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-white-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-white-fg-hover-dark,oklch(21%_0.034_264.665))] bg-[var(--zui-dropdown-item-white-bg,#ffffff)] dark:bg-[var(--zui-dropdown-item-white-bg-dark,#000000)] text-[color:var(--zui-dropdown-item-white-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-item-white-fg-dark,#ffffff)]";
29
+ readonly black: "hover:bg-[var(--zui-dropdown-item-black-bg-hover,oklch(96.7%_0.003_264.542))] dark:hover:bg-[var(--zui-dropdown-item-black-bg-hover-dark,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-black-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-black-fg-hover-dark,oklch(21%_0.034_264.665))] bg-[var(--zui-dropdown-item-black-bg,#000000)] dark:bg-[var(--zui-dropdown-item-black-bg-dark,#ffffff)] text-[color:var(--zui-dropdown-item-black-fg,#ffffff)] dark:text-[color:var(--zui-dropdown-item-black-fg-dark,oklch(21%_0.034_264.665))]";
30
+ };
31
+ export declare const zuiContextMenuSpacing: {
32
+ readonly none: "space-y-0";
33
+ readonly default: "space-y-1";
34
+ readonly sm: "space-y-2";
35
+ readonly md: "space-y-3";
36
+ readonly lg: "space-y-4";
37
+ readonly xl: "space-y-5";
38
+ };
39
+ export declare const zuiContextMenuLabelBase = "px-3 py-2 text-xs font-semibold uppercase tracking-[0.18em] text-[color:var(--zui-dropdown-label-fg,oklch(55.1%_0.027_264.364))] dark:text-[color:var(--zui-dropdown-label-fg-dark,oklch(70.7%_0.022_261.325))]";
40
+ export declare const zuiContextMenuSeparatorBase = "my-1 h-px bg-[var(--zui-dropdown-separator-bg,oklch(20.8%_0.042_265.755_/_0.12))] dark:bg-[var(--zui-dropdown-separator-bg-dark,#ffffff1a)]";
41
+ //# sourceMappingURL=context-menu.d.ts.map
package/dist/design-system/context-menu.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../src/design-system/context-menu.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,yBAAyB,wfACid,CAAC;AAExf,eAAO,MAAM,sBAAsB,gWAAsB,CAAC;AAE1D,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwB7B,CAAC;AAEX,eAAO,MAAM,qBAAqB;;;;;;;CAAqB,CAAC;AAExD,eAAO,MAAM,uBAAuB,oNAC+K,CAAC;AAEpN,eAAO,MAAM,2BAA2B,gJACuG,CAAC"}
package/dist/design-system/index.d.ts CHANGED
@@ -7,6 +7,7 @@ export * from "./button";
7
7
  export * from "./card";
8
8
  export * from "./checkbox";
9
9
  export * from "./command";
10
+ export * from "./context-menu";
10
11
  export * from "./divider";
11
12
  export * from "./drawer";
12
13
  export * from "./dropdown";
@@ -28,9 +29,11 @@ export * from "./spinner";
28
29
  export * from "./stepper";
29
30
  export * from "./table";
30
31
  export * from "./tabs";
32
+ export * from "./timeline";
31
33
  export * from "./toast";
32
34
  export * from "./tokens";
33
35
  export * from "./toggle";
34
36
  export * from "./tooltip";
37
+ export * from "./tree-view";
35
38
  export * from "./typography";
36
39
  //# sourceMappingURL=index.d.ts.map
package/dist/design-system/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/design-system/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/design-system/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
package/dist/design-system/timeline.d.ts ADDED
@@ -0,0 +1,56 @@
1
+ export declare const zuiTimelineBase = "flex w-full flex-col";
2
+ export declare const zuiTimelineItemBase = "relative flex gap-4";
3
+ export declare const zuiTimelineIndicatorBase = "relative z-[1] grid shrink-0 place-items-center rounded-full border font-semibold transition-colors";
4
+ export declare const zuiTimelineIndicatorAppearances: {
5
+ readonly default: "border-[color:var(--zui-timeline-indicator-default-border,oklch(55.1%_0.027_264.364_/_0.6))] bg-[var(--zui-timeline-indicator-default-bg,oklch(55.1%_0.027_264.364_/_0.2))] text-[color:var(--zui-timeline-indicator-default-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-timeline-indicator-default-fg-dark,oklch(96.7%_0.003_264.542))] ring-2 ring-[var(--zui-timeline-indicator-default-ring,oklch(70.7%_0.022_261.325_/_0.3))]";
6
+ readonly sky: "border-[color:var(--zui-timeline-indicator-sky-border,oklch(68.5%_0.169_237.323_/_0.6))] bg-[var(--zui-timeline-indicator-sky-bg,oklch(68.5%_0.169_237.323_/_0.2))] text-[color:var(--zui-timeline-indicator-sky-fg,oklch(39.1%_0.09_240.876))] dark:text-[color:var(--zui-timeline-indicator-sky-fg-dark,oklch(95.1%_0.026_236.824))] ring-2 ring-[var(--zui-timeline-indicator-sky-ring,oklch(74.6%_0.16_232.661_/_0.3))]";
7
+ readonly rose: "border-[color:var(--zui-timeline-indicator-rose-border,oklch(64.5%_0.246_16.439_/_0.6))] bg-[var(--zui-timeline-indicator-rose-bg,oklch(64.5%_0.246_16.439_/_0.2))] text-[color:var(--zui-timeline-indicator-rose-fg,oklch(41%_0.159_10.272))] dark:text-[color:var(--zui-timeline-indicator-rose-fg-dark,oklch(94.1%_0.03_12.58))] ring-2 ring-[var(--zui-timeline-indicator-rose-ring,oklch(71.2%_0.194_13.428_/_0.3))]";
8
+ readonly purple: "border-[color:var(--zui-timeline-indicator-purple-border,oklch(62.7%_0.265_303.9_/_0.6))] bg-[var(--zui-timeline-indicator-purple-bg,oklch(62.7%_0.265_303.9_/_0.2))] text-[color:var(--zui-timeline-indicator-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-timeline-indicator-purple-fg-dark,oklch(94.6%_0.033_307.174))] ring-2 ring-[var(--zui-timeline-indicator-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))]";
9
+ readonly pink: "border-[color:var(--zui-timeline-indicator-pink-border,oklch(65.6%_0.241_354.308_/_0.6))] bg-[var(--zui-timeline-indicator-pink-bg,oklch(65.6%_0.241_354.308_/_0.2))] text-[color:var(--zui-timeline-indicator-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-timeline-indicator-pink-fg-dark,oklch(94.8%_0.028_342.258))] ring-2 ring-[var(--zui-timeline-indicator-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))]";
10
+ readonly orange: "border-[color:var(--zui-timeline-indicator-orange-border,oklch(70.5%_0.213_47.604_/_0.6))] bg-[var(--zui-timeline-indicator-orange-bg,oklch(70.5%_0.213_47.604_/_0.2))] text-[color:var(--zui-timeline-indicator-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-timeline-indicator-orange-fg-dark,oklch(95.4%_0.038_75.164))] ring-2 ring-[var(--zui-timeline-indicator-orange-ring,oklch(75%_0.183_55.934_/_0.3))]";
11
+ readonly yellow: "border-[color:var(--zui-timeline-indicator-yellow-border,oklch(79.5%_0.184_86.047_/_0.6))] bg-[var(--zui-timeline-indicator-yellow-bg,oklch(79.5%_0.184_86.047_/_0.2))] text-[color:var(--zui-timeline-indicator-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-timeline-indicator-yellow-fg-dark,oklch(97.3%_0.071_103.193))] ring-2 ring-[var(--zui-timeline-indicator-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))]";
12
+ readonly teal: "border-[color:var(--zui-timeline-indicator-teal-border,oklch(70.4%_0.14_182.503_/_0.6))] bg-[var(--zui-timeline-indicator-teal-bg,oklch(70.4%_0.14_182.503_/_0.2))] text-[color:var(--zui-timeline-indicator-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-timeline-indicator-teal-fg-dark,oklch(95.3%_0.051_180.801))] ring-2 ring-[var(--zui-timeline-indicator-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))]";
13
+ readonly indigo: "border-[color:var(--zui-timeline-indicator-indigo-border,oklch(58.5%_0.233_277.117_/_0.6))] bg-[var(--zui-timeline-indicator-indigo-bg,oklch(58.5%_0.233_277.117_/_0.2))] text-[color:var(--zui-timeline-indicator-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-timeline-indicator-indigo-fg-dark,oklch(93%_0.034_272.788))] ring-2 ring-[var(--zui-timeline-indicator-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))]";
14
+ readonly emerald: "border-[color:var(--zui-timeline-indicator-emerald-border,oklch(69.6%_0.17_162.48_/_0.6))] bg-[var(--zui-timeline-indicator-emerald-bg,oklch(69.6%_0.17_162.48_/_0.2))] text-[color:var(--zui-timeline-indicator-emerald-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-timeline-indicator-emerald-fg-dark,oklch(95%_0.052_163.051))] ring-2 ring-[var(--zui-timeline-indicator-emerald-ring,oklch(76.5%_0.177_163.223_/_0.3))]";
15
+ readonly gray: "border-[color:var(--zui-timeline-indicator-gray-border,oklch(55.1%_0.027_264.364_/_0.6))] bg-[var(--zui-timeline-indicator-gray-bg,oklch(55.1%_0.027_264.364_/_0.2))] text-[color:var(--zui-timeline-indicator-gray-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-timeline-indicator-gray-fg-dark,oklch(96.7%_0.003_264.542))] ring-2 ring-[var(--zui-timeline-indicator-gray-ring,oklch(70.7%_0.022_261.325_/_0.3))]";
16
+ readonly violet: "border-[color:var(--zui-timeline-indicator-violet-border,oklch(60.6%_0.25_292.717_/_0.6))] bg-[var(--zui-timeline-indicator-violet-bg,oklch(60.6%_0.25_292.717_/_0.2))] text-[color:var(--zui-timeline-indicator-violet-fg,oklch(38%_0.189_293.745))] dark:text-[color:var(--zui-timeline-indicator-violet-fg-dark,oklch(94.3%_0.029_294.588))] ring-2 ring-[var(--zui-timeline-indicator-violet-ring,oklch(70.2%_0.183_293.541_/_0.3))]";
17
+ readonly "gradient-blue": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-blue-from,oklch(62.3%_0.214_259.815))] to-[var(--zui-timeline-indicator-gradient-blue-to,oklch(54.6%_0.245_262.881))] text-[color:var(--zui-timeline-indicator-gradient-blue-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-blue-ring,oklch(70.7%_0.165_254.624_/_0.3))]";
18
+ readonly "gradient-green": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-green-from,oklch(72.3%_0.219_149.579))] to-[var(--zui-timeline-indicator-gradient-green-to,oklch(62.7%_0.194_149.214))] text-[color:var(--zui-timeline-indicator-gradient-green-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-green-ring,oklch(79.2%_0.209_151.711_/_0.3))]";
19
+ readonly "gradient-red": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-red-from,oklch(63.7%_0.237_25.331))] to-[var(--zui-timeline-indicator-gradient-red-to,oklch(57.7%_0.245_27.325))] text-[color:var(--zui-timeline-indicator-gradient-red-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-red-ring,oklch(70.4%_0.191_22.216_/_0.3))]";
20
+ readonly "gradient-yellow": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-yellow-from,oklch(85.2%_0.199_91.936))] to-[var(--zui-timeline-indicator-gradient-yellow-to,oklch(79.5%_0.184_86.047))] text-[color:var(--zui-timeline-indicator-gradient-yellow-fg,oklch(42.1%_0.095_57.708))] ring-2 ring-[var(--zui-timeline-indicator-gradient-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))]";
21
+ readonly "gradient-purple": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-purple-from,oklch(71.4%_0.203_305.504))] to-[var(--zui-timeline-indicator-gradient-purple-to,oklch(62.7%_0.265_303.9))] text-[color:var(--zui-timeline-indicator-gradient-purple-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))]";
22
+ readonly "gradient-teal": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-teal-from,oklch(77.7%_0.152_181.912))] to-[var(--zui-timeline-indicator-gradient-teal-to,oklch(70.4%_0.14_182.503))] text-[color:var(--zui-timeline-indicator-gradient-teal-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))]";
23
+ readonly "gradient-indigo": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-indigo-from,oklch(67.3%_0.182_276.935))] to-[var(--zui-timeline-indicator-gradient-indigo-to,oklch(58.5%_0.233_277.117))] text-[color:var(--zui-timeline-indicator-gradient-indigo-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))]";
24
+ readonly "gradient-pink": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-pink-from,oklch(71.8%_0.202_349.761))] to-[var(--zui-timeline-indicator-gradient-pink-to,oklch(65.6%_0.241_354.308))] text-[color:var(--zui-timeline-indicator-gradient-pink-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))]";
25
+ readonly "gradient-orange": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-orange-from,oklch(75%_0.183_55.934))] to-[var(--zui-timeline-indicator-gradient-orange-to,oklch(70.5%_0.213_47.604))] text-[color:var(--zui-timeline-indicator-gradient-orange-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-orange-ring,oklch(75%_0.183_55.934_/_0.3))]";
26
+ };
27
+ export declare const zuiTimelineIndicatorSizes: {
28
+ readonly sm: "size-5 text-[0.625rem]";
29
+ readonly md: "size-6 text-xs";
30
+ readonly lg: "size-7 text-sm";
31
+ };
32
+ export declare const zuiTimelineConnectorBase = "pointer-events-none absolute bottom-0 w-px -translate-x-1/2 rounded-full bg-[var(--zui-timeline-connector,#0000001f)] dark:bg-[var(--zui-timeline-connector-dark,#ffffff1f)]";
33
+ export declare const zuiTimelineConnectorSizes: {
34
+ readonly sm: "left-2.5 top-6";
35
+ readonly md: "left-3 top-7";
36
+ readonly lg: "left-3.5 top-8";
37
+ };
38
+ export declare const zuiTimelineContentBase = "min-w-0 flex-1";
39
+ export declare const zuiTimelineContentSizes: {
40
+ readonly sm: "pb-5";
41
+ readonly md: "pb-6";
42
+ readonly lg: "pb-8";
43
+ };
44
+ export declare const zuiTimelineTitleBase = "font-semibold text-[color:var(--zui-timeline-title-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-timeline-title-fg-dark,#ffffff)]";
45
+ export declare const zuiTimelineTitleSizes: {
46
+ readonly sm: "text-sm";
47
+ readonly md: "text-sm";
48
+ readonly lg: "text-base";
49
+ };
50
+ export declare const zuiTimelineDescriptionBase = "text-[color:var(--zui-timeline-description-fg,oklch(44.6%_0.03_256.802))] dark:text-[color:var(--zui-timeline-description-fg-dark,oklch(70.4%_0.04_256.788))]";
51
+ export declare const zuiTimelineDescriptionSizes: {
52
+ readonly sm: "text-xs";
53
+ readonly md: "text-xs";
54
+ readonly lg: "text-sm";
55
+ };
56
+ //# sourceMappingURL=timeline.d.ts.map
package/dist/design-system/timeline.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"timeline.d.ts","sourceRoot":"","sources":["../../src/design-system/timeline.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,yBAAyB,CAAC;AAEtD,eAAO,MAAM,mBAAmB,wBAAwB,CAAC;AAEzD,eAAO,MAAM,wBAAwB,wGACkE,CAAC;AAExG,eAAO,MAAM,+BAA+B;;;;;;;;;;;;;;;;;;;;;;CAsClC,CAAC;AAEX,eAAO,MAAM,yBAAyB;;;;CAI5B,CAAC;AAEX,eAAO,MAAM,wBAAwB,iLAC2I,CAAC;AAEjL,eAAO,MAAM,yBAAyB;;;;CAI5B,CAAC;AAEX,eAAO,MAAM,sBAAsB,mBAAmB,CAAC;AAEvD,eAAO,MAAM,uBAAuB;;;;CAI1B,CAAC;AAEX,eAAO,MAAM,oBAAoB,mJACiH,CAAC;AAEnJ,eAAO,MAAM,qBAAqB;;;;CAIxB,CAAC;AAEX,eAAO,MAAM,0BAA0B,kKAC0H,CAAC;AAElK,eAAO,MAAM,2BAA2B;;;;CAI9B,CAAC"}
package/dist/design-system/tree-view.d.ts ADDED
@@ -0,0 +1,66 @@
1
+ export declare const zuiTreeViewBase = "w-full text-[color:var(--zui-tree-view-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-tree-view-fg-dark,oklch(92.9%_0.013_255.508))]";
2
+ export declare const zuiTreeViewAppearances: {
3
+ readonly default: "rounded-xl border border-[color:var(--zui-tree-view-default-border,#0000001a)] dark:border-[color:var(--zui-tree-view-default-border-dark,#ffffff1a)] p-2";
4
+ readonly outline: "rounded-xl border border-[color:var(--zui-tree-view-outline-border,#00000026)] dark:border-[color:var(--zui-tree-view-outline-border-dark,#ffffff26)] p-2";
5
+ readonly ghost: "p-1";
6
+ readonly card: "rounded-xl border border-[color:var(--zui-tree-view-card-border,#0000001a)] dark:border-[color:var(--zui-tree-view-card-border-dark,#ffffff1a)] bg-[var(--zui-tree-view-card-bg,#0000000d)] dark:bg-[var(--zui-tree-view-card-bg-dark,#00000099)] p-3";
7
+ readonly separated: "rounded-xl border border-[color:var(--zui-tree-view-separated-border,#0000001a)] dark:border-[color:var(--zui-tree-view-separated-border-dark,#ffffff1a)] bg-[var(--zui-tree-view-separated-bg,oklch(98.4%_0.003_247.858_/_0.4))] dark:bg-[var(--zui-tree-view-separated-bg-dark,oklch(12.9%_0.042_264.695_/_0.4))] p-3";
8
+ readonly sky: "rounded-xl border border-[color:var(--zui-tree-view-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-tree-view-sky-border-dark,oklch(58.8%_0.158_241.966))] p-2";
9
+ readonly rose: "rounded-xl border border-[color:var(--zui-tree-view-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-tree-view-rose-border-dark,oklch(58.6%_0.253_17.585))] p-2";
10
+ readonly purple: "rounded-xl border border-[color:var(--zui-tree-view-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-tree-view-purple-border-dark,oklch(55.8%_0.288_302.321))] p-2";
11
+ readonly pink: "rounded-xl border border-[color:var(--zui-tree-view-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-tree-view-pink-border-dark,oklch(59.2%_0.249_0.584))] p-2";
12
+ readonly orange: "rounded-xl border border-[color:var(--zui-tree-view-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-tree-view-orange-border-dark,oklch(64.6%_0.222_41.116))] p-2";
13
+ readonly yellow: "rounded-xl border border-[color:var(--zui-tree-view-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-tree-view-yellow-border-dark,oklch(68.1%_0.162_75.834))] p-2";
14
+ readonly teal: "rounded-xl border border-[color:var(--zui-tree-view-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-tree-view-teal-border-dark,oklch(60%_0.118_184.704))] p-2";
15
+ readonly indigo: "rounded-xl border border-[color:var(--zui-tree-view-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-tree-view-indigo-border-dark,oklch(51.1%_0.262_276.966))] p-2";
16
+ readonly emerald: "rounded-xl border border-[color:var(--zui-tree-view-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-tree-view-emerald-border-dark,oklch(59.6%_0.145_163.225))] p-2";
17
+ readonly "gradient-blue": "rounded-xl border border-[color:var(--zui-tree-view-gradient-blue-border,oklch(42.4%_0.199_265.638))] dark:border-[color:var(--zui-tree-view-gradient-blue-border-dark,oklch(54.6%_0.245_262.881))] p-2";
18
+ readonly "gradient-green": "rounded-xl border border-[color:var(--zui-tree-view-gradient-green-border,oklch(44.8%_0.119_151.328))] dark:border-[color:var(--zui-tree-view-gradient-green-border-dark,oklch(62.7%_0.194_149.214))] p-2";
19
+ readonly "gradient-red": "rounded-xl border border-[color:var(--zui-tree-view-gradient-red-border,oklch(44.4%_0.177_26.899))] dark:border-[color:var(--zui-tree-view-gradient-red-border-dark,oklch(57.7%_0.245_27.325))] p-2";
20
+ readonly "gradient-yellow": "rounded-xl border border-[color:var(--zui-tree-view-gradient-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-tree-view-gradient-yellow-border-dark,oklch(68.1%_0.162_75.834))] p-2";
21
+ readonly "gradient-purple": "rounded-xl border border-[color:var(--zui-tree-view-gradient-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-tree-view-gradient-purple-border-dark,oklch(55.8%_0.288_302.321))] p-2";
22
+ readonly "gradient-teal": "rounded-xl border border-[color:var(--zui-tree-view-gradient-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-tree-view-gradient-teal-border-dark,oklch(60%_0.118_184.704))] p-2";
23
+ readonly "gradient-indigo": "rounded-xl border border-[color:var(--zui-tree-view-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-tree-view-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))] p-2";
24
+ readonly "gradient-pink": "rounded-xl border border-[color:var(--zui-tree-view-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-tree-view-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))] p-2";
25
+ readonly "gradient-orange": "rounded-xl border border-[color:var(--zui-tree-view-gradient-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-tree-view-gradient-orange-border-dark,oklch(64.6%_0.222_41.116))] p-2";
26
+ };
27
+ export declare const zuiTreeViewSizes: {
28
+ readonly sm: "text-xs";
29
+ readonly md: "text-sm";
30
+ readonly lg: "text-base";
31
+ };
32
+ export declare const zuiTreeViewItemBase = "relative flex w-full items-center gap-2 rounded-lg pr-2 text-left font-medium outline-none transition select-none cursor-pointer hover:bg-[var(--zui-tree-view-item-hover,#0000000d)] dark:hover:bg-[var(--zui-tree-view-item-hover-dark,#ffffff0d)] focus-visible:ring-2 focus-visible:ring-[var(--zui-tree-view-ring-focus,#0000004d)] dark:focus-visible:ring-[var(--zui-tree-view-ring-focus-dark,#ffffff4d)] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50";
33
+ export declare const zuiTreeViewItemSizes: {
34
+ readonly sm: "py-1 text-xs";
35
+ readonly md: "py-1.5 text-sm";
36
+ readonly lg: "py-2 text-base";
37
+ };
38
+ export declare const zuiTreeViewItemAppearances: {
39
+ readonly default: "data-[selected=true]:bg-[var(--zui-tree-view-selected,#0000000f)] dark:data-[selected=true]:bg-[var(--zui-tree-view-selected-dark,#ffffff14)] data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg,oklch(20.8%_0.042_265.755))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg-dark,#ffffff)]";
40
+ readonly outline: "data-[selected=true]:bg-[var(--zui-tree-view-selected,#0000000f)] dark:data-[selected=true]:bg-[var(--zui-tree-view-selected-dark,#ffffff14)] data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg,oklch(20.8%_0.042_265.755))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg-dark,#ffffff)]";
41
+ readonly ghost: "data-[selected=true]:bg-[var(--zui-tree-view-selected,#0000000f)] dark:data-[selected=true]:bg-[var(--zui-tree-view-selected-dark,#ffffff14)] data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg,oklch(20.8%_0.042_265.755))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg-dark,#ffffff)]";
42
+ readonly card: "data-[selected=true]:bg-[var(--zui-tree-view-selected,#00000014)] dark:data-[selected=true]:bg-[var(--zui-tree-view-selected-dark,#ffffff1f)] data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg,oklch(20.8%_0.042_265.755))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg-dark,#ffffff)]";
43
+ readonly separated: "data-[selected=true]:bg-[var(--zui-tree-view-selected,#00000014)] dark:data-[selected=true]:bg-[var(--zui-tree-view-selected-dark,#ffffff1f)] data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg,oklch(20.8%_0.042_265.755))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg-dark,#ffffff)]";
44
+ readonly sky: "data-[selected=true]:bg-[var(--zui-tree-view-sky-selected,oklch(95.1%_0.026_236.824))] dark:data-[selected=true]:bg-[var(--zui-tree-view-sky-selected-dark,oklch(58.8%_0.158_241.966_/_0.16))] data-[selected=true]:text-[color:var(--zui-tree-view-sky-selected-fg,oklch(44.3%_0.11_240.79))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-sky-selected-fg-dark,oklch(82.8%_0.111_230.318))]";
45
+ readonly rose: "data-[selected=true]:bg-[var(--zui-tree-view-rose-selected,oklch(94.1%_0.03_12.58))] dark:data-[selected=true]:bg-[var(--zui-tree-view-rose-selected-dark,oklch(58.6%_0.253_17.585_/_0.16))] data-[selected=true]:text-[color:var(--zui-tree-view-rose-selected-fg,oklch(45.5%_0.188_13.697))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-rose-selected-fg-dark,oklch(81%_0.117_11.638))]";
46
+ readonly purple: "data-[selected=true]:bg-[var(--zui-tree-view-purple-selected,oklch(94.6%_0.033_307.174))] dark:data-[selected=true]:bg-[var(--zui-tree-view-purple-selected-dark,oklch(55.8%_0.288_302.321_/_0.16))] data-[selected=true]:text-[color:var(--zui-tree-view-purple-selected-fg,oklch(43.8%_0.218_303.724))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-purple-selected-fg-dark,oklch(82.7%_0.119_306.383))]";
47
+ readonly pink: "data-[selected=true]:bg-[var(--zui-tree-view-pink-selected,oklch(94.8%_0.028_342.258))] dark:data-[selected=true]:bg-[var(--zui-tree-view-pink-selected-dark,oklch(59.2%_0.249_0.584_/_0.16))] data-[selected=true]:text-[color:var(--zui-tree-view-pink-selected-fg,oklch(45.9%_0.187_3.815))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-pink-selected-fg-dark,oklch(82.3%_0.12_346.018))]";
48
+ readonly orange: "data-[selected=true]:bg-[var(--zui-tree-view-orange-selected,oklch(95.4%_0.038_75.164))] dark:data-[selected=true]:bg-[var(--zui-tree-view-orange-selected-dark,oklch(64.6%_0.222_41.116_/_0.16))] data-[selected=true]:text-[color:var(--zui-tree-view-orange-selected-fg,oklch(47%_0.157_37.304))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-orange-selected-fg-dark,oklch(83.7%_0.128_66.29))]";
49
+ readonly yellow: "data-[selected=true]:bg-[var(--zui-tree-view-yellow-selected,oklch(97.3%_0.071_103.193))] dark:data-[selected=true]:bg-[var(--zui-tree-view-yellow-selected-dark,oklch(68.1%_0.162_75.834_/_0.16))] data-[selected=true]:text-[color:var(--zui-tree-view-yellow-selected-fg,oklch(47.6%_0.114_61.907))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-yellow-selected-fg-dark,oklch(90.5%_0.182_98.111))]";
50
+ readonly teal: "data-[selected=true]:bg-[var(--zui-tree-view-teal-selected,oklch(95.3%_0.051_180.801))] dark:data-[selected=true]:bg-[var(--zui-tree-view-teal-selected-dark,oklch(60%_0.118_184.704_/_0.16))] data-[selected=true]:text-[color:var(--zui-tree-view-teal-selected-fg,oklch(43.7%_0.078_188.216))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-teal-selected-fg-dark,oklch(85.5%_0.138_181.071))]";
51
+ readonly indigo: "data-[selected=true]:bg-[var(--zui-tree-view-indigo-selected,oklch(93%_0.034_272.788))] dark:data-[selected=true]:bg-[var(--zui-tree-view-indigo-selected-dark,oklch(51.1%_0.262_276.966_/_0.16))] data-[selected=true]:text-[color:var(--zui-tree-view-indigo-selected-fg,oklch(39.8%_0.195_277.366))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-indigo-selected-fg-dark,oklch(78.5%_0.115_274.713))]";
52
+ readonly emerald: "data-[selected=true]:bg-[var(--zui-tree-view-emerald-selected,oklch(95%_0.052_163.051))] dark:data-[selected=true]:bg-[var(--zui-tree-view-emerald-selected-dark,oklch(59.6%_0.145_163.225_/_0.16))] data-[selected=true]:text-[color:var(--zui-tree-view-emerald-selected-fg,oklch(43.2%_0.095_166.913))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-emerald-selected-fg-dark,oklch(84.5%_0.143_164.978))]";
53
+ readonly "gradient-blue": "data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-blue-from,oklch(80.9%_0.105_251.813))] data-[selected=true]:to-[var(--zui-tree-view-gradient-blue-to,oklch(82.7%_0.119_306.383))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-blue-from-dark,oklch(54.6%_0.245_262.881))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-blue-to-dark,oklch(55.8%_0.288_302.321))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,#ffffff)]";
54
+ readonly "gradient-green": "data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-green-from,oklch(87.1%_0.15_154.449))] data-[selected=true]:to-[var(--zui-tree-view-gradient-green-to,oklch(89.7%_0.196_126.665))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-green-from-dark,oklch(62.7%_0.194_149.214))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-green-to-dark,oklch(64.8%_0.2_131.684))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,#ffffff)]";
55
+ readonly "gradient-red": "data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-red-from,oklch(80.8%_0.114_19.571))] data-[selected=true]:to-[var(--zui-tree-view-gradient-red-to,oklch(82.3%_0.12_346.018))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-red-from-dark,oklch(57.7%_0.245_27.325))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-red-to-dark,oklch(59.2%_0.249_0.584))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,#ffffff)]";
56
+ readonly "gradient-yellow": "data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-yellow-from,oklch(90.5%_0.182_98.111))] data-[selected=true]:to-[var(--zui-tree-view-gradient-yellow-to,oklch(83.7%_0.128_66.29))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-yellow-from-dark,oklch(68.1%_0.162_75.834))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-yellow-to-dark,oklch(64.6%_0.222_41.116))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,#ffffff)]";
57
+ readonly "gradient-purple": "data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-purple-from,oklch(82.7%_0.119_306.383))] data-[selected=true]:to-[var(--zui-tree-view-gradient-purple-to,oklch(82.3%_0.12_346.018))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-purple-from-dark,oklch(55.8%_0.288_302.321))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-purple-to-dark,oklch(59.2%_0.249_0.584))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,#ffffff)]";
58
+ readonly "gradient-teal": "data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-teal-from,oklch(85.5%_0.138_181.071))] data-[selected=true]:to-[var(--zui-tree-view-gradient-teal-to,oklch(86.5%_0.127_207.078))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-teal-from-dark,oklch(60%_0.118_184.704))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,#ffffff)]";
59
+ readonly "gradient-indigo": "data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-indigo-from,oklch(78.5%_0.115_274.713))] data-[selected=true]:to-[var(--zui-tree-view-gradient-indigo-to,oklch(82.7%_0.119_306.383))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,#ffffff)]";
60
+ readonly "gradient-pink": "data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-pink-from,oklch(82.3%_0.12_346.018))] data-[selected=true]:to-[var(--zui-tree-view-gradient-pink-to,oklch(81%_0.117_11.638))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,#ffffff)]";
61
+ readonly "gradient-orange": "data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-orange-from,oklch(83.7%_0.128_66.29))] data-[selected=true]:to-[var(--zui-tree-view-gradient-orange-to,oklch(80.8%_0.114_19.571))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,#ffffff)]";
62
+ };
63
+ export declare const zuiTreeViewChevron = "inline-flex h-5 w-5 shrink-0 items-center justify-center rounded text-[color:var(--zui-tree-view-chevron,oklch(55.5%_0.041_257.417))] dark:text-[color:var(--zui-tree-view-chevron-dark,oklch(70.4%_0.04_256.788))] transition-transform duration-200 data-[expanded=true]:rotate-90";
64
+ export declare const zuiTreeViewIcon = "inline-flex shrink-0 items-center justify-center text-[color:var(--zui-tree-view-icon,oklch(55.5%_0.041_257.417))] dark:text-[color:var(--zui-tree-view-icon-dark,oklch(70.4%_0.04_256.788))]";
65
+ export declare const zuiTreeViewGuide = "border-l border-[color:var(--zui-tree-view-guide,#0000001a)] dark:border-[color:var(--zui-tree-view-guide-dark,#ffffff1a)]";
66
+ //# sourceMappingURL=tree-view.d.ts.map
package/dist/design-system/tree-view.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tree-view.d.ts","sourceRoot":"","sources":["../../src/design-system/tree-view.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,qJACwH,CAAC;AAErJ,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;CAyCzB,CAAC;AAEX,eAAO,MAAM,gBAAgB;;;;CAInB,CAAC;AAEX,eAAO,MAAM,mBAAmB,8dAC6b,CAAC;AAE9d,eAAO,MAAM,oBAAoB;;;;CAIvB,CAAC;AAEX,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;CA0C7B,CAAC;AAEX,eAAO,MAAM,kBAAkB,yRACyP,CAAC;AAEzR,eAAO,MAAM,eAAe,kMACqK,CAAC;AAElM,eAAO,MAAM,gBAAgB,+HACiG,CAAC"}