@nattstack/ui 0.0.29 → 0.0.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/dist/components/index.d.ts +183 -170
  2. package/dist/components/index.js +581 -730
  3. package/dist/components/style.css +727 -0
  4. package/dist/tailwind-colors/color.css +2 -1
  5. package/dist/tailwind-colors/root.css +1 -0
  6. package/package.json +8 -7
  7. package/dist/components/button-spinner.module-T3OGVJS4.module.css +0 -95
  8. package/dist/components/button.module-4EHK5C4W.module.css +0 -183
  9. package/dist/components/column.module-A7QCVPFC.module.css +0 -4
  10. package/dist/components/dialog-responsive-backdrop.module-O336AARV.module.css +0 -27
  11. package/dist/components/dialog-responsive-bar.module-QCLP4IUN.module.css +0 -14
  12. package/dist/components/dialog-responsive-popup.module-BOEQIHJ7.module.css +0 -58
  13. package/dist/components/dialog-responsive-portal.module-YFVKMKVT.module.css +0 -5
  14. package/dist/components/dialog-responsive-viewport.module-LT7MZPLD.module.css +0 -16
  15. package/dist/components/input.module-H5TWAPFX.module.css +0 -97
  16. package/dist/components/label.module-2UZDXZQ4.module.css +0 -8
  17. package/dist/components/row.module-GYNANRAY.module.css +0 -4
  18. package/dist/components/spacer.module-ZYYYWYEB.module.css +0 -3
  19. package/dist/components/switch.module-U6Q27QB5.module.css +0 -62
  20. package/dist/components/tabs-panel.module-VGH3G3KV.module.css +0 -12
  21. package/dist/components/tabs-pill-indicator.module-533HMO7L.module.css +0 -12
  22. package/dist/components/tabs-pill-list.module-KQW67ZSW.module.css +0 -7
  23. package/dist/components/tabs-pill-tab.module-5SZMEO3Y.module.css +0 -64
  24. package/dist/components/tabs-segmented-indicator.module-EG56DHS2.module.css +0 -12
  25. package/dist/components/tabs-segmented-list.module-I3DSVFSP.module.css +0 -11
  26. package/dist/components/tabs-segmented-tab.module-SVYVEM2O.module.css +0 -36
  27. package/dist/components/tabs-underline-indicator.module-6SHQHUH5.module.css +0 -10
  28. package/dist/components/tabs-underline-list.module-72ZCIEAS.module.css +0 -8
  29. package/dist/components/tabs-underline-tab.module-OAE4JH7K.module.css +0 -35
  30. package/dist/components/tabs.module-3Z5DRPPX.module.css +0 -5
  31. package/dist/components/textarea.module-LK25MKCZ.module.css +0 -10
  32. package/dist/components/tooltip-content.module-QGRFS5NN.module.css +0 -18
@@ -1,40 +1,59 @@
1
- // src/components/button-link/button-link.tsx
1
+ import './style.css';
2
2
  import { createElement } from "react";
3
-
4
- // src/components/button/button-spinner.tsx
5
- import styles from "./button-spinner.module-T3OGVJS4.module.css";
6
- import { jsx } from "react/jsx-runtime";
3
+ import { jsx, jsxs } from "react/jsx-runtime";
4
+ import { Drawer, Switch as Switch$1, Tabs as Tabs$1, Tooltip as Tooltip$1 } from "@base-ui/react";
5
+ //#region src/components/button/button-spinner.module.css
6
+ var button_spinner_module_default = {
7
+ "button_spinner": "Eu3QVW_button_spinner",
8
+ "spinner": "Eu3QVW_spinner"
9
+ };
10
+ //#endregion
11
+ //#region src/components/button/button-spinner.tsx
7
12
  function ButtonSpinner(props) {
8
- const { size = 20 } = props;
9
- return /* @__PURE__ */ jsx("div", { className: styles.button_spinner, style: { "--size": `${size}px` }, children: Array.from({ length: 12 }).map((_, index) => /* @__PURE__ */ jsx("div", {}, index)) });
10
- }
11
-
12
- // src/utils/normalize-whitespace.ts
13
+ const { size = 20 } = props;
14
+ return /* @__PURE__ */ jsx("div", {
15
+ className: button_spinner_module_default.button_spinner,
16
+ style: { "--size": `${size}px` },
17
+ children: Array.from({ length: 12 }).map((_, index) => /* @__PURE__ */ jsx("div", {}, index))
18
+ });
19
+ }
20
+ //#endregion
21
+ //#region src/utils/normalize-whitespace.ts
22
+ /**
23
+ * Collapses consecutive whitespace characters into single spaces and trims
24
+ * leading and trailing whitespace.
25
+ *
26
+ * @param {string} value - The string to normalize.
27
+ * @returns {string} The normalized string with excess whitespace removed.
28
+ */
13
29
  function normalizeWhitespace(value) {
14
- return value.replaceAll(/\s+/g, " ").trim();
15
- }
16
-
17
- // src/components/button/button.tsx
18
- import styles2 from "./button.module-4EHK5C4W.module.css";
19
- import { jsx as jsx2, jsxs } from "react/jsx-runtime";
30
+ return value.replaceAll(/\s+/g, " ").trim();
31
+ }
32
+ //#endregion
33
+ //#region src/components/button/button.module.css
34
+ var button_module_default = {
35
+ "button": "_9qaCYq_button",
36
+ "button__icon_only": "_9qaCYq_button__icon_only",
37
+ "button__rounded_base": "_9qaCYq_button__rounded_base",
38
+ "button__rounded_full": "_9qaCYq_button__rounded_full",
39
+ "button__size_32": "_9qaCYq_button__size_32",
40
+ "button__size_36": "_9qaCYq_button__size_36",
41
+ "button__size_40": "_9qaCYq_button__size_40",
42
+ "button__size_44": "_9qaCYq_button__size_44",
43
+ "button__size_48": "_9qaCYq_button__size_48",
44
+ "button__variant_ghost": "_9qaCYq_button__variant_ghost",
45
+ "button__variant_primary": "_9qaCYq_button__variant_primary",
46
+ "button__variant_secondary": "_9qaCYq_button__variant_secondary",
47
+ "button__width_base": "_9qaCYq_button__width_base",
48
+ "button__width_full": "_9qaCYq_button__width_full"
49
+ };
50
+ //#endregion
51
+ //#region src/components/button/button.tsx
20
52
  function Button(props) {
21
- const {
22
- children = "",
23
- className: customClassName = "",
24
- iconEnd = "",
25
- iconStart = "",
26
- isActive = false,
27
- isDisabled = false,
28
- isFullWidth = false,
29
- isIconOnly = false,
30
- isLoading = false,
31
- isRounded = false,
32
- size = 40,
33
- type = "button",
34
- variant = "primary",
35
- ...rest
36
- } = props;
37
- const combinedClassName = normalizeWhitespace(`
53
+ const { children = "", className: customClassName = "", iconEnd = "", iconStart = "", isActive = false, isDisabled = false, isFullWidth = false, isIconOnly = false, isLoading = false, isRounded = false, size = 40, type = "button", variant = "primary", ...rest } = props;
54
+ return /* @__PURE__ */ jsxs("button", {
55
+ "aria-pressed": isActive,
56
+ className: normalizeWhitespace(`
38
57
  ${BUTTON_CLASS_NAME.BASE}
39
58
  ${BUTTON_CLASS_NAME.SIZE[size]}
40
59
  ${BUTTON_CLASS_NAME.VARIANT[variant.toUpperCase()]}
@@ -42,63 +61,48 @@ function Button(props) {
42
61
  ${isIconOnly ? BUTTON_CLASS_NAME.ICON_ONLY : ""}
43
62
  ${isRounded ? BUTTON_CLASS_NAME.ROUNDED.FULL : BUTTON_CLASS_NAME.ROUNDED.BASE}
44
63
  ${customClassName}
45
- `);
46
- return /* @__PURE__ */ jsxs(
47
- "button",
48
- {
49
- "aria-pressed": isActive,
50
- className: combinedClassName,
51
- disabled: isDisabled || isLoading,
52
- type,
53
- ...rest,
54
- children: [
55
- isLoading && /* @__PURE__ */ jsx2(ButtonSpinner, {}),
56
- !isLoading && iconStart,
57
- isIconOnly ? isLoading ? void 0 : children : /* @__PURE__ */ jsx2("span", { children }),
58
- !isLoading && iconEnd
59
- ]
60
- }
61
- );
62
- }
63
- var BUTTON_CLASS_NAME = {
64
- BASE: styles2.button,
65
- ICON_ONLY: styles2.button__icon_only,
66
- ROUNDED: {
67
- BASE: styles2.button__rounded_base,
68
- FULL: styles2.button__rounded_full
69
- },
70
- SIZE: {
71
- 32: styles2.button__size_32,
72
- 36: styles2.button__size_36,
73
- 40: styles2.button__size_40,
74
- 44: styles2.button__size_44,
75
- 48: styles2.button__size_48
76
- },
77
- VARIANT: {
78
- GHOST: styles2.button__variant_ghost,
79
- PRIMARY: styles2.button__variant_primary,
80
- SECONDARY: styles2.button__variant_secondary
81
- },
82
- WIDTH: {
83
- BASE: styles2.button__width_base,
84
- FULL: styles2.button__width_full
85
- }
64
+ `),
65
+ disabled: isDisabled || isLoading,
66
+ type,
67
+ ...rest,
68
+ children: [
69
+ isLoading && /* @__PURE__ */ jsx(ButtonSpinner, {}),
70
+ !isLoading && iconStart,
71
+ isIconOnly ? isLoading ? void 0 : children : /* @__PURE__ */ jsx("span", { children }),
72
+ !isLoading && iconEnd
73
+ ]
74
+ });
75
+ }
76
+ const BUTTON_CLASS_NAME = {
77
+ BASE: button_module_default.button,
78
+ ICON_ONLY: button_module_default.button__icon_only,
79
+ ROUNDED: {
80
+ BASE: button_module_default.button__rounded_base,
81
+ FULL: button_module_default.button__rounded_full
82
+ },
83
+ SIZE: {
84
+ 32: button_module_default.button__size_32,
85
+ 36: button_module_default.button__size_36,
86
+ 40: button_module_default.button__size_40,
87
+ 44: button_module_default.button__size_44,
88
+ 48: button_module_default.button__size_48
89
+ },
90
+ VARIANT: {
91
+ GHOST: button_module_default.button__variant_ghost,
92
+ PRIMARY: button_module_default.button__variant_primary,
93
+ SECONDARY: button_module_default.button__variant_secondary
94
+ },
95
+ WIDTH: {
96
+ BASE: button_module_default.button__width_base,
97
+ FULL: button_module_default.button__width_full
98
+ }
86
99
  };
87
-
88
- // src/components/button-link/button-link.tsx
100
+ //#endregion
101
+ //#region src/components/button-link/button-link.tsx
89
102
  function ButtonLink(props) {
90
- const {
91
- as = "a",
92
- className: customClassName = "",
93
- isFullWidth = false,
94
- isIconOnly = false,
95
- isRounded = false,
96
- size = 40,
97
- variant = "primary",
98
- ...rest
99
- } = props;
100
- const Component = as;
101
- const combinedClassName = normalizeWhitespace(`
103
+ const { as = "a", className: customClassName = "", isFullWidth = false, isIconOnly = false, isRounded = false, size = 40, variant = "primary", ...rest } = props;
104
+ return createElement(as, {
105
+ className: normalizeWhitespace(`
102
106
  ${BUTTON_CLASS_NAME.BASE}
103
107
  ${BUTTON_CLASS_NAME.SIZE[size]}
104
108
  ${BUTTON_CLASS_NAME.VARIANT[variant.toUpperCase()]}
@@ -106,750 +110,597 @@ function ButtonLink(props) {
106
110
  ${isIconOnly ? BUTTON_CLASS_NAME.ICON_ONLY : ""}
107
111
  ${isRounded ? BUTTON_CLASS_NAME.ROUNDED.FULL : BUTTON_CLASS_NAME.ROUNDED.BASE}
108
112
  ${customClassName}
109
- `);
110
- return createElement(Component, {
111
- className: combinedClassName,
112
- ...rest
113
- });
114
- }
115
-
116
- // src/components/column/column.tsx
117
- import {
118
- createElement as createElement2
119
- } from "react";
120
- import styles3 from "./column.module-A7QCVPFC.module.css";
113
+ `),
114
+ ...rest
115
+ });
116
+ }
117
+ //#endregion
118
+ //#region src/components/column/column.module.css
119
+ var column_module_default = { "column": "_1ANk3W_column" };
120
+ //#endregion
121
+ //#region src/components/column/column.tsx
121
122
  function Column(props) {
122
- const {
123
- alignItems = void 0,
124
- as = "div",
125
- className: customClassName = "",
126
- flexWrap = void 0,
127
- gap = void 0,
128
- gapX = void 0,
129
- gapY = void 0,
130
- justifyContent = void 0,
131
- style: customStyle,
132
- ...rest
133
- } = props;
134
- const Component = as;
135
- const combinedClassName = normalizeWhitespace(`
123
+ const { alignItems = void 0, as = "div", className: customClassName = "", flexWrap = void 0, gap = void 0, gapX = void 0, gapY = void 0, justifyContent = void 0, style: customStyle, ...rest } = props;
124
+ return createElement(as, {
125
+ className: normalizeWhitespace(`
136
126
  ${COLUMN_CLASS_NAME.BASE}
137
127
  ${customClassName}
138
- `);
139
- const combinedStyle = {
140
- ...customStyle,
141
- ...gap === void 0 ? {} : { gap },
142
- ...gapX === void 0 ? {} : { columnGap: gapX },
143
- ...gapY === void 0 ? {} : { rowGap: gapY },
144
- ...flexWrap === void 0 ? {} : { flexWrap },
145
- ...alignItems === void 0 ? {} : { alignItems },
146
- ...justifyContent === void 0 ? {} : { justifyContent }
147
- };
148
- return createElement2(Component, {
149
- className: combinedClassName,
150
- style: combinedStyle,
151
- ...rest
152
- });
153
- }
154
- var COLUMN_CLASS_NAME = {
155
- BASE: styles3.column
156
- };
157
-
158
- // src/components/dialog-responsive/dialog-responsive.tsx
159
- import { Drawer as BaseDrawer } from "@base-ui/react";
160
- import { jsx as jsx3 } from "react/jsx-runtime";
128
+ `),
129
+ style: {
130
+ ...customStyle,
131
+ ...gap === void 0 ? {} : { gap },
132
+ ...gapX === void 0 ? {} : { columnGap: gapX },
133
+ ...gapY === void 0 ? {} : { rowGap: gapY },
134
+ ...flexWrap === void 0 ? {} : { flexWrap },
135
+ ...alignItems === void 0 ? {} : { alignItems },
136
+ ...justifyContent === void 0 ? {} : { justifyContent }
137
+ },
138
+ ...rest
139
+ });
140
+ }
141
+ const COLUMN_CLASS_NAME = { BASE: column_module_default.column };
142
+ //#endregion
143
+ //#region src/components/dialog-responsive/dialog-responsive.tsx
161
144
  function DialogResponsive(props) {
162
- const { isOpen, onIsOpenChange, ...rest } = props;
163
- return /* @__PURE__ */ jsx3(
164
- BaseDrawer.Root,
165
- {
166
- "data-slot": "dialog-responsive",
167
- onOpenChange: onIsOpenChange,
168
- open: isOpen,
169
- swipeDirection: "down",
170
- ...rest
171
- }
172
- );
173
- }
174
-
175
- // src/components/dialog-responsive/dialog-responsive-popup.tsx
176
- import { Drawer as BaseDrawer5 } from "@base-ui/react";
177
-
178
- // src/components/dialog-responsive/dialog-responsive-backdrop.tsx
179
- import { Drawer as BaseDrawer2 } from "@base-ui/react";
180
- import styles4 from "./dialog-responsive-backdrop.module-O336AARV.module.css";
181
- import { jsx as jsx4 } from "react/jsx-runtime";
145
+ const { isOpen, onIsOpenChange, ...rest } = props;
146
+ return /* @__PURE__ */ jsx(Drawer.Root, {
147
+ "data-slot": "dialog-responsive",
148
+ onOpenChange: onIsOpenChange,
149
+ open: isOpen,
150
+ swipeDirection: "down",
151
+ ...rest
152
+ });
153
+ }
154
+ //#endregion
155
+ //#region src/components/dialog-responsive/dialog-responsive-backdrop.module.css
156
+ var dialog_responsive_backdrop_module_default = { "dialog_responsive_backdrop": "eSc3Ma_dialog_responsive_backdrop" };
157
+ //#endregion
158
+ //#region src/components/dialog-responsive/dialog-responsive-backdrop.tsx
182
159
  function DialogResponsiveBackdrop(props) {
183
- const { className: customClassName = "", ...rest } = props;
184
- const combinedClassName = normalizeWhitespace(`
160
+ const { className: customClassName = "", ...rest } = props;
161
+ const combinedClassName = normalizeWhitespace(`
185
162
  ${DIALOG_RESPONSIVE_BACKDROP_CLASS_NAME.BASE}
186
163
  ${customClassName}
187
164
  `);
188
- return /* @__PURE__ */ jsx4(
189
- BaseDrawer2.Backdrop,
190
- {
191
- className: combinedClassName,
192
- "data-slot": "dialog-responsive-backdrop",
193
- ...rest
194
- }
195
- );
196
- }
197
- var DIALOG_RESPONSIVE_BACKDROP_CLASS_NAME = {
198
- BASE: styles4.dialog_responsive_backdrop
199
- };
200
-
201
- // src/components/dialog-responsive/dialog-responsive-bar.tsx
202
- import styles5 from "./dialog-responsive-bar.module-QCLP4IUN.module.css";
203
- import { jsx as jsx5 } from "react/jsx-runtime";
165
+ return /* @__PURE__ */ jsx(Drawer.Backdrop, {
166
+ className: combinedClassName,
167
+ "data-slot": "dialog-responsive-backdrop",
168
+ ...rest
169
+ });
170
+ }
171
+ const DIALOG_RESPONSIVE_BACKDROP_CLASS_NAME = { BASE: dialog_responsive_backdrop_module_default.dialog_responsive_backdrop };
172
+ //#endregion
173
+ //#region src/components/dialog-responsive/dialog-responsive-bar.module.css
174
+ var dialog_responsive_bar_module_default = { "dialog_responsive_bar": "jTrvVq_dialog_responsive_bar" };
175
+ //#endregion
176
+ //#region src/components/dialog-responsive/dialog-responsive-bar.tsx
204
177
  function DialogResponsiveBar(props) {
205
- const { className: customClassName = "", ...rest } = props;
206
- const combinedClassName = normalizeWhitespace(`
178
+ const { className: customClassName = "", ...rest } = props;
179
+ return /* @__PURE__ */ jsx("div", {
180
+ className: normalizeWhitespace(`
207
181
  ${DIALOG_RESPONSIVE_BAR_CLASS_NAME.BASE}
208
182
  ${customClassName}
209
- `);
210
- return /* @__PURE__ */ jsx5("div", { className: combinedClassName, "data-slot": "dialog-responsive-bar", ...rest });
211
- }
212
- var DIALOG_RESPONSIVE_BAR_CLASS_NAME = {
213
- BASE: styles5.dialog_responsive_bar
214
- };
215
-
216
- // src/components/dialog-responsive/dialog-responsive-portal.tsx
217
- import { Drawer as BaseDrawer3 } from "@base-ui/react";
218
- import styles6 from "./dialog-responsive-portal.module-YFVKMKVT.module.css";
219
- import { jsx as jsx6 } from "react/jsx-runtime";
183
+ `),
184
+ "data-slot": "dialog-responsive-bar",
185
+ ...rest
186
+ });
187
+ }
188
+ const DIALOG_RESPONSIVE_BAR_CLASS_NAME = { BASE: dialog_responsive_bar_module_default.dialog_responsive_bar };
189
+ //#endregion
190
+ //#region src/components/dialog-responsive/dialog-responsive-portal.module.css
191
+ var dialog_responsive_portal_module_default = { "dialog_responsive_portal": "_5Oatkq_dialog_responsive_portal" };
192
+ //#endregion
193
+ //#region src/components/dialog-responsive/dialog-responsive-portal.tsx
220
194
  function DialogResponsivePortal(props) {
221
- const { className: customClassName = "", ...rest } = props;
222
- const combinedClassName = normalizeWhitespace(`
195
+ const { className: customClassName = "", ...rest } = props;
196
+ const combinedClassName = normalizeWhitespace(`
223
197
  ${DIALOG_RESPONSIVE_PORTAL_CLASS_NAME.BASE}
224
198
  ${customClassName}
225
199
  `);
226
- return /* @__PURE__ */ jsx6(
227
- BaseDrawer3.Portal,
228
- {
229
- className: combinedClassName,
230
- "data-slot": "dialog-responsive-portal",
231
- ...rest
232
- }
233
- );
234
- }
235
- var DIALOG_RESPONSIVE_PORTAL_CLASS_NAME = {
236
- BASE: styles6.dialog_responsive_portal
237
- };
238
-
239
- // src/components/dialog-responsive/dialog-responsive-viewport.tsx
240
- import { Drawer as BaseDrawer4 } from "@base-ui/react";
241
- import styles7 from "./dialog-responsive-viewport.module-LT7MZPLD.module.css";
242
- import { jsx as jsx7 } from "react/jsx-runtime";
200
+ return /* @__PURE__ */ jsx(Drawer.Portal, {
201
+ className: combinedClassName,
202
+ "data-slot": "dialog-responsive-portal",
203
+ ...rest
204
+ });
205
+ }
206
+ const DIALOG_RESPONSIVE_PORTAL_CLASS_NAME = { BASE: dialog_responsive_portal_module_default.dialog_responsive_portal };
207
+ //#endregion
208
+ //#region src/components/dialog-responsive/dialog-responsive-viewport.module.css
209
+ var dialog_responsive_viewport_module_default = { "dialog_responsive_viewport": "xMwQyW_dialog_responsive_viewport" };
210
+ //#endregion
211
+ //#region src/components/dialog-responsive/dialog-responsive-viewport.tsx
243
212
  function DialogResponsiveViewport(props) {
244
- const { className: customClassName = "", ...rest } = props;
245
- const combinedClassName = normalizeWhitespace(`
213
+ const { className: customClassName = "", ...rest } = props;
214
+ const combinedClassName = normalizeWhitespace(`
246
215
  ${DIALOG_RESPONSIVE_VIEWPORT_CLASS_NAME.BASE}
247
216
  ${customClassName}
248
217
  `);
249
- return /* @__PURE__ */ jsx7(
250
- BaseDrawer4.Viewport,
251
- {
252
- className: combinedClassName,
253
- "data-slot": "dialog-responsive-viewport",
254
- ...rest
255
- }
256
- );
257
- }
258
- var DIALOG_RESPONSIVE_VIEWPORT_CLASS_NAME = {
259
- BASE: styles7.dialog_responsive_viewport
260
- };
261
-
262
- // src/components/dialog-responsive/dialog-responsive-popup.tsx
263
- import styles8 from "./dialog-responsive-popup.module-BOEQIHJ7.module.css";
264
- import { jsx as jsx8, jsxs as jsxs2 } from "react/jsx-runtime";
218
+ return /* @__PURE__ */ jsx(Drawer.Viewport, {
219
+ className: combinedClassName,
220
+ "data-slot": "dialog-responsive-viewport",
221
+ ...rest
222
+ });
223
+ }
224
+ const DIALOG_RESPONSIVE_VIEWPORT_CLASS_NAME = { BASE: dialog_responsive_viewport_module_default.dialog_responsive_viewport };
225
+ //#endregion
226
+ //#region src/components/dialog-responsive/dialog-responsive-popup.module.css
227
+ var dialog_responsive_popup_module_default = { "dialog_responsive_popup": "_G8xla_dialog_responsive_popup" };
228
+ //#endregion
229
+ //#region src/components/dialog-responsive/dialog-responsive-popup.tsx
265
230
  function DialogResponsivePopup(props) {
266
- const { children, className: customClassName = "", ...rest } = props;
267
- const combinedClassName = normalizeWhitespace(`
231
+ const { children, className: customClassName = "", ...rest } = props;
232
+ const combinedClassName = normalizeWhitespace(`
268
233
  ${DIALOG_RESPONSIVE_POPUP_CLASS_NAME.BASE}
269
234
  ${customClassName}
270
235
  `);
271
- return /* @__PURE__ */ jsxs2(DialogResponsivePortal, { children: [
272
- /* @__PURE__ */ jsx8(DialogResponsiveBackdrop, {}),
273
- /* @__PURE__ */ jsx8(DialogResponsiveViewport, { children: /* @__PURE__ */ jsxs2(
274
- BaseDrawer5.Popup,
275
- {
276
- className: combinedClassName,
277
- "data-slot": "dialog-responsive-popup",
278
- ...rest,
279
- children: [
280
- /* @__PURE__ */ jsx8(DialogResponsiveBar, {}),
281
- children
282
- ]
283
- }
284
- ) })
285
- ] });
286
- }
287
- var DIALOG_RESPONSIVE_POPUP_CLASS_NAME = {
288
- BASE: styles8.dialog_responsive_popup
289
- };
290
-
291
- // src/components/dialog-responsive/dialog-responsive-trigger.tsx
292
- import { Drawer as BaseDrawer6 } from "@base-ui/react";
293
- import { jsx as jsx9 } from "react/jsx-runtime";
236
+ return /* @__PURE__ */ jsxs(DialogResponsivePortal, { children: [/* @__PURE__ */ jsx(DialogResponsiveBackdrop, {}), /* @__PURE__ */ jsx(DialogResponsiveViewport, { children: /* @__PURE__ */ jsxs(Drawer.Popup, {
237
+ className: combinedClassName,
238
+ "data-slot": "dialog-responsive-popup",
239
+ ...rest,
240
+ children: [/* @__PURE__ */ jsx(DialogResponsiveBar, {}), children]
241
+ }) })] });
242
+ }
243
+ const DIALOG_RESPONSIVE_POPUP_CLASS_NAME = { BASE: dialog_responsive_popup_module_default.dialog_responsive_popup };
244
+ //#endregion
245
+ //#region src/components/dialog-responsive/dialog-responsive-trigger.tsx
294
246
  function DialogResponsiveTrigger(props) {
295
- const { ...rest } = props;
296
- return /* @__PURE__ */ jsx9(BaseDrawer6.Trigger, { "data-slot": "dialog-responsive-trigger", ...rest });
297
- }
298
-
299
- // src/components/input/input.tsx
300
- import styles9 from "./input.module-H5TWAPFX.module.css";
301
- import { jsx as jsx10 } from "react/jsx-runtime";
247
+ const { ...rest } = props;
248
+ return /* @__PURE__ */ jsx(Drawer.Trigger, {
249
+ "data-slot": "dialog-responsive-trigger",
250
+ ...rest
251
+ });
252
+ }
253
+ //#endregion
254
+ //#region src/components/input/input.module.css
255
+ var input_module_default = {
256
+ "input": "dWvcHW_input",
257
+ "input__rounded_base": "dWvcHW_input__rounded_base",
258
+ "input__rounded_full": "dWvcHW_input__rounded_full",
259
+ "input__size_32": "dWvcHW_input__size_32",
260
+ "input__size_36": "dWvcHW_input__size_36",
261
+ "input__size_40": "dWvcHW_input__size_40",
262
+ "input__size_44": "dWvcHW_input__size_44",
263
+ "input__size_48": "dWvcHW_input__size_48"
264
+ };
265
+ //#endregion
266
+ //#region src/components/input/input.tsx
302
267
  function Input(props) {
303
- const {
304
- className: customClassName = "",
305
- isActive = false,
306
- isDisabled = false,
307
- isInvalid = void 0,
308
- isReadOnly = false,
309
- isRequired = false,
310
- isRounded = false,
311
- isValid = void 0,
312
- size = 48,
313
- type = "text",
314
- ...rest
315
- } = props;
316
- const combinedClassName = normalizeWhitespace(`
268
+ const { className: customClassName = "", isActive = false, isDisabled = false, isInvalid = void 0, isReadOnly = false, isRequired = false, isRounded = false, isValid = void 0, size = 48, type = "text", ...rest } = props;
269
+ return /* @__PURE__ */ jsx("input", {
270
+ className: normalizeWhitespace(`
317
271
  ${INPUT_CLASS_NAME.BASE}
318
272
  ${INPUT_CLASS_NAME.SIZE[size]}
319
273
  ${isRounded ? INPUT_CLASS_NAME.ROUNDED.FULL : INPUT_CLASS_NAME.ROUNDED.BASE}
320
274
  ${customClassName}
321
- `);
322
- return /* @__PURE__ */ jsx10(
323
- "input",
324
- {
325
- className: combinedClassName,
326
- "data-is-active": isActive,
327
- "data-is-invalid": isInvalid,
328
- "data-is-valid": isValid,
329
- disabled: isDisabled,
330
- readOnly: isReadOnly,
331
- required: isRequired,
332
- type,
333
- ...rest
334
- }
335
- );
336
- }
337
- var INPUT_CLASS_NAME = {
338
- BASE: styles9.input,
339
- ROUNDED: {
340
- BASE: styles9.input__rounded_base,
341
- FULL: styles9.input__rounded_full
342
- },
343
- SIZE: {
344
- 32: styles9.input__size_32,
345
- 36: styles9.input__size_36,
346
- 40: styles9.input__size_40,
347
- 44: styles9.input__size_44,
348
- 48: styles9.input__size_48
349
- }
275
+ `),
276
+ "data-is-active": isActive,
277
+ "data-is-invalid": isInvalid,
278
+ "data-is-valid": isValid,
279
+ disabled: isDisabled,
280
+ readOnly: isReadOnly,
281
+ required: isRequired,
282
+ type,
283
+ ...rest
284
+ });
285
+ }
286
+ const INPUT_CLASS_NAME = {
287
+ BASE: input_module_default.input,
288
+ ROUNDED: {
289
+ BASE: input_module_default.input__rounded_base,
290
+ FULL: input_module_default.input__rounded_full
291
+ },
292
+ SIZE: {
293
+ 32: input_module_default.input__size_32,
294
+ 36: input_module_default.input__size_36,
295
+ 40: input_module_default.input__size_40,
296
+ 44: input_module_default.input__size_44,
297
+ 48: input_module_default.input__size_48
298
+ }
350
299
  };
351
-
352
- // src/components/label/label.tsx
353
- import styles10 from "./label.module-2UZDXZQ4.module.css";
354
- import { jsx as jsx11 } from "react/jsx-runtime";
300
+ //#endregion
301
+ //#region src/components/label/label.module.css
302
+ var label_module_default = { "label": "x4PeXa_label" };
303
+ //#endregion
304
+ //#region src/components/label/label.tsx
355
305
  function Label(props) {
356
- const { className: customClassName = "", htmlFor = void 0, children = "", ...rest } = props;
357
- const combinedClassName = normalizeWhitespace(`
306
+ const { className: customClassName = "", htmlFor = void 0, children = "", ...rest } = props;
307
+ return /* @__PURE__ */ jsx("label", {
308
+ className: normalizeWhitespace(`
358
309
  ${LABEL_CLASS_NAME.BASE}
359
310
  ${customClassName}
360
- `);
361
- return /* @__PURE__ */ jsx11("label", { className: combinedClassName, htmlFor, ...rest, children });
362
- }
363
- var LABEL_CLASS_NAME = {
364
- BASE: styles10.label
365
- };
366
-
367
- // src/components/row/row.tsx
368
- import {
369
- createElement as createElement3
370
- } from "react";
371
- import styles11 from "./row.module-GYNANRAY.module.css";
311
+ `),
312
+ htmlFor,
313
+ ...rest,
314
+ children
315
+ });
316
+ }
317
+ const LABEL_CLASS_NAME = { BASE: label_module_default.label };
318
+ //#endregion
319
+ //#region src/components/row/row.module.css
320
+ var row_module_default = { "row": "sYCFIW_row" };
321
+ //#endregion
322
+ //#region src/components/row/row.tsx
372
323
  function Row(props) {
373
- const {
374
- alignItems = void 0,
375
- as = "div",
376
- className: customClassName = "",
377
- flexWrap = void 0,
378
- gap = void 0,
379
- gapX = void 0,
380
- gapY = void 0,
381
- justifyContent = void 0,
382
- style: customStyle,
383
- ...rest
384
- } = props;
385
- const Component = as;
386
- const combinedClassName = normalizeWhitespace(`
324
+ const { alignItems = void 0, as = "div", className: customClassName = "", flexWrap = void 0, gap = void 0, gapX = void 0, gapY = void 0, justifyContent = void 0, style: customStyle, ...rest } = props;
325
+ return createElement(as, {
326
+ className: normalizeWhitespace(`
387
327
  ${ROW_CLASS_NAME.BASE}
388
328
  ${customClassName}
389
- `);
390
- const combinedStyle = {
391
- ...customStyle,
392
- ...gap === void 0 ? {} : { gap },
393
- ...gapX === void 0 ? {} : { columnGap: gapX },
394
- ...gapY === void 0 ? {} : { rowGap: gapY },
395
- ...flexWrap === void 0 ? {} : { flexWrap },
396
- ...alignItems === void 0 ? {} : { alignItems },
397
- ...justifyContent === void 0 ? {} : { justifyContent }
398
- };
399
- return createElement3(Component, {
400
- className: combinedClassName,
401
- style: combinedStyle,
402
- ...rest
403
- });
404
- }
405
- var ROW_CLASS_NAME = {
406
- BASE: styles11.row
407
- };
408
-
409
- // src/components/spacer/spacer.tsx
410
- import styles12 from "./spacer.module-ZYYYWYEB.module.css";
411
- import { jsx as jsx12 } from "react/jsx-runtime";
329
+ `),
330
+ style: {
331
+ ...customStyle,
332
+ ...gap === void 0 ? {} : { gap },
333
+ ...gapX === void 0 ? {} : { columnGap: gapX },
334
+ ...gapY === void 0 ? {} : { rowGap: gapY },
335
+ ...flexWrap === void 0 ? {} : { flexWrap },
336
+ ...alignItems === void 0 ? {} : { alignItems },
337
+ ...justifyContent === void 0 ? {} : { justifyContent }
338
+ },
339
+ ...rest
340
+ });
341
+ }
342
+ const ROW_CLASS_NAME = { BASE: row_module_default.row };
343
+ //#endregion
344
+ //#region src/components/spacer/spacer.module.css
345
+ var spacer_module_default = { "spacer": "nFLKVq_spacer" };
346
+ //#endregion
347
+ //#region src/components/spacer/spacer.tsx
412
348
  function Spacer(props) {
413
- const { className: customClassName = "", height, style: customStyle, width, ...rest } = props;
414
- const combinedClassName = normalizeWhitespace(`
349
+ const { className: customClassName = "", height, style: customStyle, width, ...rest } = props;
350
+ return /* @__PURE__ */ jsx("div", {
351
+ className: normalizeWhitespace(`
415
352
  ${SPACER_CLASS_NAME.BASE}
416
353
  ${customClassName}
417
- `);
418
- const combinedStyle = {
419
- ...customStyle,
420
- ...width === void 0 ? {} : { width },
421
- ...height === void 0 ? {} : { height }
422
- };
423
- return /* @__PURE__ */ jsx12("div", { className: combinedClassName, style: combinedStyle, ...rest });
424
- }
425
- var SPACER_CLASS_NAME = {
426
- BASE: styles12.spacer
354
+ `),
355
+ style: {
356
+ ...customStyle,
357
+ ...width === void 0 ? {} : { width },
358
+ ...height === void 0 ? {} : { height }
359
+ },
360
+ ...rest
361
+ });
362
+ }
363
+ const SPACER_CLASS_NAME = { BASE: spacer_module_default.spacer };
364
+ //#endregion
365
+ //#region src/components/switch/switch.module.css
366
+ var switch_module_default = {
367
+ "switch": "R3gLLG_switch",
368
+ "switch__size_18": "R3gLLG_switch__size_18",
369
+ "switch__size_24": "R3gLLG_switch__size_24",
370
+ "switch__thumb": "R3gLLG_switch__thumb"
427
371
  };
428
-
429
- // src/components/switch/switch.tsx
430
- import { Switch as BaseSwitch } from "@base-ui/react";
431
- import styles13 from "./switch.module-U6Q27QB5.module.css";
432
- import { jsx as jsx13 } from "react/jsx-runtime";
372
+ //#endregion
373
+ //#region src/components/switch/switch.tsx
433
374
  function Switch(props) {
434
- const {
435
- className: customClassName = "",
436
- isChecked = void 0,
437
- isDefaultChecked = false,
438
- isDisabled = false,
439
- isReadOnly = false,
440
- isRequired = false,
441
- size = 24,
442
- ...rest
443
- } = props;
444
- const combinedClassName = normalizeWhitespace(`
375
+ const { className: customClassName = "", isChecked = void 0, isDefaultChecked = false, isDisabled = false, isReadOnly = false, isRequired = false, size = 24, ...rest } = props;
376
+ const combinedClassName = normalizeWhitespace(`
445
377
  ${SWITCH_CLASS_NAME.BASE}
446
378
  ${SWITCH_CLASS_NAME.SIZE[size]}
447
379
  ${customClassName}
448
380
  `);
449
- return /* @__PURE__ */ jsx13(
450
- BaseSwitch.Root,
451
- {
452
- checked: isChecked,
453
- className: combinedClassName,
454
- defaultChecked: isDefaultChecked,
455
- disabled: isDisabled,
456
- readOnly: isReadOnly,
457
- required: isRequired,
458
- ...rest,
459
- children: /* @__PURE__ */ jsx13(BaseSwitch.Thumb, { className: styles13.switch__thumb })
460
- }
461
- );
462
- }
463
- var SWITCH_CLASS_NAME = {
464
- BASE: styles13.switch,
465
- SIZE: {
466
- 18: styles13.switch__size_18,
467
- 24: styles13.switch__size_24
468
- }
381
+ return /* @__PURE__ */ jsx(Switch$1.Root, {
382
+ checked: isChecked,
383
+ className: combinedClassName,
384
+ defaultChecked: isDefaultChecked,
385
+ disabled: isDisabled,
386
+ readOnly: isReadOnly,
387
+ required: isRequired,
388
+ ...rest,
389
+ children: /* @__PURE__ */ jsx(Switch$1.Thumb, { className: switch_module_default.switch__thumb })
390
+ });
391
+ }
392
+ const SWITCH_CLASS_NAME = {
393
+ BASE: switch_module_default.switch,
394
+ SIZE: {
395
+ 18: switch_module_default.switch__size_18,
396
+ 24: switch_module_default.switch__size_24
397
+ }
469
398
  };
470
-
471
- // src/components/tabs-pill/tabs-pill-list.tsx
472
- import { Tabs as BaseTabs2 } from "@base-ui/react";
473
-
474
- // src/components/tabs-pill/tabs-pill-indicator.tsx
475
- import { Tabs as BaseTabs } from "@base-ui/react";
476
- import styles14 from "./tabs-pill-indicator.module-533HMO7L.module.css";
477
- import { jsx as jsx14 } from "react/jsx-runtime";
399
+ //#endregion
400
+ //#region src/components/tabs-pill/tabs-pill-indicator.module.css
401
+ var tabs_pill_indicator_module_default = { "tabs_pill_indicator": "Dg56ja_tabs_pill_indicator" };
402
+ //#endregion
403
+ //#region src/components/tabs-pill/tabs-pill-indicator.tsx
478
404
  function TabsPillIndicator(props) {
479
- const { className: customClassName = "", ...rest } = props;
480
- const combinedClassName = normalizeWhitespace(`
405
+ const { className: customClassName = "", ...rest } = props;
406
+ const combinedClassName = normalizeWhitespace(`
481
407
  ${TABS_PILL_INDICATOR_CLASS_NAME.BASE}
482
408
  ${customClassName}
483
409
  `);
484
- return /* @__PURE__ */ jsx14(
485
- BaseTabs.Indicator,
486
- {
487
- className: combinedClassName,
488
- "data-slot": "tabs-pill-indicator",
489
- renderBeforeHydration: true,
490
- ...rest
491
- }
492
- );
493
- }
494
- var TABS_PILL_INDICATOR_CLASS_NAME = {
495
- BASE: styles14.tabs_pill_indicator
496
- };
497
-
498
- // src/components/tabs-pill/tabs-pill-list.tsx
499
- import styles15 from "./tabs-pill-list.module-KQW67ZSW.module.css";
500
- import { jsx as jsx15, jsxs as jsxs3 } from "react/jsx-runtime";
410
+ return /* @__PURE__ */ jsx(Tabs$1.Indicator, {
411
+ className: combinedClassName,
412
+ "data-slot": "tabs-pill-indicator",
413
+ renderBeforeHydration: true,
414
+ ...rest
415
+ });
416
+ }
417
+ const TABS_PILL_INDICATOR_CLASS_NAME = { BASE: tabs_pill_indicator_module_default.tabs_pill_indicator };
418
+ //#endregion
419
+ //#region src/components/tabs-pill/tabs-pill-list.module.css
420
+ var tabs_pill_list_module_default = { "tabs_pill_list": "I12aAq_tabs_pill_list" };
421
+ //#endregion
422
+ //#region src/components/tabs-pill/tabs-pill-list.tsx
501
423
  function TabsPillList(props) {
502
- const { className: customClassName = "", children = "", ...rest } = props;
503
- const combinedClassName = normalizeWhitespace(`
424
+ const { className: customClassName = "", children = "", ...rest } = props;
425
+ const combinedClassName = normalizeWhitespace(`
504
426
  ${TABS_PILL_LIST_CLASS_NAME.BASE}
505
427
  ${customClassName}
506
428
  `);
507
- return /* @__PURE__ */ jsxs3(BaseTabs2.List, { className: combinedClassName, "data-slot": "tabs-pill-list", ...rest, children: [
508
- children,
509
- /* @__PURE__ */ jsx15(TabsPillIndicator, {})
510
- ] });
511
- }
512
- var TABS_PILL_LIST_CLASS_NAME = {
513
- BASE: styles15.tabs_pill_list
429
+ return /* @__PURE__ */ jsxs(Tabs$1.List, {
430
+ className: combinedClassName,
431
+ "data-slot": "tabs-pill-list",
432
+ ...rest,
433
+ children: [children, /* @__PURE__ */ jsx(TabsPillIndicator, {})]
434
+ });
435
+ }
436
+ const TABS_PILL_LIST_CLASS_NAME = { BASE: tabs_pill_list_module_default.tabs_pill_list };
437
+ //#endregion
438
+ //#region src/components/tabs-pill/tabs-pill-tab.module.css
439
+ var tabs_pill_tab_module_default = {
440
+ "tabs_pill_tab": "ABaxVG_tabs_pill_tab",
441
+ "tabs_pill_tab_background": "ABaxVG_tabs_pill_tab_background",
442
+ "tabs_pill_tab_wrapper": "ABaxVG_tabs_pill_tab_wrapper"
514
443
  };
515
-
516
- // src/components/tabs-pill/tabs-pill-tab.tsx
517
- import { Tabs as BaseTabs3 } from "@base-ui/react";
518
- import styles16 from "./tabs-pill-tab.module-5SZMEO3Y.module.css";
519
- import { jsx as jsx16, jsxs as jsxs4 } from "react/jsx-runtime";
444
+ //#endregion
445
+ //#region src/components/tabs-pill/tabs-pill-tab.tsx
520
446
  function TabsPillTab(props) {
521
- const { className: customClassName = "", isNativeButton = true, ...rest } = props;
522
- const combinedClassName = normalizeWhitespace(`
447
+ const { className: customClassName = "", isNativeButton = true, ...rest } = props;
448
+ const combinedClassName = normalizeWhitespace(`
523
449
  ${TABS_PILL_TAB_CLASS_NAME.BASE}
524
450
  ${customClassName}
525
451
  `);
526
- return /* @__PURE__ */ jsxs4("div", { className: TABS_PILL_TAB_CLASS_NAME.WRAPPER, children: [
527
- /* @__PURE__ */ jsx16(
528
- BaseTabs3.Tab,
529
- {
530
- className: combinedClassName,
531
- "data-slot": "tabs-pill-tab",
532
- nativeButton: isNativeButton,
533
- ...rest
534
- }
535
- ),
536
- /* @__PURE__ */ jsx16("div", { className: TABS_PILL_TAB_CLASS_NAME.BACKGROUND })
537
- ] });
538
- }
539
- var TABS_PILL_TAB_CLASS_NAME = {
540
- BACKGROUND: styles16.tabs_pill_tab_background,
541
- BASE: styles16.tabs_pill_tab,
542
- WRAPPER: styles16.tabs_pill_tab_wrapper
452
+ return /* @__PURE__ */ jsxs("div", {
453
+ className: TABS_PILL_TAB_CLASS_NAME.WRAPPER,
454
+ children: [/* @__PURE__ */ jsx(Tabs$1.Tab, {
455
+ className: combinedClassName,
456
+ "data-slot": "tabs-pill-tab",
457
+ nativeButton: isNativeButton,
458
+ ...rest
459
+ }), /* @__PURE__ */ jsx("div", { className: TABS_PILL_TAB_CLASS_NAME.BACKGROUND })]
460
+ });
461
+ }
462
+ const TABS_PILL_TAB_CLASS_NAME = {
463
+ BACKGROUND: tabs_pill_tab_module_default.tabs_pill_tab_background,
464
+ BASE: tabs_pill_tab_module_default.tabs_pill_tab,
465
+ WRAPPER: tabs_pill_tab_module_default.tabs_pill_tab_wrapper
543
466
  };
544
-
545
- // src/components/tabs-segmented/tabs-segmented-list.tsx
546
- import { Tabs as BaseTabs5 } from "@base-ui/react";
547
-
548
- // src/components/tabs-segmented/tabs-segmented-indicator.tsx
549
- import { Tabs as BaseTabs4 } from "@base-ui/react";
550
- import styles17 from "./tabs-segmented-indicator.module-EG56DHS2.module.css";
551
- import { jsx as jsx17 } from "react/jsx-runtime";
467
+ //#endregion
468
+ //#region src/components/tabs-segmented/tabs-segmented-indicator.module.css
469
+ var tabs_segmented_indicator_module_default = { "tabs_segmented_indicator": "wVi_Qq_tabs_segmented_indicator" };
470
+ //#endregion
471
+ //#region src/components/tabs-segmented/tabs-segmented-indicator.tsx
552
472
  function TabsSegmentedIndicator(props) {
553
- const { className: customClassName = "", ...rest } = props;
554
- const combinedClassName = normalizeWhitespace(`
473
+ const { className: customClassName = "", ...rest } = props;
474
+ const combinedClassName = normalizeWhitespace(`
555
475
  ${TABS_SEGMENTED_INDICATOR_CLASS_NAME.BASE}
556
476
  ${customClassName}
557
477
  `);
558
- return /* @__PURE__ */ jsx17(
559
- BaseTabs4.Indicator,
560
- {
561
- className: combinedClassName,
562
- "data-slot": "tabs-segmented-indicator",
563
- renderBeforeHydration: true,
564
- ...rest
565
- }
566
- );
567
- }
568
- var TABS_SEGMENTED_INDICATOR_CLASS_NAME = {
569
- BASE: styles17.tabs_segmented_indicator
570
- };
571
-
572
- // src/components/tabs-segmented/tabs-segmented-list.tsx
573
- import styles18 from "./tabs-segmented-list.module-I3DSVFSP.module.css";
574
- import { jsx as jsx18, jsxs as jsxs5 } from "react/jsx-runtime";
478
+ return /* @__PURE__ */ jsx(Tabs$1.Indicator, {
479
+ className: combinedClassName,
480
+ "data-slot": "tabs-segmented-indicator",
481
+ renderBeforeHydration: true,
482
+ ...rest
483
+ });
484
+ }
485
+ const TABS_SEGMENTED_INDICATOR_CLASS_NAME = { BASE: tabs_segmented_indicator_module_default.tabs_segmented_indicator };
486
+ //#endregion
487
+ //#region src/components/tabs-segmented/tabs-segmented-list.module.css
488
+ var tabs_segmented_list_module_default = { "tabs_segmented_list": "AZApxW_tabs_segmented_list" };
489
+ //#endregion
490
+ //#region src/components/tabs-segmented/tabs-segmented-list.tsx
575
491
  function TabsSegmentedList(props) {
576
- const { className: customClassName = "", children = "", ...rest } = props;
577
- const combinedClassName = normalizeWhitespace(`
492
+ const { className: customClassName = "", children = "", ...rest } = props;
493
+ const combinedClassName = normalizeWhitespace(`
578
494
  ${TABS_SEGMENTED_LIST_CLASS_NAME.BASE}
579
495
  ${customClassName}
580
496
  `);
581
- return /* @__PURE__ */ jsxs5(BaseTabs5.List, { className: combinedClassName, "data-slot": "tabs-segmented-list", ...rest, children: [
582
- children,
583
- /* @__PURE__ */ jsx18(TabsSegmentedIndicator, {})
584
- ] });
585
- }
586
- var TABS_SEGMENTED_LIST_CLASS_NAME = {
587
- BASE: styles18.tabs_segmented_list
588
- };
589
-
590
- // src/components/tabs-segmented/tabs-segmented-tab.tsx
591
- import { Tabs as BaseTabs6 } from "@base-ui/react";
592
- import styles19 from "./tabs-segmented-tab.module-SVYVEM2O.module.css";
593
- import { jsx as jsx19 } from "react/jsx-runtime";
497
+ return /* @__PURE__ */ jsxs(Tabs$1.List, {
498
+ className: combinedClassName,
499
+ "data-slot": "tabs-segmented-list",
500
+ ...rest,
501
+ children: [children, /* @__PURE__ */ jsx(TabsSegmentedIndicator, {})]
502
+ });
503
+ }
504
+ const TABS_SEGMENTED_LIST_CLASS_NAME = { BASE: tabs_segmented_list_module_default.tabs_segmented_list };
505
+ //#endregion
506
+ //#region src/components/tabs-segmented/tabs-segmented-tab.module.css
507
+ var tabs_segmented_tab_module_default = { "tabs_segmented_tab": "MWdXWq_tabs_segmented_tab" };
508
+ //#endregion
509
+ //#region src/components/tabs-segmented/tabs-segmented-tab.tsx
594
510
  function TabsSegmentedTab(props) {
595
- const { className: customClassName = "", isNativeButton = true, ...rest } = props;
596
- const combinedClassName = normalizeWhitespace(`
511
+ const { className: customClassName = "", isNativeButton = true, ...rest } = props;
512
+ const combinedClassName = normalizeWhitespace(`
597
513
  ${TABS_SEGMENTED_TAB_CLASS_NAME.BASE}
598
514
  ${customClassName}
599
515
  `);
600
- return /* @__PURE__ */ jsx19(
601
- BaseTabs6.Tab,
602
- {
603
- className: combinedClassName,
604
- "data-slot": "tabs-segmented-tab",
605
- nativeButton: isNativeButton,
606
- ...rest
607
- }
608
- );
609
- }
610
- var TABS_SEGMENTED_TAB_CLASS_NAME = {
611
- BASE: styles19.tabs_segmented_tab
612
- };
613
-
614
- // src/components/tabs-underline/tabs-underline-list.tsx
615
- import { Tabs as BaseTabs8 } from "@base-ui/react";
616
-
617
- // src/components/tabs-underline/tabs-underline-indicator.tsx
618
- import { Tabs as BaseTabs7 } from "@base-ui/react";
619
- import styles20 from "./tabs-underline-indicator.module-6SHQHUH5.module.css";
620
- import { jsx as jsx20 } from "react/jsx-runtime";
516
+ return /* @__PURE__ */ jsx(Tabs$1.Tab, {
517
+ className: combinedClassName,
518
+ "data-slot": "tabs-segmented-tab",
519
+ nativeButton: isNativeButton,
520
+ ...rest
521
+ });
522
+ }
523
+ const TABS_SEGMENTED_TAB_CLASS_NAME = { BASE: tabs_segmented_tab_module_default.tabs_segmented_tab };
524
+ //#endregion
525
+ //#region src/components/tabs-underline/tabs-underline-indicator.module.css
526
+ var tabs_underline_indicator_module_default = { "tabs_underline_indicator": "Y_MyBG_tabs_underline_indicator" };
527
+ //#endregion
528
+ //#region src/components/tabs-underline/tabs-underline-indicator.tsx
621
529
  function TabsUnderlineIndicator(props) {
622
- const { className: customClassName = "", ...rest } = props;
623
- const combinedClassName = normalizeWhitespace(`
530
+ const { className: customClassName = "", ...rest } = props;
531
+ const combinedClassName = normalizeWhitespace(`
624
532
  ${TABS_UNDERLINE_INDICATOR_CLASS_NAME.BASE}
625
533
  ${customClassName}
626
534
  `);
627
- return /* @__PURE__ */ jsx20(
628
- BaseTabs7.Indicator,
629
- {
630
- className: combinedClassName,
631
- "data-slot": "tabs-underline-indicator",
632
- renderBeforeHydration: true,
633
- ...rest
634
- }
635
- );
636
- }
637
- var TABS_UNDERLINE_INDICATOR_CLASS_NAME = {
638
- BASE: styles20.tabs_underline_indicator
639
- };
640
-
641
- // src/components/tabs-underline/tabs-underline-list.tsx
642
- import styles21 from "./tabs-underline-list.module-72ZCIEAS.module.css";
643
- import { jsx as jsx21, jsxs as jsxs6 } from "react/jsx-runtime";
535
+ return /* @__PURE__ */ jsx(Tabs$1.Indicator, {
536
+ className: combinedClassName,
537
+ "data-slot": "tabs-underline-indicator",
538
+ renderBeforeHydration: true,
539
+ ...rest
540
+ });
541
+ }
542
+ const TABS_UNDERLINE_INDICATOR_CLASS_NAME = { BASE: tabs_underline_indicator_module_default.tabs_underline_indicator };
543
+ //#endregion
544
+ //#region src/components/tabs-underline/tabs-underline-list.module.css
545
+ var tabs_underline_list_module_default = { "tabs_underline_list": "z1YTsW_tabs_underline_list" };
546
+ //#endregion
547
+ //#region src/components/tabs-underline/tabs-underline-list.tsx
644
548
  function TabsUnderlineList(props) {
645
- const { className: customClassName = "", children = "", ...rest } = props;
646
- const combinedClassName = normalizeWhitespace(`
549
+ const { className: customClassName = "", children = "", ...rest } = props;
550
+ const combinedClassName = normalizeWhitespace(`
647
551
  ${TABS_UNDERLINE_LIST_CLASS_NAME.BASE}
648
552
  ${customClassName}
649
553
  `);
650
- return /* @__PURE__ */ jsxs6(BaseTabs8.List, { className: combinedClassName, "data-slot": "tabs-underline-list", ...rest, children: [
651
- children,
652
- /* @__PURE__ */ jsx21(TabsUnderlineIndicator, {})
653
- ] });
654
- }
655
- var TABS_UNDERLINE_LIST_CLASS_NAME = {
656
- BASE: styles21.tabs_underline_list
657
- };
658
-
659
- // src/components/tabs-underline/tabs-underline-tab.tsx
660
- import { Tabs as BaseTabs9 } from "@base-ui/react";
661
- import styles22 from "./tabs-underline-tab.module-OAE4JH7K.module.css";
662
- import { jsx as jsx22 } from "react/jsx-runtime";
554
+ return /* @__PURE__ */ jsxs(Tabs$1.List, {
555
+ className: combinedClassName,
556
+ "data-slot": "tabs-underline-list",
557
+ ...rest,
558
+ children: [children, /* @__PURE__ */ jsx(TabsUnderlineIndicator, {})]
559
+ });
560
+ }
561
+ const TABS_UNDERLINE_LIST_CLASS_NAME = { BASE: tabs_underline_list_module_default.tabs_underline_list };
562
+ //#endregion
563
+ //#region src/components/tabs-underline/tabs-underline-tab.module.css
564
+ var tabs_underline_tab_module_default = { "tabs_underline_tab": "RxaKNW_tabs_underline_tab" };
565
+ //#endregion
566
+ //#region src/components/tabs-underline/tabs-underline-tab.tsx
663
567
  function TabsUnderlineTab(props) {
664
- const { className: customClassName = "", isNativeButton = true, ...rest } = props;
665
- const combinedClassName = normalizeWhitespace(`
568
+ const { className: customClassName = "", isNativeButton = true, ...rest } = props;
569
+ const combinedClassName = normalizeWhitespace(`
666
570
  ${TABS_UNDERLINE_TAB_CLASS_NAME.BASE}
667
571
  ${customClassName}
668
572
  `);
669
- return /* @__PURE__ */ jsx22(
670
- BaseTabs9.Tab,
671
- {
672
- className: combinedClassName,
673
- "data-slot": "tabs-underline-tab",
674
- nativeButton: isNativeButton,
675
- ...rest
676
- }
677
- );
678
- }
679
- var TABS_UNDERLINE_TAB_CLASS_NAME = {
680
- BASE: styles22.tabs_underline_tab
681
- };
682
-
683
- // src/components/tabs/tabs.tsx
684
- import { Tabs as BaseTabs10 } from "@base-ui/react";
685
- import styles23 from "./tabs.module-3Z5DRPPX.module.css";
686
- import { jsx as jsx23 } from "react/jsx-runtime";
573
+ return /* @__PURE__ */ jsx(Tabs$1.Tab, {
574
+ className: combinedClassName,
575
+ "data-slot": "tabs-underline-tab",
576
+ nativeButton: isNativeButton,
577
+ ...rest
578
+ });
579
+ }
580
+ const TABS_UNDERLINE_TAB_CLASS_NAME = { BASE: tabs_underline_tab_module_default.tabs_underline_tab };
581
+ //#endregion
582
+ //#region src/components/tabs/tabs.module.css
583
+ var tabs_module_default = { "tabs": "Zs0xEq_tabs" };
584
+ //#endregion
585
+ //#region src/components/tabs/tabs.tsx
687
586
  function Tabs(props) {
688
- const { className: customClassName = "", ...rest } = props;
689
- const combinedClassName = normalizeWhitespace(`
587
+ const { className: customClassName = "", ...rest } = props;
588
+ const combinedClassName = normalizeWhitespace(`
690
589
  ${TABS_CLASS_NAME.BASE}
691
590
  ${customClassName}
692
591
  `);
693
- return /* @__PURE__ */ jsx23(BaseTabs10.Root, { className: combinedClassName, "data-slot": "tabs", ...rest });
694
- }
695
- var TABS_CLASS_NAME = {
696
- BASE: styles23.tabs
697
- };
698
-
699
- // src/components/tabs/tabs-panel.tsx
700
- import { Tabs as BaseTabs11 } from "@base-ui/react";
701
- import styles24 from "./tabs-panel.module-VGH3G3KV.module.css";
702
- import { jsx as jsx24 } from "react/jsx-runtime";
592
+ return /* @__PURE__ */ jsx(Tabs$1.Root, {
593
+ className: combinedClassName,
594
+ "data-slot": "tabs",
595
+ ...rest
596
+ });
597
+ }
598
+ const TABS_CLASS_NAME = { BASE: tabs_module_default.tabs };
599
+ //#endregion
600
+ //#region src/components/tabs/tabs-panel.module.css
601
+ var tabs_panel_module_default = { "tabs_panel": "dWZGWq_tabs_panel" };
602
+ //#endregion
603
+ //#region src/components/tabs/tabs-panel.tsx
703
604
  function TabsPanel(props) {
704
- const { className: customClassName = "", ...rest } = props;
705
- const combinedClassName = normalizeWhitespace(`
605
+ const { className: customClassName = "", ...rest } = props;
606
+ const combinedClassName = normalizeWhitespace(`
706
607
  ${TABS_PANEL_CLASS_NAME.BASE}
707
608
  ${customClassName}
708
609
  `);
709
- return /* @__PURE__ */ jsx24(BaseTabs11.Panel, { className: combinedClassName, "data-slot": "tabs-panel", ...rest });
710
- }
711
- var TABS_PANEL_CLASS_NAME = {
712
- BASE: styles24.tabs_panel
713
- };
714
-
715
- // src/components/textarea/textarea.tsx
716
- import inputStyles from "./input.module-H5TWAPFX.module.css";
717
- import styles25 from "./textarea.module-LK25MKCZ.module.css";
718
- import { jsx as jsx25 } from "react/jsx-runtime";
610
+ return /* @__PURE__ */ jsx(Tabs$1.Panel, {
611
+ className: combinedClassName,
612
+ "data-slot": "tabs-panel",
613
+ ...rest
614
+ });
615
+ }
616
+ const TABS_PANEL_CLASS_NAME = { BASE: tabs_panel_module_default.tabs_panel };
617
+ //#endregion
618
+ //#region src/components/textarea/textarea.module.css
619
+ var textarea_module_default = { "textarea": "JqpxFq_textarea" };
620
+ //#endregion
621
+ //#region src/components/textarea/textarea.tsx
719
622
  function Textarea(props) {
720
- const {
721
- className: customClassName = "",
722
- isActive = false,
723
- isDisabled = false,
724
- isInvalid = void 0,
725
- isReadOnly = false,
726
- isRequired = false,
727
- isRounded = false,
728
- isValid = void 0,
729
- rows = 2,
730
- ...rest
731
- } = props;
732
- const combinedClassName = normalizeWhitespace(`
623
+ const { className: customClassName = "", isActive = false, isDisabled = false, isInvalid = void 0, isReadOnly = false, isRequired = false, isRounded = false, isValid = void 0, rows = 2, ...rest } = props;
624
+ return /* @__PURE__ */ jsx("textarea", {
625
+ className: normalizeWhitespace(`
733
626
  ${TEXTAREA_CLASS_NAME.INPUT}
734
627
  ${TEXTAREA_CLASS_NAME.BASE}
735
628
  ${isRounded ? TEXTAREA_CLASS_NAME.ROUNDED.FULL : TEXTAREA_CLASS_NAME.ROUNDED.BASE}
736
629
  ${customClassName}
737
- `);
738
- return /* @__PURE__ */ jsx25(
739
- "textarea",
740
- {
741
- className: combinedClassName,
742
- "data-is-active": isActive,
743
- "data-is-invalid": isInvalid,
744
- "data-is-valid": isValid,
745
- disabled: isDisabled,
746
- readOnly: isReadOnly,
747
- required: isRequired,
748
- rows,
749
- ...rest
750
- }
751
- );
752
- }
753
- var TEXTAREA_CLASS_NAME = {
754
- BASE: styles25.textarea,
755
- INPUT: inputStyles.input,
756
- ROUNDED: {
757
- BASE: inputStyles.input__rounded_base,
758
- FULL: inputStyles.input__rounded_full
759
- }
630
+ `),
631
+ "data-is-active": isActive,
632
+ "data-is-invalid": isInvalid,
633
+ "data-is-valid": isValid,
634
+ disabled: isDisabled,
635
+ readOnly: isReadOnly,
636
+ required: isRequired,
637
+ rows,
638
+ ...rest
639
+ });
640
+ }
641
+ const TEXTAREA_CLASS_NAME = {
642
+ BASE: textarea_module_default.textarea,
643
+ INPUT: input_module_default.input,
644
+ ROUNDED: {
645
+ BASE: input_module_default.input__rounded_base,
646
+ FULL: input_module_default.input__rounded_full
647
+ }
760
648
  };
761
-
762
- // src/components/tooltip/tooltip.tsx
763
- import { Tooltip as BaseTooltip } from "@base-ui/react";
764
- import { jsx as jsx26 } from "react/jsx-runtime";
649
+ //#endregion
650
+ //#region src/components/tooltip/tooltip.tsx
765
651
  function Tooltip(props) {
766
- const { isDisabled = false, ...rest } = props;
767
- return /* @__PURE__ */ jsx26(BaseTooltip.Root, { "data-slot": "tooltip", disabled: isDisabled, disableHoverablePopup: true, ...rest });
768
- }
769
-
770
- // src/components/tooltip/tooltip-content.tsx
771
- import { Tooltip as BaseTooltip2 } from "@base-ui/react";
772
- import styles26 from "./tooltip-content.module-QGRFS5NN.module.css";
773
- import { jsx as jsx27, jsxs as jsxs7 } from "react/jsx-runtime";
652
+ const { isDisabled = false, ...rest } = props;
653
+ return /* @__PURE__ */ jsx(Tooltip$1.Root, {
654
+ "data-slot": "tooltip",
655
+ disabled: isDisabled,
656
+ disableHoverablePopup: true,
657
+ ...rest
658
+ });
659
+ }
660
+ //#endregion
661
+ //#region src/components/tooltip/tooltip-content.module.css
662
+ var tooltip_content_module_default = {
663
+ "tooltip_content": "j-Z8kW_tooltip_content",
664
+ "tooltip_content_positioner": "j-Z8kW_tooltip_content_positioner"
665
+ };
666
+ //#endregion
667
+ //#region src/components/tooltip/tooltip-content.tsx
774
668
  function TooltipContent(props) {
775
- const { children, className: customClassName = "", side = "top", sideOffset = 4, ...rest } = props;
776
- const combinedClassName = normalizeWhitespace(`
669
+ const { children, className: customClassName = "", side = "top", sideOffset = 4, ...rest } = props;
670
+ const combinedClassName = normalizeWhitespace(`
777
671
  ${TOOLTIP_CONTENT_CLASS_NAME.BASE}
778
672
  ${customClassName}
779
673
  `);
780
- return /* @__PURE__ */ jsx27(BaseTooltip2.Portal, { children: /* @__PURE__ */ jsxs7(
781
- BaseTooltip2.Positioner,
782
- {
783
- className: styles26.tooltip_content_positioner,
784
- side,
785
- sideOffset,
786
- children: [
787
- /* @__PURE__ */ jsx27(BaseTooltip2.Popup, { className: combinedClassName, "data-slot": "tooltip-content", ...rest, children }),
788
- /* @__PURE__ */ jsx27(BaseTooltip2.Arrow, {})
789
- ]
790
- }
791
- ) });
792
- }
793
- var TOOLTIP_CONTENT_CLASS_NAME = {
794
- BASE: styles26.tooltip_content
795
- };
796
-
797
- // src/components/tooltip/tooltip-provider.tsx
798
- import { Tooltip as BaseTooltip3 } from "@base-ui/react";
799
- import { jsx as jsx28 } from "react/jsx-runtime";
674
+ return /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsxs(Tooltip$1.Positioner, {
675
+ className: tooltip_content_module_default.tooltip_content_positioner,
676
+ side,
677
+ sideOffset,
678
+ children: [/* @__PURE__ */ jsx(Tooltip$1.Popup, {
679
+ className: combinedClassName,
680
+ "data-slot": "tooltip-content",
681
+ ...rest,
682
+ children
683
+ }), /* @__PURE__ */ jsx(Tooltip$1.Arrow, {})]
684
+ }) });
685
+ }
686
+ const TOOLTIP_CONTENT_CLASS_NAME = { BASE: tooltip_content_module_default.tooltip_content };
687
+ //#endregion
688
+ //#region src/components/tooltip/tooltip-provider.tsx
800
689
  function TooltipProvider(props) {
801
- const { ...rest } = props;
802
- return /* @__PURE__ */ jsx28(BaseTooltip3.Provider, { "data-slot": "tooltip-provider", ...rest });
803
- }
804
-
805
- // src/components/tooltip/tooltip-trigger.tsx
806
- import { Tooltip as BaseTooltip4 } from "@base-ui/react";
807
- import { jsx as jsx29 } from "react/jsx-runtime";
690
+ const { ...rest } = props;
691
+ return /* @__PURE__ */ jsx(Tooltip$1.Provider, {
692
+ "data-slot": "tooltip-provider",
693
+ ...rest
694
+ });
695
+ }
696
+ //#endregion
697
+ //#region src/components/tooltip/tooltip-trigger.tsx
808
698
  function TooltipTrigger(props) {
809
- const { ...rest } = props;
810
- return /* @__PURE__ */ jsx29(BaseTooltip4.Trigger, { "data-slot": "tooltip-trigger", ...rest });
811
- }
812
- export {
813
- BUTTON_CLASS_NAME,
814
- Button,
815
- ButtonLink,
816
- COLUMN_CLASS_NAME,
817
- Column,
818
- DIALOG_RESPONSIVE_POPUP_CLASS_NAME,
819
- DialogResponsive,
820
- DialogResponsivePopup,
821
- DialogResponsiveTrigger,
822
- INPUT_CLASS_NAME,
823
- Input,
824
- LABEL_CLASS_NAME,
825
- Label,
826
- ROW_CLASS_NAME,
827
- Row,
828
- SPACER_CLASS_NAME,
829
- SWITCH_CLASS_NAME,
830
- Spacer,
831
- Switch,
832
- TABS_CLASS_NAME,
833
- TABS_PANEL_CLASS_NAME,
834
- TABS_PILL_LIST_CLASS_NAME,
835
- TABS_PILL_TAB_CLASS_NAME,
836
- TABS_SEGMENTED_LIST_CLASS_NAME,
837
- TABS_SEGMENTED_TAB_CLASS_NAME,
838
- TABS_UNDERLINE_LIST_CLASS_NAME,
839
- TABS_UNDERLINE_TAB_CLASS_NAME,
840
- TEXTAREA_CLASS_NAME,
841
- TOOLTIP_CONTENT_CLASS_NAME,
842
- Tabs,
843
- TabsPanel,
844
- TabsPillList,
845
- TabsPillTab,
846
- TabsSegmentedList,
847
- TabsSegmentedTab,
848
- TabsUnderlineList,
849
- TabsUnderlineTab,
850
- Textarea,
851
- Tooltip,
852
- TooltipContent,
853
- TooltipProvider,
854
- TooltipTrigger
855
- };
699
+ const { ...rest } = props;
700
+ return /* @__PURE__ */ jsx(Tooltip$1.Trigger, {
701
+ "data-slot": "tooltip-trigger",
702
+ ...rest
703
+ });
704
+ }
705
+ //#endregion
706
+ export { BUTTON_CLASS_NAME, Button, ButtonLink, COLUMN_CLASS_NAME, Column, DIALOG_RESPONSIVE_POPUP_CLASS_NAME, DialogResponsive, DialogResponsivePopup, DialogResponsiveTrigger, INPUT_CLASS_NAME, Input, LABEL_CLASS_NAME, Label, ROW_CLASS_NAME, Row, SPACER_CLASS_NAME, SWITCH_CLASS_NAME, Spacer, Switch, TABS_CLASS_NAME, TABS_PANEL_CLASS_NAME, TABS_PILL_LIST_CLASS_NAME, TABS_PILL_TAB_CLASS_NAME, TABS_SEGMENTED_LIST_CLASS_NAME, TABS_SEGMENTED_TAB_CLASS_NAME, TABS_UNDERLINE_LIST_CLASS_NAME, TABS_UNDERLINE_TAB_CLASS_NAME, TEXTAREA_CLASS_NAME, TOOLTIP_CONTENT_CLASS_NAME, Tabs, TabsPanel, TabsPillList, TabsPillTab, TabsSegmentedList, TabsSegmentedTab, TabsUnderlineList, TabsUnderlineTab, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };