@saas-ui/react 3.0.0-alpha.6 → 3.0.0-alpha.8

Sign up to get free protection for your applications and to get access to all the features.
Files changed (42) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/chunk-7VSTNV2B.js +53 -0
  3. package/dist/{chunk-ZWSZQZ5G.js → chunk-CB52LBJK.js} +1 -3
  4. package/dist/{chunk-F3CVOMG5.js → chunk-CD2JUFI2.js} +81 -10
  5. package/dist/{chunk-GEPWRHHH.js → chunk-H6TFEHY4.js} +1 -3
  6. package/dist/chunk-IFYV7NUJ.js +326 -0
  7. package/dist/{chunk-VF3BV2BY.js → chunk-JGHXJ3PI.js} +22 -7
  8. package/dist/chunk-SKXSBAOS.js +35 -0
  9. package/dist/{chunk-7C3IZBNJ.js → chunk-TT4C5VXB.js} +4 -6
  10. package/dist/components/{breadcrumbs → breadcrumb}/index.cjs +8 -10
  11. package/dist/components/{breadcrumbs → breadcrumb}/index.d.cts +3 -4
  12. package/dist/components/{breadcrumbs → breadcrumb}/index.d.ts +3 -4
  13. package/dist/components/breadcrumb/index.js +8 -0
  14. package/dist/components/dialog/index.cjs +19 -58
  15. package/dist/components/dialog/index.js +1 -2
  16. package/dist/components/drawer/index.cjs +23 -64
  17. package/dist/components/drawer/index.js +1 -2
  18. package/dist/components/loading-overlay/index.cjs +16 -1868
  19. package/dist/components/loading-overlay/index.js +1 -1
  20. package/dist/components/menu/index.cjs +165 -179
  21. package/dist/components/menu/index.d.cts +11 -2
  22. package/dist/components/menu/index.d.ts +11 -2
  23. package/dist/components/menu/index.js +4 -2
  24. package/dist/components/password-input/index.js +1 -2
  25. package/dist/components/segmented-control/index.cjs +58 -0
  26. package/dist/components/segmented-control/index.d.cts +13 -1
  27. package/dist/components/segmented-control/index.d.ts +13 -1
  28. package/dist/components/segmented-control/index.js +7 -1
  29. package/dist/index.cjs +1007 -2653
  30. package/dist/index.d.cts +2 -1
  31. package/dist/index.d.ts +2 -1
  32. package/dist/index.js +278 -393
  33. package/dist/theme/tokens/colors.cjs +349 -0
  34. package/dist/theme/tokens/colors.d.cts +856 -0
  35. package/dist/theme/tokens/colors.d.ts +856 -0
  36. package/dist/theme/tokens/colors.js +8 -0
  37. package/package.json +9 -2
  38. package/dist/chunk-CTOVNZVS.js +0 -1
  39. package/dist/chunk-QMG6HP7Z.js +0 -87
  40. package/dist/chunk-VBIVLREP.js +0 -45
  41. package/dist/chunk-YWJZWB6I.js +0 -1892
  42. package/dist/components/breadcrumbs/index.js +0 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @saas-ui/react
2
2
 
3
+ ## 3.0.0-alpha.8
4
+
5
+ ### Patch Changes
6
+
7
+ - 64e680e: Update default button colorPalette to gray
8
+ - 64e680e: Export Menu.Context
9
+
10
+ ## 3.0.0-alpha.7
11
+
12
+ ### Major Changes
13
+
14
+ - 8e760c5: Added new wide gammut color tokens
15
+
3
16
  ## 3.0.0-alpha.6
4
17
 
5
18
  ### Minor Changes
@@ -0,0 +1,53 @@
1
+ 'use client'
2
+ import {
3
+ Spinner
4
+ } from "./chunk-32JGENDB.js";
5
+ import {
6
+ __export
7
+ } from "./chunk-RTMS5TJN.js";
8
+
9
+ // src/components/loading-overlay/loading-overlay.tsx
10
+ var loading_overlay_exports = {};
11
+ __export(loading_overlay_exports, {
12
+ Root: () => LoadingOverlayRoot,
13
+ Spinner: () => LoadingOverlaySpinner,
14
+ Text: () => LoadingOverlayText
15
+ });
16
+ import {
17
+ Presence,
18
+ splitPresenceProps
19
+ } from "@ark-ui/react/presence";
20
+ import { chakra } from "@chakra-ui/react";
21
+
22
+ // src/components/loading-overlay/loading-overlay.context.ts
23
+ import { createSlotRecipeContext } from "@chakra-ui/react";
24
+ var {
25
+ useStyles: useLoadingOverlayStyles,
26
+ withContext,
27
+ withProvider
28
+ } = createSlotRecipeContext({
29
+ key: "suiLoadingOverlay"
30
+ });
31
+
32
+ // src/components/loading-overlay/loading-overlay.tsx
33
+ import { jsx } from "react/jsx-runtime";
34
+ var LoadingOverlay = (props) => {
35
+ const { children, loading = true, ...rest } = props;
36
+ const [presenceProps, rootProps] = splitPresenceProps(rest);
37
+ return /* @__PURE__ */ jsx(Presence, { present: loading, ...presenceProps, asChild: true, children: /* @__PURE__ */ jsx(chakra.div, { ...rootProps, children }) });
38
+ };
39
+ var LoadingOverlayRoot = withProvider(
40
+ LoadingOverlay,
41
+ "root"
42
+ );
43
+ LoadingOverlayRoot.displayName = "LoadingOverlay";
44
+ var LoadingOverlaySpinner = Spinner;
45
+ var LoadingOverlayText = withContext(
46
+ "p",
47
+ "text"
48
+ );
49
+
50
+ export {
51
+ useLoadingOverlayStyles,
52
+ loading_overlay_exports
53
+ };
@@ -1,7 +1,4 @@
1
1
  'use client'
2
- import {
3
- DialogContext
4
- } from "./chunk-VBIVLREP.js";
5
2
  import {
6
3
  CloseButton
7
4
  } from "./chunk-FZW2DYK3.js";
@@ -29,6 +26,7 @@ __export(namespace_exports, {
29
26
  // src/components/dialog/dialog.tsx
30
27
  import { forwardRef } from "react";
31
28
  import { Dialog as ChakraDialog, Portal } from "@chakra-ui/react";
29
+ import { DialogContext } from "@ark-ui/react/dialog";
32
30
  import { jsx, jsxs } from "react/jsx-runtime";
33
31
  var DialogContent = forwardRef(
34
32
  function DialogContent2(props, ref) {
@@ -1,4 +1,16 @@
1
1
  'use client'
2
+ import {
3
+ InputGroup
4
+ } from "./chunk-PKI6YH2V.js";
5
+
6
+ // src/components/password-input/password-input.tsx
7
+ import { forwardRef, useRef } from "react";
8
+ import {
9
+ IconButton,
10
+ Input,
11
+ mergeRefs,
12
+ useControllableState
13
+ } from "@chakra-ui/react";
2
14
 
3
15
  // ../../node_modules/react-icons/lib/iconBase.mjs
4
16
  import React2 from "react";
@@ -139,12 +151,6 @@ function IconBase(props) {
139
151
  }
140
152
 
141
153
  // ../../node_modules/react-icons/lu/index.mjs
142
- function LuCheck(props) {
143
- return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "polyline", "attr": { "points": "20 6 9 17 4 12" }, "child": [] }] })(props);
144
- }
145
- function LuChevronRight(props) {
146
- return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "m9 18 6-6-6-6" }, "child": [] }] })(props);
147
- }
148
154
  function LuEyeOff(props) {
149
155
  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M9.88 9.88a3 3 0 1 0 4.24 4.24" }, "child": [] }, { "tag": "path", "attr": { "d": "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }, "child": [] }, { "tag": "path", "attr": { "d": "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }, "child": [] }, { "tag": "line", "attr": { "x1": "2", "x2": "22", "y1": "2", "y2": "22" }, "child": [] }] })(props);
150
156
  }
@@ -152,9 +158,74 @@ function LuEye(props) {
152
158
  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }, "child": [] }, { "tag": "circle", "attr": { "cx": "12", "cy": "12", "r": "3" }, "child": [] }] })(props);
153
159
  }
154
160
 
161
+ // src/components/password-input/password-input.tsx
162
+ import { jsx } from "react/jsx-runtime";
163
+ var PasswordInput = forwardRef(
164
+ function PasswordInput2(props, ref) {
165
+ const {
166
+ rootProps,
167
+ defaultVisible,
168
+ visible: visibleProp,
169
+ onVisibleChange,
170
+ visibilityIcon = { on: /* @__PURE__ */ jsx(LuEye, {}), off: /* @__PURE__ */ jsx(LuEyeOff, {}) },
171
+ ...rest
172
+ } = props;
173
+ const [visible, setVisible] = useControllableState({
174
+ value: visibleProp,
175
+ defaultValue: defaultVisible || false,
176
+ onChange: onVisibleChange
177
+ });
178
+ const inputRef = useRef(null);
179
+ return /* @__PURE__ */ jsx(
180
+ InputGroup,
181
+ {
182
+ width: "full",
183
+ endElement: /* @__PURE__ */ jsx(
184
+ VisibilityTrigger,
185
+ {
186
+ disabled: rest.disabled,
187
+ onPointerDown: (e) => {
188
+ if (rest.disabled) return;
189
+ if (e.button !== 0) return;
190
+ e.preventDefault();
191
+ setVisible(!visible);
192
+ },
193
+ children: visible ? visibilityIcon.off : visibilityIcon.on
194
+ }
195
+ ),
196
+ ...rootProps,
197
+ children: /* @__PURE__ */ jsx(
198
+ Input,
199
+ {
200
+ ...rest,
201
+ ref: mergeRefs(ref, inputRef),
202
+ type: visible ? "text" : "password"
203
+ }
204
+ )
205
+ }
206
+ );
207
+ }
208
+ );
209
+ var VisibilityTrigger = forwardRef(
210
+ function VisibilityTrigger2(props, ref) {
211
+ return /* @__PURE__ */ jsx(
212
+ IconButton,
213
+ {
214
+ tabIndex: -1,
215
+ ref,
216
+ me: "-2",
217
+ aspectRatio: "square",
218
+ size: "sm",
219
+ variant: "ghost",
220
+ colorPalette: "gray",
221
+ height: "calc(100% - {spacing.2})",
222
+ "aria-label": "Toggle password visibility",
223
+ ...props
224
+ }
225
+ );
226
+ }
227
+ );
228
+
155
229
  export {
156
- LuCheck,
157
- LuChevronRight,
158
- LuEyeOff,
159
- LuEye
230
+ PasswordInput
160
231
  };
@@ -1,7 +1,4 @@
1
1
  'use client'
2
- import {
3
- DialogContext
4
- } from "./chunk-VBIVLREP.js";
5
2
  import {
6
3
  CloseButton
7
4
  } from "./chunk-FZW2DYK3.js";
@@ -28,6 +25,7 @@ __export(namespace_exports, {
28
25
 
29
26
  // src/components/drawer/drawer.tsx
30
27
  import { forwardRef } from "react";
28
+ import { DialogContext } from "@ark-ui/react/dialog";
31
29
  import { Drawer as ChakraDrawer, Portal } from "@chakra-ui/react";
32
30
  import { jsx } from "react/jsx-runtime";
33
31
  var DrawerContent = forwardRef(
@@ -0,0 +1,326 @@
1
+ 'use client'
2
+
3
+ // src/theme/tokens/colors.ts
4
+ import { defineTokens } from "@chakra-ui/react";
5
+ var colors = defineTokens.colors({
6
+ transparent: { value: "transparent" },
7
+ current: { value: "currentColor" },
8
+ black: { value: "oklch(0.07 0 0)" },
9
+ white: { value: "oklch(1 0 0)" },
10
+ whiteAlpha: {
11
+ 50: { value: "oklch(1 0 0 / 0.04)" },
12
+ 100: { value: "oklch(1 0 0 / 0.06)" },
13
+ 200: { value: "oklch(1 0 0 / 0.08)" },
14
+ 300: { value: "oklch(1 0 0 / 0.16)" },
15
+ 400: { value: "oklch(1 0 0 / 0.24)" },
16
+ 500: { value: "oklch(1 0 0 / 0.36)" },
17
+ 600: { value: "oklch(1 0 0 / 0.48)" },
18
+ 700: { value: "oklch(1 0 0 / 0.64)" },
19
+ 800: { value: "oklch(1 0 0 / 0.80)" },
20
+ 900: { value: "oklch(1 0 0 / 0.92)" },
21
+ 950: { value: "oklch(1 0 0 / 0.95)" }
22
+ },
23
+ blackAlpha: {
24
+ 50: { value: "oklch(0 0 0 / 0.04)" },
25
+ 100: { value: "oklch(0 0 0 / 0.06)" },
26
+ 200: { value: "oklch(0 0 0 / 0.08)" },
27
+ 300: { value: "oklch(0 0 0 / 0.16)" },
28
+ 400: { value: "oklch(0 0 0 / 0.24)" },
29
+ 500: { value: "oklch(0 0 0 / 0.36)" },
30
+ 600: { value: "oklch(0 0 0 / 0.48)" },
31
+ 700: { value: "oklch(0 0 0 / 0.64)" },
32
+ 800: { value: "oklch(0 0 0 / 0.80)" },
33
+ 900: { value: "oklch(0 0 0 / 0.92)" },
34
+ 950: { value: "oklch(0 0 0 / 0.95)" }
35
+ },
36
+ slate: {
37
+ 50: { value: "oklch(0.984 0.003 247.858)" },
38
+ 100: { value: "oklch(0.968 0.007 247.896)" },
39
+ 200: { value: "oklch(0.929 0.013 255.508)" },
40
+ 300: { value: "oklch(0.869 0.022 252.894)" },
41
+ 400: { value: "oklch(0.704 0.04 256.788)" },
42
+ 500: { value: "oklch(0.554 0.046 257.417)" },
43
+ 600: { value: "oklch(0.446 0.043 257.281)" },
44
+ 700: { value: "oklch(0.372 0.044 257.287)" },
45
+ 800: { value: "oklch(0.279 0.041 260.031)" },
46
+ 900: { value: "oklch(0.208 0.042 265.755)" },
47
+ 950: { value: "oklch(0.129 0.042 264.695)" }
48
+ },
49
+ gray: {
50
+ 50: { value: "oklch(0.985 0.002 247.839)" },
51
+ 100: { value: "oklch(0.967 0.003 264.542)" },
52
+ 200: { value: "oklch(0.928 0.006 264.531)" },
53
+ 300: { value: "oklch(0.872 0.01 258.338)" },
54
+ 400: { value: "oklch(0.707 0.022 261.325)" },
55
+ 500: { value: "oklch(0.551 0.027 264.364)" },
56
+ 600: { value: "oklch(0.446 0.03 256.802)" },
57
+ 700: { value: "oklch(0.373 0.034 259.733)" },
58
+ 800: { value: "oklch(0.278 0.033 256.848)" },
59
+ 900: { value: "oklch(0.21 0.034 264.665)" },
60
+ 950: { value: "oklch(0.13 0.028 261.692)" }
61
+ },
62
+ zinc: {
63
+ 50: { value: "oklch(0.985 0 0)" },
64
+ 100: { value: "oklch(0.967 0.001 286.375)" },
65
+ 200: { value: "oklch(0.92 0.004 286.32)" },
66
+ 300: { value: "oklch(0.871 0.006 286.286)" },
67
+ 400: { value: "oklch(0.705 0.015 286.067)" },
68
+ 500: { value: "oklch(0.552 0.016 285.938)" },
69
+ 600: { value: "oklch(0.442 0.017 285.786)" },
70
+ 700: { value: "oklch(0.37 0.013 285.805)" },
71
+ 800: { value: "oklch(0.274 0.006 286.033)" },
72
+ 900: { value: "oklch(0.21 0.006 285.885)" },
73
+ 950: { value: "oklch(0.141 0.005 285.823)" }
74
+ },
75
+ neutral: {
76
+ 50: { value: "oklch(0.985 0 0)" },
77
+ 100: { value: "oklch(0.97 0 0)" },
78
+ 200: { value: "oklch(0.922 0 0)" },
79
+ 300: { value: "oklch(0.87 0 0)" },
80
+ 400: { value: "oklch(0.708 0 0)" },
81
+ 500: { value: "oklch(0.556 0 0)" },
82
+ 600: { value: "oklch(0.439 0 0)" },
83
+ 700: { value: "oklch(0.371 0 0)" },
84
+ 800: { value: "oklch(0.269 0 0)" },
85
+ 900: { value: "oklch(0.205 0 0)" },
86
+ 950: { value: "oklch(0.145 0 0)" }
87
+ },
88
+ stone: {
89
+ 50: { value: "oklch(0.985 0.001 106.423)" },
90
+ 100: { value: "oklch(0.97 0.001 106.424)" },
91
+ 200: { value: "oklch(0.923 0.003 48.717)" },
92
+ 300: { value: "oklch(0.869 0.005 56.366)" },
93
+ 400: { value: "oklch(0.709 0.01 56.259)" },
94
+ 500: { value: "oklch(0.553 0.013 58.071)" },
95
+ 600: { value: "oklch(0.444 0.011 73.639)" },
96
+ 700: { value: "oklch(0.374 0.01 67.558)" },
97
+ 800: { value: "oklch(0.268 0.007 34.298)" },
98
+ 900: { value: "oklch(0.216 0.006 56.043)" },
99
+ 950: { value: "oklch(0.147 0.004 49.25)" }
100
+ },
101
+ red: {
102
+ 50: { value: "oklch(0.971 0.013 17.38)" },
103
+ 100: { value: "oklch(0.936 0.032 17.717)" },
104
+ 200: { value: "oklch(0.885 0.062 18.334)" },
105
+ 300: { value: "oklch(0.808 0.114 19.571)" },
106
+ 400: { value: "oklch(0.704 0.191 22.216)" },
107
+ 500: { value: "oklch(0.637 0.237 25.331)" },
108
+ 600: { value: "oklch(0.577 0.245 27.325)" },
109
+ 700: { value: "oklch(0.505 0.213 27.518)" },
110
+ 800: { value: "oklch(0.444 0.177 26.899)" },
111
+ 900: { value: "oklch(0.396 0.141 25.723)" },
112
+ 950: { value: "oklch(0.258 0.092 26.042)" }
113
+ },
114
+ orange: {
115
+ 50: { value: "oklch(0.98 0.016 73.684)" },
116
+ 100: { value: "oklch(0.954 0.038 75.164)" },
117
+ 200: { value: "oklch(0.901 0.076 70.697)" },
118
+ 300: { value: "oklch(0.837 0.128 66.29)" },
119
+ 400: { value: "oklch(0.75 0.183 55.934)" },
120
+ 500: { value: "oklch(0.705 0.213 47.604)" },
121
+ 600: { value: "oklch(0.646 0.222 41.116)" },
122
+ 700: { value: "oklch(0.553 0.195 38.402)" },
123
+ 800: { value: "oklch(0.47 0.157 37.304)" },
124
+ 900: { value: "oklch(0.408 0.123 38.172)" },
125
+ 950: { value: "oklch(0.266 0.079 36.259)" }
126
+ },
127
+ amber: {
128
+ 50: { value: "oklch(0.987 0.022 95.277)" },
129
+ 100: { value: "oklch(0.962 0.059 95.617)" },
130
+ 200: { value: "oklch(0.924 0.12 95.746)" },
131
+ 300: { value: "oklch(0.879 0.169 91.605)" },
132
+ 400: { value: "oklch(0.828 0.189 84.429)" },
133
+ 500: { value: "oklch(0.769 0.188 70.08)" },
134
+ 600: { value: "oklch(0.666 0.179 58.318)" },
135
+ 700: { value: "oklch(0.555 0.163 48.998)" },
136
+ 800: { value: "oklch(0.473 0.137 46.201)" },
137
+ 900: { value: "oklch(0.414 0.112 45.904)" },
138
+ 950: { value: "oklch(0.279 0.077 45.635)" }
139
+ },
140
+ yellow: {
141
+ 50: { value: "oklch(0.987 0.026 102.212)" },
142
+ 100: { value: "oklch(0.973 0.071 103.193)" },
143
+ 200: { value: "oklch(0.945 0.129 101.54)" },
144
+ 300: { value: "oklch(0.905 0.182 98.111)" },
145
+ 400: { value: "oklch(0.852 0.199 91.936)" },
146
+ 500: { value: "oklch(0.795 0.184 86.047)" },
147
+ 600: { value: "oklch(0.681 0.162 75.834)" },
148
+ 700: { value: "oklch(0.554 0.135 66.442)" },
149
+ 800: { value: "oklch(0.476 0.114 61.907)" },
150
+ 900: { value: "oklch(0.421 0.095 57.708)" },
151
+ 950: { value: "oklch(0.286 0.066 53.813)" }
152
+ },
153
+ lime: {
154
+ 50: { value: "oklch(0.986 0.031 120.757)" },
155
+ 100: { value: "oklch(0.967 0.067 122.328)" },
156
+ 200: { value: "oklch(0.938 0.127 124.321)" },
157
+ 300: { value: "oklch(0.897 0.196 126.665)" },
158
+ 400: { value: "oklch(0.841 0.238 128.85)" },
159
+ 500: { value: "oklch(0.768 0.233 130.85)" },
160
+ 600: { value: "oklch(0.648 0.2 131.684)" },
161
+ 700: { value: "oklch(0.532 0.157 131.589)" },
162
+ 800: { value: "oklch(0.453 0.124 130.933)" },
163
+ 900: { value: "oklch(0.405 0.101 131.063)" },
164
+ 950: { value: "oklch(0.274 0.072 132.109)" }
165
+ },
166
+ green: {
167
+ 50: { value: "oklch(0.982 0.018 155.826)" },
168
+ 100: { value: "oklch(0.962 0.044 156.743)" },
169
+ 200: { value: "oklch(0.925 0.084 155.995)" },
170
+ 300: { value: "oklch(0.871 0.15 154.449)" },
171
+ 400: { value: "oklch(0.792 0.209 151.711)" },
172
+ 500: { value: "oklch(0.723 0.219 149.579)" },
173
+ 600: { value: "oklch(0.627 0.194 149.214)" },
174
+ 700: { value: "oklch(0.527 0.154 150.069)" },
175
+ 800: { value: "oklch(0.448 0.119 151.328)" },
176
+ 900: { value: "oklch(0.393 0.095 152.535)" },
177
+ 950: { value: "oklch(0.266 0.065 152.934)" }
178
+ },
179
+ emerald: {
180
+ 50: { value: "oklch(0.979 0.021 166.113)" },
181
+ 100: { value: "oklch(0.95 0.052 163.051)" },
182
+ 200: { value: "oklch(0.905 0.093 164.15)" },
183
+ 300: { value: "oklch(0.845 0.143 164.978)" },
184
+ 400: { value: "oklch(0.765 0.177 163.223)" },
185
+ 500: { value: "oklch(0.696 0.17 162.48)" },
186
+ 600: { value: "oklch(0.596 0.145 163.225)" },
187
+ 700: { value: "oklch(0.508 0.118 165.612)" },
188
+ 800: { value: "oklch(0.432 0.095 166.913)" },
189
+ 900: { value: "oklch(0.378 0.077 168.94)" },
190
+ 950: { value: "oklch(0.262 0.051 172.552)" }
191
+ },
192
+ teal: {
193
+ 50: { value: "oklch(0.984 0.014 180.72)" },
194
+ 100: { value: "oklch(0.953 0.051 180.801)" },
195
+ 200: { value: "oklch(0.91 0.096 180.426)" },
196
+ 300: { value: "oklch(0.855 0.138 181.071)" },
197
+ 400: { value: "oklch(0.777 0.152 181.912)" },
198
+ 500: { value: "oklch(0.704 0.14 182.503)" },
199
+ 600: { value: "oklch(0.6 0.118 184.704)" },
200
+ 700: { value: "oklch(0.511 0.096 186.391)" },
201
+ 800: { value: "oklch(0.437 0.078 188.216)" },
202
+ 900: { value: "oklch(0.386 0.063 188.416)" },
203
+ 950: { value: "oklch(0.277 0.046 192.524)" }
204
+ },
205
+ cyan: {
206
+ 50: { value: "oklch(0.984 0.019 200.873)" },
207
+ 100: { value: "oklch(0.956 0.045 203.388)" },
208
+ 200: { value: "oklch(0.917 0.08 205.041)" },
209
+ 300: { value: "oklch(0.865 0.127 207.078)" },
210
+ 400: { value: "oklch(0.789 0.154 211.53)" },
211
+ 500: { value: "oklch(0.715 0.143 215.221)" },
212
+ 600: { value: "oklch(0.609 0.126 221.723)" },
213
+ 700: { value: "oklch(0.52 0.105 223.128)" },
214
+ 800: { value: "oklch(0.45 0.085 224.283)" },
215
+ 900: { value: "oklch(0.398 0.07 227.392)" },
216
+ 950: { value: "oklch(0.302 0.056 229.695)" }
217
+ },
218
+ sky: {
219
+ 50: { value: "oklch(0.977 0.013 236.62)" },
220
+ 100: { value: "oklch(0.951 0.026 236.824)" },
221
+ 200: { value: "oklch(0.901 0.058 230.902)" },
222
+ 300: { value: "oklch(0.828 0.111 230.318)" },
223
+ 400: { value: "oklch(0.746 0.16 232.661)" },
224
+ 500: { value: "oklch(0.685 0.169 237.323)" },
225
+ 600: { value: "oklch(0.588 0.158 241.966)" },
226
+ 700: { value: "oklch(0.5 0.134 242.749)" },
227
+ 800: { value: "oklch(0.443 0.11 240.79)" },
228
+ 900: { value: "oklch(0.391 0.09 240.876)" },
229
+ 950: { value: "oklch(0.293 0.066 243.157)" }
230
+ },
231
+ blue: {
232
+ 50: { value: "oklch(0.97 0.014 254.604)" },
233
+ 100: { value: "oklch(0.932 0.032 255.585)" },
234
+ 200: { value: "oklch(0.882 0.059 254.128)" },
235
+ 300: { value: "oklch(0.809 0.105 251.813)" },
236
+ 400: { value: "oklch(0.707 0.165 254.624)" },
237
+ 500: { value: "oklch(0.623 0.214 259.815)" },
238
+ 600: { value: "oklch(0.546 0.245 262.881)" },
239
+ 700: { value: "oklch(0.488 0.243 264.376)" },
240
+ 800: { value: "oklch(0.424 0.199 265.638)" },
241
+ 900: { value: "oklch(0.379 0.146 265.522)" },
242
+ 950: { value: "oklch(0.282 0.091 267.935)" }
243
+ },
244
+ indigo: {
245
+ 50: { value: "oklch(0.962 0.018 272.314)" },
246
+ 100: { value: "oklch(0.93 0.034 272.788)" },
247
+ 200: { value: "oklch(0.87 0.065 274.039)" },
248
+ 300: { value: "oklch(0.785 0.115 274.713)" },
249
+ 400: { value: "oklch(0.673 0.182 276.935)" },
250
+ 500: { value: "oklch(0.585 0.233 277.117)" },
251
+ 600: { value: "oklch(0.511 0.262 276.966)" },
252
+ 700: { value: "oklch(0.457 0.24 277.023)" },
253
+ 800: { value: "oklch(0.398 0.195 277.366)" },
254
+ 900: { value: "oklch(0.359 0.144 278.697)" },
255
+ 950: { value: "oklch(0.257 0.09 281.288)" }
256
+ },
257
+ violet: {
258
+ 50: { value: "oklch(0.969 0.016 293.756)" },
259
+ 100: { value: "oklch(0.943 0.029 294.588)" },
260
+ 200: { value: "oklch(0.894 0.057 293.283)" },
261
+ 300: { value: "oklch(0.811 0.111 293.571)" },
262
+ 400: { value: "oklch(0.702 0.183 293.541)" },
263
+ 500: { value: "oklch(0.606 0.25 292.717)" },
264
+ 600: { value: "oklch(0.541 0.281 293.009)" },
265
+ 700: { value: "oklch(0.491 0.27 292.581)" },
266
+ 800: { value: "oklch(0.432 0.232 292.759)" },
267
+ 900: { value: "oklch(0.38 0.189 293.745)" },
268
+ 950: { value: "oklch(0.283 0.141 291.089)" }
269
+ },
270
+ purple: {
271
+ 50: { value: "oklch(0.977 0.014 308.299)" },
272
+ 100: { value: "oklch(0.946 0.033 307.174)" },
273
+ 200: { value: "oklch(0.902 0.063 306.703)" },
274
+ 300: { value: "oklch(0.827 0.119 306.383)" },
275
+ 400: { value: "oklch(0.714 0.203 305.504)" },
276
+ 500: { value: "oklch(0.627 0.265 303.9)" },
277
+ 600: { value: "oklch(0.558 0.288 302.321)" },
278
+ 700: { value: "oklch(0.496 0.265 301.924)" },
279
+ 800: { value: "oklch(0.438 0.218 303.724)" },
280
+ 900: { value: "oklch(0.381 0.176 304.987)" },
281
+ 950: { value: "oklch(0.291 0.149 302.717)" }
282
+ },
283
+ fuchsia: {
284
+ 50: { value: "oklch(0.977 0.017 320.058)" },
285
+ 100: { value: "oklch(0.952 0.037 318.852)" },
286
+ 200: { value: "oklch(0.903 0.076 319.62)" },
287
+ 300: { value: "oklch(0.833 0.145 321.434)" },
288
+ 400: { value: "oklch(0.74 0.238 322.16)" },
289
+ 500: { value: "oklch(0.667 0.295 322.15)" },
290
+ 600: { value: "oklch(0.591 0.293 322.896)" },
291
+ 700: { value: "oklch(0.518 0.253 323.949)" },
292
+ 800: { value: "oklch(0.452 0.211 324.591)" },
293
+ 900: { value: "oklch(0.401 0.17 325.612)" },
294
+ 950: { value: "oklch(0.293 0.136 325.661)" }
295
+ },
296
+ pink: {
297
+ 50: { value: "oklch(0.971 0.014 343.198)" },
298
+ 100: { value: "oklch(0.948 0.028 342.258)" },
299
+ 200: { value: "oklch(0.899 0.061 343.231)" },
300
+ 300: { value: "oklch(0.823 0.12 346.018)" },
301
+ 400: { value: "oklch(0.718 0.202 349.761)" },
302
+ 500: { value: "oklch(0.656 0.241 354.308)" },
303
+ 600: { value: "oklch(0.592 0.249 0.584)" },
304
+ 700: { value: "oklch(0.525 0.223 3.958)" },
305
+ 800: { value: "oklch(0.459 0.187 3.815)" },
306
+ 900: { value: "oklch(0.408 0.153 2.432)" },
307
+ 950: { value: "oklch(0.284 0.109 3.907)" }
308
+ },
309
+ rose: {
310
+ 50: { value: "oklch(0.969 0.015 12.422)" },
311
+ 100: { value: "oklch(0.941 0.03 12.58)" },
312
+ 200: { value: "oklch(0.892 0.058 10.001)" },
313
+ 300: { value: "oklch(0.81 0.117 11.638)" },
314
+ 400: { value: "oklch(0.712 0.194 13.428)" },
315
+ 500: { value: "oklch(0.645 0.246 16.439)" },
316
+ 600: { value: "oklch(0.586 0.253 17.585)" },
317
+ 700: { value: "oklch(0.514 0.222 16.935)" },
318
+ 800: { value: "oklch(0.455 0.188 13.697)" },
319
+ 900: { value: "oklch(0.41 0.159 10.272)" },
320
+ 950: { value: "oklch(0.271 0.105 12.094)" }
321
+ }
322
+ });
323
+
324
+ export {
325
+ colors
326
+ };
@@ -1,8 +1,11 @@
1
1
  'use client'
2
2
  import {
3
- LuCheck,
4
- LuChevronRight
5
- } from "./chunk-F3CVOMG5.js";
3
+ Button
4
+ } from "./chunk-BCNPBZZK.js";
5
+ import {
6
+ CheckIcon,
7
+ ChevronRightIcon
8
+ } from "./chunk-VDXTEASE.js";
6
9
  import {
7
10
  __export
8
11
  } from "./chunk-RTMS5TJN.js";
@@ -11,8 +14,10 @@ import {
11
14
  var menu_exports = {};
12
15
  __export(menu_exports, {
13
16
  Arrow: () => MenuArrow,
17
+ Button: () => MenuButton,
14
18
  CheckboxItem: () => MenuCheckboxItem,
15
19
  Content: () => MenuContent,
20
+ Context: () => MenuContext,
16
21
  ContextTrigger: () => MenuContextTrigger,
17
22
  Item: () => MenuItem,
18
23
  ItemCommand: () => MenuItemCommand,
@@ -26,7 +31,11 @@ __export(menu_exports, {
26
31
  TriggerItem: () => MenuTriggerItem
27
32
  });
28
33
  import { forwardRef } from "react";
29
- import { AbsoluteCenter, Menu as ChakraMenu, Portal } from "@chakra-ui/react";
34
+ import {
35
+ AbsoluteCenter,
36
+ Menu as ChakraMenu,
37
+ Portal
38
+ } from "@chakra-ui/react";
30
39
  import { jsx, jsxs } from "react/jsx-runtime";
31
40
  var MenuContent = forwardRef(
32
41
  function MenuContent2(props, ref) {
@@ -41,7 +50,7 @@ var MenuArrow = forwardRef(
41
50
  );
42
51
  var MenuCheckboxItem = forwardRef(function MenuCheckboxItem2(props, ref) {
43
52
  return /* @__PURE__ */ jsxs(ChakraMenu.CheckboxItem, { ref, ...props, children: [
44
- /* @__PURE__ */ jsx(ChakraMenu.ItemIndicator, { hidden: false, children: /* @__PURE__ */ jsx(LuCheck, {}) }),
53
+ /* @__PURE__ */ jsx(ChakraMenu.ItemIndicator, { hidden: false, children: /* @__PURE__ */ jsx(CheckIcon, {}) }),
45
54
  props.children
46
55
  ] });
47
56
  });
@@ -49,7 +58,7 @@ var MenuRadioItem = forwardRef(
49
58
  function MenuRadioItem2(props, ref) {
50
59
  const { children, ...rest } = props;
51
60
  return /* @__PURE__ */ jsxs(ChakraMenu.RadioItem, { ps: "8", ref, ...rest, children: [
52
- /* @__PURE__ */ jsx(AbsoluteCenter, { axis: "horizontal", left: "4", asChild: true, children: /* @__PURE__ */ jsx(ChakraMenu.ItemIndicator, { children: /* @__PURE__ */ jsx(LuCheck, {}) }) }),
61
+ /* @__PURE__ */ jsx(AbsoluteCenter, { axis: "horizontal", left: "4", asChild: true, children: /* @__PURE__ */ jsx(ChakraMenu.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) }) }),
53
62
  /* @__PURE__ */ jsx(ChakraMenu.ItemText, { children })
54
63
  ] });
55
64
  }
@@ -69,14 +78,20 @@ var MenuTriggerItem = forwardRef(
69
78
  return /* @__PURE__ */ jsxs(ChakraMenu.TriggerItem, { ref, ...rest, children: [
70
79
  startIcon,
71
80
  children,
72
- /* @__PURE__ */ jsx(LuChevronRight, {})
81
+ /* @__PURE__ */ jsx(ChevronRightIcon, {})
73
82
  ] });
74
83
  }
75
84
  );
85
+ var MenuButton = forwardRef(
86
+ function MenuButton2(props, ref) {
87
+ return /* @__PURE__ */ jsx(MenuTrigger, { ref, ...props, asChild: true, children: /* @__PURE__ */ jsx(Button, {}) });
88
+ }
89
+ );
76
90
  var MenuRadioItemGroup = ChakraMenu.RadioItemGroup;
77
91
  var MenuContextTrigger = ChakraMenu.ContextTrigger;
78
92
  var MenuRoot = ChakraMenu.Root;
79
93
  var MenuSeparator = ChakraMenu.Separator;
94
+ var MenuContext = ChakraMenu.Context;
80
95
  var MenuItem = ChakraMenu.Item;
81
96
  var MenuItemText = ChakraMenu.ItemText;
82
97
  var MenuItemCommand = ChakraMenu.ItemCommand;
@@ -0,0 +1,35 @@
1
+ 'use client'
2
+
3
+ // src/components/segmented-control/segmented-control.tsx
4
+ import { forwardRef, useMemo } from "react";
5
+ import { For, SegmentGroup } from "@chakra-ui/react";
6
+ import { jsx, jsxs } from "react/jsx-runtime";
7
+ function normalize(items) {
8
+ return items.map((item) => {
9
+ if (typeof item === "string") return { value: item, label: item };
10
+ return item;
11
+ });
12
+ }
13
+ var SegmentedControl = forwardRef(function SegmentedControl2(props, ref) {
14
+ const { items, ...rest } = props;
15
+ const data = useMemo(() => normalize(items), [items]);
16
+ return /* @__PURE__ */ jsxs(SegmentGroup.Root, { ref, ...rest, children: [
17
+ /* @__PURE__ */ jsx(SegmentGroup.Indicator, {}),
18
+ /* @__PURE__ */ jsx(For, { each: data, children: (item) => /* @__PURE__ */ jsxs(
19
+ SegmentGroup.Item,
20
+ {
21
+ value: item.value,
22
+ disabled: item.disabled,
23
+ children: [
24
+ /* @__PURE__ */ jsx(SegmentGroup.ItemText, { children: item.label }),
25
+ /* @__PURE__ */ jsx(SegmentGroup.ItemHiddenInput, {})
26
+ ]
27
+ },
28
+ item.value
29
+ ) })
30
+ ] });
31
+ });
32
+
33
+ export {
34
+ SegmentedControl
35
+ };
@@ -3,16 +3,14 @@ import {
3
3
  __export
4
4
  } from "./chunk-RTMS5TJN.js";
5
5
 
6
- // src/components/breadcrumbs/namespace.ts
7
- var namespace_exports = {};
8
- __export(namespace_exports, {
6
+ // src/components/breadcrumb/breadcrumb.tsx
7
+ var breadcrumb_exports = {};
8
+ __export(breadcrumb_exports, {
9
9
  CurrentLink: () => BreadcrumbCurrentLink,
10
10
  Ellipsis: () => BreadcrumbEllipsis,
11
11
  Link: () => BreadcrumbLink,
12
12
  Root: () => BreadcrumbRoot
13
13
  });
14
-
15
- // src/components/breadcrumbs/breadcrumb.tsx
16
14
  import { Children, Fragment, forwardRef, isValidElement } from "react";
17
15
  import { Breadcrumb } from "@chakra-ui/react";
18
16
  import { jsx, jsxs } from "react/jsx-runtime";
@@ -34,5 +32,5 @@ var BreadcrumbCurrentLink = Breadcrumb.CurrentLink;
34
32
  var BreadcrumbEllipsis = Breadcrumb.Ellipsis;
35
33
 
36
34
  export {
37
- namespace_exports
35
+ breadcrumb_exports
38
36
  };