@zentauri-ui/zentauri-components 2.1.0 → 2.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/README.md +8 -8
- package/dist/{chunk-N3FNN47Q.mjs → chunk-3IE4IELX.mjs} +32 -32
- package/dist/chunk-3IE4IELX.mjs.map +1 -0
- package/dist/{chunk-JEZUMCJ6.mjs → chunk-3N575QVC.mjs} +3 -3
- package/dist/{chunk-JEZUMCJ6.mjs.map → chunk-3N575QVC.mjs.map} +1 -1
- package/dist/{chunk-RRUVHDN6.js → chunk-5TVBPPS6.js} +11 -11
- package/dist/{chunk-RRUVHDN6.js.map → chunk-5TVBPPS6.js.map} +1 -1
- package/dist/{chunk-YNTUZCLI.js → chunk-642JVK45.js} +16 -16
- package/dist/{chunk-YNTUZCLI.js.map → chunk-642JVK45.js.map} +1 -1
- package/dist/{chunk-AZ26NZJV.mjs → chunk-6ERBVFDA.mjs} +35 -35
- package/dist/chunk-6ERBVFDA.mjs.map +1 -0
- package/dist/{chunk-SRJCGSNX.js → chunk-6Q4EOLKN.js} +23 -23
- package/dist/{chunk-SRJCGSNX.js.map → chunk-6Q4EOLKN.js.map} +1 -1
- package/dist/{chunk-TCEGQIGW.mjs → chunk-7N2UYQBJ.mjs} +9 -7
- package/dist/{chunk-TCEGQIGW.mjs.map → chunk-7N2UYQBJ.mjs.map} +1 -1
- package/dist/{chunk-VKEDTQY6.js → chunk-APCN6NUH.js} +8 -8
- package/dist/{chunk-VKEDTQY6.js.map → chunk-APCN6NUH.js.map} +1 -1
- package/dist/{chunk-X7HK6RTF.js → chunk-BIQZC26Q.js} +23 -23
- package/dist/{chunk-X7HK6RTF.js.map → chunk-BIQZC26Q.js.map} +1 -1
- package/dist/{chunk-K2H6LIPQ.mjs → chunk-GOH2THVW.mjs} +3 -3
- package/dist/{chunk-K2H6LIPQ.mjs.map → chunk-GOH2THVW.mjs.map} +1 -1
- package/dist/chunk-GUB3RSPR.mjs +211 -0
- package/dist/chunk-GUB3RSPR.mjs.map +1 -0
- package/dist/{chunk-GENYOZN4.mjs → chunk-HVMYPW3Q.mjs} +3 -3
- package/dist/{chunk-GENYOZN4.mjs.map → chunk-HVMYPW3Q.mjs.map} +1 -1
- package/dist/chunk-J5NTJVKX.js +229 -0
- package/dist/chunk-J5NTJVKX.js.map +1 -0
- package/dist/{chunk-XUW42JAP.js → chunk-PZ25OHJE.js} +32 -32
- package/dist/chunk-PZ25OHJE.js.map +1 -0
- package/dist/{chunk-UFDJ5NIY.mjs → chunk-PZI2UVPL.mjs} +3 -3
- package/dist/{chunk-UFDJ5NIY.mjs.map → chunk-PZI2UVPL.mjs.map} +1 -1
- package/dist/chunk-R4D5V7NT.js +19 -0
- package/dist/{chunk-4TX7EQ5Y.js.map → chunk-R4D5V7NT.js.map} +1 -1
- package/dist/{chunk-BGIWVTAU.mjs → chunk-RJ7L45SA.mjs} +3 -3
- package/dist/{chunk-BGIWVTAU.mjs.map → chunk-RJ7L45SA.mjs.map} +1 -1
- package/dist/{chunk-C6K2SWHC.mjs → chunk-TVEK6PKH.mjs} +23 -23
- package/dist/{chunk-C6K2SWHC.mjs.map → chunk-TVEK6PKH.mjs.map} +1 -1
- package/dist/{chunk-BJRS5RXR.mjs → chunk-TYBQZO6Y.mjs} +3 -3
- package/dist/{chunk-BJRS5RXR.mjs.map → chunk-TYBQZO6Y.mjs.map} +1 -1
- package/dist/{chunk-AOVZY2A3.js → chunk-UQQHB3OI.js} +35 -35
- package/dist/chunk-UQQHB3OI.js.map +1 -0
- package/dist/{chunk-NEFDIJ5N.js → chunk-V2LI5QZD.js} +54 -52
- package/dist/chunk-V2LI5QZD.js.map +1 -0
- package/dist/{chunk-KCXTYTOY.js → chunk-VHYUH5OH.js} +6 -6
- package/dist/{chunk-KCXTYTOY.js.map → chunk-VHYUH5OH.js.map} +1 -1
- package/dist/{chunk-BVTYDGLM.mjs → chunk-WIKNEHPJ.mjs} +23 -23
- package/dist/{chunk-BVTYDGLM.mjs.map → chunk-WIKNEHPJ.mjs.map} +1 -1
- package/dist/{chunk-XF3NHZZ3.js → chunk-Y6DFOQ5E.js} +7 -7
- package/dist/{chunk-XF3NHZZ3.js.map → chunk-Y6DFOQ5E.js.map} +1 -1
- package/dist/design-system/combobox.d.ts +120 -37
- package/dist/design-system/combobox.d.ts.map +1 -1
- package/dist/design-system/command.d.ts +33 -33
- package/dist/design-system/facade.js +7 -7
- package/dist/design-system/facade.mjs +6 -6
- package/dist/design-system/popover.d.ts +30 -30
- package/dist/design-system/tabs.d.ts +21 -21
- package/dist/design-system/toast.d.ts +21 -21
- package/dist/ui/buttons/animated.js +9 -9
- package/dist/ui/buttons/animated.mjs +7 -7
- package/dist/ui/buttons.js +10 -10
- package/dist/ui/buttons.mjs +8 -8
- package/dist/ui/combobox/combobox-base.d.ts.map +1 -1
- package/dist/ui/combobox/variants.d.ts +3 -3
- package/dist/ui/combobox.js +22 -20
- package/dist/ui/combobox.js.map +1 -1
- package/dist/ui/combobox.mjs +6 -4
- package/dist/ui/combobox.mjs.map +1 -1
- package/dist/ui/command/animated.js +3 -3
- package/dist/ui/command/animated.mjs +2 -2
- package/dist/ui/command.js +16 -16
- package/dist/ui/command.mjs +3 -3
- package/dist/ui/dynamic-stepper.js +19 -19
- package/dist/ui/dynamic-stepper.mjs +8 -8
- package/dist/ui/pagination.js +15 -15
- package/dist/ui/pagination.mjs +7 -7
- package/dist/ui/popover/animated.js +5 -5
- package/dist/ui/popover/animated.mjs +2 -2
- package/dist/ui/popover.js +8 -8
- package/dist/ui/popover.mjs +2 -2
- package/dist/ui/tabs/animated.js +3 -3
- package/dist/ui/tabs/animated.mjs +2 -2
- package/dist/ui/tabs.js +10 -10
- package/dist/ui/tabs.mjs +2 -2
- package/dist/ui/toast/animated.js +8 -8
- package/dist/ui/toast/animated.mjs +2 -2
- package/dist/ui/toast.js +13 -13
- package/dist/ui/toast.mjs +2 -2
- package/package.json +1 -1
- package/src/design-system/combobox.ts +176 -46
- package/src/design-system/command.ts +33 -33
- package/src/design-system/popover.ts +30 -30
- package/src/design-system/tabs.ts +21 -21
- package/src/design-system/toast.ts +21 -21
- package/src/ui/combobox/combobox-base.tsx +5 -3
- package/src/ui/combobox/combobox.test.tsx +69 -0
- package/src/ui/command/command.test.tsx +15 -0
- package/src/ui/popover/popover.test.tsx +15 -0
- package/src/ui/tabs/tabs.test.tsx +15 -0
- package/src/ui/toast/toast.test.tsx +12 -0
- package/dist/chunk-4TX7EQ5Y.js +0 -19
- package/dist/chunk-AOVZY2A3.js.map +0 -1
- package/dist/chunk-AZ26NZJV.mjs.map +0 -1
- package/dist/chunk-K7PR3XXT.mjs +0 -128
- package/dist/chunk-K7PR3XXT.mjs.map +0 -1
- package/dist/chunk-N3FNN47Q.mjs.map +0 -1
- package/dist/chunk-NEFDIJ5N.js.map +0 -1
- package/dist/chunk-QNRJT7R4.js +0 -144
- package/dist/chunk-QNRJT7R4.js.map +0 -1
- package/dist/chunk-XUW42JAP.js.map +0 -1
package/CHANGELOG.md
CHANGED
package/README.md
CHANGED
|
@@ -30,11 +30,11 @@ Generated from the component package Vitest JSON report via `pnpm --filter @zent
|
|
|
30
30
|
| Metric | Result |
|
|
31
31
|
| ---------- | ---------------- |
|
|
32
32
|
| Test files | 92 passed (92) |
|
|
33
|
-
| Tests |
|
|
33
|
+
| Tests | 707 passed (707) |
|
|
34
34
|
|
|
35
35
|
| Area | Test files | Tests |
|
|
36
36
|
| --------------------------- | ---------- | ----- |
|
|
37
|
-
| Components and UI utilities | 46 |
|
|
37
|
+
| Components and UI utilities | 46 | 453 |
|
|
38
38
|
| Standalone animations | 1 | 45 |
|
|
39
39
|
| React hooks | 41 | 174 |
|
|
40
40
|
| Design system facade | 1 | 11 |
|
|
@@ -49,7 +49,7 @@ Generated from the component package Vitest JSON report via `pnpm --filter @zent
|
|
|
49
49
|
| `src/ui/buttons/button.test.tsx` | 44 |
|
|
50
50
|
| `src/ui/inputs/input.test.tsx` | 40 |
|
|
51
51
|
| `src/ui/peer-isolation.test.ts` | 29 |
|
|
52
|
-
| `src/ui/combobox/combobox.test.tsx` |
|
|
52
|
+
| `src/ui/combobox/combobox.test.tsx` | 24 |
|
|
53
53
|
| `src/ui/pagination/pagination.test.tsx` | 15 |
|
|
54
54
|
| `src/ui/timeline/timeline.test.tsx` | 14 |
|
|
55
55
|
| `cli/cli.integration.test.ts` | 13 |
|
|
@@ -68,6 +68,7 @@ Generated from the component package Vitest JSON report via `pnpm --filter @zent
|
|
|
68
68
|
| `src/hooks/useTableFilter/useTableFilter.test.ts` | 9 |
|
|
69
69
|
| `src/ui/animated-number/animated-number.test.tsx` | 9 |
|
|
70
70
|
| `src/ui/slider/slider.test.tsx` | 9 |
|
|
71
|
+
| `src/ui/command/command.test.tsx` | 8 |
|
|
71
72
|
| `src/ui/copy-button/copy-button.test.tsx` | 8 |
|
|
72
73
|
| `src/ui/dynamic-stepper/dynamic-stepper.test.tsx` | 8 |
|
|
73
74
|
| `src/ui/progress/progress.test.tsx` | 8 |
|
|
@@ -79,7 +80,6 @@ Generated from the component package Vitest JSON report via `pnpm --filter @zent
|
|
|
79
80
|
| `src/hooks/useTableSort/useTableSort.test.ts` | 7 |
|
|
80
81
|
| `src/ui/accordion/accordion.test.tsx` | 7 |
|
|
81
82
|
| `src/ui/card/card.test.tsx` | 7 |
|
|
82
|
-
| `src/ui/command/command.test.tsx` | 7 |
|
|
83
83
|
| `src/ui/drawer/drawer.test.tsx` | 7 |
|
|
84
84
|
| `src/ui/kbd/kbd.test.tsx` | 7 |
|
|
85
85
|
| `src/ui/typography/typography.test.tsx` | 7 |
|
|
@@ -98,14 +98,15 @@ Generated from the component package Vitest JSON report via `pnpm --filter @zent
|
|
|
98
98
|
| `src/ui/dropdown/dropdown.test.tsx` | 6 |
|
|
99
99
|
| `src/ui/empty-state/empty-state.test.tsx` | 6 |
|
|
100
100
|
| `src/ui/search/filter-search-suggestions.test.ts` | 6 |
|
|
101
|
+
| `src/ui/toast/toast.test.tsx` | 6 |
|
|
101
102
|
| `cli/rewrite-imports.test.ts` | 5 |
|
|
102
103
|
| `src/hooks/useCookie/useCookie.test.ts` | 5 |
|
|
103
104
|
| `src/hooks/useDisclosure/useDisclosure.test.ts` | 5 |
|
|
104
105
|
| `src/hooks/useEventListener/useEventListener.test.ts` | 5 |
|
|
105
106
|
| `src/hooks/useScrollPosition/useScrollPosition.test.ts` | 5 |
|
|
106
107
|
| `src/hooks/useTimeout/useTimeout.test.ts` | 5 |
|
|
108
|
+
| `src/ui/popover/popover.test.tsx` | 5 |
|
|
107
109
|
| `src/ui/radio-group/radio-group.test.tsx` | 5 |
|
|
108
|
-
| `src/ui/toast/toast.test.tsx` | 5 |
|
|
109
110
|
| `src/ui/toggle/toggle.test.tsx` | 5 |
|
|
110
111
|
| `src/hooks/useBodyScrollLock/useBodyScrollLock.test.ts` | 4 |
|
|
111
112
|
| `src/hooks/useControllableState/useControllableState.test.ts` | 4 |
|
|
@@ -116,7 +117,7 @@ Generated from the component package Vitest JSON report via `pnpm --filter @zent
|
|
|
116
117
|
| `src/ui/avatar/avatar.test.tsx` | 4 |
|
|
117
118
|
| `src/ui/breadcrumb/breadcrumb.test.tsx` | 4 |
|
|
118
119
|
| `src/ui/file-upload/file-upload.test.tsx` | 4 |
|
|
119
|
-
| `src/ui/
|
|
120
|
+
| `src/ui/tabs/tabs.test.tsx` | 4 |
|
|
120
121
|
| `src/ui/tooltip/tooltip.test.tsx` | 4 |
|
|
121
122
|
| `src/hooks/useClickOutside/useClickOutside.test.tsx` | 3 |
|
|
122
123
|
| `src/hooks/useDocumentTitle/useDocumentTitle.test.ts` | 3 |
|
|
@@ -124,7 +125,6 @@ Generated from the component package Vitest JSON report via `pnpm --filter @zent
|
|
|
124
125
|
| `src/hooks/useIsMounted/useIsMounted.test.ts` | 3 |
|
|
125
126
|
| `src/hooks/usePrevious/usePrevious.test.ts` | 3 |
|
|
126
127
|
| `src/hooks/useSessionStorage/useSessionStorage.test.ts` | 3 |
|
|
127
|
-
| `src/ui/tabs/tabs.test.tsx` | 3 |
|
|
128
128
|
| `src/hooks/useHover/useHover.test.ts` | 2 |
|
|
129
129
|
| `src/hooks/useIntersectionObserver/useIntersectionObserver.test.ts` | 2 |
|
|
130
130
|
| `src/hooks/useMediaQuery/useMediaQuery.test.ts` | 2 |
|
|
@@ -846,7 +846,7 @@ From this package directory in the monorepo:
|
|
|
846
846
|
|
|
847
847
|
- `pnpm build` (or `npm run build`) — production bundle via `tsup` (Rollup treeshake + `scripts/prepend-use-client.mjs` via `onSuccess` so each UI entry under `dist/ui/`, animation entry under `dist/animations/`, chart entry under `dist/charts/`, and `dist/ui/<name>/animated.*` starts with `"use client"` where needed)
|
|
848
848
|
- `pnpm dev` — `tsup` watch mode (same `onSuccess` hook after each rebuild)
|
|
849
|
-
- `pnpm test` / `pnpm test:watch` — **Vitest** and **Testing Library** unit tests // currently covered
|
|
849
|
+
- `pnpm test` / `pnpm test:watch` — **Vitest** and **Testing Library** unit tests // currently covered 707 test cases in total
|
|
850
850
|
- `pnpm test:a11y` — focused **axe-core** accessibility smoke coverage for package-level UI primitives and compound components
|
|
851
851
|
- `pnpm check:tokens` — enforce the `--zui-*` token contract across design-system, variant, and local custom-property usage without generating a large checked-in token catalog
|
|
852
852
|
- **`pnpm run generate:registry`** — runs `scripts/generate-registry.mjs`, which reads **`uiComponentNames`**, **`uiAnimatedComponentNames`**, **`animationEntryNames`**, **`chartEntryNames`**, and **`hooksEntryNames`** from `tsup.config.ts`, applies fixed **`nameAliases`**, scans each component/chart source to build **`peerHints`**, and writes **`cli/registry.json`** (`components` + `animations` + `hooks` + `peerHints`). Run this after adding or renaming UI, animation, chart, or hook entries so the CLI stays in sync (the script prints counts).
|
|
@@ -5,16 +5,16 @@ var zuiPopoverContentVariants = {
|
|
|
5
5
|
outline: "border-[color:var(--zui-popover-outline-border,var(--zui-border,oklch(37.3%_0.034_259.733)))] dark:border-[color:var(--zui-popover-outline-border-dark,var(--zui-border-dark,oklch(87.2%_0.01_258.338)))] bg-[var(--zui-popover-outline-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-outline-bg-dark,var(--zui-surface-muted-dark,#000000))] text-[color:var(--zui-popover-outline-fg,var(--zui-fg,oklch(21%_0.034_264.665)))] dark:text-[color:var(--zui-popover-outline-fg-dark,var(--zui-fg-dark,#ffffff))]",
|
|
6
6
|
ghost: "border-transparent bg-[var(--zui-popover-ghost-bg,var(--zui-surface-soft,oklch(96.7%_0.003_264.542)))] dark:bg-[var(--zui-popover-ghost-bg-dark,var(--zui-surface-soft-dark,oklch(27.8%_0.033_256.848)))] text-[color:var(--zui-popover-ghost-fg,var(--zui-fg,oklch(21%_0.034_264.665)))] dark:text-[color:var(--zui-popover-ghost-fg-dark,var(--zui-fg-dark,#ffffffe6))]",
|
|
7
7
|
glass: "border-[color:var(--zui-popover-glass-border,var(--zui-border,#00000026))] dark:border-[color:var(--zui-popover-glass-border-dark,var(--zui-border-dark,#ffffff26))] bg-[var(--zui-popover-glass-bg,var(--zui-surface-soft,#ffffffb3))] dark:bg-[var(--zui-popover-glass-bg-dark,var(--zui-surface-soft-dark,#020617b3))] text-[color:var(--zui-popover-glass-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-popover-glass-fg-dark,var(--zui-fg-dark,#ffffff))] backdrop-blur-md",
|
|
8
|
-
emerald: "border-[color:var(--zui-popover-emerald-border,var(--zui-color-emerald,oklch(43.2%_0.095_166.913_/_0.35)))] dark:border-[color:var(--zui-popover-emerald-border-dark,var(--zui-color-emerald-dark,oklch(43.2%_0.095_166.913_/_0.35)))] bg-[var(--zui-popover-emerald-bg,
|
|
9
|
-
indigo: "border-[color:var(--zui-popover-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366_/_0.35)))] dark:border-[color:var(--zui-popover-indigo-border-dark,var(--zui-color-indigo-dark,oklch(39.8%_0.195_277.366_/_0.35)))] bg-[var(--zui-popover-indigo-bg,
|
|
10
|
-
purple: "border-[color:var(--zui-popover-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724_/_0.35)))] dark:border-[color:var(--zui-popover-purple-border-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724_/_0.35)))] bg-[var(--zui-popover-purple-bg,
|
|
11
|
-
pink: "border-[color:var(--zui-popover-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815_/_0.35)))] dark:border-[color:var(--zui-popover-pink-border-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815_/_0.35)))] bg-[var(--zui-popover-pink-bg,
|
|
12
|
-
rose: "border-[color:var(--zui-popover-rose-border,var(--zui-color-rose,oklch(45.5%_0.188_13.697_/_0.35)))] dark:border-[color:var(--zui-popover-rose-border-dark,var(--zui-color-rose-dark,oklch(45.5%_0.188_13.697_/_0.35)))] bg-[var(--zui-popover-rose-bg,
|
|
13
|
-
sky: "border-[color:var(--zui-popover-sky-border,var(--zui-color-sky,oklch(44.3%_0.11_240.79_/_0.35)))] dark:border-[color:var(--zui-popover-sky-border-dark,var(--zui-color-sky-dark,oklch(44.3%_0.11_240.79_/_0.35)))] bg-[var(--zui-popover-sky-bg,
|
|
14
|
-
teal: "border-[color:var(--zui-popover-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216_/_0.35)))] dark:border-[color:var(--zui-popover-teal-border-dark,var(--zui-color-teal-dark,oklch(43.7%_0.078_188.216_/_0.35)))] bg-[var(--zui-popover-teal-bg,
|
|
15
|
-
yellow: "border-[color:var(--zui-popover-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907_/_0.35)))] dark:border-[color:var(--zui-popover-yellow-border-dark,var(--zui-color-yellow-dark,oklch(47.6%_0.114_61.907_/_0.35)))] bg-[var(--zui-popover-yellow-bg,
|
|
16
|
-
orange: "border-[color:var(--zui-popover-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304_/_0.35)))] dark:border-[color:var(--zui-popover-orange-border-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304_/_0.35)))] bg-[var(--zui-popover-orange-bg,
|
|
17
|
-
green: "border-[color:var(--zui-popover-green-border,var(--zui-color-green,oklch(44.8%_0.119_151.328_/_0.35)))] dark:border-[color:var(--zui-popover-green-border-dark,var(--zui-color-green-dark,oklch(44.8%_0.119_151.328_/_0.35)))] bg-[var(--zui-popover-green-bg,
|
|
8
|
+
emerald: "border-[color:var(--zui-popover-emerald-border,var(--zui-color-emerald,oklch(43.2%_0.095_166.913_/_0.35)))] dark:border-[color:var(--zui-popover-emerald-border-dark,var(--zui-color-emerald-dark,oklch(43.2%_0.095_166.913_/_0.35)))] bg-[var(--zui-popover-emerald-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-emerald-fg,var(--zui-color-emerald,oklch(37.8%_0.077_168.94)))] dark:bg-[var(--zui-popover-emerald-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-emerald-fg-dark,var(--zui-color-emerald-dark,oklch(90.5%_0.093_164.15)))]",
|
|
9
|
+
indigo: "border-[color:var(--zui-popover-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366_/_0.35)))] dark:border-[color:var(--zui-popover-indigo-border-dark,var(--zui-color-indigo-dark,oklch(39.8%_0.195_277.366_/_0.35)))] bg-[var(--zui-popover-indigo-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-indigo-fg,var(--zui-color-indigo,oklch(35.9%_0.144_278.697)))] dark:bg-[var(--zui-popover-indigo-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-indigo-fg-dark,var(--zui-color-indigo-dark,oklch(87%_0.065_274.039)))]",
|
|
10
|
+
purple: "border-[color:var(--zui-popover-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724_/_0.35)))] dark:border-[color:var(--zui-popover-purple-border-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724_/_0.35)))] bg-[var(--zui-popover-purple-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-purple-fg,var(--zui-color-purple,oklch(38.1%_0.176_304.987)))] dark:bg-[var(--zui-popover-purple-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-purple-fg-dark,var(--zui-color-purple-dark,oklch(90.2%_0.063_306.703)))]",
|
|
11
|
+
pink: "border-[color:var(--zui-popover-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815_/_0.35)))] dark:border-[color:var(--zui-popover-pink-border-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815_/_0.35)))] bg-[var(--zui-popover-pink-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-pink-fg,var(--zui-color-pink,oklch(40.8%_0.153_2.432)))] dark:bg-[var(--zui-popover-pink-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-pink-fg-dark,var(--zui-color-pink-dark,oklch(89.9%_0.061_343.231)))]",
|
|
12
|
+
rose: "border-[color:var(--zui-popover-rose-border,var(--zui-color-rose,oklch(45.5%_0.188_13.697_/_0.35)))] dark:border-[color:var(--zui-popover-rose-border-dark,var(--zui-color-rose-dark,oklch(45.5%_0.188_13.697_/_0.35)))] bg-[var(--zui-popover-rose-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-rose-fg,var(--zui-color-rose,oklch(41%_0.159_10.272)))] dark:bg-[var(--zui-popover-rose-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-rose-fg-dark,var(--zui-color-rose-dark,oklch(89.2%_0.058_10.001)))]",
|
|
13
|
+
sky: "border-[color:var(--zui-popover-sky-border,var(--zui-color-sky,oklch(44.3%_0.11_240.79_/_0.35)))] dark:border-[color:var(--zui-popover-sky-border-dark,var(--zui-color-sky-dark,oklch(44.3%_0.11_240.79_/_0.35)))] bg-[var(--zui-popover-sky-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-sky-fg,var(--zui-color-sky,oklch(39.1%_0.09_240.876)))] dark:bg-[var(--zui-popover-sky-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-sky-fg-dark,var(--zui-color-sky-dark,oklch(90.1%_0.058_230.902)))]",
|
|
14
|
+
teal: "border-[color:var(--zui-popover-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216_/_0.35)))] dark:border-[color:var(--zui-popover-teal-border-dark,var(--zui-color-teal-dark,oklch(43.7%_0.078_188.216_/_0.35)))] bg-[var(--zui-popover-teal-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-teal-fg,var(--zui-color-teal,oklch(38.6%_0.063_188.416)))] dark:bg-[var(--zui-popover-teal-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-teal-fg-dark,var(--zui-color-teal-dark,oklch(91%_0.096_180.426)))]",
|
|
15
|
+
yellow: "border-[color:var(--zui-popover-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907_/_0.35)))] dark:border-[color:var(--zui-popover-yellow-border-dark,var(--zui-color-yellow-dark,oklch(47.6%_0.114_61.907_/_0.35)))] bg-[var(--zui-popover-yellow-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-yellow-fg,var(--zui-color-yellow,oklch(42.1%_0.095_57.708)))] dark:bg-[var(--zui-popover-yellow-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-yellow-fg-dark,var(--zui-color-yellow-dark,oklch(94.5%_0.129_101.54)))]",
|
|
16
|
+
orange: "border-[color:var(--zui-popover-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304_/_0.35)))] dark:border-[color:var(--zui-popover-orange-border-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304_/_0.35)))] bg-[var(--zui-popover-orange-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-orange-fg,var(--zui-color-orange,oklch(40.8%_0.123_38.172)))] dark:bg-[var(--zui-popover-orange-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-orange-fg-dark,var(--zui-color-orange-dark,oklch(90.1%_0.076_70.697)))]",
|
|
17
|
+
green: "border-[color:var(--zui-popover-green-border,var(--zui-color-green,oklch(44.8%_0.119_151.328_/_0.35)))] dark:border-[color:var(--zui-popover-green-border-dark,var(--zui-color-green-dark,oklch(44.8%_0.119_151.328_/_0.35)))] bg-[var(--zui-popover-green-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-green-fg,var(--zui-color-green,oklch(39.3%_0.095_152.535)))] dark:bg-[var(--zui-popover-green-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-green-fg-dark,var(--zui-color-green-dark,oklch(92.5%_0.084_155.995)))]",
|
|
18
18
|
"gradient-blue": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-blue-from,var(--zui-color-blue,oklch(42.4%_0.199_265.638)))] dark:from-[var(--zui-popover-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(42.4%_0.199_265.638)))] to-[var(--zui-popover-gradient-blue-to,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:to-[var(--zui-popover-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] text-[color:var(--zui-popover-gradient-blue-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-blue-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
|
|
19
19
|
"gradient-green": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-green-from,var(--zui-color-green,oklch(44.8%_0.119_151.328)))] dark:from-[var(--zui-popover-gradient-green-from-dark,var(--zui-color-green-dark,oklch(44.8%_0.119_151.328)))] to-[var(--zui-popover-gradient-green-to,var(--zui-color-lime,oklch(45.3%_0.124_130.933)))] dark:to-[var(--zui-popover-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(45.3%_0.124_130.933)))] text-[color:var(--zui-popover-gradient-green-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-green-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
|
|
20
20
|
"gradient-red": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-red-from,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:from-[var(--zui-popover-gradient-red-from-dark,var(--zui-color-red-dark,oklch(44.4%_0.177_26.899)))] to-[var(--zui-popover-gradient-red-to,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:to-[var(--zui-popover-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] text-[color:var(--zui-popover-gradient-red-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-red-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
|
|
@@ -24,26 +24,26 @@ var zuiPopoverContentVariants = {
|
|
|
24
24
|
"gradient-indigo": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-indigo-from,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:from-[var(--zui-popover-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(39.8%_0.195_277.366)))] to-[var(--zui-popover-gradient-indigo-to,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:to-[var(--zui-popover-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] text-[color:var(--zui-popover-gradient-indigo-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-indigo-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
|
|
25
25
|
"gradient-pink": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-pink-from,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:from-[var(--zui-popover-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] to-[var(--zui-popover-gradient-pink-to,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:to-[var(--zui-popover-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(45.5%_0.188_13.697)))] text-[color:var(--zui-popover-gradient-pink-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-pink-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
|
|
26
26
|
"gradient-orange": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-orange-from,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:from-[var(--zui-popover-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304)))] to-[var(--zui-popover-gradient-orange-to,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:to-[var(--zui-popover-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(44.4%_0.177_26.899)))] text-[color:var(--zui-popover-gradient-orange-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-orange-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
|
|
27
|
-
blue: "border border-[color:var(--zui-popover-content-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-popover-content-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-popover-content-blue-bg,
|
|
28
|
-
cyan: "border border-[color:var(--zui-popover-content-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-popover-content-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-popover-content-cyan-bg,
|
|
29
|
-
lime: "border border-[color:var(--zui-popover-content-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-popover-content-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-popover-content-lime-bg,
|
|
30
|
-
mint: "border border-[color:var(--zui-popover-content-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-popover-content-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-popover-content-mint-bg,
|
|
31
|
-
ocean: "border border-[color:var(--zui-popover-content-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-popover-content-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-popover-content-ocean-bg,
|
|
32
|
-
sapphire: "border border-[color:var(--zui-popover-content-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-popover-content-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-popover-content-sapphire-bg,
|
|
33
|
-
lavender: "border border-[color:var(--zui-popover-content-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-popover-content-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-popover-content-lavender-bg,
|
|
34
|
-
ruby: "border border-[color:var(--zui-popover-content-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-popover-content-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-popover-content-ruby-bg,
|
|
35
|
-
red: "border border-[color:var(--zui-popover-content-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-popover-content-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-popover-content-red-bg,
|
|
36
|
-
slate: "border border-[color:var(--zui-popover-content-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-popover-content-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-popover-content-slate-bg,
|
|
37
|
-
zinc: "border border-[color:var(--zui-popover-content-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-popover-content-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-popover-content-zinc-bg,
|
|
38
|
-
stone: "border border-[color:var(--zui-popover-content-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-popover-content-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-popover-content-stone-bg,
|
|
39
|
-
royal: "border border-[color:var(--zui-popover-content-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-popover-content-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-popover-content-royal-bg,
|
|
40
|
-
electric: "border border-[color:var(--zui-popover-content-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-popover-content-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-popover-content-electric-bg,
|
|
41
|
-
forest: "border border-[color:var(--zui-popover-content-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-popover-content-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-popover-content-forest-bg,
|
|
42
|
-
sunset: "border border-[color:var(--zui-popover-content-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-popover-content-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-popover-content-sunset-bg,
|
|
43
|
-
magenta: "border border-[color:var(--zui-popover-content-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-popover-content-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-popover-content-magenta-bg,
|
|
44
|
-
crimson: "border border-[color:var(--zui-popover-content-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-popover-content-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-popover-content-crimson-bg,
|
|
45
|
-
aqua: "border border-[color:var(--zui-popover-content-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-popover-content-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-popover-content-aqua-bg,
|
|
46
|
-
plum: "border border-[color:var(--zui-popover-content-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-popover-content-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-popover-content-plum-bg,
|
|
27
|
+
blue: "border border-[color:var(--zui-popover-content-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-popover-content-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-popover-content-blue-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-blue-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-blue-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-blue-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
|
|
28
|
+
cyan: "border border-[color:var(--zui-popover-content-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-popover-content-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-popover-content-cyan-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-cyan-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-cyan-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-cyan-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
|
|
29
|
+
lime: "border border-[color:var(--zui-popover-content-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-popover-content-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-popover-content-lime-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-lime-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-lime-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-lime-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
|
|
30
|
+
mint: "border border-[color:var(--zui-popover-content-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-popover-content-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-popover-content-mint-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-mint-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-mint-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-mint-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
|
|
31
|
+
ocean: "border border-[color:var(--zui-popover-content-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-popover-content-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-popover-content-ocean-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-ocean-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-ocean-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-ocean-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
|
|
32
|
+
sapphire: "border border-[color:var(--zui-popover-content-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-popover-content-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-popover-content-sapphire-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-sapphire-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-sapphire-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-sapphire-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
|
|
33
|
+
lavender: "border border-[color:var(--zui-popover-content-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-popover-content-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-popover-content-lavender-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-lavender-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-lavender-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-lavender-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
|
|
34
|
+
ruby: "border border-[color:var(--zui-popover-content-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-popover-content-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-popover-content-ruby-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-ruby-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-ruby-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-ruby-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
|
|
35
|
+
red: "border border-[color:var(--zui-popover-content-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-popover-content-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-popover-content-red-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-red-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-red-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-red-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
|
|
36
|
+
slate: "border border-[color:var(--zui-popover-content-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-popover-content-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-popover-content-slate-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-slate-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-slate-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-slate-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
|
|
37
|
+
zinc: "border border-[color:var(--zui-popover-content-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-popover-content-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-popover-content-zinc-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-zinc-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-zinc-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-zinc-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
|
|
38
|
+
stone: "border border-[color:var(--zui-popover-content-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-popover-content-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-popover-content-stone-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-stone-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-stone-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-stone-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
|
|
39
|
+
royal: "border border-[color:var(--zui-popover-content-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-popover-content-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-popover-content-royal-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-royal-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-royal-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-royal-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
|
|
40
|
+
electric: "border border-[color:var(--zui-popover-content-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-popover-content-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-popover-content-electric-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-electric-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-electric-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-electric-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
|
|
41
|
+
forest: "border border-[color:var(--zui-popover-content-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-popover-content-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-popover-content-forest-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-forest-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-forest-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-forest-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
|
|
42
|
+
sunset: "border border-[color:var(--zui-popover-content-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-popover-content-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-popover-content-sunset-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-sunset-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-sunset-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-sunset-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
|
|
43
|
+
magenta: "border border-[color:var(--zui-popover-content-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-popover-content-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-popover-content-magenta-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-magenta-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-magenta-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-magenta-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
|
|
44
|
+
crimson: "border border-[color:var(--zui-popover-content-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-popover-content-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-popover-content-crimson-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-crimson-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-crimson-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-crimson-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
|
|
45
|
+
aqua: "border border-[color:var(--zui-popover-content-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-popover-content-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-popover-content-aqua-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-aqua-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-aqua-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-aqua-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl",
|
|
46
|
+
plum: "border border-[color:var(--zui-popover-content-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-popover-content-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-popover-content-plum-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-plum-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-plum-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-plum-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl"
|
|
47
47
|
};
|
|
48
48
|
var zuiPopoverContentSizes = {
|
|
49
49
|
sm: "p-3 text-sm",
|
|
@@ -60,5 +60,5 @@ var zuiPopoverContentWidths = {
|
|
|
60
60
|
};
|
|
61
61
|
|
|
62
62
|
export { zuiPopoverContentBase, zuiPopoverContentSizes, zuiPopoverContentVariants, zuiPopoverContentWidths };
|
|
63
|
-
//# sourceMappingURL=chunk-
|
|
64
|
-
//# sourceMappingURL=chunk-
|
|
63
|
+
//# sourceMappingURL=chunk-3IE4IELX.mjs.map
|
|
64
|
+
//# sourceMappingURL=chunk-3IE4IELX.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/design-system/popover.ts"],"names":[],"mappings":";AAAO,IAAM,qBAAA,GACX;AAEK,IAAM,yBAAA,GAA4B;AAAA,EACvC,OAAA,EACE,kiBAAA;AAAA,EACF,OAAA,EACE,ogBAAA;AAAA,EACF,KAAA,EACE,2WAAA;AAAA,EACF,KAAA,EACE,4eAAA;AAAA,EACF,OAAA,EACE,6lBAAA;AAAA,EACF,MAAA,EACE,mlBAAA;AAAA,EACF,MAAA,EACE,qlBAAA;AAAA,EACF,IAAA,EAAM,2jBAAA;AAAA,EACN,IAAA,EAAM,2jBAAA;AAAA,EACN,GAAA,EAAK,kjBAAA;AAAA,EACL,IAAA,EAAM,+jBAAA;AAAA,EACN,MAAA,EACE,ilBAAA;AAAA,EACF,MAAA,EACE,6kBAAA;AAAA,EACF,KAAA,EACE,2kBAAA;AAAA,EACF,eAAA,EACE,8lBAAA;AAAA,EACF,gBAAA,EACE,kmBAAA;AAAA,EACF,cAAA,EACE,4kBAAA;AAAA,EACF,iBAAA,EACE,smBAAA;AAAA,EACF,iBAAA,EACE,smBAAA;AAAA,EACF,eAAA,EACE,slBAAA;AAAA,EACF,iBAAA,EACE,8mBAAA;AAAA,EACF,eAAA,EACE,olBAAA;AAAA,EACF,iBAAA,EACE,gmBAAA;AAAA,EACF,IAAA,EAAM,+hBAAA;AAAA,EACN,IAAA,EAAM,+hBAAA;AAAA,EACN,IAAA,EAAM,+hBAAA;AAAA,EACN,IAAA,EAAM,+hBAAA;AAAA,EACN,KAAA,EACE,uiBAAA;AAAA,EACF,QAAA,EACE,+jBAAA;AAAA,EACF,QAAA,EACE,+jBAAA;AAAA,EACF,IAAA,EAAM,+hBAAA;AAAA,EACN,GAAA,EAAK,uhBAAA;AAAA,EACL,KAAA,EACE,uiBAAA;AAAA,EACF,IAAA,EAAM,+hBAAA;AAAA,EACN,KAAA,EACE,uiBAAA;AAAA,EACF,KAAA,EACE,uiBAAA;AAAA,EACF,QAAA,EACE,+jBAAA;AAAA,EACF,MAAA,EACE,+iBAAA;AAAA,EACF,MAAA,EACE,+iBAAA;AAAA,EACF,OAAA,EACE,ujBAAA;AAAA,EACF,OAAA,EACE,ujBAAA;AAAA,EACF,IAAA,EAAM,+hBAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,sBAAA,GAAyB;AAAA,EACpC,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,uBAAA,GAA0B;AAAA,EACrC,EAAA,EAAI,sBAAA;AAAA,EACJ,EAAA,EAAI,sBAAA;AAAA,EACJ,EAAA,EAAI,sBAAA;AAAA,EACJ,EAAA,EAAI,sBAAA;AAAA,EACJ,EAAA,EAAI,sBAAA;AAAA,EACJ,KAAA,EAAO;AACT","file":"chunk-3IE4IELX.mjs","sourcesContent":["export const zuiPopoverContentBase =\n \"absolute z-50 rounded-[var(--zui-popover-radius,var(--zui-radius,0.5rem))] border shadow-[var(--zui-popover-shadow,var(--zui-shadow,0_10px_30px_rgba(15,23,42,0.16)))] dark:shadow-[var(--zui-popover-shadow-dark,var(--zui-shadow-dark,0_18px_48px_rgba(15,23,42,0.35)))] transition-all duration-200 outline-none\";\n\nexport const zuiPopoverContentVariants = {\n default:\n \"border-[color:var(--zui-popover-default-border,var(--zui-border,oklch(20.8%_0.042_265.755_/_0.1)))] dark:border-[color:var(--zui-popover-default-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-popover-default-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-default-bg-dark,var(--zui-surface-muted-dark,oklch(20.8%_0.042_265.755)))] text-[color:var(--zui-popover-default-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-popover-default-fg-dark,var(--zui-fg-dark,oklch(96.8%_0.007_247.896)))]\",\n outline:\n \"border-[color:var(--zui-popover-outline-border,var(--zui-border,oklch(37.3%_0.034_259.733)))] dark:border-[color:var(--zui-popover-outline-border-dark,var(--zui-border-dark,oklch(87.2%_0.01_258.338)))] bg-[var(--zui-popover-outline-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-outline-bg-dark,var(--zui-surface-muted-dark,#000000))] text-[color:var(--zui-popover-outline-fg,var(--zui-fg,oklch(21%_0.034_264.665)))] dark:text-[color:var(--zui-popover-outline-fg-dark,var(--zui-fg-dark,#ffffff))]\",\n ghost:\n \"border-transparent bg-[var(--zui-popover-ghost-bg,var(--zui-surface-soft,oklch(96.7%_0.003_264.542)))] dark:bg-[var(--zui-popover-ghost-bg-dark,var(--zui-surface-soft-dark,oklch(27.8%_0.033_256.848)))] text-[color:var(--zui-popover-ghost-fg,var(--zui-fg,oklch(21%_0.034_264.665)))] dark:text-[color:var(--zui-popover-ghost-fg-dark,var(--zui-fg-dark,#ffffffe6))]\",\n glass:\n \"border-[color:var(--zui-popover-glass-border,var(--zui-border,#00000026))] dark:border-[color:var(--zui-popover-glass-border-dark,var(--zui-border-dark,#ffffff26))] bg-[var(--zui-popover-glass-bg,var(--zui-surface-soft,#ffffffb3))] dark:bg-[var(--zui-popover-glass-bg-dark,var(--zui-surface-soft-dark,#020617b3))] text-[color:var(--zui-popover-glass-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-popover-glass-fg-dark,var(--zui-fg-dark,#ffffff))] backdrop-blur-md\",\n emerald:\n \"border-[color:var(--zui-popover-emerald-border,var(--zui-color-emerald,oklch(43.2%_0.095_166.913_/_0.35)))] dark:border-[color:var(--zui-popover-emerald-border-dark,var(--zui-color-emerald-dark,oklch(43.2%_0.095_166.913_/_0.35)))] bg-[var(--zui-popover-emerald-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-emerald-fg,var(--zui-color-emerald,oklch(37.8%_0.077_168.94)))] dark:bg-[var(--zui-popover-emerald-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-emerald-fg-dark,var(--zui-color-emerald-dark,oklch(90.5%_0.093_164.15)))]\",\n indigo:\n \"border-[color:var(--zui-popover-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366_/_0.35)))] dark:border-[color:var(--zui-popover-indigo-border-dark,var(--zui-color-indigo-dark,oklch(39.8%_0.195_277.366_/_0.35)))] bg-[var(--zui-popover-indigo-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-indigo-fg,var(--zui-color-indigo,oklch(35.9%_0.144_278.697)))] dark:bg-[var(--zui-popover-indigo-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-indigo-fg-dark,var(--zui-color-indigo-dark,oklch(87%_0.065_274.039)))]\",\n purple:\n \"border-[color:var(--zui-popover-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724_/_0.35)))] dark:border-[color:var(--zui-popover-purple-border-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724_/_0.35)))] bg-[var(--zui-popover-purple-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-purple-fg,var(--zui-color-purple,oklch(38.1%_0.176_304.987)))] dark:bg-[var(--zui-popover-purple-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-purple-fg-dark,var(--zui-color-purple-dark,oklch(90.2%_0.063_306.703)))]\",\n pink: \"border-[color:var(--zui-popover-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815_/_0.35)))] dark:border-[color:var(--zui-popover-pink-border-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815_/_0.35)))] bg-[var(--zui-popover-pink-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-pink-fg,var(--zui-color-pink,oklch(40.8%_0.153_2.432)))] dark:bg-[var(--zui-popover-pink-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-pink-fg-dark,var(--zui-color-pink-dark,oklch(89.9%_0.061_343.231)))]\",\n rose: \"border-[color:var(--zui-popover-rose-border,var(--zui-color-rose,oklch(45.5%_0.188_13.697_/_0.35)))] dark:border-[color:var(--zui-popover-rose-border-dark,var(--zui-color-rose-dark,oklch(45.5%_0.188_13.697_/_0.35)))] bg-[var(--zui-popover-rose-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-rose-fg,var(--zui-color-rose,oklch(41%_0.159_10.272)))] dark:bg-[var(--zui-popover-rose-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-rose-fg-dark,var(--zui-color-rose-dark,oklch(89.2%_0.058_10.001)))]\",\n sky: \"border-[color:var(--zui-popover-sky-border,var(--zui-color-sky,oklch(44.3%_0.11_240.79_/_0.35)))] dark:border-[color:var(--zui-popover-sky-border-dark,var(--zui-color-sky-dark,oklch(44.3%_0.11_240.79_/_0.35)))] bg-[var(--zui-popover-sky-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-sky-fg,var(--zui-color-sky,oklch(39.1%_0.09_240.876)))] dark:bg-[var(--zui-popover-sky-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-sky-fg-dark,var(--zui-color-sky-dark,oklch(90.1%_0.058_230.902)))]\",\n teal: \"border-[color:var(--zui-popover-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216_/_0.35)))] dark:border-[color:var(--zui-popover-teal-border-dark,var(--zui-color-teal-dark,oklch(43.7%_0.078_188.216_/_0.35)))] bg-[var(--zui-popover-teal-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-teal-fg,var(--zui-color-teal,oklch(38.6%_0.063_188.416)))] dark:bg-[var(--zui-popover-teal-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-teal-fg-dark,var(--zui-color-teal-dark,oklch(91%_0.096_180.426)))]\",\n yellow:\n \"border-[color:var(--zui-popover-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907_/_0.35)))] dark:border-[color:var(--zui-popover-yellow-border-dark,var(--zui-color-yellow-dark,oklch(47.6%_0.114_61.907_/_0.35)))] bg-[var(--zui-popover-yellow-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-yellow-fg,var(--zui-color-yellow,oklch(42.1%_0.095_57.708)))] dark:bg-[var(--zui-popover-yellow-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-yellow-fg-dark,var(--zui-color-yellow-dark,oklch(94.5%_0.129_101.54)))]\",\n orange:\n \"border-[color:var(--zui-popover-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304_/_0.35)))] dark:border-[color:var(--zui-popover-orange-border-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304_/_0.35)))] bg-[var(--zui-popover-orange-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-orange-fg,var(--zui-color-orange,oklch(40.8%_0.123_38.172)))] dark:bg-[var(--zui-popover-orange-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-orange-fg-dark,var(--zui-color-orange-dark,oklch(90.1%_0.076_70.697)))]\",\n green:\n \"border-[color:var(--zui-popover-green-border,var(--zui-color-green,oklch(44.8%_0.119_151.328_/_0.35)))] dark:border-[color:var(--zui-popover-green-border-dark,var(--zui-color-green-dark,oklch(44.8%_0.119_151.328_/_0.35)))] bg-[var(--zui-popover-green-bg,var(--zui-surface-muted,#ffffff))] text-[color:var(--zui-popover-green-fg,var(--zui-color-green,oklch(39.3%_0.095_152.535)))] dark:bg-[var(--zui-popover-green-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-popover-green-fg-dark,var(--zui-color-green-dark,oklch(92.5%_0.084_155.995)))]\",\n \"gradient-blue\":\n \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-blue-from,var(--zui-color-blue,oklch(42.4%_0.199_265.638)))] dark:from-[var(--zui-popover-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(42.4%_0.199_265.638)))] to-[var(--zui-popover-gradient-blue-to,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:to-[var(--zui-popover-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] text-[color:var(--zui-popover-gradient-blue-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-blue-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n \"gradient-green\":\n \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-green-from,var(--zui-color-green,oklch(44.8%_0.119_151.328)))] dark:from-[var(--zui-popover-gradient-green-from-dark,var(--zui-color-green-dark,oklch(44.8%_0.119_151.328)))] to-[var(--zui-popover-gradient-green-to,var(--zui-color-lime,oklch(45.3%_0.124_130.933)))] dark:to-[var(--zui-popover-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(45.3%_0.124_130.933)))] text-[color:var(--zui-popover-gradient-green-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-green-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n \"gradient-red\":\n \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-red-from,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:from-[var(--zui-popover-gradient-red-from-dark,var(--zui-color-red-dark,oklch(44.4%_0.177_26.899)))] to-[var(--zui-popover-gradient-red-to,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:to-[var(--zui-popover-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] text-[color:var(--zui-popover-gradient-red-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-red-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n \"gradient-yellow\":\n \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-yellow-from,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:from-[var(--zui-popover-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(47.6%_0.114_61.907)))] to-[var(--zui-popover-gradient-yellow-to,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:to-[var(--zui-popover-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304)))] text-[color:var(--zui-popover-gradient-yellow-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-yellow-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n \"gradient-purple\":\n \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-purple-from,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:from-[var(--zui-popover-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] to-[var(--zui-popover-gradient-purple-to,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:to-[var(--zui-popover-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] text-[color:var(--zui-popover-gradient-purple-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-purple-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n \"gradient-teal\":\n \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-teal-from,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:from-[var(--zui-popover-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(43.7%_0.078_188.216)))] to-[var(--zui-popover-gradient-teal-to,var(--zui-color-cyan,oklch(45%_0.085_224.283)))] dark:to-[var(--zui-popover-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(45%_0.085_224.283)))] text-[color:var(--zui-popover-gradient-teal-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-teal-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n \"gradient-indigo\":\n \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-indigo-from,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:from-[var(--zui-popover-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(39.8%_0.195_277.366)))] to-[var(--zui-popover-gradient-indigo-to,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:to-[var(--zui-popover-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] text-[color:var(--zui-popover-gradient-indigo-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-indigo-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n \"gradient-pink\":\n \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-pink-from,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:from-[var(--zui-popover-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] to-[var(--zui-popover-gradient-pink-to,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:to-[var(--zui-popover-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(45.5%_0.188_13.697)))] text-[color:var(--zui-popover-gradient-pink-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-pink-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n \"gradient-orange\":\n \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-orange-from,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:from-[var(--zui-popover-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304)))] to-[var(--zui-popover-gradient-orange-to,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:to-[var(--zui-popover-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(44.4%_0.177_26.899)))] text-[color:var(--zui-popover-gradient-orange-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-popover-gradient-orange-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n blue: \"border border-[color:var(--zui-popover-content-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-popover-content-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-popover-content-blue-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-blue-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-blue-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-blue-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n cyan: \"border border-[color:var(--zui-popover-content-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-popover-content-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-popover-content-cyan-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-cyan-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-cyan-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-cyan-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n lime: \"border border-[color:var(--zui-popover-content-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-popover-content-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-popover-content-lime-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-lime-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-lime-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-lime-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n mint: \"border border-[color:var(--zui-popover-content-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-popover-content-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-popover-content-mint-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-mint-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-mint-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-mint-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n ocean:\n \"border border-[color:var(--zui-popover-content-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-popover-content-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-popover-content-ocean-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-ocean-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-ocean-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-ocean-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n sapphire:\n \"border border-[color:var(--zui-popover-content-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-popover-content-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-popover-content-sapphire-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-sapphire-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-sapphire-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-sapphire-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n lavender:\n \"border border-[color:var(--zui-popover-content-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-popover-content-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-popover-content-lavender-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-lavender-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-lavender-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-lavender-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n ruby: \"border border-[color:var(--zui-popover-content-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-popover-content-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-popover-content-ruby-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-ruby-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-ruby-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-ruby-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n red: \"border border-[color:var(--zui-popover-content-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-popover-content-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-popover-content-red-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-red-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-red-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-red-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n slate:\n \"border border-[color:var(--zui-popover-content-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-popover-content-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-popover-content-slate-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-slate-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-slate-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-slate-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n zinc: \"border border-[color:var(--zui-popover-content-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-popover-content-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-popover-content-zinc-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-zinc-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-zinc-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-zinc-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n stone:\n \"border border-[color:var(--zui-popover-content-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-popover-content-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-popover-content-stone-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-stone-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-stone-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-stone-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n royal:\n \"border border-[color:var(--zui-popover-content-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-popover-content-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-popover-content-royal-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-royal-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-royal-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-royal-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n electric:\n \"border border-[color:var(--zui-popover-content-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-popover-content-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-popover-content-electric-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-electric-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-electric-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-electric-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n forest:\n \"border border-[color:var(--zui-popover-content-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-popover-content-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-popover-content-forest-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-forest-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-forest-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-forest-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n sunset:\n \"border border-[color:var(--zui-popover-content-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-popover-content-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-popover-content-sunset-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-sunset-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-sunset-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-sunset-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n magenta:\n \"border border-[color:var(--zui-popover-content-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-popover-content-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-popover-content-magenta-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-magenta-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-magenta-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-magenta-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n crimson:\n \"border border-[color:var(--zui-popover-content-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-popover-content-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-popover-content-crimson-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-crimson-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-crimson-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-crimson-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n aqua: \"border border-[color:var(--zui-popover-content-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-popover-content-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-popover-content-aqua-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-aqua-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-aqua-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-aqua-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n plum: \"border border-[color:var(--zui-popover-content-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-popover-content-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-popover-content-plum-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-popover-content-plum-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-popover-content-plum-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-popover-content-plum-fg-dark,var(--zui-fg-dark,#f8fafc))] backdrop-blur-xl\",\n} as const;\n\nexport const zuiPopoverContentSizes = {\n sm: \"p-3 text-sm\",\n md: \"p-4 text-sm\",\n lg: \"p-5 text-base\",\n} as const;\n\nexport const zuiPopoverContentWidths = {\n xs: \"min-w-50 md:min-w-xs\",\n sm: \"min-w-50 md:min-w-sm\",\n md: \"min-w-50 md:min-w-md\",\n lg: \"min-w-50 md:min-w-lg\",\n xl: \"min-w-50 md:min-w-xl\",\n \"2xl\": \"min-w-50 md:min-w-2xl\",\n} as const;\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { zuiButtonBase, zuiButtonSizes, zuiButtonAppearances } from './chunk-
|
|
1
|
+
import { zuiButtonBase, zuiButtonSizes, zuiButtonAppearances } from './chunk-7N2UYQBJ.mjs';
|
|
2
2
|
import { cva } from 'class-variance-authority';
|
|
3
3
|
|
|
4
4
|
var buttonVariants = cva(zuiButtonBase, {
|
|
@@ -13,5 +13,5 @@ var buttonVariants = cva(zuiButtonBase, {
|
|
|
13
13
|
});
|
|
14
14
|
|
|
15
15
|
export { buttonVariants };
|
|
16
|
-
//# sourceMappingURL=chunk-
|
|
17
|
-
//# sourceMappingURL=chunk-
|
|
16
|
+
//# sourceMappingURL=chunk-3N575QVC.mjs.map
|
|
17
|
+
//# sourceMappingURL=chunk-3N575QVC.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/ui/buttons/variants.ts"],"names":[],"mappings":";;;AAQO,IAAM,cAAA,GAAiB,IAAI,aAAA,EAAe;AAAA,EAC/C,QAAA,EAAU;AAAA,IACR,UAAA,EAAY,oBAAA;AAAA,IACZ,IAAA,EAAM;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC","file":"chunk-
|
|
1
|
+
{"version":3,"sources":["../src/ui/buttons/variants.ts"],"names":[],"mappings":";;;AAQO,IAAM,cAAA,GAAiB,IAAI,aAAA,EAAe;AAAA,EAC/C,QAAA,EAAU;AAAA,IACR,UAAA,EAAY,oBAAA;AAAA,IACZ,IAAA,EAAM;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC","file":"chunk-3N575QVC.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n zuiButtonAppearances,\n zuiButtonBase,\n zuiButtonSizes,\n} from \"../../design-system\";\n\nexport const buttonVariants = cva(zuiButtonBase, {\n variants: {\n appearance: zuiButtonAppearances,\n size: zuiButtonSizes,\n },\n defaultVariants: {\n appearance: \"default\",\n size: \"md\",\n },\n});\n"]}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkBIQZC26Q_js = require('./chunk-BIQZC26Q.js');
|
|
4
4
|
var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
|
|
5
5
|
var classVarianceAuthority = require('class-variance-authority');
|
|
6
6
|
var react = require('react');
|
|
7
7
|
var jsxRuntime = require('react/jsx-runtime');
|
|
8
8
|
|
|
9
|
-
var tabsListVariants = classVarianceAuthority.cva(
|
|
9
|
+
var tabsListVariants = classVarianceAuthority.cva(chunkBIQZC26Q_js.zuiTabsListBase, {
|
|
10
10
|
variants: {
|
|
11
|
-
variant:
|
|
12
|
-
size:
|
|
13
|
-
orientation:
|
|
11
|
+
variant: chunkBIQZC26Q_js.zuiTabsListVariants,
|
|
12
|
+
size: chunkBIQZC26Q_js.zuiTabsListSizes,
|
|
13
|
+
orientation: chunkBIQZC26Q_js.zuiTabsOrientations
|
|
14
14
|
},
|
|
15
15
|
defaultVariants: {
|
|
16
16
|
size: "md",
|
|
@@ -18,11 +18,11 @@ var tabsListVariants = classVarianceAuthority.cva(chunkX7HK6RTF_js.zuiTabsListBa
|
|
|
18
18
|
variant: "pills"
|
|
19
19
|
}
|
|
20
20
|
});
|
|
21
|
-
var tabsTriggerVariants = classVarianceAuthority.cva(
|
|
21
|
+
var tabsTriggerVariants = classVarianceAuthority.cva(chunkBIQZC26Q_js.zuiTabsTriggerBase, {
|
|
22
22
|
variants: {
|
|
23
|
-
appearance:
|
|
24
|
-
variant:
|
|
25
|
-
size:
|
|
23
|
+
appearance: chunkBIQZC26Q_js.zuiTabsTriggerAppearances,
|
|
24
|
+
variant: chunkBIQZC26Q_js.zuiTabsTriggerVariants,
|
|
25
|
+
size: chunkBIQZC26Q_js.zuiTabsTriggerSizes
|
|
26
26
|
},
|
|
27
27
|
defaultVariants: {
|
|
28
28
|
appearance: "default",
|
|
@@ -227,5 +227,5 @@ exports.TabsTrigger = TabsTrigger;
|
|
|
227
227
|
exports.tabsListVariants = tabsListVariants;
|
|
228
228
|
exports.tabsTriggerVariants = tabsTriggerVariants;
|
|
229
229
|
exports.useTabs = useTabs;
|
|
230
|
-
//# sourceMappingURL=chunk-
|
|
231
|
-
//# sourceMappingURL=chunk-
|
|
230
|
+
//# sourceMappingURL=chunk-5TVBPPS6.js.map
|
|
231
|
+
//# sourceMappingURL=chunk-5TVBPPS6.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/ui/tabs/variants.ts","../src/ui/tabs/tabs-base.tsx"],"names":["cva","zuiTabsListBase","zuiTabsListVariants","zuiTabsListSizes","zuiTabsOrientations","zuiTabsTriggerBase","zuiTabsTriggerAppearances","zuiTabsTriggerVariants","zuiTabsTriggerSizes","createContext","useContext","useState","useId","useRef","jsx","cn"],"mappings":"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","file":"chunk-RRUVHDN6.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n zuiTabsListBase,\n zuiTabsListSizes,\n zuiTabsListVariants,\n zuiTabsOrientations,\n zuiTabsTriggerAppearances,\n zuiTabsTriggerBase,\n zuiTabsTriggerSizes,\n zuiTabsTriggerVariants,\n} from \"../../design-system/tabs\";\n\nexport const tabsListVariants = cva(zuiTabsListBase, {\n variants: {\n variant: zuiTabsListVariants,\n size: zuiTabsListSizes,\n orientation: zuiTabsOrientations,\n },\n defaultVariants: {\n size: \"md\",\n orientation: \"horizontal\",\n variant: \"pills\",\n },\n});\n\nexport const tabsTriggerVariants = cva(zuiTabsTriggerBase, {\n variants: {\n appearance: zuiTabsTriggerAppearances,\n variant: zuiTabsTriggerVariants,\n size: zuiTabsTriggerSizes,\n },\n defaultVariants: {\n appearance: \"default\",\n variant: \"pills\",\n size: \"md\",\n },\n});\n","\"use client\";\n\nimport {\n createContext,\n KeyboardEvent,\n useContext,\n useId,\n useRef,\n useState,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport {\n TabsContentProps,\n TabsListProps,\n TabsProps,\n TabsTriggerProps,\n TabsValue,\n TabsContextType,\n} from \"./types\";\nimport { tabsListVariants, tabsTriggerVariants } from \"./variants\";\n\nexport const TabsContext = createContext<TabsContextType | null>(null);\n\nexport const useTabs = () => {\n const ctx = useContext(TabsContext);\n if (!ctx) throw new Error(\"Tabs components must be used within Tabs\");\n return ctx;\n};\n\nexport function Tabs({\n value,\n defaultValue,\n onValueChange,\n orientation = \"horizontal\",\n variant,\n size,\n appearance,\n children,\n className,\n}: TabsProps) {\n const [internalValue, setInternalValue] = useState(defaultValue);\n const idPrefix = useId();\n const listRef = useRef<HTMLDivElement | null>(null);\n\n const isControlled = value !== undefined;\n const currentValue = isControlled ? value : internalValue;\n\n const setValue = (val: string) => {\n if (!isControlled) setInternalValue(val);\n onValueChange?.(val);\n };\n\n const tabTriggerId = (tabValue: TabsValue) =>\n `${idPrefix}zentauri-tab-${tabValue}`;\n const tabPanelId = (tabValue: TabsValue) =>\n `${idPrefix}zentauri-panel-${tabValue}`;\n\n return (\n <TabsContext.Provider\n value={{\n value: currentValue,\n setValue,\n listRef,\n orientation,\n size,\n variant,\n appearance,\n tabTriggerId,\n tabPanelId,\n }}\n >\n <div data-slot=\"tabs\" className={cn(\"w-full\", className)}>\n {children}\n </div>\n </TabsContext.Provider>\n );\n}\n\nexport function TabsList({ children, className, ...props }: TabsListProps) {\n const { orientation, size, listRef } = useTabs();\n\n return (\n <div\n ref={listRef}\n role=\"tablist\"\n aria-orientation={orientation}\n className={cn(tabsListVariants({ orientation, size }), className)}\n {...props}\n >\n {children}\n </div>\n );\n}\n\nexport function TabsTrigger({\n value,\n children,\n disabled,\n className,\n ...props\n}: TabsTriggerProps) {\n const {\n value: activeValue,\n setValue,\n listRef,\n orientation,\n tabTriggerId,\n tabPanelId,\n size,\n appearance,\n variant,\n } = useTabs();\n\n const isActive = activeValue === value;\n\n const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n const list = listRef.current;\n const triggers =\n list === null\n ? []\n : Array.from(list.querySelectorAll<HTMLButtonElement>('[role=\"tab\"]'));\n\n const nextKeys =\n orientation === \"vertical\" ? [\"ArrowDown\"] : [\"ArrowRight\"];\n const prevKeys = orientation === \"vertical\" ? [\"ArrowUp\"] : [\"ArrowLeft\"];\n\n const index = triggers.findIndex((el) => el === e.currentTarget);\n if (index === -1) {\n return;\n }\n\n const findEnabledIndex = (\n start: number,\n direction: 1 | -1,\n ): number | undefined => {\n const n = triggers.length;\n if (n === 0) {\n return undefined;\n }\n let i = start;\n for (let step = 0; step < n; step += 1) {\n i = (i + direction + n) % n;\n if (triggers[i]?.disabled !== true) {\n return i;\n }\n }\n return undefined;\n };\n\n const focusAt = (i: number) => {\n const target = triggers[i];\n if (target !== undefined && target.disabled !== true) {\n target.focus();\n }\n };\n\n const isNext = nextKeys.includes(e.key);\n const isPrev = prevKeys.includes(e.key);\n\n if (isNext) {\n e.preventDefault();\n const nextIdx = findEnabledIndex(index, 1);\n if (nextIdx !== undefined) {\n focusAt(nextIdx);\n }\n return;\n }\n\n if (isPrev) {\n e.preventDefault();\n const prevIdx = findEnabledIndex(index, -1);\n if (prevIdx !== undefined) {\n focusAt(prevIdx);\n }\n return;\n }\n\n if (e.key === \"Home\") {\n e.preventDefault();\n const firstEnabledIndex = triggers.findIndex((btn) => !btn.disabled);\n if (firstEnabledIndex !== -1) {\n triggers[firstEnabledIndex]?.focus();\n }\n return;\n }\n\n if (e.key === \"End\") {\n e.preventDefault();\n for (let i = triggers.length - 1; i >= 0; i -= 1) {\n if (!triggers[i]?.disabled) {\n triggers[i]?.focus();\n break;\n }\n }\n }\n };\n\n return (\n <button\n id={tabTriggerId(value)}\n type=\"button\"\n role=\"tab\"\n data-state={isActive ? \"active\" : \"inactive\"}\n aria-selected={isActive}\n aria-controls={tabPanelId(value)}\n disabled={disabled}\n tabIndex={activeValue === undefined ? undefined : isActive ? 0 : -1}\n onClick={() => setValue(value)}\n onKeyDown={handleKeyDown}\n className={cn(\n tabsTriggerVariants({ size, appearance, variant }),\n className,\n \"cursor-pointer\",\n )}\n {...props}\n >\n {children}\n </button>\n );\n}\n\nexport function TabsContent({\n value,\n children,\n className,\n as: Wrapper = \"div\",\n ...props\n}: TabsContentProps) {\n const { value: activeValue, tabTriggerId, tabPanelId } = useTabs();\n\n if (activeValue !== value) return null;\n\n return (\n <Wrapper\n id={tabPanelId(value)}\n role=\"tabpanel\"\n aria-labelledby={tabTriggerId(value)}\n className={cn(\"mt-2\", className)}\n {...props}\n >\n {children}\n </Wrapper>\n );\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/ui/tabs/variants.ts","../src/ui/tabs/tabs-base.tsx"],"names":["cva","zuiTabsListBase","zuiTabsListVariants","zuiTabsListSizes","zuiTabsOrientations","zuiTabsTriggerBase","zuiTabsTriggerAppearances","zuiTabsTriggerVariants","zuiTabsTriggerSizes","createContext","useContext","useState","useId","useRef","jsx","cn"],"mappings":"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","file":"chunk-5TVBPPS6.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n zuiTabsListBase,\n zuiTabsListSizes,\n zuiTabsListVariants,\n zuiTabsOrientations,\n zuiTabsTriggerAppearances,\n zuiTabsTriggerBase,\n zuiTabsTriggerSizes,\n zuiTabsTriggerVariants,\n} from \"../../design-system/tabs\";\n\nexport const tabsListVariants = cva(zuiTabsListBase, {\n variants: {\n variant: zuiTabsListVariants,\n size: zuiTabsListSizes,\n orientation: zuiTabsOrientations,\n },\n defaultVariants: {\n size: \"md\",\n orientation: \"horizontal\",\n variant: \"pills\",\n },\n});\n\nexport const tabsTriggerVariants = cva(zuiTabsTriggerBase, {\n variants: {\n appearance: zuiTabsTriggerAppearances,\n variant: zuiTabsTriggerVariants,\n size: zuiTabsTriggerSizes,\n },\n defaultVariants: {\n appearance: \"default\",\n variant: \"pills\",\n size: \"md\",\n },\n});\n","\"use client\";\n\nimport {\n createContext,\n KeyboardEvent,\n useContext,\n useId,\n useRef,\n useState,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport {\n TabsContentProps,\n TabsListProps,\n TabsProps,\n TabsTriggerProps,\n TabsValue,\n TabsContextType,\n} from \"./types\";\nimport { tabsListVariants, tabsTriggerVariants } from \"./variants\";\n\nexport const TabsContext = createContext<TabsContextType | null>(null);\n\nexport const useTabs = () => {\n const ctx = useContext(TabsContext);\n if (!ctx) throw new Error(\"Tabs components must be used within Tabs\");\n return ctx;\n};\n\nexport function Tabs({\n value,\n defaultValue,\n onValueChange,\n orientation = \"horizontal\",\n variant,\n size,\n appearance,\n children,\n className,\n}: TabsProps) {\n const [internalValue, setInternalValue] = useState(defaultValue);\n const idPrefix = useId();\n const listRef = useRef<HTMLDivElement | null>(null);\n\n const isControlled = value !== undefined;\n const currentValue = isControlled ? value : internalValue;\n\n const setValue = (val: string) => {\n if (!isControlled) setInternalValue(val);\n onValueChange?.(val);\n };\n\n const tabTriggerId = (tabValue: TabsValue) =>\n `${idPrefix}zentauri-tab-${tabValue}`;\n const tabPanelId = (tabValue: TabsValue) =>\n `${idPrefix}zentauri-panel-${tabValue}`;\n\n return (\n <TabsContext.Provider\n value={{\n value: currentValue,\n setValue,\n listRef,\n orientation,\n size,\n variant,\n appearance,\n tabTriggerId,\n tabPanelId,\n }}\n >\n <div data-slot=\"tabs\" className={cn(\"w-full\", className)}>\n {children}\n </div>\n </TabsContext.Provider>\n );\n}\n\nexport function TabsList({ children, className, ...props }: TabsListProps) {\n const { orientation, size, listRef } = useTabs();\n\n return (\n <div\n ref={listRef}\n role=\"tablist\"\n aria-orientation={orientation}\n className={cn(tabsListVariants({ orientation, size }), className)}\n {...props}\n >\n {children}\n </div>\n );\n}\n\nexport function TabsTrigger({\n value,\n children,\n disabled,\n className,\n ...props\n}: TabsTriggerProps) {\n const {\n value: activeValue,\n setValue,\n listRef,\n orientation,\n tabTriggerId,\n tabPanelId,\n size,\n appearance,\n variant,\n } = useTabs();\n\n const isActive = activeValue === value;\n\n const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n const list = listRef.current;\n const triggers =\n list === null\n ? []\n : Array.from(list.querySelectorAll<HTMLButtonElement>('[role=\"tab\"]'));\n\n const nextKeys =\n orientation === \"vertical\" ? [\"ArrowDown\"] : [\"ArrowRight\"];\n const prevKeys = orientation === \"vertical\" ? [\"ArrowUp\"] : [\"ArrowLeft\"];\n\n const index = triggers.findIndex((el) => el === e.currentTarget);\n if (index === -1) {\n return;\n }\n\n const findEnabledIndex = (\n start: number,\n direction: 1 | -1,\n ): number | undefined => {\n const n = triggers.length;\n if (n === 0) {\n return undefined;\n }\n let i = start;\n for (let step = 0; step < n; step += 1) {\n i = (i + direction + n) % n;\n if (triggers[i]?.disabled !== true) {\n return i;\n }\n }\n return undefined;\n };\n\n const focusAt = (i: number) => {\n const target = triggers[i];\n if (target !== undefined && target.disabled !== true) {\n target.focus();\n }\n };\n\n const isNext = nextKeys.includes(e.key);\n const isPrev = prevKeys.includes(e.key);\n\n if (isNext) {\n e.preventDefault();\n const nextIdx = findEnabledIndex(index, 1);\n if (nextIdx !== undefined) {\n focusAt(nextIdx);\n }\n return;\n }\n\n if (isPrev) {\n e.preventDefault();\n const prevIdx = findEnabledIndex(index, -1);\n if (prevIdx !== undefined) {\n focusAt(prevIdx);\n }\n return;\n }\n\n if (e.key === \"Home\") {\n e.preventDefault();\n const firstEnabledIndex = triggers.findIndex((btn) => !btn.disabled);\n if (firstEnabledIndex !== -1) {\n triggers[firstEnabledIndex]?.focus();\n }\n return;\n }\n\n if (e.key === \"End\") {\n e.preventDefault();\n for (let i = triggers.length - 1; i >= 0; i -= 1) {\n if (!triggers[i]?.disabled) {\n triggers[i]?.focus();\n break;\n }\n }\n }\n };\n\n return (\n <button\n id={tabTriggerId(value)}\n type=\"button\"\n role=\"tab\"\n data-state={isActive ? \"active\" : \"inactive\"}\n aria-selected={isActive}\n aria-controls={tabPanelId(value)}\n disabled={disabled}\n tabIndex={activeValue === undefined ? undefined : isActive ? 0 : -1}\n onClick={() => setValue(value)}\n onKeyDown={handleKeyDown}\n className={cn(\n tabsTriggerVariants({ size, appearance, variant }),\n className,\n \"cursor-pointer\",\n )}\n {...props}\n >\n {children}\n </button>\n );\n}\n\nexport function TabsContent({\n value,\n children,\n className,\n as: Wrapper = \"div\",\n ...props\n}: TabsContentProps) {\n const { value: activeValue, tabTriggerId, tabPanelId } = useTabs();\n\n if (activeValue !== value) return null;\n\n return (\n <Wrapper\n id={tabPanelId(value)}\n role=\"tabpanel\"\n aria-labelledby={tabTriggerId(value)}\n className={cn(\"mt-2\", className)}\n {...props}\n >\n {children}\n </Wrapper>\n );\n}\n"]}
|
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var chunkGBWGVNDA_js = require('./chunk-GBWGVNDA.js');
|
|
4
|
-
var
|
|
4
|
+
var chunkUQQHB3OI_js = require('./chunk-UQQHB3OI.js');
|
|
5
5
|
var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
|
|
6
6
|
var classVarianceAuthority = require('class-variance-authority');
|
|
7
7
|
var react = require('react');
|
|
8
8
|
var reactDom = require('react-dom');
|
|
9
9
|
var jsxRuntime = require('react/jsx-runtime');
|
|
10
10
|
|
|
11
|
-
var commandOverlayVariants = classVarianceAuthority.cva(
|
|
12
|
-
var commandTriggerVariants = classVarianceAuthority.cva(
|
|
13
|
-
var commandContentVariants = classVarianceAuthority.cva(
|
|
11
|
+
var commandOverlayVariants = classVarianceAuthority.cva(chunkUQQHB3OI_js.zuiCommandOverlayBase);
|
|
12
|
+
var commandTriggerVariants = classVarianceAuthority.cva(chunkUQQHB3OI_js.zuiCommandTriggerBase);
|
|
13
|
+
var commandContentVariants = classVarianceAuthority.cva(chunkUQQHB3OI_js.zuiCommandContentBase, {
|
|
14
14
|
variants: {
|
|
15
|
-
size:
|
|
16
|
-
appearance:
|
|
15
|
+
size: chunkUQQHB3OI_js.zuiCommandContentSizes,
|
|
16
|
+
appearance: chunkUQQHB3OI_js.zuiCommandContentAppearances
|
|
17
17
|
},
|
|
18
18
|
defaultVariants: {
|
|
19
19
|
size: "md",
|
|
20
20
|
appearance: "default"
|
|
21
21
|
}
|
|
22
22
|
});
|
|
23
|
-
var commandInputRowVariants = classVarianceAuthority.cva(
|
|
24
|
-
var commandInputVariants = classVarianceAuthority.cva(
|
|
25
|
-
var commandListVariants = classVarianceAuthority.cva(
|
|
26
|
-
var commandGroupHeadingVariants = classVarianceAuthority.cva(
|
|
27
|
-
var commandItemVariants = classVarianceAuthority.cva(
|
|
28
|
-
var commandSeparatorVariants = classVarianceAuthority.cva(
|
|
29
|
-
var commandEmptyVariants = classVarianceAuthority.cva(
|
|
30
|
-
var commandFooterVariants = classVarianceAuthority.cva(
|
|
23
|
+
var commandInputRowVariants = classVarianceAuthority.cva(chunkUQQHB3OI_js.zuiCommandInputRowBase);
|
|
24
|
+
var commandInputVariants = classVarianceAuthority.cva(chunkUQQHB3OI_js.zuiCommandInputBase);
|
|
25
|
+
var commandListVariants = classVarianceAuthority.cva(chunkUQQHB3OI_js.zuiCommandListBase);
|
|
26
|
+
var commandGroupHeadingVariants = classVarianceAuthority.cva(chunkUQQHB3OI_js.zuiCommandGroupHeadingBase);
|
|
27
|
+
var commandItemVariants = classVarianceAuthority.cva(chunkUQQHB3OI_js.zuiCommandItemBase);
|
|
28
|
+
var commandSeparatorVariants = classVarianceAuthority.cva(chunkUQQHB3OI_js.zuiCommandSeparatorBase);
|
|
29
|
+
var commandEmptyVariants = classVarianceAuthority.cva(chunkUQQHB3OI_js.zuiCommandEmptyBase);
|
|
30
|
+
var commandFooterVariants = classVarianceAuthority.cva(chunkUQQHB3OI_js.zuiCommandFooterBase);
|
|
31
31
|
var CommandContext = react.createContext(null);
|
|
32
32
|
function useCommandContext(component) {
|
|
33
33
|
const ctx = react.useContext(CommandContext);
|
|
@@ -570,5 +570,5 @@ exports.commandContentVariants = commandContentVariants;
|
|
|
570
570
|
exports.commandItemVariants = commandItemVariants;
|
|
571
571
|
exports.commandOverlayVariants = commandOverlayVariants;
|
|
572
572
|
exports.useCommandContext = useCommandContext;
|
|
573
|
-
//# sourceMappingURL=chunk-
|
|
574
|
-
//# sourceMappingURL=chunk-
|
|
573
|
+
//# sourceMappingURL=chunk-642JVK45.js.map
|
|
574
|
+
//# sourceMappingURL=chunk-642JVK45.js.map
|