raft-ui 0.0.7 → 0.0.9

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 CHANGED
@@ -1,5 +1,18 @@
1
- ## [0.0.7](https://github.com/botiverse/rui/compare/v0.0.6...v0.0.7) (2026-06-25)
1
+ ## [0.0.9](https://github.com/botiverse/rui/compare/v0.0.8...v0.0.9) (2026-06-30)
2
+
3
+ ### Features
4
+
5
+ - **bottom-sheet:** rebuild sheet with vaul ([86f626a](https://github.com/botiverse/rui/commit/86f626a59225c8b1b972c793776d1536cd98ad06))
6
+ - **bottom-sheet:** refine sheet composition and previews ([01db061](https://github.com/botiverse/rui/commit/01db06136c6de020d347f83bda177f9a53cc2b2f))
7
+ - **overlays:** refine elegant modal surfaces ([09d4cd3](https://github.com/botiverse/rui/commit/09d4cd33a65c8fcd2cd38be2e92a3f7191f1d090))
2
8
 
3
9
  ### Bug Fixes
4
10
 
5
- - **ui:** publish styles from dist ([1fed16f](https://github.com/botiverse/rui/commit/1fed16f7bc0f0982523fbe3de337d1ece926737c))
11
+ - **bottom-sheet:** align themed action order ([56d4a00](https://github.com/botiverse/rui/commit/56d4a00aef12324aef495765409908d72af46599))
12
+ - **button:** align elegant button sizing ([95ef82a](https://github.com/botiverse/rui/commit/95ef82aa29484b9ac63cc30cf56e97489f6c1080))
13
+ - **button:** align elegant outline visual height ([2f82b41](https://github.com/botiverse/rui/commit/2f82b412e0aa7859365a5bce316520aa29557559))
14
+ - **button:** tighten inline icon padding ([50c4d20](https://github.com/botiverse/rui/commit/50c4d2061757a65560e632e1dba3715acefd3585))
15
+ - **dialog:** align source comparison previews ([fc7da30](https://github.com/botiverse/rui/commit/fc7da30adad1bc96e299d662af0e9a7df092fd5c))
16
+ - **dialog:** smooth modal transitions ([7ca0707](https://github.com/botiverse/rui/commit/7ca0707ddd83a84850430ff6d29d21320ae88b33))
17
+ - **docs:** stabilize hydration and font imports ([45b272b](https://github.com/botiverse/rui/commit/45b272b520381d8ce6e818cb692c4240cb3a778c))
18
+ - **overlays:** use themed backdrop tokens ([de06dd7](https://github.com/botiverse/rui/commit/de06dd7fd5552db56f847e0c1eb6542505760a6e))
@@ -1,10 +1,10 @@
1
- import { Button } from "@base-ui/react/button";
2
1
  import { cn } from "cnfast";
3
2
  import { tv } from "tailwind-variants/lite";
4
3
  import { createContext, use } from "react";
4
+ import { Button } from "@base-ui/react/button";
5
5
  import { mergeProps } from "@base-ui/react/merge-props";
6
6
  import { useRender } from "@base-ui/react/use-render";
7
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
7
+ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
8
8
  //#region src/lib/tv.ts
9
9
  const tv$1 = ((options) => {
10
10
  const recipe = tv(options);
@@ -189,7 +189,7 @@ function Spinner({ size = "sm", className, render, ...props }) {
189
189
  theme,
190
190
  size
191
191
  });
192
- const children = theme === "elegant" ? /* @__PURE__ */ jsxs(Fragment, { children: [spinnerStyle, /* @__PURE__ */ jsxs("svg", {
192
+ const children = theme === "elegant" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [spinnerStyle, /* @__PURE__ */ jsxs("svg", {
193
193
  "data-spinner-ring": "",
194
194
  "aria-hidden": "true",
195
195
  className: ring(),
@@ -215,7 +215,7 @@ function Spinner({ size = "sm", className, render, ...props }) {
215
215
  strokeLinecap: "round",
216
216
  strokeWidth: "2.5"
217
217
  })]
218
- })] }) : /* @__PURE__ */ jsxs(Fragment, { children: [spinnerStyle, /* @__PURE__ */ jsx("span", {
218
+ })] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [spinnerStyle, /* @__PURE__ */ jsx("span", {
219
219
  "data-spinner-glyph": "",
220
220
  "aria-hidden": "true",
221
221
  className: glyph()
@@ -290,17 +290,24 @@ const buttonVariants = tv$1({
290
290
  xs: { root: [
291
291
  "gap-1 px-2 py-[5px] text-[11px]",
292
292
  "has-data-[icon=inline-start]:pl-1.5 has-data-[icon=inline-end]:pr-1.5",
293
+ "[&_[data-icon]]:size-[1em]",
293
294
  "[&_svg:not([class*='size-'])]:size-3"
294
295
  ] },
295
296
  sm: { root: [
296
- "gap-1.5 px-2.5 py-[6px] text-xs",
297
+ "gap-[5px] px-2.5 py-[6px] text-xs",
297
298
  "has-data-[icon=inline-start]:pl-2 has-data-[icon=inline-end]:pr-2",
299
+ "[&_[data-icon]]:size-[1em]",
298
300
  "[&_svg:not([class*='size-'])]:size-3.5"
299
301
  ] },
300
- md: { root: ["gap-2 px-3 py-2 text-sm", "has-data-[icon=inline-start]:pl-2.5 has-data-[icon=inline-end]:pr-2.5"] },
302
+ md: { root: [
303
+ "gap-[5.5px] px-3 py-[7px] text-sm",
304
+ "has-data-[icon=inline-start]:pl-2.5 has-data-[icon=inline-end]:pr-2.5",
305
+ "[&_[data-icon]]:size-[1em]"
306
+ ] },
301
307
  lg: { root: [
302
- "gap-2 px-3.5 py-2.5 text-base",
308
+ "gap-[6px] px-3.5 py-2 text-base",
303
309
  "has-data-[icon=inline-start]:pl-3 has-data-[icon=inline-end]:pr-3",
310
+ "[&_[data-icon]]:size-[1em]",
304
311
  "[&_svg:not([class*='size-'])]:size-4"
305
312
  ] },
306
313
  "icon-xs": { root: ["p-[5px] text-[11px]", "[&_svg:not([class*='size-'])]:size-3"] },
@@ -329,11 +336,105 @@ const buttonVariants = tv$1({
329
336
  size: ["md", "icon-md"],
330
337
  class: { root: "rounded-md" }
331
338
  },
339
+ {
340
+ theme: "elegant",
341
+ size: "md",
342
+ class: { root: "py-1.5" }
343
+ },
332
344
  {
333
345
  theme: "elegant",
334
346
  size: ["lg", "icon-lg"],
335
347
  class: { root: "rounded-md" }
336
348
  },
349
+ {
350
+ theme: "elegant",
351
+ size: "lg",
352
+ class: { root: "py-[7px]" }
353
+ },
354
+ {
355
+ theme: "elegant",
356
+ variant: ["outline", "danger-outline"],
357
+ size: "xs",
358
+ class: { root: "py-[6px]" }
359
+ },
360
+ {
361
+ theme: "elegant",
362
+ variant: ["outline", "danger-outline"],
363
+ size: "sm",
364
+ class: { root: "py-[6.75px]" }
365
+ },
366
+ {
367
+ theme: "elegant",
368
+ variant: ["outline", "danger-outline"],
369
+ size: "md",
370
+ class: { root: "py-[7.25px]" }
371
+ },
372
+ {
373
+ theme: "elegant",
374
+ variant: ["outline", "danger-outline"],
375
+ size: "lg",
376
+ class: { root: "py-[7.75px]" }
377
+ },
378
+ {
379
+ theme: "elegant",
380
+ variant: [
381
+ "primary",
382
+ "default",
383
+ "information",
384
+ "muted",
385
+ "accent",
386
+ "warning",
387
+ "danger-secondary",
388
+ "danger"
389
+ ],
390
+ size: "xs",
391
+ class: { root: "py-[5.75px]" }
392
+ },
393
+ {
394
+ theme: "elegant",
395
+ variant: [
396
+ "primary",
397
+ "default",
398
+ "information",
399
+ "muted",
400
+ "accent",
401
+ "warning",
402
+ "danger-secondary",
403
+ "danger"
404
+ ],
405
+ size: "sm",
406
+ class: { root: "py-[6.75px]" }
407
+ },
408
+ {
409
+ theme: "elegant",
410
+ variant: [
411
+ "primary",
412
+ "default",
413
+ "information",
414
+ "muted",
415
+ "accent",
416
+ "warning",
417
+ "danger-secondary",
418
+ "danger"
419
+ ],
420
+ size: "md",
421
+ class: { root: "py-[6.75px]" }
422
+ },
423
+ {
424
+ theme: "elegant",
425
+ variant: [
426
+ "primary",
427
+ "default",
428
+ "information",
429
+ "muted",
430
+ "accent",
431
+ "warning",
432
+ "danger-secondary",
433
+ "danger"
434
+ ],
435
+ size: "lg",
436
+ class: { root: "py-[7.75px]" }
437
+ },
337
438
  {
338
439
  theme: "brutal",
339
440
  variant: "primary",
@@ -377,22 +478,22 @@ const buttonVariants = tv$1({
377
478
  {
378
479
  theme: "brutal",
379
480
  size: "xs",
380
- class: { root: "h-6 px-2 py-0 text-[11px]" }
481
+ class: { root: ["h-6 px-2 py-0 text-[11px]", "has-data-[icon=inline-start]:pl-1.5 has-data-[icon=inline-end]:pr-1.5"] }
381
482
  },
382
483
  {
383
484
  theme: "brutal",
384
485
  size: "sm",
385
- class: { root: "h-7 px-2.5 py-0 text-xs" }
486
+ class: { root: ["h-7 px-2.5 py-0 text-xs", "has-data-[icon=inline-start]:pl-2 has-data-[icon=inline-end]:pr-2"] }
386
487
  },
387
488
  {
388
489
  theme: "brutal",
389
490
  size: "md",
390
- class: { root: "h-8 px-3 py-0 text-sm" }
491
+ class: { root: ["h-8 px-3 py-0 text-sm", "has-data-[icon=inline-start]:pl-2.5 has-data-[icon=inline-end]:pr-2.5"] }
391
492
  },
392
493
  {
393
494
  theme: "brutal",
394
495
  size: "lg",
395
- class: { root: "h-10 px-4 py-0 text-sm" }
496
+ class: { root: ["h-10 px-4 py-0 text-sm", "has-data-[icon=inline-start]:pl-3.5 has-data-[icon=inline-end]:pr-3.5"] }
396
497
  },
397
498
  {
398
499
  theme: "brutal",
@@ -1,5 +1,5 @@
1
- import { Button } from "@base-ui/react/button";
2
1
  import { VariantProps } from "tailwind-variants/lite";
2
+ import { Button } from "@base-ui/react/button";
3
3
 
4
4
  //#region src/lib/styled-props.d.ts
5
5
  /**
@@ -264,4 +264,4 @@ declare function Button$1({
264
264
  ...props
265
265
  }: ButtonProps): import("react").JSX.Element;
266
266
  //#endregion
267
- export { VariantProps as a, StyledProps as i, ButtonProps as n, buttonVariants as r, Button$1 as t };
267
+ export { StyledProps as a, VariantProps as i, ButtonProps as n, buttonVariants as r, Button$1 as t };
package/dist/index.d.mts CHANGED
@@ -1,5 +1,6 @@
1
- import { a as VariantProps, i as StyledProps, n as ButtonProps, r as buttonVariants, t as Button } from "./index-CpGciYPW.mjs";
1
+ import { a as StyledProps, i as VariantProps, n as ButtonProps, r as buttonVariants, t as Button } from "./index-lPUAF7fl.mjs";
2
2
  import { cn } from "./cn.mjs";
3
+ import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
3
4
  import { ComponentPropsWithRef, ReactNode } from "react";
4
5
  import { useRender } from "@base-ui/react/use-render";
5
6
  import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
@@ -13,9 +14,285 @@ import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
13
14
  import { Select as Select$1 } from "@base-ui/react/select";
14
15
  import { Radio } from "@base-ui/react/radio";
15
16
  import { RadioGroup as RadioGroup$1 } from "@base-ui/react/radio-group";
17
+ import { Switch as Switch$1 } from "@base-ui/react/switch";
16
18
  import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
17
19
  import { Separator as Separator$1 } from "@base-ui/react/separator";
18
20
 
21
+ //#region src/components/alert-dialog/alert-dialog.d.ts
22
+ type AlertDialogProps = Dialog$1.Root.Props;
23
+ declare function AlertDialog(props: AlertDialogProps): import("react").JSX.Element;
24
+ type AlertDialogTriggerProps = Dialog$1.Trigger.Props;
25
+ declare function AlertDialogTrigger(props: AlertDialogTriggerProps): import("react").JSX.Element;
26
+ type AlertDialogPortalProps = Dialog$1.Portal.Props;
27
+ declare function AlertDialogPortal(props: AlertDialogPortalProps): import("react").JSX.Element;
28
+ type AlertDialogCloseProps = Omit<Dialog$1.Close.Props, "render"> & Pick<ButtonProps, "variant" | "size"> & {
29
+ className?: string;
30
+ children?: ReactNode;
31
+ };
32
+ declare function AlertDialogClose({
33
+ className,
34
+ variant,
35
+ size,
36
+ children,
37
+ ...props
38
+ }: AlertDialogCloseProps): import("react").JSX.Element;
39
+ type AlertDialogOverlayProps = StyledProps<Dialog$1.Backdrop.Props>;
40
+ declare function AlertDialogOverlay({
41
+ className,
42
+ ...props
43
+ }: AlertDialogOverlayProps): import("react").JSX.Element;
44
+ type AlertDialogContentProps = StyledProps<Dialog$1.Popup.Props> & {
45
+ portalProps?: AlertDialogPortalProps;
46
+ overlay?: false | AlertDialogOverlayProps;
47
+ };
48
+ declare function AlertDialogContent({
49
+ className,
50
+ children,
51
+ portalProps,
52
+ overlay,
53
+ ...props
54
+ }: AlertDialogContentProps): import("react").JSX.Element;
55
+ type AlertDialogHeaderProps = ComponentPropsWithRef<"div">;
56
+ declare function AlertDialogHeader({
57
+ className,
58
+ ...props
59
+ }: AlertDialogHeaderProps): import("react").JSX.Element;
60
+ type AlertDialogBodyProps = ComponentPropsWithRef<"div">;
61
+ declare function AlertDialogBody({
62
+ className,
63
+ ...props
64
+ }: AlertDialogBodyProps): import("react").JSX.Element;
65
+ type AlertDialogFooterProps = ComponentPropsWithRef<"div">;
66
+ declare function AlertDialogFooter({
67
+ className,
68
+ ...props
69
+ }: AlertDialogFooterProps): import("react").JSX.Element;
70
+ type AlertDialogTitleProps = StyledProps<Dialog$1.Title.Props>;
71
+ declare function AlertDialogTitle({
72
+ className,
73
+ ...props
74
+ }: AlertDialogTitleProps): import("react").JSX.Element;
75
+ type AlertDialogDescriptionProps = StyledProps<Dialog$1.Description.Props>;
76
+ declare function AlertDialogDescription({
77
+ className,
78
+ ...props
79
+ }: AlertDialogDescriptionProps): import("react").JSX.Element;
80
+ type AlertDialogActionProps = ButtonProps;
81
+ declare function AlertDialogAction(props: AlertDialogActionProps): import("react").JSX.Element;
82
+ type AlertDialogCancelProps = Omit<Dialog$1.Close.Props, "render"> & Pick<ButtonProps, "variant" | "size"> & {
83
+ className?: string;
84
+ };
85
+ declare function AlertDialogCancel({
86
+ className,
87
+ variant,
88
+ size,
89
+ ...props
90
+ }: AlertDialogCancelProps): import("react").JSX.Element;
91
+ //#endregion
92
+ //#region src/components/dialog/dialog.d.ts
93
+ type DialogProps = Dialog$1.Root.Props;
94
+ declare function Dialog(props: DialogProps): import("react").JSX.Element;
95
+ type DialogTriggerProps = Dialog$1.Trigger.Props;
96
+ declare function DialogTrigger(props: DialogTriggerProps): import("react").JSX.Element;
97
+ type DialogPortalProps = Dialog$1.Portal.Props;
98
+ declare function DialogPortal(props: DialogPortalProps): import("react").JSX.Element;
99
+ type DialogOverlayProps = StyledProps<Dialog$1.Backdrop.Props>;
100
+ declare function DialogOverlay({
101
+ className,
102
+ ...props
103
+ }: DialogOverlayProps): import("react").JSX.Element;
104
+ type DialogContentProps = StyledProps<Dialog$1.Popup.Props> & {
105
+ portalProps?: DialogPortalProps;
106
+ overlay?: false | DialogOverlayProps;
107
+ };
108
+ declare function DialogContent({
109
+ className,
110
+ children,
111
+ portalProps,
112
+ overlay,
113
+ ...props
114
+ }: DialogContentProps): import("react").JSX.Element;
115
+ type DialogCloseProps = Dialog$1.Close.Props & Pick<ButtonProps, "variant" | "size"> & {
116
+ className?: string;
117
+ children?: ReactNode;
118
+ };
119
+ declare function DialogClose({
120
+ className,
121
+ variant,
122
+ size,
123
+ children,
124
+ render,
125
+ ...props
126
+ }: DialogCloseProps): import("react").JSX.Element;
127
+ type DialogHeaderProps = ComponentPropsWithRef<"div">;
128
+ declare function DialogHeader({
129
+ className,
130
+ ...props
131
+ }: DialogHeaderProps): import("react").JSX.Element;
132
+ type DialogBodyProps = ComponentPropsWithRef<"div">;
133
+ declare function DialogBody({
134
+ className,
135
+ ...props
136
+ }: DialogBodyProps): import("react").JSX.Element;
137
+ type DialogFooterProps = ComponentPropsWithRef<"div">;
138
+ declare function DialogFooter({
139
+ className,
140
+ ...props
141
+ }: DialogFooterProps): import("react").JSX.Element;
142
+ type DialogTitleProps = StyledProps<Dialog$1.Title.Props>;
143
+ declare function DialogTitle({
144
+ className,
145
+ ...props
146
+ }: DialogTitleProps): import("react").JSX.Element;
147
+ type DialogDescriptionProps = StyledProps<Dialog$1.Description.Props>;
148
+ declare function DialogDescription({
149
+ className,
150
+ ...props
151
+ }: DialogDescriptionProps): import("react").JSX.Element;
152
+ //#endregion
153
+ //#region src/components/copyable-code/copyable-code.d.ts
154
+ declare const copyableCode: import("tailwind-variants/lite").TVReturnType<{
155
+ theme: {
156
+ brutal: {
157
+ code: string[];
158
+ codeInner: string;
159
+ };
160
+ elegant: {
161
+ code: string[];
162
+ codeInner: string[];
163
+ action: string[];
164
+ };
165
+ };
166
+ size: {
167
+ sm: {
168
+ code: string;
169
+ };
170
+ md: {
171
+ code: string;
172
+ };
173
+ };
174
+ }, {
175
+ root: string[];
176
+ code: string[];
177
+ codeInner: string[];
178
+ action: string[];
179
+ iconSwap: string[];
180
+ }, undefined, {
181
+ theme: {
182
+ brutal: {
183
+ code: string[];
184
+ codeInner: string;
185
+ };
186
+ elegant: {
187
+ code: string[];
188
+ codeInner: string[];
189
+ action: string[];
190
+ };
191
+ };
192
+ size: {
193
+ sm: {
194
+ code: string;
195
+ };
196
+ md: {
197
+ code: string;
198
+ };
199
+ };
200
+ }, {
201
+ root: string[];
202
+ code: string[];
203
+ codeInner: string[];
204
+ action: string[];
205
+ iconSwap: string[];
206
+ }, import("tailwind-variants/lite").TVReturnType<{
207
+ theme: {
208
+ brutal: {
209
+ code: string[];
210
+ codeInner: string;
211
+ };
212
+ elegant: {
213
+ code: string[];
214
+ codeInner: string[];
215
+ action: string[];
216
+ };
217
+ };
218
+ size: {
219
+ sm: {
220
+ code: string;
221
+ };
222
+ md: {
223
+ code: string;
224
+ };
225
+ };
226
+ }, {
227
+ root: string[];
228
+ code: string[];
229
+ codeInner: string[];
230
+ action: string[];
231
+ iconSwap: string[];
232
+ }, undefined, unknown, unknown, undefined>>;
233
+ type CopyableCodeRootProps = Omit<ComponentPropsWithRef<"div">, "onCopy"> & Pick<VariantProps<typeof copyableCode>, "size"> & {
234
+ copied?: boolean;
235
+ onCopy?: (value: string) => void | Promise<void>;
236
+ };
237
+ declare function CopyableCodeRoot({
238
+ copied,
239
+ onCopy,
240
+ size,
241
+ className,
242
+ ...props
243
+ }: CopyableCodeRootProps): import("react").JSX.Element;
244
+ type CopyableCodeCodeProps = ComponentPropsWithRef<"code"> & {
245
+ truncate?: boolean;
246
+ };
247
+ declare function CopyableCodeCode({
248
+ children,
249
+ className,
250
+ truncate,
251
+ ...props
252
+ }: CopyableCodeCodeProps): import("react").JSX.Element;
253
+ type CopyableCodeActionProps = Omit<ButtonProps, "children" | "className"> & {
254
+ ariaLabel?: string;
255
+ buttonClassName?: string;
256
+ className?: string;
257
+ copiedAriaLabel?: string;
258
+ children?: ReactNode | ((state: {
259
+ copied: boolean;
260
+ }) => ReactNode);
261
+ };
262
+ declare function CopyableCodeAction({
263
+ ariaLabel,
264
+ children,
265
+ buttonClassName,
266
+ className,
267
+ copiedAriaLabel,
268
+ onClick,
269
+ size,
270
+ variant,
271
+ ...props
272
+ }: CopyableCodeActionProps): import("react").JSX.Element;
273
+ type CopyableCodeProps = Omit<CopyableCodeRootProps, "children"> & {
274
+ actionClassName?: string;
275
+ ariaLabel?: string;
276
+ codeClassName?: string;
277
+ copiedAriaLabel?: string;
278
+ children: ReactNode;
279
+ truncate?: boolean;
280
+ };
281
+ declare function CopyableCodePreset({
282
+ actionClassName,
283
+ ariaLabel,
284
+ codeClassName,
285
+ children,
286
+ copiedAriaLabel,
287
+ truncate,
288
+ ...props
289
+ }: CopyableCodeProps): import("react").JSX.Element;
290
+ declare const CopyableCode: typeof CopyableCodePreset & {
291
+ Action: typeof CopyableCodeAction;
292
+ Code: typeof CopyableCodeCode;
293
+ Root: typeof CopyableCodeRoot;
294
+ };
295
+ //#endregion
19
296
  //#region src/components/checkbox/checkbox.d.ts
20
297
  declare const checkbox: import("tailwind-variants/lite").TVReturnType<{
21
298
  theme: {
@@ -1361,6 +1638,94 @@ declare function RadioGroupItem<T extends string = string>({
1361
1638
  ...props
1362
1639
  }: RadioGroupItemProps<T>): import("react").JSX.Element;
1363
1640
  //#endregion
1641
+ //#region src/components/switch/switch.d.ts
1642
+ declare const switchRecipe: import("tailwind-variants/lite").TVReturnType<{
1643
+ theme: {
1644
+ brutal: {
1645
+ root: string[];
1646
+ thumb: string[];
1647
+ };
1648
+ elegant: {
1649
+ root: string[];
1650
+ thumb: string[];
1651
+ };
1652
+ };
1653
+ size: {
1654
+ sm: {
1655
+ root: string;
1656
+ thumb: string;
1657
+ };
1658
+ md: {
1659
+ root: string;
1660
+ thumb: string;
1661
+ };
1662
+ };
1663
+ }, {
1664
+ root: string[];
1665
+ thumb: string[];
1666
+ }, undefined, {
1667
+ theme: {
1668
+ brutal: {
1669
+ root: string[];
1670
+ thumb: string[];
1671
+ };
1672
+ elegant: {
1673
+ root: string[];
1674
+ thumb: string[];
1675
+ };
1676
+ };
1677
+ size: {
1678
+ sm: {
1679
+ root: string;
1680
+ thumb: string;
1681
+ };
1682
+ md: {
1683
+ root: string;
1684
+ thumb: string;
1685
+ };
1686
+ };
1687
+ }, {
1688
+ root: string[];
1689
+ thumb: string[];
1690
+ }, import("tailwind-variants/lite").TVReturnType<{
1691
+ theme: {
1692
+ brutal: {
1693
+ root: string[];
1694
+ thumb: string[];
1695
+ };
1696
+ elegant: {
1697
+ root: string[];
1698
+ thumb: string[];
1699
+ };
1700
+ };
1701
+ size: {
1702
+ sm: {
1703
+ root: string;
1704
+ thumb: string;
1705
+ };
1706
+ md: {
1707
+ root: string;
1708
+ thumb: string;
1709
+ };
1710
+ };
1711
+ }, {
1712
+ root: string[];
1713
+ thumb: string[];
1714
+ }, undefined, unknown, unknown, undefined>>;
1715
+ type SwitchProps = StyledProps<Switch$1.Root.Props> & Omit<VariantProps<typeof switchRecipe>, "theme">;
1716
+ declare function Switch({
1717
+ size,
1718
+ className,
1719
+ children,
1720
+ ...props
1721
+ }: SwitchProps): import("react").JSX.Element;
1722
+ type SwitchThumbProps = StyledProps<Switch$1.Thumb.Props> & Omit<VariantProps<typeof switchRecipe>, "theme">;
1723
+ declare function SwitchThumb({
1724
+ size,
1725
+ className,
1726
+ ...props
1727
+ }: SwitchThumbProps): import("react").JSX.Element;
1728
+ //#endregion
1364
1729
  //#region src/components/segmented-control/segmented-control.d.ts
1365
1730
  declare const segmentedControl: import("tailwind-variants/lite").TVReturnType<{
1366
1731
  theme: {
@@ -2865,4 +3230,4 @@ declare function useThemeFamily(): Theme;
2865
3230
  /** Read and update the application-level RUI theme selection. */
2866
3231
  declare function useTheme(): ThemeState;
2867
3232
  //#endregion
2868
- export { Avatar, AvatarBadge, type AvatarBadgeProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, AvatarGroupCount, type AvatarGroupCountProps, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, type AvatarSize, Badge, type BadgeProps, Banner, BannerAction, type BannerActionProps, BannerDescription, type BannerDescriptionProps, type BannerProps, type BannerStatus, BannerTitle, type BannerTitleProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Combobox, ComboboxChip, type ComboboxChipProps, ComboboxChipRemove, type ComboboxChipRemoveProps, ComboboxChips, type ComboboxChipsProps, ComboboxClear, type ComboboxClearProps, ComboboxCollection, type ComboboxCollectionProps, ComboboxContent, type ComboboxContentProps, ComboboxControl, type ComboboxControlProps, ComboboxEmpty, type ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, type ComboboxGroupLabelProps, type ComboboxGroupProps, ComboboxHeader, type ComboboxHeaderProps, ComboboxInput, ComboboxInputGroup, type ComboboxInputGroupProps, type ComboboxInputProps, ComboboxItem, ComboboxItemIndicator, type ComboboxItemIndicatorProps, type ComboboxItemProps, ComboboxLabel, type ComboboxLabelProps, ComboboxList, type ComboboxListProps, ComboboxPopup, type ComboboxPopupProps, ComboboxPortal, type ComboboxPortalProps, type ComboboxProps, ComboboxRow, type ComboboxRowProps, ComboboxSeparator, type ComboboxSeparatorProps, ComboboxTrigger, ComboboxTriggerIndicator, type ComboboxTriggerIndicatorProps, type ComboboxTriggerProps, ComboboxValue, type ComboboxValueProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, type ContextMenuCheckboxItemIndicatorProps, type ContextMenuCheckboxItemProps, ContextMenuContent, type ContextMenuContentProps, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuLabelProps, ContextMenuPortal, type ContextMenuPortalProps, type ContextMenuProps, ContextMenuRadioGroup, type ContextMenuRadioGroupProps, ContextMenuRadioItem, ContextMenuRadioItemIndicator, type ContextMenuRadioItemIndicatorProps, type ContextMenuRadioItemProps, ContextMenuSeparator, type ContextMenuSeparatorProps, ContextMenuShortcut, type ContextMenuShortcutProps, ContextMenuSubmenu, type ContextMenuSubmenuProps, ContextMenuSubmenuTrigger, type ContextMenuSubmenuTriggerProps, ContextMenuTrigger, type ContextMenuTriggerProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, type DropdownMenuCheckboxItemIndicatorProps, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuItem, DropdownMenuItemCount, type DropdownMenuItemCountProps, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPopup, type DropdownMenuPopupProps, DropdownMenuPortal, type DropdownMenuPortalProps, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, DropdownMenuRadioItemIndicator, type DropdownMenuRadioItemIndicatorProps, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSubmenu, type DropdownMenuSubmenuProps, DropdownMenuSubmenuTrigger, type DropdownMenuSubmenuTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, EmptyState, EmptyStateActions, type EmptyStateActionsProps, EmptyStateContent, type EmptyStateContentProps, EmptyStateDescription, type EmptyStateDescriptionProps, EmptyStateIcon, type EmptyStateIconProps, type EmptyStateProps, EmptyStateTitle, type EmptyStateTitleProps, Field, FieldControl, type FieldControlProps, FieldDescription, type FieldDescriptionProps, FieldError, type FieldErrorProps, FieldItem, type FieldItemProps, FieldLabel, type FieldLabelProps, type FieldProps, FieldValidity, type FieldValidityProps, InlineCode, type InlineCodeProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, type InputGroupAddonTextProps, InputGroupInput, type InputGroupInputProps, type InputGroupProps, type InputProps, Kbd, KbdGroup, type KbdGroupProps, type KbdProps, Label, LabelAsterisk, type LabelAsteriskProps, LabelOptional, type LabelOptionalProps, type LabelProps, LabelSub, type LabelSubProps, NotificationCenter, NotificationCenterActionButton, type NotificationCenterActionButtonProps, NotificationCenterCount, type NotificationCenterCountProps, NotificationCenterEmptyState, type NotificationCenterEmptyStateProps, NotificationCenterHeader, type NotificationCenterHeaderProps, NotificationCenterItem, NotificationCenterItemActions, type NotificationCenterItemActionsProps, NotificationCenterItemBody, type NotificationCenterItemBodyProps, NotificationCenterItemContent, type NotificationCenterItemContentProps, NotificationCenterItemIcon, type NotificationCenterItemIconProps, type NotificationCenterItemProps, NotificationCenterItemRow, type NotificationCenterItemRowProps, NotificationCenterItemTitle, type NotificationCenterItemTitleProps, NotificationCenterList, type NotificationCenterListProps, NotificationCenterPopup, type NotificationCenterPopupProps, type NotificationCenterPortalProps, type NotificationCenterProps, NotificationCenterScroller, type NotificationCenterScrollerProps, NotificationCenterTitle, type NotificationCenterTitleProps, NotificationCenterTrigger, type NotificationCenterTriggerProps, type OrderedTabItem, Popover, PopoverArrow, type PopoverArrowProps, PopoverBackdrop, type PopoverBackdropProps, PopoverClose, type PopoverCloseProps, PopoverContent, type PopoverContentProps, PopoverDescription, type PopoverDescriptionProps, PopoverHeader, type PopoverHeaderProps, PopoverPopup, type PopoverPopupProps, PopoverPortal, type PopoverPortalProps, type PopoverProps, PopoverSeparator, type PopoverSeparatorProps, PopoverTitle, type PopoverTitleProps, PopoverTrigger, type PopoverTriggerProps, PopoverViewport, type PopoverViewportProps, RadioGroup, RadioGroupIndicator, type RadioGroupIndicatorProps, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type ResolvedThemeMode, SegmentedControl, SegmentedControlCount, type SegmentedControlCountProps, SegmentedControlItem, type SegmentedControlItemProps, SegmentedControlLabel, type SegmentedControlLabelProps, type SegmentedControlProps, Select, SelectArrow, type SelectArrowProps, SelectContent, type SelectContentProps, SelectGroup, SelectGroupLabel, type SelectGroupLabelProps, type SelectGroupProps, SelectIcon, type SelectIconProps, SelectItem, SelectItemIndicator, type SelectItemIndicatorProps, type SelectItemProps, SelectItemText, type SelectItemTextProps, SelectLabel, type SelectLabelProps, SelectList, type SelectListProps, SelectPopup, type SelectPopupProps, SelectPortal, type SelectPortalProps, type SelectProps, SelectScrollDownArrow, type SelectScrollDownArrowProps, SelectScrollUpArrow, type SelectScrollUpArrowProps, SelectSeparator, type SelectSeparatorProps, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, Separator, type SeparatorProps, type SetTheme, type SetThemeOptions, SortableTabsList, type SortableTabsListProps, SortableTabsTab, type SortableTabsTabProps, Spinner, type SpinnerProps, Status, type StatusProps, Tabs, TabsBackground, type TabsBackgroundProps, TabsIndicator, type TabsIndicatorProps, TabsLabel, type TabsLabelProps, TabsList, type TabsListProps, TabsPanel, type TabsPanelProps, type TabsProps, TabsTab, type TabsTabProps, Text, TextHeading, type TextHeadingProps, TextMono, type TextMonoProps, TextSans, type TextSansProps, Textarea, TextareaCounter, type TextareaCounterProps, TextareaGroup, type TextareaGroupProps, type TextareaProps, type Theme, type ThemeMode, ThemeProvider, type ThemeProviderProps, type ThemeState, Tooltip, TooltipContent, type TooltipContentProps, TooltipPortal, type TooltipPortalProps, type TooltipProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type TooltipTriggerProps, buttonVariants, cn, useOrderedTabs, useTheme, useThemeFamily };
3233
+ export { AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogBody, type AlertDialogBodyProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogClose, type AlertDialogCloseProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, type AlertDialogPortalProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps, Avatar, AvatarBadge, type AvatarBadgeProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, AvatarGroupCount, type AvatarGroupCountProps, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, type AvatarSize, Badge, type BadgeProps, Banner, BannerAction, type BannerActionProps, BannerDescription, type BannerDescriptionProps, type BannerProps, type BannerStatus, BannerTitle, type BannerTitleProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Combobox, ComboboxChip, type ComboboxChipProps, ComboboxChipRemove, type ComboboxChipRemoveProps, ComboboxChips, type ComboboxChipsProps, ComboboxClear, type ComboboxClearProps, ComboboxCollection, type ComboboxCollectionProps, ComboboxContent, type ComboboxContentProps, ComboboxControl, type ComboboxControlProps, ComboboxEmpty, type ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, type ComboboxGroupLabelProps, type ComboboxGroupProps, ComboboxHeader, type ComboboxHeaderProps, ComboboxInput, ComboboxInputGroup, type ComboboxInputGroupProps, type ComboboxInputProps, ComboboxItem, ComboboxItemIndicator, type ComboboxItemIndicatorProps, type ComboboxItemProps, ComboboxLabel, type ComboboxLabelProps, ComboboxList, type ComboboxListProps, ComboboxPopup, type ComboboxPopupProps, ComboboxPortal, type ComboboxPortalProps, type ComboboxProps, ComboboxRow, type ComboboxRowProps, ComboboxSeparator, type ComboboxSeparatorProps, ComboboxTrigger, ComboboxTriggerIndicator, type ComboboxTriggerIndicatorProps, type ComboboxTriggerProps, ComboboxValue, type ComboboxValueProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, type ContextMenuCheckboxItemIndicatorProps, type ContextMenuCheckboxItemProps, ContextMenuContent, type ContextMenuContentProps, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuLabelProps, ContextMenuPortal, type ContextMenuPortalProps, type ContextMenuProps, ContextMenuRadioGroup, type ContextMenuRadioGroupProps, ContextMenuRadioItem, ContextMenuRadioItemIndicator, type ContextMenuRadioItemIndicatorProps, type ContextMenuRadioItemProps, ContextMenuSeparator, type ContextMenuSeparatorProps, ContextMenuShortcut, type ContextMenuShortcutProps, ContextMenuSubmenu, type ContextMenuSubmenuProps, ContextMenuSubmenuTrigger, type ContextMenuSubmenuTriggerProps, ContextMenuTrigger, type ContextMenuTriggerProps, CopyableCode, type CopyableCodeActionProps, type CopyableCodeCodeProps, type CopyableCodeProps, type CopyableCodeRootProps, Dialog, DialogBody, type DialogBodyProps, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogPortalProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, type DropdownMenuCheckboxItemIndicatorProps, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuItem, DropdownMenuItemCount, type DropdownMenuItemCountProps, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPopup, type DropdownMenuPopupProps, DropdownMenuPortal, type DropdownMenuPortalProps, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, DropdownMenuRadioItemIndicator, type DropdownMenuRadioItemIndicatorProps, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSubmenu, type DropdownMenuSubmenuProps, DropdownMenuSubmenuTrigger, type DropdownMenuSubmenuTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, EmptyState, EmptyStateActions, type EmptyStateActionsProps, EmptyStateContent, type EmptyStateContentProps, EmptyStateDescription, type EmptyStateDescriptionProps, EmptyStateIcon, type EmptyStateIconProps, type EmptyStateProps, EmptyStateTitle, type EmptyStateTitleProps, Field, FieldControl, type FieldControlProps, FieldDescription, type FieldDescriptionProps, FieldError, type FieldErrorProps, FieldItem, type FieldItemProps, FieldLabel, type FieldLabelProps, type FieldProps, FieldValidity, type FieldValidityProps, InlineCode, type InlineCodeProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, type InputGroupAddonTextProps, InputGroupInput, type InputGroupInputProps, type InputGroupProps, type InputProps, Kbd, KbdGroup, type KbdGroupProps, type KbdProps, Label, LabelAsterisk, type LabelAsteriskProps, LabelOptional, type LabelOptionalProps, type LabelProps, LabelSub, type LabelSubProps, NotificationCenter, NotificationCenterActionButton, type NotificationCenterActionButtonProps, NotificationCenterCount, type NotificationCenterCountProps, NotificationCenterEmptyState, type NotificationCenterEmptyStateProps, NotificationCenterHeader, type NotificationCenterHeaderProps, NotificationCenterItem, NotificationCenterItemActions, type NotificationCenterItemActionsProps, NotificationCenterItemBody, type NotificationCenterItemBodyProps, NotificationCenterItemContent, type NotificationCenterItemContentProps, NotificationCenterItemIcon, type NotificationCenterItemIconProps, type NotificationCenterItemProps, NotificationCenterItemRow, type NotificationCenterItemRowProps, NotificationCenterItemTitle, type NotificationCenterItemTitleProps, NotificationCenterList, type NotificationCenterListProps, NotificationCenterPopup, type NotificationCenterPopupProps, type NotificationCenterPortalProps, type NotificationCenterProps, NotificationCenterScroller, type NotificationCenterScrollerProps, NotificationCenterTitle, type NotificationCenterTitleProps, NotificationCenterTrigger, type NotificationCenterTriggerProps, type OrderedTabItem, Popover, PopoverArrow, type PopoverArrowProps, PopoverBackdrop, type PopoverBackdropProps, PopoverClose, type PopoverCloseProps, PopoverContent, type PopoverContentProps, PopoverDescription, type PopoverDescriptionProps, PopoverHeader, type PopoverHeaderProps, PopoverPopup, type PopoverPopupProps, PopoverPortal, type PopoverPortalProps, type PopoverProps, PopoverSeparator, type PopoverSeparatorProps, PopoverTitle, type PopoverTitleProps, PopoverTrigger, type PopoverTriggerProps, PopoverViewport, type PopoverViewportProps, RadioGroup, RadioGroupIndicator, type RadioGroupIndicatorProps, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type ResolvedThemeMode, SegmentedControl, SegmentedControlCount, type SegmentedControlCountProps, SegmentedControlItem, type SegmentedControlItemProps, SegmentedControlLabel, type SegmentedControlLabelProps, type SegmentedControlProps, Select, SelectArrow, type SelectArrowProps, SelectContent, type SelectContentProps, SelectGroup, SelectGroupLabel, type SelectGroupLabelProps, type SelectGroupProps, SelectIcon, type SelectIconProps, SelectItem, SelectItemIndicator, type SelectItemIndicatorProps, type SelectItemProps, SelectItemText, type SelectItemTextProps, SelectLabel, type SelectLabelProps, SelectList, type SelectListProps, SelectPopup, type SelectPopupProps, SelectPortal, type SelectPortalProps, type SelectProps, SelectScrollDownArrow, type SelectScrollDownArrowProps, SelectScrollUpArrow, type SelectScrollUpArrowProps, SelectSeparator, type SelectSeparatorProps, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, Separator, type SeparatorProps, type SetTheme, type SetThemeOptions, SortableTabsList, type SortableTabsListProps, SortableTabsTab, type SortableTabsTabProps, Spinner, type SpinnerProps, Status, type StatusProps, Switch, type SwitchProps, SwitchThumb, type SwitchThumbProps, Tabs, TabsBackground, type TabsBackgroundProps, TabsIndicator, type TabsIndicatorProps, TabsLabel, type TabsLabelProps, TabsList, type TabsListProps, TabsPanel, type TabsPanelProps, type TabsProps, TabsTab, type TabsTabProps, Text, TextHeading, type TextHeadingProps, TextMono, type TextMonoProps, TextSans, type TextSansProps, Textarea, TextareaCounter, type TextareaCounterProps, TextareaGroup, type TextareaGroupProps, type TextareaProps, type Theme, type ThemeMode, ThemeProvider, type ThemeProviderProps, type ThemeState, Tooltip, TooltipContent, type TooltipContentProps, TooltipPortal, type TooltipPortalProps, type TooltipProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type TooltipTriggerProps, buttonVariants, cn, useOrderedTabs, useTheme, useThemeFamily };