@lglab/compose-ui 0.25.0 → 0.26.0

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/dist/index.d.ts CHANGED
@@ -17,11 +17,16 @@ import { Menu } from '@base-ui/react/menu';
17
17
  import { Menubar } from '@base-ui/react/menubar';
18
18
  import { Meter } from '@base-ui/react/meter';
19
19
  import { NavigationMenu } from '@base-ui/react/navigation-menu';
20
+ import { NumberField } from '@base-ui/react/number-field';
20
21
  import { Popover } from '@base-ui/react/popover';
21
22
  import { PreviewCard } from '@base-ui/react/preview-card';
22
23
  import { Progress } from '@base-ui/react/progress';
24
+ import { Radio } from '@base-ui/react/radio';
25
+ import { RadioGroup } from '@base-ui/react/radio-group';
23
26
  import * as React_2 from 'react';
24
27
  import { ScrollArea } from '@base-ui/react/scroll-area';
28
+ import { Select } from '@base-ui/react/select';
29
+ import { SelectRootProps as SelectRootProps_2 } from '@base-ui/react/select';
25
30
  import { Separator as Separator_2 } from '@base-ui/react/separator';
26
31
  import { Slider } from '@base-ui/react/slider';
27
32
  import { Switch } from '@base-ui/react/switch';
@@ -1130,6 +1135,55 @@ export declare const NavigationMenuViewport: {
1130
1135
 
1131
1136
  export declare type NavigationMenuViewportProps = React_2.ComponentProps<typeof NavigationMenu.Viewport>;
1132
1137
 
1138
+ export declare const NumberFieldDecrement: {
1139
+ ({ className, ...props }: NumberFieldDecrementProps): JSX.Element;
1140
+ displayName: string;
1141
+ };
1142
+
1143
+ export declare type NumberFieldDecrementProps = React_2.ComponentProps<typeof NumberField.Decrement>;
1144
+
1145
+ export declare const NumberFieldGroup: {
1146
+ ({ className, ...props }: NumberFieldGroupProps): JSX.Element;
1147
+ displayName: string;
1148
+ };
1149
+
1150
+ export declare type NumberFieldGroupProps = React_2.ComponentProps<typeof NumberField.Group>;
1151
+
1152
+ export declare const NumberFieldIncrement: {
1153
+ ({ className, ...props }: NumberFieldIncrementProps): JSX.Element;
1154
+ displayName: string;
1155
+ };
1156
+
1157
+ export declare type NumberFieldIncrementProps = React_2.ComponentProps<typeof NumberField.Increment>;
1158
+
1159
+ export declare const NumberFieldInput: {
1160
+ ({ className, ...props }: NumberFieldInputProps): JSX.Element;
1161
+ displayName: string;
1162
+ };
1163
+
1164
+ export declare type NumberFieldInputProps = React_2.ComponentProps<typeof NumberField.Input>;
1165
+
1166
+ export declare const NumberFieldRoot: {
1167
+ ({ className, ...props }: NumberFieldRootProps): JSX.Element;
1168
+ displayName: string;
1169
+ };
1170
+
1171
+ export declare type NumberFieldRootProps = React_2.ComponentProps<typeof NumberField.Root>;
1172
+
1173
+ export declare const NumberFieldScrubArea: {
1174
+ ({ className, ...props }: NumberFieldScrubAreaProps): JSX.Element;
1175
+ displayName: string;
1176
+ };
1177
+
1178
+ export declare const NumberFieldScrubAreaCursor: {
1179
+ ({ className, ...props }: NumberFieldScrubAreaCursorProps): JSX.Element;
1180
+ displayName: string;
1181
+ };
1182
+
1183
+ export declare type NumberFieldScrubAreaCursorProps = React_2.ComponentProps<typeof NumberField.ScrubAreaCursor>;
1184
+
1185
+ export declare type NumberFieldScrubAreaProps = React_2.ComponentProps<typeof NumberField.ScrubArea>;
1186
+
1133
1187
  export declare const PopoverArrow: {
1134
1188
  ({ className, ...props }: PopoverArrowProps): JSX.Element;
1135
1189
  displayName: string;
@@ -1291,6 +1345,27 @@ export declare const ProgressValue: {
1291
1345
 
1292
1346
  export declare type ProgressValueProps = React_2.ComponentProps<typeof Progress.Value>;
1293
1347
 
1348
+ export declare const RadioGroupRoot: {
1349
+ ({ className, ...props }: RadioGroupRootProps): JSX.Element;
1350
+ displayName: string;
1351
+ };
1352
+
1353
+ export declare type RadioGroupRootProps = React_2.ComponentProps<typeof RadioGroup>;
1354
+
1355
+ export declare const RadioIndicator: {
1356
+ ({ className, ...props }: RadioIndicatorProps): JSX.Element;
1357
+ displayName: string;
1358
+ };
1359
+
1360
+ export declare type RadioIndicatorProps = React_2.ComponentProps<typeof Radio.Indicator>;
1361
+
1362
+ export declare const RadioRoot: {
1363
+ ({ className, ...props }: RadioRootProps): JSX.Element;
1364
+ displayName: string;
1365
+ };
1366
+
1367
+ export declare type RadioRootProps = React_2.ComponentProps<typeof Radio.Root>;
1368
+
1294
1369
  export declare const ScrollAreaContent: {
1295
1370
  ({ className, ...props }: ScrollAreaContentProps): JSX.Element;
1296
1371
  displayName: string;
@@ -1333,6 +1408,133 @@ export declare const ScrollAreaViewport: {
1333
1408
 
1334
1409
  export declare type ScrollAreaViewportProps = React_2.ComponentProps<typeof ScrollArea.Viewport>;
1335
1410
 
1411
+ export declare const SelectArrow: {
1412
+ ({ className, ...props }: SelectArrowProps): JSX.Element;
1413
+ displayName: string;
1414
+ };
1415
+
1416
+ export declare type SelectArrowProps = React_2.ComponentProps<typeof Select.Arrow>;
1417
+
1418
+ export declare const SelectBackdrop: {
1419
+ ({ className, ...props }: SelectBackdropProps): JSX.Element;
1420
+ displayName: string;
1421
+ };
1422
+
1423
+ export declare type SelectBackdropProps = React_2.ComponentProps<typeof Select.Backdrop>;
1424
+
1425
+ export declare const SelectGroup: {
1426
+ ({ className, ...props }: SelectGroupProps): JSX.Element;
1427
+ displayName: string;
1428
+ };
1429
+
1430
+ export declare const SelectGroupLabel: {
1431
+ ({ className, ...props }: SelectGroupLabelProps): JSX.Element;
1432
+ displayName: string;
1433
+ };
1434
+
1435
+ export declare type SelectGroupLabelProps = React_2.ComponentProps<typeof Select.GroupLabel>;
1436
+
1437
+ export declare type SelectGroupProps = React_2.ComponentProps<typeof Select.Group>;
1438
+
1439
+ export declare const SelectIcon: {
1440
+ ({ className, ...props }: SelectIconProps): JSX.Element;
1441
+ displayName: string;
1442
+ };
1443
+
1444
+ export declare type SelectIconProps = React_2.ComponentProps<typeof Select.Icon>;
1445
+
1446
+ export declare const SelectItem: {
1447
+ ({ className, ...props }: SelectItemProps): JSX.Element;
1448
+ displayName: string;
1449
+ };
1450
+
1451
+ export declare const SelectItemIndicator: {
1452
+ ({ className, ...props }: SelectItemIndicatorProps): JSX.Element;
1453
+ displayName: string;
1454
+ };
1455
+
1456
+ export declare type SelectItemIndicatorProps = React_2.ComponentProps<typeof Select.ItemIndicator>;
1457
+
1458
+ export declare type SelectItemProps = React_2.ComponentProps<typeof Select.Item>;
1459
+
1460
+ export declare const SelectItemText: {
1461
+ ({ className, ...props }: SelectItemTextProps): JSX.Element;
1462
+ displayName: string;
1463
+ };
1464
+
1465
+ export declare type SelectItemTextProps = React_2.ComponentProps<typeof Select.ItemText>;
1466
+
1467
+ export declare const SelectList: {
1468
+ ({ className, ...props }: SelectListProps): JSX.Element;
1469
+ displayName: string;
1470
+ };
1471
+
1472
+ export declare type SelectListProps = React_2.ComponentProps<typeof Select.List>;
1473
+
1474
+ export declare const SelectPopup: {
1475
+ ({ className, ...props }: SelectPopupProps): JSX.Element;
1476
+ displayName: string;
1477
+ };
1478
+
1479
+ export declare type SelectPopupProps = React_2.ComponentProps<typeof Select.Popup>;
1480
+
1481
+ export declare const SelectPortal: {
1482
+ (props: SelectPortalProps): JSX.Element;
1483
+ displayName: string;
1484
+ };
1485
+
1486
+ export declare type SelectPortalProps = React_2.ComponentProps<typeof Select.Portal>;
1487
+
1488
+ export declare const SelectPositioner: {
1489
+ ({ className, ...props }: SelectPositionerProps): JSX.Element;
1490
+ displayName: string;
1491
+ };
1492
+
1493
+ export declare type SelectPositionerProps = React_2.ComponentProps<typeof Select.Positioner>;
1494
+
1495
+ export declare function SelectRoot<Value, Multiple extends boolean | undefined = false>(props: SelectRootProps_2<Value, Multiple>): JSX.Element;
1496
+
1497
+ export declare namespace SelectRoot {
1498
+ var displayName: string;
1499
+ }
1500
+
1501
+ export declare type SelectRootProps<Value, Multiple extends boolean | undefined = false> = SelectRootProps_2<Value, Multiple>;
1502
+
1503
+ export declare const SelectScrollDownArrow: {
1504
+ ({ className, ...props }: SelectScrollDownArrowProps): JSX.Element;
1505
+ displayName: string;
1506
+ };
1507
+
1508
+ export declare type SelectScrollDownArrowProps = React_2.ComponentProps<typeof Select.ScrollDownArrow>;
1509
+
1510
+ export declare const SelectScrollUpArrow: {
1511
+ ({ className, ...props }: SelectScrollUpArrowProps): JSX.Element;
1512
+ displayName: string;
1513
+ };
1514
+
1515
+ export declare type SelectScrollUpArrowProps = React_2.ComponentProps<typeof Select.ScrollUpArrow>;
1516
+
1517
+ export declare const SelectSeparator: {
1518
+ ({ className, ...props }: SelectSeparatorProps): JSX.Element;
1519
+ displayName: string;
1520
+ };
1521
+
1522
+ export declare type SelectSeparatorProps = React_2.ComponentProps<typeof Select.Separator>;
1523
+
1524
+ export declare const SelectTrigger: {
1525
+ ({ className, ...props }: SelectTriggerProps): JSX.Element;
1526
+ displayName: string;
1527
+ };
1528
+
1529
+ export declare type SelectTriggerProps = React_2.ComponentProps<typeof Select.Trigger>;
1530
+
1531
+ export declare const SelectValue: {
1532
+ ({ className, ...props }: SelectValueProps): JSX.Element;
1533
+ displayName: string;
1534
+ };
1535
+
1536
+ export declare type SelectValueProps = React_2.ComponentProps<typeof Select.Value>;
1537
+
1336
1538
  export declare const Separator: {
1337
1539
  ({ className, orientation, ...props }: SeparatorProps): JSX.Element;
1338
1540
  displayName: string;
package/dist/index.js CHANGED
@@ -1,242 +1,274 @@
1
1
  import { Button as r } from "./button.js";
2
2
  import { CheckboxIndicator as a, CheckboxRoot as i } from "./checkbox.js";
3
3
  import { CheckboxGroupRoot as l } from "./checkbox-group.js";
4
- import { CollapsiblePanel as p, CollapsibleRoot as M, CollapsibleTrigger as g } from "./collapsible.js";
5
- import { AlertDialogBackdrop as m, AlertDialogClose as x, AlertDialogDescription as b, AlertDialogPopup as c, AlertDialogPortal as C, AlertDialogRoot as P, AlertDialogTitle as T, AlertDialogTrigger as s, AlertDialogViewport as R } from "./alert-dialog.js";
6
- import { AlertDialog as D } from "@base-ui/react/alert-dialog";
7
- import { AvatarFallback as f, AvatarImage as A, AvatarRoot as w, AvatarStack as S } from "./avatar.js";
8
- import { ScrollAreaContent as h, ScrollAreaCorner as L, ScrollAreaRoot as F, ScrollAreaScrollbar as N, ScrollAreaThumb as G, ScrollAreaViewport as V } from "./scroll-area.js";
9
- import { Separator as H } from "./separator.js";
10
- import { SwitchRoot as E, SwitchThumb as j } from "./switch.js";
11
- import { Toggle as z } from "./toggle.js";
12
- import { TabsIndicator as K, TabsList as O, TabsPanel as Q, TabsRoot as U, TabsTab as W } from "./tabs.js";
13
- import { ToastAction as Y, ToastClose as Z, ToastContent as _, ToastDescription as $, ToastPositioner as oo, ToastProvider as eo, ToastRoot as ro, ToastTitle as to, ToastViewport as ao } from "./toast.js";
14
- import { DialogBackdrop as no, DialogClose as lo, DialogDescription as uo, DialogFooter as po, DialogHeader as Mo, DialogPopup as go, DialogPortal as mo, DialogRoot as xo, DialogTitle as bo, DialogTrigger as co } from "./dialog.js";
15
- import { DrawerBackdrop as Po, DrawerClose as To, DrawerContent as so, DrawerDescription as Ro, DrawerFooter as Io, DrawerHeader as Do, DrawerPopup as vo, DrawerPortal as fo, DrawerRoot as Ao, DrawerTitle as wo, DrawerTrigger as So } from "./drawer.js";
16
- import { Input as ho } from "./input.js";
17
- import { Textarea as Fo } from "./textarea.js";
18
- import { FieldControl as Go, FieldDescription as Vo, FieldError as Bo, FieldItem as Ho, FieldLabel as yo, FieldRoot as Eo, FieldValidity as jo } from "./field.js";
19
- import { FieldsetLegend as zo, FieldsetRoot as Jo } from "./fieldset.js";
20
- import { FormRoot as Oo } from "./form.js";
21
- import { AccordionHeader as Uo, AccordionItem as Wo, AccordionPanel as Xo, AccordionRoot as Yo, AccordionTrigger as Zo } from "./accordion.js";
22
- import { MeterIndicator as $o, MeterLabel as oe, MeterRoot as ee, MeterTrack as re, MeterValue as te } from "./meter.js";
23
- import { NavigationMenuArrow as ie, NavigationMenuBackdrop as ne, NavigationMenuContent as le, NavigationMenuIcon as ue, NavigationMenuItem as pe, NavigationMenuLink as Me, NavigationMenuList as ge, NavigationMenuPopup as de, NavigationMenuPortal as me, NavigationMenuPositioner as xe, NavigationMenuRoot as be, NavigationMenuTrigger as ce, NavigationMenuViewport as Ce } from "./navigation-menu.js";
24
- import { MenuArrow as Te, MenuCheckboxItem as se, MenuCheckboxItemIndicator as Re, MenuCheckboxItemLabel as Ie, MenuGroup as De, MenuGroupLabel as ve, MenuItem as fe, MenuPopup as Ae, MenuPortal as we, MenuPositioner as Se, MenuRadioGroup as ke, MenuRadioItem as he, MenuRadioItemIndicator as Le, MenuRadioItemLabel as Fe, MenuRoot as Ne, MenuSeparator as Ge, MenuSubmenuRoot as Ve, MenuSubmenuTrigger as Be, MenuTrigger as He } from "./menu.js";
25
- import { PopoverArrow as Ee, PopoverBackdrop as je, PopoverClose as qe, PopoverDescription as ze, PopoverPopup as Je, PopoverPortal as Ke, PopoverPositioner as Oe, PopoverRoot as Qe, PopoverTitle as Ue, PopoverTrigger as We, PopoverViewport as Xe } from "./popover.js";
26
- import { ProgressIndicator as Ze, ProgressLabel as _e, ProgressRoot as $e, ProgressTrack as or, ProgressValue as er } from "./progress.js";
27
- import { ToggleGroupItem as tr, ToggleGroupRoot as ar } from "./toggle-group.js";
28
- import { CardContent as nr, CardDescription as lr, CardFooter as ur, CardHeader as pr, CardMedia as Mr, CardRoot as gr, CardSection as dr, CardTitle as mr } from "./card.js";
29
- import { ContextMenuArrow as br, ContextMenuCheckboxItem as cr, ContextMenuCheckboxItemIndicator as Cr, ContextMenuCheckboxItemLabel as Pr, ContextMenuGroup as Tr, ContextMenuGroupLabel as sr, ContextMenuItem as Rr, ContextMenuPopup as Ir, ContextMenuPortal as Dr, ContextMenuPositioner as vr, ContextMenuRadioGroup as fr, ContextMenuRadioItem as Ar, ContextMenuRadioItemIndicator as wr, ContextMenuRadioItemLabel as Sr, ContextMenuRoot as kr, ContextMenuSeparator as hr, ContextMenuSubmenuRoot as Lr, ContextMenuSubmenuTrigger as Fr, ContextMenuTrigger as Nr } from "./context-menu.js";
30
- import { MenubarArrow as Vr, MenubarCheckboxItem as Br, MenubarCheckboxItemIndicator as Hr, MenubarCheckboxItemLabel as yr, MenubarGroup as Er, MenubarGroupLabel as jr, MenubarItem as qr, MenubarMenu as zr, MenubarPopup as Jr, MenubarPortal as Kr, MenubarPositioner as Or, MenubarRadioGroup as Qr, MenubarRadioItem as Ur, MenubarRadioItemIndicator as Wr, MenubarRadioItemLabel as Xr, MenubarRoot as Yr, MenubarSeparator as Zr, MenubarSubmenuRoot as _r, MenubarSubmenuTrigger as $r, MenubarTrigger as ot } from "./menubar.js";
31
- import { SliderControl as rt, SliderIndicator as tt, SliderRoot as at, SliderThumb as it, SliderTrack as nt, SliderValue as lt } from "./slider.js";
32
- import { TooltipArrow as pt, TooltipPopup as Mt, TooltipPortal as gt, TooltipPositioner as dt, TooltipProvider as mt, TooltipRoot as xt, TooltipTrigger as bt } from "./tooltip.js";
33
- import { PreviewCardArrow as Ct, PreviewCardBackdrop as Pt, PreviewCardPopup as Tt, PreviewCardPortal as st, PreviewCardPositioner as Rt, PreviewCardRoot as It, PreviewCardTrigger as Dt } from "./preview-card.js";
34
- import { Toast as ft } from "@base-ui/react/toast";
4
+ import { CollapsiblePanel as p, CollapsibleRoot as c, CollapsibleTrigger as d } from "./collapsible.js";
5
+ import { AlertDialogBackdrop as g, AlertDialogClose as M, AlertDialogDescription as b, AlertDialogPopup as x, AlertDialogPortal as C, AlertDialogRoot as P, AlertDialogTitle as T, AlertDialogTrigger as s, AlertDialogViewport as S } from "./alert-dialog.js";
6
+ import { AlertDialog as I } from "@base-ui/react/alert-dialog";
7
+ import { AvatarFallback as f, AvatarImage as A, AvatarRoot as v, AvatarStack as w } from "./avatar.js";
8
+ import { ScrollAreaContent as F, ScrollAreaCorner as N, ScrollAreaRoot as L, ScrollAreaScrollbar as h, ScrollAreaThumb as G, ScrollAreaViewport as V } from "./scroll-area.js";
9
+ import { SelectArrow as H, SelectBackdrop as y, SelectGroup as E, SelectGroupLabel as U, SelectIcon as j, SelectItem as q, SelectItemIndicator as z, SelectItemText as J, SelectList as K, SelectPopup as O, SelectPortal as Q, SelectPositioner as W, SelectRoot as X, SelectScrollDownArrow as Y, SelectScrollUpArrow as Z, SelectSeparator as _, SelectTrigger as $, SelectValue as oo } from "./select.js";
10
+ import { Separator as ro } from "./separator.js";
11
+ import { SwitchRoot as ao, SwitchThumb as io } from "./switch.js";
12
+ import { Toggle as lo } from "./toggle.js";
13
+ import { TabsIndicator as po, TabsList as co, TabsPanel as mo, TabsRoot as go, TabsTab as Mo } from "./tabs.js";
14
+ import { ToastAction as xo, ToastClose as Co, ToastContent as Po, ToastDescription as To, ToastPositioner as so, ToastProvider as So, ToastRoot as Ro, ToastTitle as Io, ToastViewport as Do } from "./toast.js";
15
+ import { DialogBackdrop as Ao, DialogClose as vo, DialogDescription as wo, DialogFooter as ko, DialogHeader as Fo, DialogPopup as No, DialogPortal as Lo, DialogRoot as ho, DialogTitle as Go, DialogTrigger as Vo } from "./dialog.js";
16
+ import { DrawerBackdrop as Ho, DrawerClose as yo, DrawerContent as Eo, DrawerDescription as Uo, DrawerFooter as jo, DrawerHeader as qo, DrawerPopup as zo, DrawerPortal as Jo, DrawerRoot as Ko, DrawerTitle as Oo, DrawerTrigger as Qo } from "./drawer.js";
17
+ import { Input as Xo } from "./input.js";
18
+ import { Textarea as Zo } from "./textarea.js";
19
+ import { FieldControl as $o, FieldDescription as oe, FieldError as ee, FieldItem as re, FieldLabel as te, FieldRoot as ae, FieldValidity as ie } from "./field.js";
20
+ import { FieldsetLegend as le, FieldsetRoot as ue } from "./fieldset.js";
21
+ import { FormRoot as ce } from "./form.js";
22
+ import { AccordionHeader as me, AccordionItem as ge, AccordionPanel as Me, AccordionRoot as be, AccordionTrigger as xe } from "./accordion.js";
23
+ import { MeterIndicator as Pe, MeterLabel as Te, MeterRoot as se, MeterTrack as Se, MeterValue as Re } from "./meter.js";
24
+ import { NavigationMenuArrow as De, NavigationMenuBackdrop as fe, NavigationMenuContent as Ae, NavigationMenuIcon as ve, NavigationMenuItem as we, NavigationMenuLink as ke, NavigationMenuList as Fe, NavigationMenuPopup as Ne, NavigationMenuPortal as Le, NavigationMenuPositioner as he, NavigationMenuRoot as Ge, NavigationMenuTrigger as Ve, NavigationMenuViewport as Be } from "./navigation-menu.js";
25
+ import { MenuArrow as ye, MenuCheckboxItem as Ee, MenuCheckboxItemIndicator as Ue, MenuCheckboxItemLabel as je, MenuGroup as qe, MenuGroupLabel as ze, MenuItem as Je, MenuPopup as Ke, MenuPortal as Oe, MenuPositioner as Qe, MenuRadioGroup as We, MenuRadioItem as Xe, MenuRadioItemIndicator as Ye, MenuRadioItemLabel as Ze, MenuRoot as _e, MenuSeparator as $e, MenuSubmenuRoot as or, MenuSubmenuTrigger as er, MenuTrigger as rr } from "./menu.js";
26
+ import { NumberFieldDecrement as ar, NumberFieldGroup as ir, NumberFieldIncrement as nr, NumberFieldInput as lr, NumberFieldRoot as ur, NumberFieldScrubArea as pr, NumberFieldScrubAreaCursor as cr } from "./number-field.js";
27
+ import { PopoverArrow as mr, PopoverBackdrop as gr, PopoverClose as Mr, PopoverDescription as br, PopoverPopup as xr, PopoverPortal as Cr, PopoverPositioner as Pr, PopoverRoot as Tr, PopoverTitle as sr, PopoverTrigger as Sr, PopoverViewport as Rr } from "./popover.js";
28
+ import { ProgressIndicator as Dr, ProgressLabel as fr, ProgressRoot as Ar, ProgressTrack as vr, ProgressValue as wr } from "./progress.js";
29
+ import { RadioIndicator as Fr, RadioRoot as Nr } from "./radio.js";
30
+ import { RadioGroupRoot as hr } from "./radio-group.js";
31
+ import { ToggleGroupItem as Vr, ToggleGroupRoot as Br } from "./toggle-group.js";
32
+ import { CardContent as yr, CardDescription as Er, CardFooter as Ur, CardHeader as jr, CardMedia as qr, CardRoot as zr, CardSection as Jr, CardTitle as Kr } from "./card.js";
33
+ import { ContextMenuArrow as Qr, ContextMenuCheckboxItem as Wr, ContextMenuCheckboxItemIndicator as Xr, ContextMenuCheckboxItemLabel as Yr, ContextMenuGroup as Zr, ContextMenuGroupLabel as _r, ContextMenuItem as $r, ContextMenuPopup as ot, ContextMenuPortal as et, ContextMenuPositioner as rt, ContextMenuRadioGroup as tt, ContextMenuRadioItem as at, ContextMenuRadioItemIndicator as it, ContextMenuRadioItemLabel as nt, ContextMenuRoot as lt, ContextMenuSeparator as ut, ContextMenuSubmenuRoot as pt, ContextMenuSubmenuTrigger as ct, ContextMenuTrigger as dt } from "./context-menu.js";
34
+ import { MenubarArrow as gt, MenubarCheckboxItem as Mt, MenubarCheckboxItemIndicator as bt, MenubarCheckboxItemLabel as xt, MenubarGroup as Ct, MenubarGroupLabel as Pt, MenubarItem as Tt, MenubarMenu as st, MenubarPopup as St, MenubarPortal as Rt, MenubarPositioner as It, MenubarRadioGroup as Dt, MenubarRadioItem as ft, MenubarRadioItemIndicator as At, MenubarRadioItemLabel as vt, MenubarRoot as wt, MenubarSeparator as kt, MenubarSubmenuRoot as Ft, MenubarSubmenuTrigger as Nt, MenubarTrigger as Lt } from "./menubar.js";
35
+ import { SliderControl as Gt, SliderIndicator as Vt, SliderRoot as Bt, SliderThumb as Ht, SliderTrack as yt, SliderValue as Et } from "./slider.js";
36
+ import { TooltipArrow as jt, TooltipPopup as qt, TooltipPortal as zt, TooltipPositioner as Jt, TooltipProvider as Kt, TooltipRoot as Ot, TooltipTrigger as Qt } from "./tooltip.js";
37
+ import { PreviewCardArrow as Xt, PreviewCardBackdrop as Yt, PreviewCardPopup as Zt, PreviewCardPortal as _t, PreviewCardPositioner as $t, PreviewCardRoot as oa, PreviewCardTrigger as ea } from "./preview-card.js";
38
+ import { Toast as ta } from "@base-ui/react/toast";
35
39
  export {
36
- Uo as AccordionHeader,
37
- Wo as AccordionItem,
38
- Xo as AccordionPanel,
39
- Yo as AccordionRoot,
40
- Zo as AccordionTrigger,
41
- D as AlertDialog,
42
- m as AlertDialogBackdrop,
43
- x as AlertDialogClose,
40
+ me as AccordionHeader,
41
+ ge as AccordionItem,
42
+ Me as AccordionPanel,
43
+ be as AccordionRoot,
44
+ xe as AccordionTrigger,
45
+ I as AlertDialog,
46
+ g as AlertDialogBackdrop,
47
+ M as AlertDialogClose,
44
48
  b as AlertDialogDescription,
45
- c as AlertDialogPopup,
49
+ x as AlertDialogPopup,
46
50
  C as AlertDialogPortal,
47
51
  P as AlertDialogRoot,
48
52
  T as AlertDialogTitle,
49
53
  s as AlertDialogTrigger,
50
- R as AlertDialogViewport,
54
+ S as AlertDialogViewport,
51
55
  f as AvatarFallback,
52
56
  A as AvatarImage,
53
- w as AvatarRoot,
54
- S as AvatarStack,
57
+ v as AvatarRoot,
58
+ w as AvatarStack,
55
59
  r as Button,
56
- nr as CardContent,
57
- lr as CardDescription,
58
- ur as CardFooter,
59
- pr as CardHeader,
60
- Mr as CardMedia,
61
- gr as CardRoot,
62
- dr as CardSection,
63
- mr as CardTitle,
60
+ yr as CardContent,
61
+ Er as CardDescription,
62
+ Ur as CardFooter,
63
+ jr as CardHeader,
64
+ qr as CardMedia,
65
+ zr as CardRoot,
66
+ Jr as CardSection,
67
+ Kr as CardTitle,
64
68
  l as CheckboxGroupRoot,
65
69
  a as CheckboxIndicator,
66
70
  i as CheckboxRoot,
67
71
  p as CollapsiblePanel,
68
- M as CollapsibleRoot,
69
- g as CollapsibleTrigger,
70
- br as ContextMenuArrow,
71
- cr as ContextMenuCheckboxItem,
72
- Cr as ContextMenuCheckboxItemIndicator,
73
- Pr as ContextMenuCheckboxItemLabel,
74
- Tr as ContextMenuGroup,
75
- sr as ContextMenuGroupLabel,
76
- Rr as ContextMenuItem,
77
- Ir as ContextMenuPopup,
78
- Dr as ContextMenuPortal,
79
- vr as ContextMenuPositioner,
80
- fr as ContextMenuRadioGroup,
81
- Ar as ContextMenuRadioItem,
82
- wr as ContextMenuRadioItemIndicator,
83
- Sr as ContextMenuRadioItemLabel,
84
- kr as ContextMenuRoot,
85
- hr as ContextMenuSeparator,
86
- Lr as ContextMenuSubmenuRoot,
87
- Fr as ContextMenuSubmenuTrigger,
88
- Nr as ContextMenuTrigger,
89
- no as DialogBackdrop,
90
- lo as DialogClose,
91
- uo as DialogDescription,
92
- po as DialogFooter,
93
- Mo as DialogHeader,
94
- go as DialogPopup,
95
- mo as DialogPortal,
96
- xo as DialogRoot,
97
- bo as DialogTitle,
98
- co as DialogTrigger,
99
- Po as DrawerBackdrop,
100
- To as DrawerClose,
101
- so as DrawerContent,
102
- Ro as DrawerDescription,
103
- Io as DrawerFooter,
104
- Do as DrawerHeader,
105
- vo as DrawerPopup,
106
- fo as DrawerPortal,
107
- Ao as DrawerRoot,
108
- wo as DrawerTitle,
109
- So as DrawerTrigger,
110
- Go as FieldControl,
111
- Vo as FieldDescription,
112
- Bo as FieldError,
113
- Ho as FieldItem,
114
- yo as FieldLabel,
115
- Eo as FieldRoot,
116
- jo as FieldValidity,
117
- zo as FieldsetLegend,
118
- Jo as FieldsetRoot,
119
- Oo as FormRoot,
120
- ho as Input,
121
- Te as MenuArrow,
122
- se as MenuCheckboxItem,
123
- Re as MenuCheckboxItemIndicator,
124
- Ie as MenuCheckboxItemLabel,
125
- De as MenuGroup,
126
- ve as MenuGroupLabel,
127
- fe as MenuItem,
128
- Ae as MenuPopup,
129
- we as MenuPortal,
130
- Se as MenuPositioner,
131
- ke as MenuRadioGroup,
132
- he as MenuRadioItem,
133
- Le as MenuRadioItemIndicator,
134
- Fe as MenuRadioItemLabel,
135
- Ne as MenuRoot,
136
- Ge as MenuSeparator,
137
- Ve as MenuSubmenuRoot,
138
- Be as MenuSubmenuTrigger,
139
- He as MenuTrigger,
140
- Vr as MenubarArrow,
141
- Br as MenubarCheckboxItem,
142
- Hr as MenubarCheckboxItemIndicator,
143
- yr as MenubarCheckboxItemLabel,
144
- Er as MenubarGroup,
145
- jr as MenubarGroupLabel,
146
- qr as MenubarItem,
147
- zr as MenubarMenu,
148
- Jr as MenubarPopup,
149
- Kr as MenubarPortal,
150
- Or as MenubarPositioner,
151
- Qr as MenubarRadioGroup,
152
- Ur as MenubarRadioItem,
153
- Wr as MenubarRadioItemIndicator,
154
- Xr as MenubarRadioItemLabel,
155
- Yr as MenubarRoot,
156
- Zr as MenubarSeparator,
157
- _r as MenubarSubmenuRoot,
158
- $r as MenubarSubmenuTrigger,
159
- ot as MenubarTrigger,
160
- $o as MeterIndicator,
161
- oe as MeterLabel,
162
- ee as MeterRoot,
163
- re as MeterTrack,
164
- te as MeterValue,
165
- ie as NavigationMenuArrow,
166
- ne as NavigationMenuBackdrop,
167
- le as NavigationMenuContent,
168
- ue as NavigationMenuIcon,
169
- pe as NavigationMenuItem,
170
- Me as NavigationMenuLink,
171
- ge as NavigationMenuList,
172
- de as NavigationMenuPopup,
173
- me as NavigationMenuPortal,
174
- xe as NavigationMenuPositioner,
175
- be as NavigationMenuRoot,
176
- ce as NavigationMenuTrigger,
177
- Ce as NavigationMenuViewport,
178
- Ee as PopoverArrow,
179
- je as PopoverBackdrop,
180
- qe as PopoverClose,
181
- ze as PopoverDescription,
182
- Je as PopoverPopup,
183
- Ke as PopoverPortal,
184
- Oe as PopoverPositioner,
185
- Qe as PopoverRoot,
186
- Ue as PopoverTitle,
187
- We as PopoverTrigger,
188
- Xe as PopoverViewport,
189
- Ct as PreviewCardArrow,
190
- Pt as PreviewCardBackdrop,
191
- Tt as PreviewCardPopup,
192
- st as PreviewCardPortal,
193
- Rt as PreviewCardPositioner,
194
- It as PreviewCardRoot,
195
- Dt as PreviewCardTrigger,
196
- Ze as ProgressIndicator,
197
- _e as ProgressLabel,
198
- $e as ProgressRoot,
199
- or as ProgressTrack,
200
- er as ProgressValue,
201
- h as ScrollAreaContent,
202
- L as ScrollAreaCorner,
203
- F as ScrollAreaRoot,
204
- N as ScrollAreaScrollbar,
72
+ c as CollapsibleRoot,
73
+ d as CollapsibleTrigger,
74
+ Qr as ContextMenuArrow,
75
+ Wr as ContextMenuCheckboxItem,
76
+ Xr as ContextMenuCheckboxItemIndicator,
77
+ Yr as ContextMenuCheckboxItemLabel,
78
+ Zr as ContextMenuGroup,
79
+ _r as ContextMenuGroupLabel,
80
+ $r as ContextMenuItem,
81
+ ot as ContextMenuPopup,
82
+ et as ContextMenuPortal,
83
+ rt as ContextMenuPositioner,
84
+ tt as ContextMenuRadioGroup,
85
+ at as ContextMenuRadioItem,
86
+ it as ContextMenuRadioItemIndicator,
87
+ nt as ContextMenuRadioItemLabel,
88
+ lt as ContextMenuRoot,
89
+ ut as ContextMenuSeparator,
90
+ pt as ContextMenuSubmenuRoot,
91
+ ct as ContextMenuSubmenuTrigger,
92
+ dt as ContextMenuTrigger,
93
+ Ao as DialogBackdrop,
94
+ vo as DialogClose,
95
+ wo as DialogDescription,
96
+ ko as DialogFooter,
97
+ Fo as DialogHeader,
98
+ No as DialogPopup,
99
+ Lo as DialogPortal,
100
+ ho as DialogRoot,
101
+ Go as DialogTitle,
102
+ Vo as DialogTrigger,
103
+ Ho as DrawerBackdrop,
104
+ yo as DrawerClose,
105
+ Eo as DrawerContent,
106
+ Uo as DrawerDescription,
107
+ jo as DrawerFooter,
108
+ qo as DrawerHeader,
109
+ zo as DrawerPopup,
110
+ Jo as DrawerPortal,
111
+ Ko as DrawerRoot,
112
+ Oo as DrawerTitle,
113
+ Qo as DrawerTrigger,
114
+ $o as FieldControl,
115
+ oe as FieldDescription,
116
+ ee as FieldError,
117
+ re as FieldItem,
118
+ te as FieldLabel,
119
+ ae as FieldRoot,
120
+ ie as FieldValidity,
121
+ le as FieldsetLegend,
122
+ ue as FieldsetRoot,
123
+ ce as FormRoot,
124
+ Xo as Input,
125
+ ye as MenuArrow,
126
+ Ee as MenuCheckboxItem,
127
+ Ue as MenuCheckboxItemIndicator,
128
+ je as MenuCheckboxItemLabel,
129
+ qe as MenuGroup,
130
+ ze as MenuGroupLabel,
131
+ Je as MenuItem,
132
+ Ke as MenuPopup,
133
+ Oe as MenuPortal,
134
+ Qe as MenuPositioner,
135
+ We as MenuRadioGroup,
136
+ Xe as MenuRadioItem,
137
+ Ye as MenuRadioItemIndicator,
138
+ Ze as MenuRadioItemLabel,
139
+ _e as MenuRoot,
140
+ $e as MenuSeparator,
141
+ or as MenuSubmenuRoot,
142
+ er as MenuSubmenuTrigger,
143
+ rr as MenuTrigger,
144
+ gt as MenubarArrow,
145
+ Mt as MenubarCheckboxItem,
146
+ bt as MenubarCheckboxItemIndicator,
147
+ xt as MenubarCheckboxItemLabel,
148
+ Ct as MenubarGroup,
149
+ Pt as MenubarGroupLabel,
150
+ Tt as MenubarItem,
151
+ st as MenubarMenu,
152
+ St as MenubarPopup,
153
+ Rt as MenubarPortal,
154
+ It as MenubarPositioner,
155
+ Dt as MenubarRadioGroup,
156
+ ft as MenubarRadioItem,
157
+ At as MenubarRadioItemIndicator,
158
+ vt as MenubarRadioItemLabel,
159
+ wt as MenubarRoot,
160
+ kt as MenubarSeparator,
161
+ Ft as MenubarSubmenuRoot,
162
+ Nt as MenubarSubmenuTrigger,
163
+ Lt as MenubarTrigger,
164
+ Pe as MeterIndicator,
165
+ Te as MeterLabel,
166
+ se as MeterRoot,
167
+ Se as MeterTrack,
168
+ Re as MeterValue,
169
+ De as NavigationMenuArrow,
170
+ fe as NavigationMenuBackdrop,
171
+ Ae as NavigationMenuContent,
172
+ ve as NavigationMenuIcon,
173
+ we as NavigationMenuItem,
174
+ ke as NavigationMenuLink,
175
+ Fe as NavigationMenuList,
176
+ Ne as NavigationMenuPopup,
177
+ Le as NavigationMenuPortal,
178
+ he as NavigationMenuPositioner,
179
+ Ge as NavigationMenuRoot,
180
+ Ve as NavigationMenuTrigger,
181
+ Be as NavigationMenuViewport,
182
+ ar as NumberFieldDecrement,
183
+ ir as NumberFieldGroup,
184
+ nr as NumberFieldIncrement,
185
+ lr as NumberFieldInput,
186
+ ur as NumberFieldRoot,
187
+ pr as NumberFieldScrubArea,
188
+ cr as NumberFieldScrubAreaCursor,
189
+ mr as PopoverArrow,
190
+ gr as PopoverBackdrop,
191
+ Mr as PopoverClose,
192
+ br as PopoverDescription,
193
+ xr as PopoverPopup,
194
+ Cr as PopoverPortal,
195
+ Pr as PopoverPositioner,
196
+ Tr as PopoverRoot,
197
+ sr as PopoverTitle,
198
+ Sr as PopoverTrigger,
199
+ Rr as PopoverViewport,
200
+ Xt as PreviewCardArrow,
201
+ Yt as PreviewCardBackdrop,
202
+ Zt as PreviewCardPopup,
203
+ _t as PreviewCardPortal,
204
+ $t as PreviewCardPositioner,
205
+ oa as PreviewCardRoot,
206
+ ea as PreviewCardTrigger,
207
+ Dr as ProgressIndicator,
208
+ fr as ProgressLabel,
209
+ Ar as ProgressRoot,
210
+ vr as ProgressTrack,
211
+ wr as ProgressValue,
212
+ hr as RadioGroupRoot,
213
+ Fr as RadioIndicator,
214
+ Nr as RadioRoot,
215
+ F as ScrollAreaContent,
216
+ N as ScrollAreaCorner,
217
+ L as ScrollAreaRoot,
218
+ h as ScrollAreaScrollbar,
205
219
  G as ScrollAreaThumb,
206
220
  V as ScrollAreaViewport,
207
- H as Separator,
208
- rt as SliderControl,
209
- tt as SliderIndicator,
210
- at as SliderRoot,
211
- it as SliderThumb,
212
- nt as SliderTrack,
213
- lt as SliderValue,
214
- E as SwitchRoot,
215
- j as SwitchThumb,
216
- K as TabsIndicator,
217
- O as TabsList,
218
- Q as TabsPanel,
219
- U as TabsRoot,
220
- W as TabsTab,
221
- Fo as Textarea,
222
- ft as Toast,
223
- Y as ToastAction,
224
- Z as ToastClose,
225
- _ as ToastContent,
226
- $ as ToastDescription,
227
- oo as ToastPositioner,
228
- eo as ToastProvider,
229
- ro as ToastRoot,
230
- to as ToastTitle,
231
- ao as ToastViewport,
232
- z as Toggle,
233
- tr as ToggleGroupItem,
234
- ar as ToggleGroupRoot,
235
- pt as TooltipArrow,
236
- Mt as TooltipPopup,
237
- gt as TooltipPortal,
238
- dt as TooltipPositioner,
239
- mt as TooltipProvider,
240
- xt as TooltipRoot,
241
- bt as TooltipTrigger
221
+ H as SelectArrow,
222
+ y as SelectBackdrop,
223
+ E as SelectGroup,
224
+ U as SelectGroupLabel,
225
+ j as SelectIcon,
226
+ q as SelectItem,
227
+ z as SelectItemIndicator,
228
+ J as SelectItemText,
229
+ K as SelectList,
230
+ O as SelectPopup,
231
+ Q as SelectPortal,
232
+ W as SelectPositioner,
233
+ X as SelectRoot,
234
+ Y as SelectScrollDownArrow,
235
+ Z as SelectScrollUpArrow,
236
+ _ as SelectSeparator,
237
+ $ as SelectTrigger,
238
+ oo as SelectValue,
239
+ ro as Separator,
240
+ Gt as SliderControl,
241
+ Vt as SliderIndicator,
242
+ Bt as SliderRoot,
243
+ Ht as SliderThumb,
244
+ yt as SliderTrack,
245
+ Et as SliderValue,
246
+ ao as SwitchRoot,
247
+ io as SwitchThumb,
248
+ po as TabsIndicator,
249
+ co as TabsList,
250
+ mo as TabsPanel,
251
+ go as TabsRoot,
252
+ Mo as TabsTab,
253
+ Zo as Textarea,
254
+ ta as Toast,
255
+ xo as ToastAction,
256
+ Co as ToastClose,
257
+ Po as ToastContent,
258
+ To as ToastDescription,
259
+ so as ToastPositioner,
260
+ So as ToastProvider,
261
+ Ro as ToastRoot,
262
+ Io as ToastTitle,
263
+ Do as ToastViewport,
264
+ lo as Toggle,
265
+ Vr as ToggleGroupItem,
266
+ Br as ToggleGroupRoot,
267
+ jt as TooltipArrow,
268
+ qt as TooltipPopup,
269
+ zt as TooltipPortal,
270
+ Jt as TooltipPositioner,
271
+ Kt as TooltipProvider,
272
+ Ot as TooltipRoot,
273
+ Qt as TooltipTrigger
242
274
  };
@@ -0,0 +1,54 @@
1
+ import { JSX } from 'react/jsx-runtime';
2
+ import { NumberField } from '@base-ui/react/number-field';
3
+ import * as React_2 from 'react';
4
+
5
+ export declare const NumberFieldDecrement: {
6
+ ({ className, ...props }: NumberFieldDecrementProps): JSX.Element;
7
+ displayName: string;
8
+ };
9
+
10
+ export declare type NumberFieldDecrementProps = React_2.ComponentProps<typeof NumberField.Decrement>;
11
+
12
+ export declare const NumberFieldGroup: {
13
+ ({ className, ...props }: NumberFieldGroupProps): JSX.Element;
14
+ displayName: string;
15
+ };
16
+
17
+ export declare type NumberFieldGroupProps = React_2.ComponentProps<typeof NumberField.Group>;
18
+
19
+ export declare const NumberFieldIncrement: {
20
+ ({ className, ...props }: NumberFieldIncrementProps): JSX.Element;
21
+ displayName: string;
22
+ };
23
+
24
+ export declare type NumberFieldIncrementProps = React_2.ComponentProps<typeof NumberField.Increment>;
25
+
26
+ export declare const NumberFieldInput: {
27
+ ({ className, ...props }: NumberFieldInputProps): JSX.Element;
28
+ displayName: string;
29
+ };
30
+
31
+ export declare type NumberFieldInputProps = React_2.ComponentProps<typeof NumberField.Input>;
32
+
33
+ export declare const NumberFieldRoot: {
34
+ ({ className, ...props }: NumberFieldRootProps): JSX.Element;
35
+ displayName: string;
36
+ };
37
+
38
+ export declare type NumberFieldRootProps = React_2.ComponentProps<typeof NumberField.Root>;
39
+
40
+ export declare const NumberFieldScrubArea: {
41
+ ({ className, ...props }: NumberFieldScrubAreaProps): JSX.Element;
42
+ displayName: string;
43
+ };
44
+
45
+ export declare const NumberFieldScrubAreaCursor: {
46
+ ({ className, ...props }: NumberFieldScrubAreaCursorProps): JSX.Element;
47
+ displayName: string;
48
+ };
49
+
50
+ export declare type NumberFieldScrubAreaCursorProps = React_2.ComponentProps<typeof NumberField.ScrubAreaCursor>;
51
+
52
+ export declare type NumberFieldScrubAreaProps = React_2.ComponentProps<typeof NumberField.ScrubArea>;
53
+
54
+ export { }
@@ -0,0 +1,70 @@
1
+ "use client";
2
+ import { jsx as t } from "react/jsx-runtime";
3
+ import { NumberField as o } from "@base-ui/react/number-field";
4
+ import { f as s } from "./form-variants-D4ge0qav.js";
5
+ import { c as n } from "./utils-B6yFEsav.js";
6
+ const u = ({ className: e, ...r }) => /* @__PURE__ */ t(o.Root, { className: n(s, e), ...r });
7
+ u.displayName = "NumberFieldRoot";
8
+ const m = ({ className: e, ...r }) => /* @__PURE__ */ t(
9
+ o.ScrubArea,
10
+ {
11
+ className: n("cursor-ew-resize select-none", e),
12
+ ...r
13
+ }
14
+ );
15
+ m.displayName = "NumberFieldScrubArea";
16
+ const d = ({
17
+ className: e,
18
+ ...r
19
+ }) => /* @__PURE__ */ t(
20
+ o.ScrubAreaCursor,
21
+ {
22
+ className: n("drop-shadow-[0_1px_1px_rgba(0,0,0,0.5)] filter", e),
23
+ ...r
24
+ }
25
+ );
26
+ d.displayName = "NumberFieldScrubAreaCursor";
27
+ const a = ({ className: e, ...r }) => /* @__PURE__ */ t(o.Group, { className: n("flex", e), ...r });
28
+ a.displayName = "NumberFieldGroup";
29
+ const b = ({ className: e, ...r }) => /* @__PURE__ */ t(
30
+ o.Input,
31
+ {
32
+ className: n(
33
+ "h-9 w-24 border-t border-b border-border bg-transparent text-center text-base text-foreground tabular-nums outline-none",
34
+ e
35
+ ),
36
+ ...r
37
+ }
38
+ );
39
+ b.displayName = "NumberFieldInput";
40
+ const c = ({ className: e, ...r }) => /* @__PURE__ */ t(
41
+ o.Decrement,
42
+ {
43
+ className: n(
44
+ "flex size-9 items-center justify-center rounded-l-md border border-border bg-background text-foreground select-none transition-colors hover:bg-muted active:bg-muted",
45
+ e
46
+ ),
47
+ ...r
48
+ }
49
+ );
50
+ c.displayName = "NumberFieldDecrement";
51
+ const l = ({ className: e, ...r }) => /* @__PURE__ */ t(
52
+ o.Increment,
53
+ {
54
+ className: n(
55
+ "flex size-9 items-center justify-center rounded-r-md border border-border bg-background text-foreground select-none transition-colors hover:bg-muted active:bg-muted",
56
+ e
57
+ ),
58
+ ...r
59
+ }
60
+ );
61
+ l.displayName = "NumberFieldIncrement";
62
+ export {
63
+ c as NumberFieldDecrement,
64
+ a as NumberFieldGroup,
65
+ l as NumberFieldIncrement,
66
+ b as NumberFieldInput,
67
+ u as NumberFieldRoot,
68
+ m as NumberFieldScrubArea,
69
+ d as NumberFieldScrubAreaCursor
70
+ };
@@ -0,0 +1,12 @@
1
+ import { JSX } from 'react/jsx-runtime';
2
+ import { RadioGroup } from '@base-ui/react/radio-group';
3
+ import * as React_2 from 'react';
4
+
5
+ export declare const RadioGroupRoot: {
6
+ ({ className, ...props }: RadioGroupRootProps): JSX.Element;
7
+ displayName: string;
8
+ };
9
+
10
+ export declare type RadioGroupRootProps = React_2.ComponentProps<typeof RadioGroup>;
11
+
12
+ export { }
@@ -0,0 +1,15 @@
1
+ "use client";
2
+ import { jsx as t } from "react/jsx-runtime";
3
+ import { RadioGroup as a } from "@base-ui/react/radio-group";
4
+ import { c as e } from "./utils-B6yFEsav.js";
5
+ const i = ({ className: o, ...r }) => /* @__PURE__ */ t(
6
+ a,
7
+ {
8
+ className: e("flex flex-col items-start gap-2", o),
9
+ ...r
10
+ }
11
+ );
12
+ i.displayName = "RadioGroupRoot";
13
+ export {
14
+ i as RadioGroupRoot
15
+ };
@@ -0,0 +1,19 @@
1
+ import { JSX } from 'react/jsx-runtime';
2
+ import { Radio } from '@base-ui/react/radio';
3
+ import * as React_2 from 'react';
4
+
5
+ export declare const RadioIndicator: {
6
+ ({ className, ...props }: RadioIndicatorProps): JSX.Element;
7
+ displayName: string;
8
+ };
9
+
10
+ export declare type RadioIndicatorProps = React_2.ComponentProps<typeof Radio.Indicator>;
11
+
12
+ export declare const RadioRoot: {
13
+ ({ className, ...props }: RadioRootProps): JSX.Element;
14
+ displayName: string;
15
+ };
16
+
17
+ export declare type RadioRootProps = React_2.ComponentProps<typeof Radio.Root>;
18
+
19
+ export { }
package/dist/radio.js ADDED
@@ -0,0 +1,35 @@
1
+ "use client";
2
+ import { jsx as r } from "react/jsx-runtime";
3
+ import { Radio as i } from "@base-ui/react/radio";
4
+ import { c as a } from "./utils-B6yFEsav.js";
5
+ const t = ({ className: o, ...e }) => /* @__PURE__ */ r(
6
+ i.Root,
7
+ {
8
+ className: a(
9
+ "flex size-5 items-center justify-center rounded-full border border-input bg-transparent",
10
+ "transition-colors duration-150",
11
+ "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
12
+ "data-checked:border-primary data-checked:bg-primary",
13
+ "data-disabled:cursor-not-allowed data-disabled:opacity-50",
14
+ o
15
+ ),
16
+ ...e
17
+ }
18
+ );
19
+ t.displayName = "RadioRoot";
20
+ const d = ({ className: o, ...e }) => /* @__PURE__ */ r(
21
+ i.Indicator,
22
+ {
23
+ className: a(
24
+ "size-2 rounded-full bg-primary-foreground",
25
+ "data-unchecked:hidden",
26
+ o
27
+ ),
28
+ ...e
29
+ }
30
+ );
31
+ d.displayName = "RadioIndicator";
32
+ export {
33
+ d as RadioIndicator,
34
+ t as RadioRoot
35
+ };
@@ -0,0 +1,133 @@
1
+ import { JSX } from 'react/jsx-runtime';
2
+ import * as React_2 from 'react';
3
+ import { Select } from '@base-ui/react/select';
4
+ import { SelectRootProps as SelectRootProps_2 } from '@base-ui/react/select';
5
+
6
+ export declare const SelectArrow: {
7
+ ({ className, ...props }: SelectArrowProps): JSX.Element;
8
+ displayName: string;
9
+ };
10
+
11
+ export declare type SelectArrowProps = React_2.ComponentProps<typeof Select.Arrow>;
12
+
13
+ export declare const SelectBackdrop: {
14
+ ({ className, ...props }: SelectBackdropProps): JSX.Element;
15
+ displayName: string;
16
+ };
17
+
18
+ export declare type SelectBackdropProps = React_2.ComponentProps<typeof Select.Backdrop>;
19
+
20
+ export declare const SelectGroup: {
21
+ ({ className, ...props }: SelectGroupProps): JSX.Element;
22
+ displayName: string;
23
+ };
24
+
25
+ export declare const SelectGroupLabel: {
26
+ ({ className, ...props }: SelectGroupLabelProps): JSX.Element;
27
+ displayName: string;
28
+ };
29
+
30
+ export declare type SelectGroupLabelProps = React_2.ComponentProps<typeof Select.GroupLabel>;
31
+
32
+ export declare type SelectGroupProps = React_2.ComponentProps<typeof Select.Group>;
33
+
34
+ export declare const SelectIcon: {
35
+ ({ className, ...props }: SelectIconProps): JSX.Element;
36
+ displayName: string;
37
+ };
38
+
39
+ export declare type SelectIconProps = React_2.ComponentProps<typeof Select.Icon>;
40
+
41
+ export declare const SelectItem: {
42
+ ({ className, ...props }: SelectItemProps): JSX.Element;
43
+ displayName: string;
44
+ };
45
+
46
+ export declare const SelectItemIndicator: {
47
+ ({ className, ...props }: SelectItemIndicatorProps): JSX.Element;
48
+ displayName: string;
49
+ };
50
+
51
+ export declare type SelectItemIndicatorProps = React_2.ComponentProps<typeof Select.ItemIndicator>;
52
+
53
+ export declare type SelectItemProps = React_2.ComponentProps<typeof Select.Item>;
54
+
55
+ export declare const SelectItemText: {
56
+ ({ className, ...props }: SelectItemTextProps): JSX.Element;
57
+ displayName: string;
58
+ };
59
+
60
+ export declare type SelectItemTextProps = React_2.ComponentProps<typeof Select.ItemText>;
61
+
62
+ export declare const SelectList: {
63
+ ({ className, ...props }: SelectListProps): JSX.Element;
64
+ displayName: string;
65
+ };
66
+
67
+ export declare type SelectListProps = React_2.ComponentProps<typeof Select.List>;
68
+
69
+ export declare const SelectPopup: {
70
+ ({ className, ...props }: SelectPopupProps): JSX.Element;
71
+ displayName: string;
72
+ };
73
+
74
+ export declare type SelectPopupProps = React_2.ComponentProps<typeof Select.Popup>;
75
+
76
+ export declare const SelectPortal: {
77
+ (props: SelectPortalProps): JSX.Element;
78
+ displayName: string;
79
+ };
80
+
81
+ export declare type SelectPortalProps = React_2.ComponentProps<typeof Select.Portal>;
82
+
83
+ export declare const SelectPositioner: {
84
+ ({ className, ...props }: SelectPositionerProps): JSX.Element;
85
+ displayName: string;
86
+ };
87
+
88
+ export declare type SelectPositionerProps = React_2.ComponentProps<typeof Select.Positioner>;
89
+
90
+ export declare function SelectRoot<Value, Multiple extends boolean | undefined = false>(props: SelectRootProps_2<Value, Multiple>): JSX.Element;
91
+
92
+ export declare namespace SelectRoot {
93
+ var displayName: string;
94
+ }
95
+
96
+ export declare type SelectRootProps<Value, Multiple extends boolean | undefined = false> = SelectRootProps_2<Value, Multiple>;
97
+
98
+ export declare const SelectScrollDownArrow: {
99
+ ({ className, ...props }: SelectScrollDownArrowProps): JSX.Element;
100
+ displayName: string;
101
+ };
102
+
103
+ export declare type SelectScrollDownArrowProps = React_2.ComponentProps<typeof Select.ScrollDownArrow>;
104
+
105
+ export declare const SelectScrollUpArrow: {
106
+ ({ className, ...props }: SelectScrollUpArrowProps): JSX.Element;
107
+ displayName: string;
108
+ };
109
+
110
+ export declare type SelectScrollUpArrowProps = React_2.ComponentProps<typeof Select.ScrollUpArrow>;
111
+
112
+ export declare const SelectSeparator: {
113
+ ({ className, ...props }: SelectSeparatorProps): JSX.Element;
114
+ displayName: string;
115
+ };
116
+
117
+ export declare type SelectSeparatorProps = React_2.ComponentProps<typeof Select.Separator>;
118
+
119
+ export declare const SelectTrigger: {
120
+ ({ className, ...props }: SelectTriggerProps): JSX.Element;
121
+ displayName: string;
122
+ };
123
+
124
+ export declare type SelectTriggerProps = React_2.ComponentProps<typeof Select.Trigger>;
125
+
126
+ export declare const SelectValue: {
127
+ ({ className, ...props }: SelectValueProps): JSX.Element;
128
+ displayName: string;
129
+ };
130
+
131
+ export declare type SelectValueProps = React_2.ComponentProps<typeof Select.Value>;
132
+
133
+ export { }
package/dist/select.js ADDED
@@ -0,0 +1,172 @@
1
+ "use client";
2
+ import { jsx as a } from "react/jsx-runtime";
3
+ import { Select as r } from "@base-ui/react/select";
4
+ import { A as l } from "./arrow-svg-C6zQTvgS.js";
5
+ import { c as o } from "./utils-B6yFEsav.js";
6
+ function s(e) {
7
+ return /* @__PURE__ */ a(r.Root, { ...e });
8
+ }
9
+ s.displayName = "SelectRoot";
10
+ const n = ({ className: e, ...t }) => /* @__PURE__ */ a(
11
+ r.Trigger,
12
+ {
13
+ className: o(
14
+ "flex min-h-9 min-w-40 items-center justify-between gap-3 rounded-md border border-border bg-background px-3.5 pr-3 text-base text-foreground select-none hover:bg-muted data-popup-open:bg-muted",
15
+ e
16
+ ),
17
+ ...t
18
+ }
19
+ );
20
+ n.displayName = "SelectTrigger";
21
+ const d = ({ className: e, ...t }) => /* @__PURE__ */ a(
22
+ r.Value,
23
+ {
24
+ className: o("data-placeholder:text-muted-foreground text-sm", e),
25
+ ...t
26
+ }
27
+ );
28
+ d.displayName = "SelectValue";
29
+ const i = ({ className: e, ...t }) => /* @__PURE__ */ a(r.Icon, { className: o("flex", e), ...t });
30
+ i.displayName = "SelectIcon";
31
+ const c = ({ className: e, ...t }) => /* @__PURE__ */ a(
32
+ r.Backdrop,
33
+ {
34
+ className: o(
35
+ "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
36
+ "transition-opacity duration-200",
37
+ "data-starting-style:opacity-0 data-ending-style:opacity-0",
38
+ e
39
+ ),
40
+ ...t
41
+ }
42
+ );
43
+ c.displayName = "SelectBackdrop";
44
+ const p = (e) => /* @__PURE__ */ a(r.Portal, { ...e });
45
+ p.displayName = "SelectPortal";
46
+ const m = ({ className: e, ...t }) => /* @__PURE__ */ a(
47
+ r.Positioner,
48
+ {
49
+ className: o("outline-none select-none z-50", e),
50
+ sideOffset: 8,
51
+ ...t
52
+ }
53
+ );
54
+ m.displayName = "SelectPositioner";
55
+ const u = ({ className: e, ...t }) => /* @__PURE__ */ a(
56
+ r.Popup,
57
+ {
58
+ className: o(
59
+ "group min-w-(--anchor-width) origin-(--transform-origin) bg-clip-padding rounded-md bg-background text-foreground shadow-lg shadow-gray-200 border border-border transition-[transform,scale,opacity]",
60
+ "data-ending-style:scale-90 data-ending-style:opacity-0",
61
+ "data-[side=none]:min-w-[calc(var(--anchor-width)+1rem)] data-[side=none]:data-ending-style:transition-none",
62
+ "data-starting-style:scale-90 data-starting-style:opacity-0",
63
+ "data-[side=none]:data-starting-style:scale-100 data-[side=none]:data-starting-style:opacity-100 data-[side=none]:data-starting-style:transition-none",
64
+ "dark:shadow-none",
65
+ e
66
+ ),
67
+ ...t
68
+ }
69
+ );
70
+ u.displayName = "SelectPopup";
71
+ const g = ({ className: e, ...t }) => /* @__PURE__ */ a(
72
+ r.List,
73
+ {
74
+ className: o(
75
+ "relative py-1 scroll-py-6 overflow-y-auto max-h-(--available-height)",
76
+ e
77
+ ),
78
+ ...t
79
+ }
80
+ );
81
+ g.displayName = "SelectList";
82
+ const b = ({ className: e, ...t }) => /* @__PURE__ */ a(
83
+ r.Arrow,
84
+ {
85
+ className: o(
86
+ "flex data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180",
87
+ e
88
+ ),
89
+ ...t,
90
+ children: /* @__PURE__ */ a(l, {})
91
+ }
92
+ );
93
+ b.displayName = "SelectArrow";
94
+ const f = ({ className: e, ...t }) => /* @__PURE__ */ a(
95
+ r.Item,
96
+ {
97
+ className: o(
98
+ "grid cursor-default grid-cols-[0.75rem_1fr] items-center gap-2 py-1.5 pr-4 pl-2.5 text-sm outline-none select-none",
99
+ "group-data-[side=none]:pr-12 group-data-[side=none]:text-base group-data-[side=none]:leading-4",
100
+ "data-highlighted:relative data-highlighted:z-0 data-highlighted:text-background",
101
+ "data-highlighted:before:absolute data-highlighted:before:inset-x-1 data-highlighted:before:inset-y-0 data-highlighted:before:z-[-1] data-highlighted:before:rounded-sm data-highlighted:before:bg-foreground",
102
+ "pointer-coarse:py-2.5 pointer-coarse:text-[0.925rem]",
103
+ e
104
+ ),
105
+ ...t
106
+ }
107
+ );
108
+ f.displayName = "SelectItem";
109
+ const h = ({ className: e, ...t }) => /* @__PURE__ */ a(r.ItemText, { className: o("col-start-2 text-sm", e), ...t });
110
+ h.displayName = "SelectItemText";
111
+ const y = ({ className: e, ...t }) => /* @__PURE__ */ a(r.ItemIndicator, { className: o("col-start-1", e), ...t });
112
+ y.displayName = "SelectItemIndicator";
113
+ const S = ({ className: e, ...t }) => /* @__PURE__ */ a(r.Group, { className: o(e), ...t });
114
+ S.displayName = "SelectGroup";
115
+ const x = ({ className: e, ...t }) => /* @__PURE__ */ a(
116
+ r.GroupLabel,
117
+ {
118
+ className: o("px-3 py-1.5 text-sm font-semibold", e),
119
+ ...t
120
+ }
121
+ );
122
+ x.displayName = "SelectGroupLabel";
123
+ const N = ({ className: e, ...t }) => /* @__PURE__ */ a(
124
+ r.ScrollUpArrow,
125
+ {
126
+ className: o(
127
+ 'top-0 z-1 flex h-4 w-full cursor-default items-center justify-center rounded-md bg-background text-center text-xs before:absolute data-[side=none]:before:-top-full before:left-0 before:h-full before:w-full before:content-[""]',
128
+ e
129
+ ),
130
+ ...t
131
+ }
132
+ );
133
+ N.displayName = "SelectScrollUpArrow";
134
+ const w = ({ className: e, ...t }) => /* @__PURE__ */ a(
135
+ r.ScrollDownArrow,
136
+ {
137
+ className: o(
138
+ 'bottom-0 z-1 flex h-4 w-full cursor-default items-center justify-center rounded-md bg-background text-center text-xs before:absolute before:left-0 before:h-full before:w-full before:content-[""] bottom-0 data-[side=none]:before:-bottom-full',
139
+ e
140
+ ),
141
+ ...t
142
+ }
143
+ );
144
+ w.displayName = "SelectScrollDownArrow";
145
+ const I = ({ className: e, ...t }) => /* @__PURE__ */ a(
146
+ r.Separator,
147
+ {
148
+ className: o("-mx-1 my-1 h-px bg-border", e),
149
+ ...t
150
+ }
151
+ );
152
+ I.displayName = "SelectSeparator";
153
+ export {
154
+ b as SelectArrow,
155
+ c as SelectBackdrop,
156
+ S as SelectGroup,
157
+ x as SelectGroupLabel,
158
+ i as SelectIcon,
159
+ f as SelectItem,
160
+ y as SelectItemIndicator,
161
+ h as SelectItemText,
162
+ g as SelectList,
163
+ u as SelectPopup,
164
+ p as SelectPortal,
165
+ m as SelectPositioner,
166
+ s as SelectRoot,
167
+ w as SelectScrollDownArrow,
168
+ N as SelectScrollUpArrow,
169
+ I as SelectSeparator,
170
+ n as SelectTrigger,
171
+ d as SelectValue
172
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lglab/compose-ui",
3
- "version": "0.25.0",
3
+ "version": "0.26.0",
4
4
  "description": "A collection of components built with Base UI & Tailwind CSS",
5
5
  "author": "LGLab",
6
6
  "license": "MIT",
@@ -102,6 +102,10 @@
102
102
  "import": "./dist/navigation-menu.js",
103
103
  "types": "./dist/navigation-menu.d.ts"
104
104
  },
105
+ "./number-field": {
106
+ "import": "./dist/number-field.js",
107
+ "types": "./dist/number-field.d.ts"
108
+ },
105
109
  "./popover": {
106
110
  "import": "./dist/popover.js",
107
111
  "types": "./dist/popover.d.ts"
@@ -114,10 +118,22 @@
114
118
  "import": "./dist/progress.js",
115
119
  "types": "./dist/progress.d.ts"
116
120
  },
121
+ "./radio": {
122
+ "import": "./dist/radio.js",
123
+ "types": "./dist/radio.d.ts"
124
+ },
125
+ "./radio-group": {
126
+ "import": "./dist/radio-group.js",
127
+ "types": "./dist/radio-group.d.ts"
128
+ },
117
129
  "./scroll-area": {
118
130
  "import": "./dist/scroll-area.js",
119
131
  "types": "./dist/scroll-area.d.ts"
120
132
  },
133
+ "./select": {
134
+ "import": "./dist/select.js",
135
+ "types": "./dist/select.d.ts"
136
+ },
121
137
  "./separator": {
122
138
  "import": "./dist/separator.js",
123
139
  "types": "./dist/separator.d.ts"
@@ -183,10 +199,10 @@
183
199
  "react-dom": "^19.2.3",
184
200
  "rollup-preserve-directives": "^1.1.3",
185
201
  "typescript": "~5.9.3",
186
- "typescript-eslint": "^8.53.0",
202
+ "typescript-eslint": "^8.53.1",
187
203
  "vite": "^7.3.1",
188
204
  "vite-plugin-dts": "^4.5.4",
189
- "vite-plugin-static-copy": "^3.1.4"
205
+ "vite-plugin-static-copy": "^3.1.5"
190
206
  },
191
207
  "scripts": {
192
208
  "build": "tsc -b && vite build"