@brijbyte/agentic-ui 0.0.4 → 0.0.5
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/README.md +151 -21
- package/dist/accordion/index.d.ts +2 -2
- package/dist/accordion/index.js +2 -2
- package/dist/accordion/parts.d.ts +6 -14
- package/dist/accordion/parts.d.ts.map +1 -1
- package/dist/accordion/parts.js +7 -6
- package/dist/accordion/parts.js.map +1 -1
- package/dist/alert-dialog/parts.d.ts +4 -12
- package/dist/alert-dialog/parts.d.ts.map +1 -1
- package/dist/alert-dialog/parts.js +17 -19
- package/dist/alert-dialog/parts.js.map +1 -1
- package/dist/checkbox/parts.d.ts +2 -5
- package/dist/checkbox/parts.d.ts.map +1 -1
- package/dist/checkbox/parts.js +3 -2
- package/dist/checkbox/parts.js.map +1 -1
- package/dist/collapsible/parts.d.ts +3 -9
- package/dist/collapsible/parts.d.ts.map +1 -1
- package/dist/collapsible/parts.js +7 -6
- package/dist/collapsible/parts.js.map +1 -1
- package/dist/context-menu/parts.d.ts +6 -18
- package/dist/context-menu/parts.d.ts.map +1 -1
- package/dist/context-menu/parts.js +16 -16
- package/dist/context-menu/parts.js.map +1 -1
- package/dist/dialog/parts.d.ts +6 -18
- package/dist/dialog/parts.d.ts.map +1 -1
- package/dist/dialog/parts.js +8 -9
- package/dist/dialog/parts.js.map +1 -1
- package/dist/drawer/parts.d.ts +7 -19
- package/dist/drawer/parts.d.ts.map +1 -1
- package/dist/drawer/parts.js +14 -13
- package/dist/drawer/parts.js.map +1 -1
- package/dist/index.css +1375 -1375
- package/dist/index.d.ts +2 -2
- package/dist/index.js +2 -2
- package/dist/menu/parts.d.ts +6 -18
- package/dist/menu/parts.d.ts.map +1 -1
- package/dist/menu/parts.js +7 -6
- package/dist/menu/parts.js.map +1 -1
- package/dist/meter/parts.d.ts +4 -10
- package/dist/meter/parts.d.ts.map +1 -1
- package/dist/meter/parts.js +5 -4
- package/dist/meter/parts.js.map +1 -1
- package/dist/number-field/parts.d.ts +6 -18
- package/dist/number-field/parts.d.ts.map +1 -1
- package/dist/number-field/parts.js +7 -6
- package/dist/number-field/parts.js.map +1 -1
- package/dist/popover/parts.d.ts +7 -21
- package/dist/popover/parts.d.ts.map +1 -1
- package/dist/popover/parts.js +8 -11
- package/dist/popover/parts.js.map +1 -1
- package/dist/progress/parts.d.ts +2 -4
- package/dist/progress/parts.d.ts.map +1 -1
- package/dist/progress/parts.js +3 -6
- package/dist/progress/parts.js.map +1 -1
- package/dist/radio/parts.d.ts +2 -6
- package/dist/radio/parts.d.ts.map +1 -1
- package/dist/radio/parts.js +3 -2
- package/dist/radio/parts.js.map +1 -1
- package/dist/radio-group/parts.d.ts +1 -3
- package/dist/radio-group/parts.d.ts.map +1 -1
- package/dist/radio-group/parts.js +2 -1
- package/dist/radio-group/parts.js.map +1 -1
- package/dist/reset-scoped.css +112 -0
- package/dist/select/parts.d.ts +11 -32
- package/dist/select/parts.d.ts.map +1 -1
- package/dist/select/parts.js +10 -9
- package/dist/select/parts.js.map +1 -1
- package/dist/slider/parts.d.ts +6 -18
- package/dist/slider/parts.d.ts.map +1 -1
- package/dist/slider/parts.js +7 -6
- package/dist/slider/parts.js.map +1 -1
- package/dist/switch/parts.d.ts +2 -6
- package/dist/switch/parts.d.ts.map +1 -1
- package/dist/switch/parts.js +3 -2
- package/dist/switch/parts.js.map +1 -1
- package/dist/tabs/parts.d.ts +3 -9
- package/dist/tabs/parts.d.ts.map +1 -1
- package/dist/tabs/parts.js +4 -3
- package/dist/tabs/parts.js.map +1 -1
- package/dist/toast/parts.d.ts +5 -15
- package/dist/toast/parts.d.ts.map +1 -1
- package/dist/toast/parts.js +6 -5
- package/dist/toast/parts.js.map +1 -1
- package/dist/tooltip/parts.d.ts +3 -9
- package/dist/tooltip/parts.d.ts.map +1 -1
- package/dist/tooltip/parts.js +4 -3
- package/dist/tooltip/parts.js.map +1 -1
- package/dist/utils/resolveClassName.js +25 -0
- package/dist/utils/resolveClassName.js.map +1 -0
- package/package.json +4 -3
- package/src/accordion/index.ts +1 -1
- package/src/accordion/parts.tsx +10 -17
- package/src/alert-dialog/parts.tsx +23 -31
- package/src/checkbox/parts.tsx +5 -7
- package/src/collapsible/parts.tsx +10 -15
- package/src/context-menu/parts.tsx +34 -34
- package/src/dialog/parts.tsx +14 -27
- package/src/drawer/parts.tsx +30 -38
- package/src/menu/parts.tsx +13 -24
- package/src/meter/parts.tsx +15 -14
- package/src/number-field/parts.tsx +33 -24
- package/src/popover/parts.tsx +17 -32
- package/src/progress/parts.tsx +13 -6
- package/src/radio/parts.tsx +7 -8
- package/src/radio-group/parts.tsx +3 -4
- package/src/select/parts.tsx +34 -41
- package/src/slider/parts.tsx +13 -24
- package/src/styles/reset-scoped.css +112 -0
- package/src/switch/parts.tsx +5 -8
- package/src/tabs/parts.tsx +7 -12
- package/src/toast/parts.tsx +11 -20
- package/src/tooltip/parts.tsx +7 -12
- package/src/utils/resolveClassName.ts +24 -0
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Accordion, AccordionItem, AccordionProps, styles } from "./accordion/accordion.js";
|
|
2
|
-
import { AccordionHeader, AccordionHeaderProps,
|
|
2
|
+
import { AccordionHeader, AccordionHeaderProps, AccordionItemPart, AccordionItemProps, AccordionPanel, AccordionPanelProps, AccordionTrigger, AccordionTriggerProps } from "./accordion/parts.js";
|
|
3
3
|
import { AlertAction, AlertDialog, AlertDialogProps, styles as styles$1 } from "./alert-dialog/alert-dialog.js";
|
|
4
4
|
import { AlertDialogBackdrop, AlertDialogBackdropProps, AlertDialogDescription, AlertDialogDescriptionProps, AlertDialogPopup, AlertDialogPopupProps, AlertDialogTitle, AlertDialogTitleProps } from "./alert-dialog/parts.js";
|
|
5
5
|
import { Badge, BadgeProps, BadgeVariant, styles as styles$2 } from "./badge/badge.js";
|
|
@@ -45,4 +45,4 @@ import { ToastProvider, ToastProviderProps, ToastType, ToastViewport, ToastViewp
|
|
|
45
45
|
import { ToastClose, ToastCloseProps, ToastDescription, ToastDescriptionProps, ToastRoot, ToastRootProps, ToastTitle, ToastTitleProps, ToastViewportPart, ToastViewportPartProps } from "./toast/parts.js";
|
|
46
46
|
import { Tooltip, TooltipProps, styles as styles$24 } from "./tooltip/tooltip.js";
|
|
47
47
|
import { TooltipArrow, TooltipArrowProps, TooltipPopup, TooltipPopupProps, TooltipPositioner, TooltipPositionerProps } from "./tooltip/parts.js";
|
|
48
|
-
export { Accordion, AccordionHeader, AccordionHeaderProps, AccordionItem,
|
|
48
|
+
export { Accordion, AccordionHeader, AccordionHeaderProps, AccordionItem, AccordionItemPart, AccordionItemProps, AccordionPanel, AccordionPanelProps, AccordionProps, styles as AccordionStyles, AccordionTrigger, AccordionTriggerProps, AlertAction, AlertDialog, AlertDialogBackdrop, AlertDialogBackdropProps, AlertDialogDescription, AlertDialogDescriptionProps, AlertDialogPopup, AlertDialogPopupProps, AlertDialogProps, styles$1 as AlertDialogStyles, AlertDialogTitle, AlertDialogTitleProps, Badge, BadgeProps, styles$2 as BadgeStyles, BadgeVariant, Button, ButtonProps, ButtonSize, styles$3 as ButtonStyles, ButtonTone, ButtonVariant, Card, CardBody, CardFooter, CardHeader, CardHeaderProps, CardProps, styles$4 as CardStyles, Checkbox, CheckboxIndicator, CheckboxIndicatorProps, CheckboxProps, CheckboxRoot, CheckboxRootProps, styles$5 as CheckboxStyles, CircularMeter, CircularMeterProps, CircularMeterSize, Collapsible, CollapsiblePanel, CollapsiblePanelProps, CollapsibleProps, CollapsibleRoot, CollapsibleRootProps, styles$6 as CollapsibleStyles, CollapsibleTrigger, CollapsibleTriggerProps, ContextMenu, ContextMenuEntry, ContextMenuGroup, ContextMenuGroupDef, ContextMenuGroupLabel, ContextMenuGroupLabelProps, ContextMenuGroupProps, ContextMenuItem, ContextMenuItemDef, ContextMenuItemProps, ContextMenuPopup, ContextMenuPopupProps, ContextMenuProps, ContextMenuSeparator, ContextMenuSeparatorDef, ContextMenuSeparatorProps, styles$7 as ContextMenuStyles, ContextMenuSubmenuTrigger, ContextMenuSubmenuTriggerProps, Dialog, DialogBackdrop, DialogBackdropProps, DialogClose, DialogCloseProps, DialogDescription, DialogDescriptionProps, DialogPopup, DialogPopupProps, DialogProps, styles$8 as DialogStyles, DialogTitle, DialogTitleProps, DialogViewport, DialogViewportProps, Drawer, DrawerBackdrop, DrawerBackdropProps, DrawerClose, DrawerCloseProps, DrawerContent, DrawerContentProps, DrawerDescription, DrawerDescriptionProps, DrawerFooter, DrawerHandleBar, DrawerPopup, DrawerPopupProps, DrawerProps, DrawerSide, styles$9 as DrawerStyles, DrawerTitle, DrawerTitleProps, DrawerViewport, DrawerViewportProps, Input, InputProps, InputSize, styles$10 as InputStyles, Menu, MenuArrow, MenuArrowProps, MenuEntry, MenuGroupDef, MenuGroupLabel, MenuGroupLabelProps, MenuItem, MenuItemDef, MenuItemProps, MenuItemShortcut, MenuItemShortcutProps, MenuPopup, MenuPopupProps, MenuPositioner, MenuPositionerProps, MenuProps, MenuSeparator, MenuSeparatorDef, MenuSeparatorProps, styles$11 as MenuStyles, Meter, MeterIndicator, MeterIndicatorProps, MeterLabel, MeterLabelProps, MeterProps, MeterSize, styles$12 as MeterStyles, MeterTrack, MeterTrackProps, MeterValue, MeterValueProps, NumberField, NumberFieldDecrement, NumberFieldDecrementProps, NumberFieldGroup, NumberFieldGroupProps, NumberFieldIncrement, NumberFieldIncrementProps, NumberFieldInput, NumberFieldInputProps, NumberFieldProps, NumberFieldScrubArea, NumberFieldScrubAreaCursor, NumberFieldScrubAreaCursorProps, NumberFieldScrubAreaProps, styles$13 as NumberFieldStyles, Popover, PopoverArrow, PopoverArrowProps, PopoverClose, PopoverCloseProps, PopoverDescription, PopoverDescriptionProps, PopoverPopup, PopoverPopupProps, PopoverPositioner, PopoverPositionerProps, PopoverProps, styles$14 as PopoverStyles, PopoverTitle, PopoverTitleProps, PopoverViewport, PopoverViewportProps, Progress, ProgressIndicator, ProgressIndicatorProps, ProgressProps, ProgressSize, ProgressStatus, styles$15 as ProgressStyles, ProgressTrack, ProgressTrackProps, Radio, RadioGroup, RadioGroupProps, RadioGroupRoot, RadioGroupRootProps, styles$16 as RadioGroupStyles, RadioIndicator, RadioIndicatorProps, RadioOption, RadioProps, RadioRoot, RadioRootProps, styles$17 as RadioStyles, Select, SelectGroup, SelectGroup$1 as SelectGroupContainer, SelectGroupLabel, SelectGroupLabelProps, SelectGroupProps, SelectItem, SelectItemIndicator, SelectItemIndicatorProps, SelectItemProps, SelectItemText, SelectItemTextProps, SelectList, SelectListProps, SelectOption, SelectPopup, SelectPopupProps, SelectPositioner, SelectPositionerProps, SelectProps, SelectSeparator, SelectSeparatorProps, styles$18 as SelectStyles, SelectTrigger, SelectTriggerProps, SelectValue, SelectValueProps, Separator, SeparatorProps, styles$19 as SeparatorStyles, Slider, SliderControl, SliderControlProps, SliderIndicator, SliderIndicatorProps, SliderLabel, SliderLabelProps, SliderProps, styles$20 as SliderStyles, SliderThumb, SliderThumbProps, SliderTrack, SliderTrackProps, SliderValue, SliderValueProps, Switch, SwitchProps, SwitchRoot, SwitchRootProps, styles$21 as SwitchStyles, SwitchThumb, SwitchThumbProps, TabItem, Tabs, TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsProps, styles$22 as TabsStyles, TabsTab, TabsTabProps, ToastClose, ToastCloseProps, ToastDescription, ToastDescriptionProps, ToastProvider, ToastProviderProps, ToastRoot, ToastRootProps, styles$23 as ToastStyles, ToastTitle, ToastTitleProps, ToastType, ToastViewport, ToastViewportPart, ToastViewportPartProps, ToastViewportProps, Tooltip, TooltipArrow, TooltipArrowProps, TooltipPopup, TooltipPopupProps, TooltipPositioner, TooltipPositionerProps, TooltipProps, styles$24 as TooltipStyles, useToastManager };
|
package/dist/index.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
/* empty css */
|
|
3
3
|
import accordion_module_default from "./accordion/accordion.module.js";
|
|
4
4
|
import { Accordion } from "./accordion/accordion.js";
|
|
5
|
-
import { AccordionHeader,
|
|
5
|
+
import { AccordionHeader, AccordionItemPart, AccordionPanel, AccordionTrigger } from "./accordion/parts.js";
|
|
6
6
|
import button_module_default from "./button/button.module.js";
|
|
7
7
|
import { Button } from "./button/button.js";
|
|
8
8
|
import alert_dialog_module_default from "./alert-dialog/alert-dialog.module.js";
|
|
@@ -72,4 +72,4 @@ import { ToastClose, ToastDescription, ToastRoot, ToastTitle, ToastViewportPart
|
|
|
72
72
|
import tooltip_module_default from "./tooltip/tooltip.module.js";
|
|
73
73
|
import { Tooltip } from "./tooltip/tooltip.js";
|
|
74
74
|
import { TooltipArrow, TooltipPopup, TooltipPositioner } from "./tooltip/parts.js";
|
|
75
|
-
export { Accordion, AccordionHeader,
|
|
75
|
+
export { Accordion, AccordionHeader, AccordionItemPart, AccordionPanel, accordion_module_default as AccordionStyles, AccordionTrigger, AlertDialog, AlertDialogBackdrop, AlertDialogDescription, AlertDialogPopup, alert_dialog_module_default as AlertDialogStyles, AlertDialogTitle, Badge, badge_module_default as BadgeStyles, Button, button_module_default as ButtonStyles, Card, CardBody, CardFooter, CardHeader, card_module_default as CardStyles, Checkbox, CheckboxIndicator, CheckboxRoot, checkbox_module_default as CheckboxStyles, CircularMeter, Collapsible, CollapsiblePanel, CollapsibleRoot, collapsible_module_default as CollapsibleStyles, CollapsibleTrigger, ContextMenu, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuItem, ContextMenuPopup, ContextMenuSeparator, context_menu_module_default as ContextMenuStyles, ContextMenuSubmenuTrigger, Dialog, DialogBackdrop, DialogClose, DialogDescription, DialogPopup, dialog_module_default as DialogStyles, DialogTitle, DialogViewport, Drawer, DrawerBackdrop, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHandleBar, DrawerPopup, drawer_module_default as DrawerStyles, DrawerTitle, DrawerViewport, Input, input_module_default as InputStyles, Menu, MenuArrow, MenuGroupLabel, MenuItem, MenuItemShortcut, MenuPopup, MenuPositioner, MenuSeparator, menu_module_default as MenuStyles, Meter, MeterIndicator, MeterLabel, meter_module_default as MeterStyles, MeterTrack, MeterValue, NumberField, NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldScrubArea, NumberFieldScrubAreaCursor, number_field_module_default as NumberFieldStyles, Popover, PopoverArrow, PopoverClose, PopoverDescription, PopoverPopup, PopoverPositioner, popover_module_default as PopoverStyles, PopoverTitle, PopoverViewport, Progress, ProgressIndicator, progress_module_default as ProgressStyles, ProgressTrack, Radio, RadioGroup, RadioGroupRoot, radio_group_module_default as RadioGroupStyles, RadioIndicator, RadioRoot, radio_module_default as RadioStyles, Select, SelectGroup as SelectGroupContainer, SelectGroupLabel, SelectItem, SelectItemIndicator, SelectItemText, SelectList, SelectPopup, SelectPositioner, SelectSeparator, select_module_default as SelectStyles, SelectTrigger, SelectValue, Separator, separator_module_default as SeparatorStyles, Slider, SliderControl, SliderIndicator, SliderLabel, slider_module_default as SliderStyles, SliderThumb, SliderTrack, SliderValue, Switch, SwitchRoot, switch_module_default as SwitchStyles, SwitchThumb, Tabs, TabsList, TabsPanel, tabs_module_default as TabsStyles, TabsTab, ToastClose, ToastDescription, ToastProvider, ToastRoot, toast_module_default as ToastStyles, ToastTitle, ToastViewport, ToastViewportPart, Tooltip, TooltipArrow, TooltipPopup, TooltipPositioner, tooltip_module_default as TooltipStyles, useToastManager };
|
package/dist/menu/parts.d.ts
CHANGED
|
@@ -10,24 +10,12 @@ type BaseItemProps = ComponentPropsWithoutRef<typeof Menu.Item>;
|
|
|
10
10
|
type BaseSeparatorProps = ComponentPropsWithoutRef<typeof Menu.Separator>;
|
|
11
11
|
type BaseGroupLabelProps = ComponentPropsWithoutRef<typeof Menu.GroupLabel>;
|
|
12
12
|
type BaseArrowProps = ComponentPropsWithoutRef<typeof Menu.Arrow>;
|
|
13
|
-
interface MenuPositionerProps extends
|
|
14
|
-
|
|
15
|
-
}
|
|
16
|
-
interface
|
|
17
|
-
|
|
18
|
-
}
|
|
19
|
-
interface MenuItemProps extends Omit<BaseItemProps, "className"> {
|
|
20
|
-
className?: string;
|
|
21
|
-
}
|
|
22
|
-
interface MenuSeparatorProps extends Omit<BaseSeparatorProps, "className"> {
|
|
23
|
-
className?: string;
|
|
24
|
-
}
|
|
25
|
-
interface MenuGroupLabelProps extends Omit<BaseGroupLabelProps, "className"> {
|
|
26
|
-
className?: string;
|
|
27
|
-
}
|
|
28
|
-
interface MenuArrowProps extends Omit<BaseArrowProps, "className"> {
|
|
29
|
-
className?: string;
|
|
30
|
-
}
|
|
13
|
+
interface MenuPositionerProps extends BasePositionerProps {}
|
|
14
|
+
interface MenuPopupProps extends BasePopupProps {}
|
|
15
|
+
interface MenuItemProps extends BaseItemProps {}
|
|
16
|
+
interface MenuSeparatorProps extends BaseSeparatorProps {}
|
|
17
|
+
interface MenuGroupLabelProps extends BaseGroupLabelProps {}
|
|
18
|
+
interface MenuArrowProps extends BaseArrowProps {}
|
|
31
19
|
declare const MenuPositioner: react.ForwardRefExoticComponent<MenuPositionerProps & react.RefAttributes<HTMLDivElement>>;
|
|
32
20
|
declare const MenuPopup: react.ForwardRefExoticComponent<MenuPopupProps & react.RefAttributes<HTMLDivElement>>;
|
|
33
21
|
declare const MenuItem: react.ForwardRefExoticComponent<MenuItemProps & react.RefAttributes<HTMLElement>>;
|
package/dist/menu/parts.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/menu/parts.tsx"],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/menu/parts.tsx"],"mappings":";;;;;;KA8BK,mBAAA,GAAsB,wBAAA,QAAgC,IAAA,CAAS,UAAA;AAAA,KAC/D,cAAA,GAAiB,wBAAA,QAAgC,IAAA,CAAS,KAAA;AAAA,KAC1D,aAAA,GAAgB,wBAAA,QAAgC,IAAA,CAAS,IAAA;AAAA,KACzD,kBAAA,GAAqB,wBAAA,QAAgC,IAAA,CAAS,SAAA;AAAA,KAC9D,mBAAA,GAAsB,wBAAA,QAAgC,IAAA,CAAS,UAAA;AAAA,KAC/D,cAAA,GAAiB,wBAAA,QAAgC,IAAA,CAAS,KAAA;AAAA,UAE9C,mBAAA,SAA4B,mBAAA;AAAA,UAC5B,cAAA,SAAuB,cAAA;AAAA,UACvB,aAAA,SAAsB,aAAA;AAAA,UACtB,kBAAA,SAA2B,kBAAA;AAAA,UAC3B,mBAAA,SAA4B,mBAAA;AAAA,UAC5B,cAAA,SAAuB,cAAA;AAAA,cAE3B,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,mBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOd,SAAA,EAAS,KAAA,CAAA,yBAAA,CAAA,cAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAIT,QAAA,EAAQ,KAAA,CAAA,yBAAA,CAAA,aAAA,GAAA,KAAA,CAAA,aAAA,CAAA,WAAA;AAAA,cAIR,aAAA,EAAa,KAAA,CAAA,yBAAA,CAAA,kBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOb,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,mBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOd,SAAA,EAAS,KAAA,CAAA,yBAAA,CAAA,cAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA"}
|
package/dist/menu/parts.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { cx, resolveClassName } from "../utils/resolveClassName.js";
|
|
1
2
|
import menu_module_default from "./menu.module.js";
|
|
2
3
|
import "./menuitemshortcut.js";
|
|
3
4
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -31,42 +32,42 @@ import { Menu } from "@base-ui/react/menu";
|
|
|
31
32
|
const MenuPositioner = forwardRef(function MenuPositioner({ className, ...props }, ref) {
|
|
32
33
|
return /* @__PURE__ */ jsx(Menu.Positioner, {
|
|
33
34
|
ref,
|
|
34
|
-
className:
|
|
35
|
+
className: (state) => cx(menu_module_default.positioner, resolveClassName(className, state)),
|
|
35
36
|
...props
|
|
36
37
|
});
|
|
37
38
|
});
|
|
38
39
|
const MenuPopup = forwardRef(function MenuPopup({ className, ...props }, ref) {
|
|
39
40
|
return /* @__PURE__ */ jsx(Menu.Popup, {
|
|
40
41
|
ref,
|
|
41
|
-
className:
|
|
42
|
+
className: (state) => cx(menu_module_default.popup, resolveClassName(className, state)),
|
|
42
43
|
...props
|
|
43
44
|
});
|
|
44
45
|
});
|
|
45
46
|
const MenuItem = forwardRef(function MenuItem({ className, ...props }, ref) {
|
|
46
47
|
return /* @__PURE__ */ jsx(Menu.Item, {
|
|
47
48
|
ref,
|
|
48
|
-
className:
|
|
49
|
+
className: (state) => cx(menu_module_default.item, resolveClassName(className, state)),
|
|
49
50
|
...props
|
|
50
51
|
});
|
|
51
52
|
});
|
|
52
53
|
const MenuSeparator = forwardRef(function MenuSeparator({ className, ...props }, ref) {
|
|
53
54
|
return /* @__PURE__ */ jsx(Menu.Separator, {
|
|
54
55
|
ref,
|
|
55
|
-
className:
|
|
56
|
+
className: (state) => cx(menu_module_default.separator, resolveClassName(className, state)),
|
|
56
57
|
...props
|
|
57
58
|
});
|
|
58
59
|
});
|
|
59
60
|
const MenuGroupLabel = forwardRef(function MenuGroupLabel({ className, ...props }, ref) {
|
|
60
61
|
return /* @__PURE__ */ jsx(Menu.GroupLabel, {
|
|
61
62
|
ref,
|
|
62
|
-
className:
|
|
63
|
+
className: (state) => cx(menu_module_default["group-label"], resolveClassName(className, state)),
|
|
63
64
|
...props
|
|
64
65
|
});
|
|
65
66
|
});
|
|
66
67
|
const MenuArrow = forwardRef(function MenuArrow({ className, ...props }, ref) {
|
|
67
68
|
return /* @__PURE__ */ jsx(Menu.Arrow, {
|
|
68
69
|
ref,
|
|
69
|
-
className:
|
|
70
|
+
className: (state) => cx(menu_module_default.arrow, resolveClassName(className, state)),
|
|
70
71
|
...props
|
|
71
72
|
});
|
|
72
73
|
});
|
package/dist/menu/parts.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"parts.js","names":["BaseMenu","styles"],"sources":["../../src/menu/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for Menu.\n *\n * @example\n * ```tsx\n * import { Menu } from '@base-ui/react/menu';\n * import {\n * MenuPositioner, MenuPopup, MenuItem, MenuSeparator, MenuGroupLabel,\n * } from '@brijbyte/agentic-ui/menu';\n *\n * <Menu.Root>\n * <Menu.Trigger render={<button>Open</button>} />\n * <Menu.Portal>\n * <MenuPositioner sideOffset={4}>\n * <MenuPopup>\n * <MenuItem>Action</MenuItem>\n * <MenuSeparator />\n * <MenuItem>Another</MenuItem>\n * </MenuPopup>\n * </MenuPositioner>\n * </Menu.Portal>\n * </Menu.Root>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef } from \"react\";\nimport { Menu as BaseMenu } from \"@base-ui/react/menu\";\nimport styles from \"./menu.module.css\";\n\ntype BasePositionerProps = ComponentPropsWithoutRef<typeof BaseMenu.Positioner>;\ntype BasePopupProps = ComponentPropsWithoutRef<typeof BaseMenu.Popup>;\ntype BaseItemProps = ComponentPropsWithoutRef<typeof BaseMenu.Item>;\ntype BaseSeparatorProps = ComponentPropsWithoutRef<typeof BaseMenu.Separator>;\ntype BaseGroupLabelProps = ComponentPropsWithoutRef<typeof BaseMenu.GroupLabel>;\ntype BaseArrowProps = ComponentPropsWithoutRef<typeof BaseMenu.Arrow>;\n\nexport interface MenuPositionerProps extends
|
|
1
|
+
{"version":3,"file":"parts.js","names":["BaseMenu","styles"],"sources":["../../src/menu/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for Menu.\n *\n * @example\n * ```tsx\n * import { Menu } from '@base-ui/react/menu';\n * import {\n * MenuPositioner, MenuPopup, MenuItem, MenuSeparator, MenuGroupLabel,\n * } from '@brijbyte/agentic-ui/menu';\n *\n * <Menu.Root>\n * <Menu.Trigger render={<button>Open</button>} />\n * <Menu.Portal>\n * <MenuPositioner sideOffset={4}>\n * <MenuPopup>\n * <MenuItem>Action</MenuItem>\n * <MenuSeparator />\n * <MenuItem>Another</MenuItem>\n * </MenuPopup>\n * </MenuPositioner>\n * </Menu.Portal>\n * </Menu.Root>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef } from \"react\";\nimport { Menu as BaseMenu } from \"@base-ui/react/menu\";\nimport styles from \"./menu.module.css\";\nimport { resolveClassName, cx } from \"../utils/resolveClassName\";\n\ntype BasePositionerProps = ComponentPropsWithoutRef<typeof BaseMenu.Positioner>;\ntype BasePopupProps = ComponentPropsWithoutRef<typeof BaseMenu.Popup>;\ntype BaseItemProps = ComponentPropsWithoutRef<typeof BaseMenu.Item>;\ntype BaseSeparatorProps = ComponentPropsWithoutRef<typeof BaseMenu.Separator>;\ntype BaseGroupLabelProps = ComponentPropsWithoutRef<typeof BaseMenu.GroupLabel>;\ntype BaseArrowProps = ComponentPropsWithoutRef<typeof BaseMenu.Arrow>;\n\nexport interface MenuPositionerProps extends BasePositionerProps {}\nexport interface MenuPopupProps extends BasePopupProps {}\nexport interface MenuItemProps extends BaseItemProps {}\nexport interface MenuSeparatorProps extends BaseSeparatorProps {}\nexport interface MenuGroupLabelProps extends BaseGroupLabelProps {}\nexport interface MenuArrowProps extends BaseArrowProps {}\n\nexport const MenuPositioner = forwardRef<ComponentRef<typeof BaseMenu.Positioner>, MenuPositionerProps>(function MenuPositioner(\n { className, ...props },\n ref,\n) {\n return <BaseMenu.Positioner ref={ref} className={(state) => cx(styles.positioner, resolveClassName(className, state))} {...props} />;\n});\n\nexport const MenuPopup = forwardRef<ComponentRef<typeof BaseMenu.Popup>, MenuPopupProps>(function MenuPopup({ className, ...props }, ref) {\n return <BaseMenu.Popup ref={ref} className={(state) => cx(styles.popup, resolveClassName(className, state))} {...props} />;\n});\n\nexport const MenuItem = forwardRef<ComponentRef<typeof BaseMenu.Item>, MenuItemProps>(function MenuItem({ className, ...props }, ref) {\n return <BaseMenu.Item ref={ref} className={(state) => cx(styles.item, resolveClassName(className, state))} {...props} />;\n});\n\nexport const MenuSeparator = forwardRef<ComponentRef<typeof BaseMenu.Separator>, MenuSeparatorProps>(function MenuSeparator(\n { className, ...props },\n ref,\n) {\n return <BaseMenu.Separator ref={ref} className={(state) => cx(styles.separator, resolveClassName(className, state))} {...props} />;\n});\n\nexport const MenuGroupLabel = forwardRef<ComponentRef<typeof BaseMenu.GroupLabel>, MenuGroupLabelProps>(function MenuGroupLabel(\n { className, ...props },\n ref,\n) {\n return <BaseMenu.GroupLabel ref={ref} className={(state) => cx(styles[\"group-label\"], resolveClassName(className, state))} {...props} />;\n});\n\nexport const MenuArrow = forwardRef<ComponentRef<typeof BaseMenu.Arrow>, MenuArrowProps>(function MenuArrow({ className, ...props }, ref) {\n return <BaseMenu.Arrow ref={ref} className={(state) => cx(styles.arrow, resolveClassName(className, state))} {...props} />;\n});\n\n/** Convenience class for keyboard shortcut hints inside a MenuItem. */\nexport { MenuItemShortcut } from \"./menuitemshortcut\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,MAAa,iBAAiB,WAA0E,SAAS,eAC/G,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACA,KAAS,YAAV;EAA0B;EAAK,YAAY,UAAU,GAAGC,oBAAO,YAAY,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EACpI;AAEF,MAAa,YAAY,WAAgE,SAAS,UAAU,EAAE,WAAW,GAAG,SAAS,KAAK;AACxI,QAAO,oBAACD,KAAS,OAAV;EAAqB;EAAK,YAAY,UAAU,GAAGC,oBAAO,OAAO,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAC1H;AAEF,MAAa,WAAW,WAA8D,SAAS,SAAS,EAAE,WAAW,GAAG,SAAS,KAAK;AACpI,QAAO,oBAACD,KAAS,MAAV;EAAoB;EAAK,YAAY,UAAU,GAAGC,oBAAO,MAAM,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EACxH;AAEF,MAAa,gBAAgB,WAAwE,SAAS,cAC5G,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,KAAS,WAAV;EAAyB;EAAK,YAAY,UAAU,GAAGC,oBAAO,WAAW,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAClI;AAEF,MAAa,iBAAiB,WAA0E,SAAS,eAC/G,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,KAAS,YAAV;EAA0B;EAAK,YAAY,UAAU,GAAGC,oBAAO,gBAAgB,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EACxI;AAEF,MAAa,YAAY,WAAgE,SAAS,UAAU,EAAE,WAAW,GAAG,SAAS,KAAK;AACxI,QAAO,oBAACD,KAAS,OAAV;EAAqB;EAAK,YAAY,UAAU,GAAGC,oBAAO,OAAO,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAC1H"}
|
package/dist/meter/parts.d.ts
CHANGED
|
@@ -7,21 +7,15 @@ type BaseTrackProps = ComponentPropsWithoutRef<typeof Meter.Track>;
|
|
|
7
7
|
type BaseIndicatorProps = ComponentPropsWithoutRef<typeof Meter.Indicator>;
|
|
8
8
|
type BaseLabelProps = ComponentPropsWithoutRef<typeof Meter.Label>;
|
|
9
9
|
type BaseValueProps = ComponentPropsWithoutRef<typeof Meter.Value>;
|
|
10
|
-
interface MeterTrackProps extends
|
|
11
|
-
className?: string;
|
|
10
|
+
interface MeterTrackProps extends BaseTrackProps {
|
|
12
11
|
size?: "sm" | "md" | "lg";
|
|
13
12
|
}
|
|
14
|
-
interface MeterIndicatorProps extends
|
|
15
|
-
className?: string;
|
|
13
|
+
interface MeterIndicatorProps extends BaseIndicatorProps {
|
|
16
14
|
/** Threshold state — controls fill colour. Set automatically by the high-level Meter wrapper. */
|
|
17
15
|
"data-meter-state"?: "optimum" | "suboptimal" | "critical";
|
|
18
16
|
}
|
|
19
|
-
interface MeterLabelProps extends
|
|
20
|
-
|
|
21
|
-
}
|
|
22
|
-
interface MeterValueProps extends Omit<BaseValueProps, "className"> {
|
|
23
|
-
className?: string;
|
|
24
|
-
}
|
|
17
|
+
interface MeterLabelProps extends BaseLabelProps {}
|
|
18
|
+
interface MeterValueProps extends BaseValueProps {}
|
|
25
19
|
declare const MeterTrack: react.ForwardRefExoticComponent<MeterTrackProps & react.RefAttributes<HTMLDivElement>>;
|
|
26
20
|
declare const MeterIndicator: react.ForwardRefExoticComponent<MeterIndicatorProps & react.RefAttributes<HTMLDivElement>>;
|
|
27
21
|
declare const MeterLabel: react.ForwardRefExoticComponent<MeterLabelProps & react.RefAttributes<HTMLSpanElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/meter/parts.tsx"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/meter/parts.tsx"],"mappings":";;;;;KAyBK,cAAA,GAAiB,wBAAA,QAAgC,KAAA,CAAU,KAAA;AAAA,KAC3D,kBAAA,GAAqB,wBAAA,QAAgC,KAAA,CAAU,SAAA;AAAA,KAC/D,cAAA,GAAiB,wBAAA,QAAgC,KAAA,CAAU,KAAA;AAAA,KAC3D,cAAA,GAAiB,wBAAA,QAAgC,KAAA,CAAU,KAAA;AAAA,UAE/C,eAAA,SAAwB,cAAA;EACvC,IAAA;AAAA;AAAA,UAEe,mBAAA,SAA4B,kBAAA;EARS;EAUpD,kBAAA;AAAA;AAAA,UAEe,eAAA,SAAwB,cAAA;AAAA,UACxB,eAAA,SAAwB,cAAA;AAAA,cAE5B,UAAA,EAAU,KAAA,CAAA,yBAAA,CAAA,eAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAaV,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,mBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOd,UAAA,EAAU,KAAA,CAAA,yBAAA,CAAA,eAAA,GAAA,KAAA,CAAA,aAAA,CAAA,eAAA;AAAA,cAOV,UAAA,EAAU,KAAA,CAAA,yBAAA,CAAA,eAAA,GAAA,KAAA,CAAA,aAAA,CAAA,eAAA"}
|
package/dist/meter/parts.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { cx, resolveClassName } from "../utils/resolveClassName.js";
|
|
1
2
|
import meter_module_default from "./meter.module.js";
|
|
2
3
|
import { jsx } from "react/jsx-runtime";
|
|
3
4
|
import { forwardRef } from "react";
|
|
@@ -25,28 +26,28 @@ import { Meter } from "@base-ui/react/meter";
|
|
|
25
26
|
const MeterTrack = forwardRef(function MeterTrack({ className, size = "md", ...props }, ref) {
|
|
26
27
|
return /* @__PURE__ */ jsx(Meter.Track, {
|
|
27
28
|
ref,
|
|
28
|
-
className:
|
|
29
|
+
className: (state) => cx(meter_module_default.track, meter_module_default[`track-${size}`], resolveClassName(className, state)),
|
|
29
30
|
...props
|
|
30
31
|
});
|
|
31
32
|
});
|
|
32
33
|
const MeterIndicator = forwardRef(function MeterIndicator({ className, ...props }, ref) {
|
|
33
34
|
return /* @__PURE__ */ jsx(Meter.Indicator, {
|
|
34
35
|
ref,
|
|
35
|
-
className:
|
|
36
|
+
className: (state) => cx(meter_module_default.indicator, resolveClassName(className, state)),
|
|
36
37
|
...props
|
|
37
38
|
});
|
|
38
39
|
});
|
|
39
40
|
const MeterLabel = forwardRef(function MeterLabel({ className, ...props }, ref) {
|
|
40
41
|
return /* @__PURE__ */ jsx(Meter.Label, {
|
|
41
42
|
ref,
|
|
42
|
-
className:
|
|
43
|
+
className: (state) => cx(meter_module_default.label, resolveClassName(className, state)),
|
|
43
44
|
...props
|
|
44
45
|
});
|
|
45
46
|
});
|
|
46
47
|
const MeterValue = forwardRef(function MeterValue({ className, ...props }, ref) {
|
|
47
48
|
return /* @__PURE__ */ jsx(Meter.Value, {
|
|
48
49
|
ref,
|
|
49
|
-
className:
|
|
50
|
+
className: (state) => cx(meter_module_default.value, resolveClassName(className, state)),
|
|
50
51
|
...props
|
|
51
52
|
});
|
|
52
53
|
});
|
package/dist/meter/parts.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"parts.js","names":["BaseMeter","styles"],"sources":["../../src/meter/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for Meter.\n *\n * @example\n * ```tsx\n * import { Meter } from '@base-ui/react/meter';\n * import { MeterTrack, MeterIndicator, MeterLabel, MeterValue } from '@brijbyte/agentic-ui/meter';\n *\n * <Meter.Root value={68} min={0} max={100}>\n * <div style={{ display: 'flex', justifyContent: 'space-between' }}>\n * <MeterLabel>Storage</MeterLabel>\n * <MeterValue />\n * </div>\n * <MeterTrack>\n * <MeterIndicator />\n * </MeterTrack>\n * </Meter.Root>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef } from \"react\";\nimport { Meter as BaseMeter } from \"@base-ui/react/meter\";\nimport styles from \"./meter.module.css\";\n\ntype BaseTrackProps = ComponentPropsWithoutRef<typeof BaseMeter.Track>;\ntype BaseIndicatorProps = ComponentPropsWithoutRef<typeof BaseMeter.Indicator>;\ntype BaseLabelProps = ComponentPropsWithoutRef<typeof BaseMeter.Label>;\ntype BaseValueProps = ComponentPropsWithoutRef<typeof BaseMeter.Value>;\n\nexport interface MeterTrackProps extends
|
|
1
|
+
{"version":3,"file":"parts.js","names":["BaseMeter","styles"],"sources":["../../src/meter/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for Meter.\n *\n * @example\n * ```tsx\n * import { Meter } from '@base-ui/react/meter';\n * import { MeterTrack, MeterIndicator, MeterLabel, MeterValue } from '@brijbyte/agentic-ui/meter';\n *\n * <Meter.Root value={68} min={0} max={100}>\n * <div style={{ display: 'flex', justifyContent: 'space-between' }}>\n * <MeterLabel>Storage</MeterLabel>\n * <MeterValue />\n * </div>\n * <MeterTrack>\n * <MeterIndicator />\n * </MeterTrack>\n * </Meter.Root>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef } from \"react\";\nimport { Meter as BaseMeter } from \"@base-ui/react/meter\";\nimport styles from \"./meter.module.css\";\nimport { resolveClassName, cx } from \"../utils/resolveClassName\";\n\ntype BaseTrackProps = ComponentPropsWithoutRef<typeof BaseMeter.Track>;\ntype BaseIndicatorProps = ComponentPropsWithoutRef<typeof BaseMeter.Indicator>;\ntype BaseLabelProps = ComponentPropsWithoutRef<typeof BaseMeter.Label>;\ntype BaseValueProps = ComponentPropsWithoutRef<typeof BaseMeter.Value>;\n\nexport interface MeterTrackProps extends BaseTrackProps {\n size?: \"sm\" | \"md\" | \"lg\";\n}\nexport interface MeterIndicatorProps extends BaseIndicatorProps {\n /** Threshold state — controls fill colour. Set automatically by the high-level Meter wrapper. */\n \"data-meter-state\"?: \"optimum\" | \"suboptimal\" | \"critical\";\n}\nexport interface MeterLabelProps extends BaseLabelProps {}\nexport interface MeterValueProps extends BaseValueProps {}\n\nexport const MeterTrack = forwardRef<ComponentRef<typeof BaseMeter.Track>, MeterTrackProps>(function MeterTrack(\n { className, size = \"md\", ...props },\n ref,\n) {\n return (\n <BaseMeter.Track\n ref={ref}\n className={(state) => cx(styles.track, styles[`track-${size}`], resolveClassName(className, state))}\n {...props}\n />\n );\n});\n\nexport const MeterIndicator = forwardRef<ComponentRef<typeof BaseMeter.Indicator>, MeterIndicatorProps>(function MeterIndicator(\n { className, ...props },\n ref,\n) {\n return <BaseMeter.Indicator ref={ref} className={(state) => cx(styles.indicator, resolveClassName(className, state))} {...props} />;\n});\n\nexport const MeterLabel = forwardRef<ComponentRef<typeof BaseMeter.Label>, MeterLabelProps>(function MeterLabel(\n { className, ...props },\n ref,\n) {\n return <BaseMeter.Label ref={ref} className={(state) => cx(styles.label, resolveClassName(className, state))} {...props} />;\n});\n\nexport const MeterValue = forwardRef<ComponentRef<typeof BaseMeter.Value>, MeterValueProps>(function MeterValue(\n { className, ...props },\n ref,\n) {\n return <BaseMeter.Value ref={ref} className={(state) => cx(styles.value, resolveClassName(className, state))} {...props} />;\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,MAAa,aAAa,WAAkE,SAAS,WACnG,EAAE,WAAW,OAAO,MAAM,GAAG,SAC7B,KACA;AACA,QACE,oBAACA,MAAU,OAAX;EACO;EACL,YAAY,UAAU,GAAGC,qBAAO,OAAOA,qBAAO,SAAS,SAAS,iBAAiB,WAAW,MAAM,CAAC;EACnG,GAAI;EACJ,CAAA;EAEJ;AAEF,MAAa,iBAAiB,WAA0E,SAAS,eAC/G,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,MAAU,WAAX;EAA0B;EAAK,YAAY,UAAU,GAAGC,qBAAO,WAAW,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EACnI;AAEF,MAAa,aAAa,WAAkE,SAAS,WACnG,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,MAAU,OAAX;EAAsB;EAAK,YAAY,UAAU,GAAGC,qBAAO,OAAO,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAC3H;AAEF,MAAa,aAAa,WAAkE,SAAS,WACnG,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,MAAU,OAAX;EAAsB;EAAK,YAAY,UAAU,GAAGC,qBAAO,OAAO,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAC3H"}
|
|
@@ -9,24 +9,12 @@ type BaseDecrementProps = ComponentPropsWithoutRef<typeof NumberField.Decrement>
|
|
|
9
9
|
type BaseIncrementProps = ComponentPropsWithoutRef<typeof NumberField.Increment>;
|
|
10
10
|
type BaseScrubAreaProps = ComponentPropsWithoutRef<typeof NumberField.ScrubArea>;
|
|
11
11
|
type BaseScrubAreaCursorProps = ComponentPropsWithoutRef<typeof NumberField.ScrubAreaCursor>;
|
|
12
|
-
interface NumberFieldGroupProps extends
|
|
13
|
-
|
|
14
|
-
}
|
|
15
|
-
interface
|
|
16
|
-
|
|
17
|
-
}
|
|
18
|
-
interface NumberFieldDecrementProps extends Omit<BaseDecrementProps, "className"> {
|
|
19
|
-
className?: string;
|
|
20
|
-
}
|
|
21
|
-
interface NumberFieldIncrementProps extends Omit<BaseIncrementProps, "className"> {
|
|
22
|
-
className?: string;
|
|
23
|
-
}
|
|
24
|
-
interface NumberFieldScrubAreaProps extends Omit<BaseScrubAreaProps, "className"> {
|
|
25
|
-
className?: string;
|
|
26
|
-
}
|
|
27
|
-
interface NumberFieldScrubAreaCursorProps extends Omit<BaseScrubAreaCursorProps, "className"> {
|
|
28
|
-
className?: string;
|
|
29
|
-
}
|
|
12
|
+
interface NumberFieldGroupProps extends BaseGroupProps {}
|
|
13
|
+
interface NumberFieldInputProps extends BaseInputProps {}
|
|
14
|
+
interface NumberFieldDecrementProps extends BaseDecrementProps {}
|
|
15
|
+
interface NumberFieldIncrementProps extends BaseIncrementProps {}
|
|
16
|
+
interface NumberFieldScrubAreaProps extends BaseScrubAreaProps {}
|
|
17
|
+
interface NumberFieldScrubAreaCursorProps extends BaseScrubAreaCursorProps {}
|
|
30
18
|
declare const NumberFieldGroup: react.ForwardRefExoticComponent<NumberFieldGroupProps & react.RefAttributes<HTMLDivElement>>;
|
|
31
19
|
declare const NumberFieldInput: react.ForwardRefExoticComponent<NumberFieldInputProps & react.RefAttributes<HTMLInputElement>>;
|
|
32
20
|
declare const NumberFieldDecrement: react.ForwardRefExoticComponent<NumberFieldDecrementProps & react.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/number-field/parts.tsx"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/number-field/parts.tsx"],"mappings":";;;;;KA6BK,cAAA,GAAiB,wBAAA,QAAgC,WAAA,CAAgB,KAAA;AAAA,KACjE,cAAA,GAAiB,wBAAA,QAAgC,WAAA,CAAgB,KAAA;AAAA,KACjE,kBAAA,GAAqB,wBAAA,QAAgC,WAAA,CAAgB,SAAA;AAAA,KACrE,kBAAA,GAAqB,wBAAA,QAAgC,WAAA,CAAgB,SAAA;AAAA,KACrE,kBAAA,GAAqB,wBAAA,QAAgC,WAAA,CAAgB,SAAA;AAAA,KACrE,wBAAA,GAA2B,wBAAA,QAAgC,WAAA,CAAgB,eAAA;AAAA,UAE/D,qBAAA,SAA8B,cAAA;AAAA,UAC9B,qBAAA,SAA8B,cAAA;AAAA,UAC9B,yBAAA,SAAkC,kBAAA;AAAA,UAClC,yBAAA,SAAkC,kBAAA;AAAA,UAClC,yBAAA,SAAkC,kBAAA;AAAA,UAClC,+BAAA,SAAwC,wBAAA;AAAA,cAE5C,gBAAA,EAAgB,KAAA,CAAA,yBAAA,CAAA,qBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOhB,gBAAA,EAAgB,KAAA,CAAA,yBAAA,CAAA,qBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,gBAAA;AAAA,cAOhB,oBAAA,EAAoB,KAAA,CAAA,yBAAA,CAAA,yBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,cAYpB,oBAAA,EAAoB,KAAA,CAAA,yBAAA,CAAA,yBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,cAYpB,oBAAA,EAAoB,KAAA,CAAA,yBAAA,CAAA,yBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,eAAA;AAAA,cAQpB,0BAAA,EAA0B,KAAA,CAAA,yBAAA,CAAA,+BAAA,GAAA,KAAA,CAAA,aAAA,CAAA,eAAA"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { cx, resolveClassName } from "../utils/resolveClassName.js";
|
|
1
2
|
import number_field_module_default from "./number-field.module.js";
|
|
2
3
|
import { jsx } from "react/jsx-runtime";
|
|
3
4
|
import { forwardRef } from "react";
|
|
@@ -29,42 +30,42 @@ import { NumberField } from "@base-ui/react/number-field";
|
|
|
29
30
|
const NumberFieldGroup = forwardRef(function NumberFieldGroup({ className, ...props }, ref) {
|
|
30
31
|
return /* @__PURE__ */ jsx(NumberField.Group, {
|
|
31
32
|
ref,
|
|
32
|
-
className:
|
|
33
|
+
className: (state) => cx(number_field_module_default.group, resolveClassName(className, state)),
|
|
33
34
|
...props
|
|
34
35
|
});
|
|
35
36
|
});
|
|
36
37
|
const NumberFieldInput = forwardRef(function NumberFieldInput({ className, ...props }, ref) {
|
|
37
38
|
return /* @__PURE__ */ jsx(NumberField.Input, {
|
|
38
39
|
ref,
|
|
39
|
-
className:
|
|
40
|
+
className: (state) => cx(number_field_module_default.input, resolveClassName(className, state)),
|
|
40
41
|
...props
|
|
41
42
|
});
|
|
42
43
|
});
|
|
43
44
|
const NumberFieldDecrement = forwardRef(function NumberFieldDecrement({ className, ...props }, ref) {
|
|
44
45
|
return /* @__PURE__ */ jsx(NumberField.Decrement, {
|
|
45
46
|
ref,
|
|
46
|
-
className:
|
|
47
|
+
className: (state) => cx(number_field_module_default["step-button"], number_field_module_default.decrement, resolveClassName(className, state)),
|
|
47
48
|
...props
|
|
48
49
|
});
|
|
49
50
|
});
|
|
50
51
|
const NumberFieldIncrement = forwardRef(function NumberFieldIncrement({ className, ...props }, ref) {
|
|
51
52
|
return /* @__PURE__ */ jsx(NumberField.Increment, {
|
|
52
53
|
ref,
|
|
53
|
-
className:
|
|
54
|
+
className: (state) => cx(number_field_module_default["step-button"], number_field_module_default.increment, resolveClassName(className, state)),
|
|
54
55
|
...props
|
|
55
56
|
});
|
|
56
57
|
});
|
|
57
58
|
const NumberFieldScrubArea = forwardRef(function NumberFieldScrubArea({ className, ...props }, ref) {
|
|
58
59
|
return /* @__PURE__ */ jsx(NumberField.ScrubArea, {
|
|
59
60
|
ref,
|
|
60
|
-
className:
|
|
61
|
+
className: (state) => cx(number_field_module_default["scrub-area"], resolveClassName(className, state)),
|
|
61
62
|
...props
|
|
62
63
|
});
|
|
63
64
|
});
|
|
64
65
|
const NumberFieldScrubAreaCursor = forwardRef(function NumberFieldScrubAreaCursor({ className, ...props }, ref) {
|
|
65
66
|
return /* @__PURE__ */ jsx(NumberField.ScrubAreaCursor, {
|
|
66
67
|
ref,
|
|
67
|
-
className:
|
|
68
|
+
className: (state) => cx(number_field_module_default["scrub-area-cursor"], resolveClassName(className, state)),
|
|
68
69
|
...props
|
|
69
70
|
});
|
|
70
71
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"parts.js","names":["BaseNumberField","styles"],"sources":["../../src/number-field/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for NumberField.\n *\n * @example\n * ```tsx\n * import { NumberField } from '@base-ui/react/number-field';\n * import {\n * NumberFieldGroup,\n * NumberFieldInput,\n * NumberFieldDecrement,\n * NumberFieldIncrement,\n * } from '@brijbyte/agentic-ui/number-field';\n *\n * <NumberField.Root>\n * <NumberField.ScrubArea>...</NumberField.ScrubArea>\n * <NumberFieldGroup>\n * <NumberFieldDecrement />\n * <NumberFieldInput />\n * <NumberFieldIncrement />\n * </NumberFieldGroup>\n * </NumberField.Root>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef } from \"react\";\nimport { NumberField as BaseNumberField } from \"@base-ui/react/number-field\";\nimport styles from \"./number-field.module.css\";\n\ntype BaseGroupProps = ComponentPropsWithoutRef<typeof BaseNumberField.Group>;\ntype BaseInputProps = ComponentPropsWithoutRef<typeof BaseNumberField.Input>;\ntype BaseDecrementProps = ComponentPropsWithoutRef<typeof BaseNumberField.Decrement>;\ntype BaseIncrementProps = ComponentPropsWithoutRef<typeof BaseNumberField.Increment>;\ntype BaseScrubAreaProps = ComponentPropsWithoutRef<typeof BaseNumberField.ScrubArea>;\ntype BaseScrubAreaCursorProps = ComponentPropsWithoutRef<typeof BaseNumberField.ScrubAreaCursor>;\n\nexport interface NumberFieldGroupProps extends
|
|
1
|
+
{"version":3,"file":"parts.js","names":["BaseNumberField","styles"],"sources":["../../src/number-field/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for NumberField.\n *\n * @example\n * ```tsx\n * import { NumberField } from '@base-ui/react/number-field';\n * import {\n * NumberFieldGroup,\n * NumberFieldInput,\n * NumberFieldDecrement,\n * NumberFieldIncrement,\n * } from '@brijbyte/agentic-ui/number-field';\n *\n * <NumberField.Root>\n * <NumberField.ScrubArea>...</NumberField.ScrubArea>\n * <NumberFieldGroup>\n * <NumberFieldDecrement />\n * <NumberFieldInput />\n * <NumberFieldIncrement />\n * </NumberFieldGroup>\n * </NumberField.Root>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef } from \"react\";\nimport { NumberField as BaseNumberField } from \"@base-ui/react/number-field\";\nimport styles from \"./number-field.module.css\";\nimport { resolveClassName, cx } from \"../utils/resolveClassName\";\n\ntype BaseGroupProps = ComponentPropsWithoutRef<typeof BaseNumberField.Group>;\ntype BaseInputProps = ComponentPropsWithoutRef<typeof BaseNumberField.Input>;\ntype BaseDecrementProps = ComponentPropsWithoutRef<typeof BaseNumberField.Decrement>;\ntype BaseIncrementProps = ComponentPropsWithoutRef<typeof BaseNumberField.Increment>;\ntype BaseScrubAreaProps = ComponentPropsWithoutRef<typeof BaseNumberField.ScrubArea>;\ntype BaseScrubAreaCursorProps = ComponentPropsWithoutRef<typeof BaseNumberField.ScrubAreaCursor>;\n\nexport interface NumberFieldGroupProps extends BaseGroupProps {}\nexport interface NumberFieldInputProps extends BaseInputProps {}\nexport interface NumberFieldDecrementProps extends BaseDecrementProps {}\nexport interface NumberFieldIncrementProps extends BaseIncrementProps {}\nexport interface NumberFieldScrubAreaProps extends BaseScrubAreaProps {}\nexport interface NumberFieldScrubAreaCursorProps extends BaseScrubAreaCursorProps {}\n\nexport const NumberFieldGroup = forwardRef<ComponentRef<typeof BaseNumberField.Group>, NumberFieldGroupProps>(function NumberFieldGroup(\n { className, ...props },\n ref,\n) {\n return <BaseNumberField.Group ref={ref} className={(state) => cx(styles.group, resolveClassName(className, state))} {...props} />;\n});\n\nexport const NumberFieldInput = forwardRef<ComponentRef<typeof BaseNumberField.Input>, NumberFieldInputProps>(function NumberFieldInput(\n { className, ...props },\n ref,\n) {\n return <BaseNumberField.Input ref={ref} className={(state) => cx(styles.input, resolveClassName(className, state))} {...props} />;\n});\n\nexport const NumberFieldDecrement = forwardRef<ComponentRef<typeof BaseNumberField.Decrement>, NumberFieldDecrementProps>(\n function NumberFieldDecrement({ className, ...props }, ref) {\n return (\n <BaseNumberField.Decrement\n ref={ref}\n className={(state) => cx(styles[\"step-button\"], styles.decrement, resolveClassName(className, state))}\n {...props}\n />\n );\n },\n);\n\nexport const NumberFieldIncrement = forwardRef<ComponentRef<typeof BaseNumberField.Increment>, NumberFieldIncrementProps>(\n function NumberFieldIncrement({ className, ...props }, ref) {\n return (\n <BaseNumberField.Increment\n ref={ref}\n className={(state) => cx(styles[\"step-button\"], styles.increment, resolveClassName(className, state))}\n {...props}\n />\n );\n },\n);\n\nexport const NumberFieldScrubArea = forwardRef<ComponentRef<typeof BaseNumberField.ScrubArea>, NumberFieldScrubAreaProps>(\n function NumberFieldScrubArea({ className, ...props }, ref) {\n return (\n <BaseNumberField.ScrubArea ref={ref} className={(state) => cx(styles[\"scrub-area\"], resolveClassName(className, state))} {...props} />\n );\n },\n);\n\nexport const NumberFieldScrubAreaCursor = forwardRef<ComponentRef<typeof BaseNumberField.ScrubAreaCursor>, NumberFieldScrubAreaCursorProps>(\n function NumberFieldScrubAreaCursor({ className, ...props }, ref) {\n return (\n <BaseNumberField.ScrubAreaCursor\n ref={ref}\n className={(state) => cx(styles[\"scrub-area-cursor\"], resolveClassName(className, state))}\n {...props}\n />\n );\n },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,MAAa,mBAAmB,WAA8E,SAAS,iBACrH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACA,YAAgB,OAAjB;EAA4B;EAAK,YAAY,UAAU,GAAGC,4BAAO,OAAO,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EACjI;AAEF,MAAa,mBAAmB,WAA8E,SAAS,iBACrH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,YAAgB,OAAjB;EAA4B;EAAK,YAAY,UAAU,GAAGC,4BAAO,OAAO,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EACjI;AAEF,MAAa,uBAAuB,WAClC,SAAS,qBAAqB,EAAE,WAAW,GAAG,SAAS,KAAK;AAC1D,QACE,oBAACD,YAAgB,WAAjB;EACO;EACL,YAAY,UAAU,GAAGC,4BAAO,gBAAgBA,4BAAO,WAAW,iBAAiB,WAAW,MAAM,CAAC;EACrG,GAAI;EACJ,CAAA;EAGP;AAED,MAAa,uBAAuB,WAClC,SAAS,qBAAqB,EAAE,WAAW,GAAG,SAAS,KAAK;AAC1D,QACE,oBAACD,YAAgB,WAAjB;EACO;EACL,YAAY,UAAU,GAAGC,4BAAO,gBAAgBA,4BAAO,WAAW,iBAAiB,WAAW,MAAM,CAAC;EACrG,GAAI;EACJ,CAAA;EAGP;AAED,MAAa,uBAAuB,WAClC,SAAS,qBAAqB,EAAE,WAAW,GAAG,SAAS,KAAK;AAC1D,QACE,oBAACD,YAAgB,WAAjB;EAAgC;EAAK,YAAY,UAAU,GAAGC,4BAAO,eAAe,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAG3I;AAED,MAAa,6BAA6B,WACxC,SAAS,2BAA2B,EAAE,WAAW,GAAG,SAAS,KAAK;AAChE,QACE,oBAACD,YAAgB,iBAAjB;EACO;EACL,YAAY,UAAU,GAAGC,4BAAO,sBAAsB,iBAAiB,WAAW,MAAM,CAAC;EACzF,GAAI;EACJ,CAAA;EAGP"}
|
package/dist/popover/parts.d.ts
CHANGED
|
@@ -10,27 +10,13 @@ type BaseDescriptionProps = ComponentPropsWithoutRef<typeof Popover.Description>
|
|
|
10
10
|
type BaseCloseProps = ComponentPropsWithoutRef<typeof Popover.Close>;
|
|
11
11
|
type BaseArrowProps = ComponentPropsWithoutRef<typeof Popover.Arrow>;
|
|
12
12
|
type BaseViewportProps = ComponentPropsWithoutRef<typeof Popover.Viewport>;
|
|
13
|
-
interface PopoverPositionerProps extends
|
|
14
|
-
|
|
15
|
-
}
|
|
16
|
-
interface
|
|
17
|
-
|
|
18
|
-
}
|
|
19
|
-
interface
|
|
20
|
-
className?: string;
|
|
21
|
-
}
|
|
22
|
-
interface PopoverDescriptionProps extends Omit<BaseDescriptionProps, "className"> {
|
|
23
|
-
className?: string;
|
|
24
|
-
}
|
|
25
|
-
interface PopoverCloseProps extends Omit<BaseCloseProps, "className"> {
|
|
26
|
-
className?: string;
|
|
27
|
-
}
|
|
28
|
-
interface PopoverArrowProps extends Omit<BaseArrowProps, "className"> {
|
|
29
|
-
className?: string;
|
|
30
|
-
}
|
|
31
|
-
interface PopoverViewportProps extends Omit<BaseViewportProps, "className"> {
|
|
32
|
-
className?: string;
|
|
33
|
-
}
|
|
13
|
+
interface PopoverPositionerProps extends BasePositionerProps {}
|
|
14
|
+
interface PopoverPopupProps extends BasePopupProps {}
|
|
15
|
+
interface PopoverTitleProps extends BaseTitleProps {}
|
|
16
|
+
interface PopoverDescriptionProps extends BaseDescriptionProps {}
|
|
17
|
+
interface PopoverCloseProps extends BaseCloseProps {}
|
|
18
|
+
interface PopoverArrowProps extends BaseArrowProps {}
|
|
19
|
+
interface PopoverViewportProps extends BaseViewportProps {}
|
|
34
20
|
declare const PopoverPositioner: react.ForwardRefExoticComponent<PopoverPositionerProps & react.RefAttributes<HTMLDivElement>>;
|
|
35
21
|
declare const PopoverPopup: react.ForwardRefExoticComponent<PopoverPopupProps & react.RefAttributes<HTMLDivElement>>;
|
|
36
22
|
declare const PopoverTitle: react.ForwardRefExoticComponent<PopoverTitleProps & react.RefAttributes<HTMLHeadingElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/popover/parts.tsx"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/popover/parts.tsx"],"mappings":";;;;;KAoCK,mBAAA,GAAsB,wBAAA,QAAgC,OAAA,CAAY,UAAA;AAAA,KAClE,cAAA,GAAiB,wBAAA,QAAgC,OAAA,CAAY,KAAA;AAAA,KAC7D,cAAA,GAAiB,wBAAA,QAAgC,OAAA,CAAY,KAAA;AAAA,KAC7D,oBAAA,GAAuB,wBAAA,QAAgC,OAAA,CAAY,WAAA;AAAA,KACnE,cAAA,GAAiB,wBAAA,QAAgC,OAAA,CAAY,KAAA;AAAA,KAC7D,cAAA,GAAiB,wBAAA,QAAgC,OAAA,CAAY,KAAA;AAAA,KAC7D,iBAAA,GAAoB,wBAAA,QAAgC,OAAA,CAAY,QAAA;AAAA,UAEpD,sBAAA,SAA+B,mBAAA;AAAA,UAC/B,iBAAA,SAA0B,cAAA;AAAA,UAC1B,iBAAA,SAA0B,cAAA;AAAA,UAC1B,uBAAA,SAAgC,oBAAA;AAAA,UAChC,iBAAA,SAA0B,cAAA;AAAA,UAC1B,iBAAA,SAA0B,cAAA;AAAA,UAC1B,oBAAA,SAA6B,iBAAA;AAAA,cAEjC,iBAAA,EAAiB,KAAA,CAAA,yBAAA,CAAA,sBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOjB,YAAA,EAAY,KAAA,CAAA,yBAAA,CAAA,iBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOZ,YAAA,EAAY,KAAA,CAAA,yBAAA,CAAA,iBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,kBAAA;AAAA,cAOZ,kBAAA,EAAkB,KAAA,CAAA,yBAAA,CAAA,uBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,oBAAA;AAAA,cAQlB,YAAA,EAAY,KAAA,CAAA,yBAAA,CAAA,iBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,cAOZ,eAAA,EAAe,KAAA,CAAA,yBAAA,CAAA,oBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOf,YAAA,EAAY,KAAA,CAAA,yBAAA,CAAA,iBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA"}
|
package/dist/popover/parts.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { cx, resolveClassName } from "../utils/resolveClassName.js";
|
|
1
2
|
import { PopupArrow } from "../shared/PopupArrow.js";
|
|
2
3
|
import popover_module_default from "./popover.module.js";
|
|
3
4
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -7,10 +8,6 @@ import { Popover } from "@base-ui/react/popover";
|
|
|
7
8
|
/**
|
|
8
9
|
* Styled primitives for Popover.
|
|
9
10
|
*
|
|
10
|
-
* Use these when you need full control over the popover's behaviour
|
|
11
|
-
* (controlled state, custom positioning, anchor overrides) while keeping
|
|
12
|
-
* all agentic-ui styles applied.
|
|
13
|
-
*
|
|
14
11
|
* @example
|
|
15
12
|
* ```tsx
|
|
16
13
|
* import { Popover } from '@base-ui/react/popover';
|
|
@@ -40,49 +37,49 @@ import { Popover } from "@base-ui/react/popover";
|
|
|
40
37
|
const PopoverPositioner = forwardRef(function PopoverPositioner({ className, ...props }, ref) {
|
|
41
38
|
return /* @__PURE__ */ jsx(Popover.Positioner, {
|
|
42
39
|
ref,
|
|
43
|
-
className:
|
|
40
|
+
className: (state) => cx(popover_module_default.positioner, resolveClassName(className, state)),
|
|
44
41
|
...props
|
|
45
42
|
});
|
|
46
43
|
});
|
|
47
44
|
const PopoverPopup = forwardRef(function PopoverPopup({ className, ...props }, ref) {
|
|
48
45
|
return /* @__PURE__ */ jsx(Popover.Popup, {
|
|
49
46
|
ref,
|
|
50
|
-
className:
|
|
47
|
+
className: (state) => cx(popover_module_default.popup, resolveClassName(className, state)),
|
|
51
48
|
...props
|
|
52
49
|
});
|
|
53
50
|
});
|
|
54
51
|
const PopoverTitle = forwardRef(function PopoverTitle({ className, ...props }, ref) {
|
|
55
52
|
return /* @__PURE__ */ jsx(Popover.Title, {
|
|
56
53
|
ref,
|
|
57
|
-
className:
|
|
54
|
+
className: (state) => cx(popover_module_default.title, resolveClassName(className, state)),
|
|
58
55
|
...props
|
|
59
56
|
});
|
|
60
57
|
});
|
|
61
58
|
const PopoverDescription = forwardRef(function PopoverDescription({ className, ...props }, ref) {
|
|
62
59
|
return /* @__PURE__ */ jsx(Popover.Description, {
|
|
63
60
|
ref,
|
|
64
|
-
className:
|
|
61
|
+
className: (state) => cx(popover_module_default.description, resolveClassName(className, state)),
|
|
65
62
|
...props
|
|
66
63
|
});
|
|
67
64
|
});
|
|
68
65
|
const PopoverClose = forwardRef(function PopoverClose({ className, ...props }, ref) {
|
|
69
66
|
return /* @__PURE__ */ jsx(Popover.Close, {
|
|
70
67
|
ref,
|
|
71
|
-
className:
|
|
68
|
+
className: (state) => cx(popover_module_default.close, resolveClassName(className, state)),
|
|
72
69
|
...props
|
|
73
70
|
});
|
|
74
71
|
});
|
|
75
72
|
const PopoverViewport = forwardRef(function PopoverViewport({ className, ...props }, ref) {
|
|
76
73
|
return /* @__PURE__ */ jsx(Popover.Viewport, {
|
|
77
74
|
ref,
|
|
78
|
-
className:
|
|
75
|
+
className: (state) => cx(popover_module_default.viewport, resolveClassName(className, state)),
|
|
79
76
|
...props
|
|
80
77
|
});
|
|
81
78
|
});
|
|
82
79
|
const PopoverArrow = forwardRef(function PopoverArrow({ className, children, ...props }, ref) {
|
|
83
80
|
return /* @__PURE__ */ jsx(Popover.Arrow, {
|
|
84
81
|
ref,
|
|
85
|
-
className:
|
|
82
|
+
className: (state) => cx(popover_module_default.arrow, resolveClassName(className, state)),
|
|
86
83
|
...props,
|
|
87
84
|
children: children ?? /* @__PURE__ */ jsx(PopupArrow, {
|
|
88
85
|
fillClass: popover_module_default["arrow-fill"],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"parts.js","names":["BasePopover","styles"],"sources":["../../src/popover/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for Popover.\n *\n *
|
|
1
|
+
{"version":3,"file":"parts.js","names":["BasePopover","styles"],"sources":["../../src/popover/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for Popover.\n *\n * @example\n * ```tsx\n * import { Popover } from '@base-ui/react/popover';\n * import {\n * PopoverPopup,\n * PopoverTitle,\n * PopoverDescription,\n * PopoverClose,\n * PopoverArrow,\n * } from '@brijbyte/agentic-ui/popover';\n *\n * <Popover.Root>\n * <Popover.Trigger render={<button>Open</button>} />\n * <Popover.Portal>\n * <Popover.Positioner side=\"bottom\" sideOffset={8}>\n * <PopoverPopup>\n * <PopoverArrow />\n * <PopoverTitle>Details</PopoverTitle>\n * <PopoverDescription>Supporting text here.</PopoverDescription>\n * <PopoverClose aria-label=\"Close\" />\n * </PopoverPopup>\n * </Popover.Positioner>\n * </Popover.Portal>\n * </Popover.Root>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef } from \"react\";\nimport { Popover as BasePopover } from \"@base-ui/react/popover\";\nimport styles from \"./popover.module.css\";\nimport { PopupArrow } from \"../shared/PopupArrow\";\nimport { resolveClassName, cx } from \"../utils/resolveClassName\";\n\ntype BasePositionerProps = ComponentPropsWithoutRef<typeof BasePopover.Positioner>;\ntype BasePopupProps = ComponentPropsWithoutRef<typeof BasePopover.Popup>;\ntype BaseTitleProps = ComponentPropsWithoutRef<typeof BasePopover.Title>;\ntype BaseDescriptionProps = ComponentPropsWithoutRef<typeof BasePopover.Description>;\ntype BaseCloseProps = ComponentPropsWithoutRef<typeof BasePopover.Close>;\ntype BaseArrowProps = ComponentPropsWithoutRef<typeof BasePopover.Arrow>;\ntype BaseViewportProps = ComponentPropsWithoutRef<typeof BasePopover.Viewport>;\n\nexport interface PopoverPositionerProps extends BasePositionerProps {}\nexport interface PopoverPopupProps extends BasePopupProps {}\nexport interface PopoverTitleProps extends BaseTitleProps {}\nexport interface PopoverDescriptionProps extends BaseDescriptionProps {}\nexport interface PopoverCloseProps extends BaseCloseProps {}\nexport interface PopoverArrowProps extends BaseArrowProps {}\nexport interface PopoverViewportProps extends BaseViewportProps {}\n\nexport const PopoverPositioner = forwardRef<ComponentRef<typeof BasePopover.Positioner>, PopoverPositionerProps>(function PopoverPositioner(\n { className, ...props },\n ref,\n) {\n return <BasePopover.Positioner ref={ref} className={(state) => cx(styles.positioner, resolveClassName(className, state))} {...props} />;\n});\n\nexport const PopoverPopup = forwardRef<ComponentRef<typeof BasePopover.Popup>, PopoverPopupProps>(function PopoverPopup(\n { className, ...props },\n ref,\n) {\n return <BasePopover.Popup ref={ref} className={(state) => cx(styles.popup, resolveClassName(className, state))} {...props} />;\n});\n\nexport const PopoverTitle = forwardRef<ComponentRef<typeof BasePopover.Title>, PopoverTitleProps>(function PopoverTitle(\n { className, ...props },\n ref,\n) {\n return <BasePopover.Title ref={ref} className={(state) => cx(styles.title, resolveClassName(className, state))} {...props} />;\n});\n\nexport const PopoverDescription = forwardRef<ComponentRef<typeof BasePopover.Description>, PopoverDescriptionProps>(\n function PopoverDescription({ className, ...props }, ref) {\n return (\n <BasePopover.Description ref={ref} className={(state) => cx(styles.description, resolveClassName(className, state))} {...props} />\n );\n },\n);\n\nexport const PopoverClose = forwardRef<ComponentRef<typeof BasePopover.Close>, PopoverCloseProps>(function PopoverClose(\n { className, ...props },\n ref,\n) {\n return <BasePopover.Close ref={ref} className={(state) => cx(styles.close, resolveClassName(className, state))} {...props} />;\n});\n\nexport const PopoverViewport = forwardRef<ComponentRef<typeof BasePopover.Viewport>, PopoverViewportProps>(function PopoverViewport(\n { className, ...props },\n ref,\n) {\n return <BasePopover.Viewport ref={ref} className={(state) => cx(styles.viewport, resolveClassName(className, state))} {...props} />;\n});\n\nexport const PopoverArrow = forwardRef<ComponentRef<typeof BasePopover.Arrow>, PopoverArrowProps>(function PopoverArrow(\n { className, children, ...props },\n ref,\n) {\n return (\n <BasePopover.Arrow ref={ref} className={(state) => cx(styles.arrow, resolveClassName(className, state))} {...props}>\n {children ?? <PopupArrow fillClass={styles[\"arrow-fill\"]!} seamClass={styles[\"arrow-seam\"]!} />}\n </BasePopover.Arrow>\n );\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,MAAa,oBAAoB,WAAgF,SAAS,kBACxH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACA,QAAY,YAAb;EAA6B;EAAK,YAAY,UAAU,GAAGC,uBAAO,YAAY,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EACvI;AAEF,MAAa,eAAe,WAAsE,SAAS,aACzG,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,QAAY,OAAb;EAAwB;EAAK,YAAY,UAAU,GAAGC,uBAAO,OAAO,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAC7H;AAEF,MAAa,eAAe,WAAsE,SAAS,aACzG,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,QAAY,OAAb;EAAwB;EAAK,YAAY,UAAU,GAAGC,uBAAO,OAAO,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAC7H;AAEF,MAAa,qBAAqB,WAChC,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAS,KAAK;AACxD,QACE,oBAACD,QAAY,aAAb;EAA8B;EAAK,YAAY,UAAU,GAAGC,uBAAO,aAAa,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAGvI;AAED,MAAa,eAAe,WAAsE,SAAS,aACzG,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,QAAY,OAAb;EAAwB;EAAK,YAAY,UAAU,GAAGC,uBAAO,OAAO,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAC7H;AAEF,MAAa,kBAAkB,WAA4E,SAAS,gBAClH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,QAAY,UAAb;EAA2B;EAAK,YAAY,UAAU,GAAGC,uBAAO,UAAU,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EACnI;AAEF,MAAa,eAAe,WAAsE,SAAS,aACzG,EAAE,WAAW,UAAU,GAAG,SAC1B,KACA;AACA,QACE,oBAACD,QAAY,OAAb;EAAwB;EAAK,YAAY,UAAU,GAAGC,uBAAO,OAAO,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;YAC1G,YAAY,oBAAC,YAAD;GAAY,WAAWA,uBAAO;GAAgB,WAAWA,uBAAO;GAAkB,CAAA;EAC7E,CAAA;EAEtB"}
|
package/dist/progress/parts.d.ts
CHANGED
|
@@ -5,12 +5,10 @@ import { Progress } from "@base-ui/react/progress";
|
|
|
5
5
|
//#region src/progress/parts.d.ts
|
|
6
6
|
type BaseTrackProps = ComponentPropsWithoutRef<typeof Progress.Track>;
|
|
7
7
|
type BaseIndicatorProps = ComponentPropsWithoutRef<typeof Progress.Indicator>;
|
|
8
|
-
interface ProgressTrackProps extends
|
|
9
|
-
className?: string;
|
|
8
|
+
interface ProgressTrackProps extends BaseTrackProps {
|
|
10
9
|
size?: "sm" | "md" | "lg";
|
|
11
10
|
}
|
|
12
|
-
interface ProgressIndicatorProps extends
|
|
13
|
-
className?: string;
|
|
11
|
+
interface ProgressIndicatorProps extends BaseIndicatorProps {
|
|
14
12
|
status?: "default" | "success" | "warning" | "error";
|
|
15
13
|
}
|
|
16
14
|
declare const ProgressTrack: react.ForwardRefExoticComponent<ProgressTrackProps & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/progress/parts.tsx"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/progress/parts.tsx"],"mappings":";;;;;KAqBK,cAAA,GAAiB,wBAAA,QAAgC,QAAA,CAAa,KAAA;AAAA,KAC9D,kBAAA,GAAqB,wBAAA,QAAgC,QAAA,CAAa,SAAA;AAAA,UAEtD,kBAAA,SAA2B,cAAA;EAC1C,IAAA;AAAA;AAAA,UAEe,sBAAA,SAA+B,kBAAA;EAC9C,MAAA;AAAA;AAAA,cAGW,aAAA,EAAa,KAAA,CAAA,yBAAA,CAAA,kBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAab,iBAAA,EAAiB,KAAA,CAAA,yBAAA,CAAA,sBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA"}
|