@overmap-ai/blocks 1.0.40-alpha.3 → 1.0.40-icon-fix.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/LuIcon/LuIcon.d.ts +4 -6
- package/dist/LuIcon/index.d.ts +1 -1
- package/dist/LuIcon/typings.d.ts +2 -2
- package/dist/MenuV2/CheckboxItem.d.ts +3 -3
- package/dist/MenuV2/CheckboxItemIndicator.d.ts +2 -2
- package/dist/MenuV2/Group.d.ts +2 -2
- package/dist/MenuV2/GroupLabel.d.ts +2 -2
- package/dist/MenuV2/Item.d.ts +2 -2
- package/dist/MenuV2/MultiSelectAllItem.d.ts +3 -3
- package/dist/MenuV2/MultiSelectGroup.d.ts +3 -3
- package/dist/MenuV2/MultiSelectItem.d.ts +3 -3
- package/dist/MenuV2/Page.d.ts +2 -2
- package/dist/MenuV2/PageTriggerItem.d.ts +3 -3
- package/dist/MenuV2/Pages.d.ts +2 -2
- package/dist/MenuV2/Root.d.ts +3 -3
- package/dist/MenuV2/SelectGroup.d.ts +3 -3
- package/dist/MenuV2/SelectItem.d.ts +3 -3
- package/dist/MenuV2/SelectedIndicator.d.ts +2 -2
- package/dist/MenuV2/Separator.d.ts +2 -2
- package/dist/MenuV2/context.d.ts +2 -2
- package/dist/MenuV2/index.d.ts +31 -14
- package/dist/MenuV2/typings.d.ts +5 -5
- package/dist/Overlay/Close.d.ts +5 -0
- package/dist/Overlay/Content.d.ts +6 -0
- package/dist/Overlay/Description.d.ts +5 -0
- package/dist/Overlay/Root.d.ts +5 -0
- package/dist/Overlay/Title.d.ts +5 -0
- package/dist/Overlay/Trigger.d.ts +5 -0
- package/dist/Overlay/cva.d.ts +1 -0
- package/dist/Overlay/index.d.ts +15 -0
- package/dist/Rating/Item.d.ts +6 -0
- package/dist/Rating/ItemIndicator.d.ts +5 -0
- package/dist/Rating/Root.d.ts +8 -0
- package/dist/Rating/context.d.ts +9 -0
- package/dist/Rating/index.d.ts +9 -0
- package/dist/blocks.js +255 -111
- package/dist/blocks.js.map +1 -1
- package/dist/blocks.umd.cjs +256 -112
- package/dist/blocks.umd.cjs.map +1 -1
- package/dist/index.d.ts +2 -0
- package/package.json +1 -1
package/dist/blocks.umd.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
(function(global, factory) {
|
|
2
|
-
typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@radix-ui/react-alert-dialog"), require("react/jsx-runtime"), require("class-variance-authority"), require("react"), require("@radix-ui/react-avatar"), require("@radix-ui/react-checkbox"), require("react-responsive"), require("cmdk"), require("@radix-ui/react-dialog"), require("react-day-picker"), require("lucide-react
|
|
3
|
-
})(this, function(exports2, RadixAlertDialog, jsxRuntime, classVarianceAuthority, react, RadixAvatar, RadixCheckbox, reactResponsive, cmdk, RadixDialog, reactDayPicker,
|
|
2
|
+
typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@radix-ui/react-alert-dialog"), require("react/jsx-runtime"), require("class-variance-authority"), require("react"), require("@radix-ui/react-avatar"), require("@radix-ui/react-checkbox"), require("react-responsive"), require("cmdk"), require("@radix-ui/react-dialog"), require("react-day-picker"), require("lucide-react"), require("@radix-ui/react-hover-card"), require("react-transition-group"), require("react-dom"), require("@radix-ui/react-slot"), require("@floating-ui/react"), require("@radix-ui/react-separator"), require("@radix-ui/react-one-time-password-field"), require("react-error-boundary"), require("@radix-ui/react-popover"), require("@radix-ui/react-progress"), require("@radix-ui/react-radio-group"), require("@radix-ui/react-toggle-group"), require("@radix-ui/react-tabs"), require("@radix-ui/react-slider"), require("@radix-ui/react-switch"), require("@radix-ui/react-toast"), require("@radix-ui/react-toggle"), require("@radix-ui/react-tooltip")) : typeof define === "function" && define.amd ? define(["exports", "@radix-ui/react-alert-dialog", "react/jsx-runtime", "class-variance-authority", "react", "@radix-ui/react-avatar", "@radix-ui/react-checkbox", "react-responsive", "cmdk", "@radix-ui/react-dialog", "react-day-picker", "lucide-react", "@radix-ui/react-hover-card", "react-transition-group", "react-dom", "@radix-ui/react-slot", "@floating-ui/react", "@radix-ui/react-separator", "@radix-ui/react-one-time-password-field", "react-error-boundary", "@radix-ui/react-popover", "@radix-ui/react-progress", "@radix-ui/react-radio-group", "@radix-ui/react-toggle-group", "@radix-ui/react-tabs", "@radix-ui/react-slider", "@radix-ui/react-switch", "@radix-ui/react-toast", "@radix-ui/react-toggle", "@radix-ui/react-tooltip"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.blocks = {}, global.RadixAlertDialog, global.jsxRuntime, global.classVarianceAuthority, global.react, global.RadixAvatar, global.RadixCheckbox, global.reactResponsive, global.cmdk, global.RadixDialog, global.reactDayPicker, global.lucideReact, global.RadixHoverCard, global.reactTransitionGroup, global.ReactDOM, global.reactSlot, global.react$1, global.RadixSeparator, global.RadixOneTimePasswordField, global.reactErrorBoundary, global.RadixPopover, global.RadixProgress, global.RadixRadioGroup, global.RadixToggleGroup, global.RadixTabs, global.RadixSlider, global.RadixSwitch, global.RadixToast, global.Toggle, global.RadixTooltip));
|
|
3
|
+
})(this, function(exports2, RadixAlertDialog, jsxRuntime, classVarianceAuthority, react, RadixAvatar, RadixCheckbox, reactResponsive, cmdk, RadixDialog, reactDayPicker, lucideReact, RadixHoverCard, reactTransitionGroup, ReactDOM, reactSlot, react$1, RadixSeparator, RadixOneTimePasswordField, reactErrorBoundary, RadixPopover, RadixProgress, RadixRadioGroup, RadixToggleGroup, RadixTabs, RadixSlider, RadixSwitch, RadixToast, Toggle, RadixTooltip) {
|
|
4
4
|
"use strict";
|
|
5
5
|
function _interopNamespaceDefault(e) {
|
|
6
6
|
const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
|
|
@@ -1655,21 +1655,21 @@
|
|
|
1655
1655
|
PageTriggerItem: CommandMenuPageTriggerItem
|
|
1656
1656
|
};
|
|
1657
1657
|
const LuIcon = react.memo((props) => {
|
|
1658
|
-
const { ref, icon, className, size = "1em", ...rest } = props;
|
|
1659
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1658
|
+
const { ref, icon: Icon, className, size = "1em", ...rest } = props;
|
|
1659
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Icon, { ref, className: classVarianceAuthority.cx("shrink-0", className), size, ...rest });
|
|
1660
1660
|
});
|
|
1661
1661
|
LuIcon.displayName = "LuIcon";
|
|
1662
1662
|
const Chevron = (props) => {
|
|
1663
1663
|
const { orientation, ...rest } = props;
|
|
1664
1664
|
switch (orientation) {
|
|
1665
1665
|
case "up":
|
|
1666
|
-
return /* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon:
|
|
1666
|
+
return /* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon: lucideReact.ChevronUp, ...rest });
|
|
1667
1667
|
case "down":
|
|
1668
|
-
return /* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon:
|
|
1668
|
+
return /* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon: lucideReact.ChevronDown, ...rest });
|
|
1669
1669
|
case "left":
|
|
1670
|
-
return /* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon:
|
|
1670
|
+
return /* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon: lucideReact.ChevronLeft, ...rest });
|
|
1671
1671
|
default:
|
|
1672
|
-
return /* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon:
|
|
1672
|
+
return /* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon: lucideReact.ChevronRight, ...rest });
|
|
1673
1673
|
}
|
|
1674
1674
|
};
|
|
1675
1675
|
const rootCva = classVarianceAuthority.cva(["relative", "size-max"], {
|
|
@@ -2829,7 +2829,7 @@
|
|
|
2829
2829
|
const MenuContext = react.createContext({});
|
|
2830
2830
|
const SubContext = react.createContext({});
|
|
2831
2831
|
const TRIGGER_SELECT_KEYS = ["Enter", " "];
|
|
2832
|
-
const MenuItem
|
|
2832
|
+
const MenuItem = react.memo((props) => {
|
|
2833
2833
|
const rootMenuContext = react.use(MenuContext);
|
|
2834
2834
|
const { getItemProps, activeIndex, setOpen, size, variant, radius } = react.use(MenuContentContext);
|
|
2835
2835
|
const { closeRoot } = react.use(SubContext);
|
|
@@ -2891,8 +2891,8 @@
|
|
|
2891
2891
|
}
|
|
2892
2892
|
);
|
|
2893
2893
|
});
|
|
2894
|
-
MenuItem
|
|
2895
|
-
const MenuCheckboxItem
|
|
2894
|
+
MenuItem.displayName = "MenuItem";
|
|
2895
|
+
const MenuCheckboxItem = react.memo((props) => {
|
|
2896
2896
|
const { ref, checked, onCheckedChange, onSelect, ...rest } = props;
|
|
2897
2897
|
const handleSelect = react.useCallback(() => {
|
|
2898
2898
|
onSelect == null ? void 0 : onSelect();
|
|
@@ -2906,9 +2906,9 @@
|
|
|
2906
2906
|
break;
|
|
2907
2907
|
}
|
|
2908
2908
|
}, [checked, onCheckedChange, onSelect]);
|
|
2909
|
-
return /* @__PURE__ */ jsxRuntime.jsx(CheckedIndicatorContext.Provider, { value: checked, children: /* @__PURE__ */ jsxRuntime.jsx(MenuItem
|
|
2909
|
+
return /* @__PURE__ */ jsxRuntime.jsx(CheckedIndicatorContext.Provider, { value: checked, children: /* @__PURE__ */ jsxRuntime.jsx(MenuItem, { ref, onSelect: handleSelect, ...rest }) });
|
|
2910
2910
|
});
|
|
2911
|
-
MenuCheckboxItem
|
|
2911
|
+
MenuCheckboxItem.displayName = "MenuCheckboxItem";
|
|
2912
2912
|
const MenuCheckboxItemIndicator = react.memo((props) => {
|
|
2913
2913
|
const { ref, children, ...rest } = props;
|
|
2914
2914
|
return /* @__PURE__ */ jsxRuntime.jsx(CheckedIndicator, { ref, ...rest, children });
|
|
@@ -3081,11 +3081,11 @@
|
|
|
3081
3081
|
);
|
|
3082
3082
|
});
|
|
3083
3083
|
MenuContextTrigger.displayName = "MenuContextTrigger";
|
|
3084
|
-
const MenuGroup
|
|
3084
|
+
const MenuGroup = react.memo((props) => {
|
|
3085
3085
|
const { ref, children, ...rest } = props;
|
|
3086
3086
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, role: "group", ...rest, children });
|
|
3087
3087
|
});
|
|
3088
|
-
MenuGroup
|
|
3088
|
+
MenuGroup.displayName = "MenuGroup";
|
|
3089
3089
|
const MenuInputField = react.memo((props) => {
|
|
3090
3090
|
const { ref: forwardedRef, className, onValueChange, onChange, disabled = false, ...rest } = props;
|
|
3091
3091
|
const { activeIndex, getItemProps } = react.use(MenuContentContext);
|
|
@@ -3136,11 +3136,11 @@
|
|
|
3136
3136
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: classVarianceAuthority.cx(menuLabelCva({ size }), className), ...rest });
|
|
3137
3137
|
});
|
|
3138
3138
|
MenuLabel.displayName = "MenuLabel";
|
|
3139
|
-
const MenuMultiSelectGroup
|
|
3139
|
+
const MenuMultiSelectGroup = genericMemo(function MenuMultiSelectGroup2(props) {
|
|
3140
3140
|
const { ref, children, defaultValues, values, onValuesChange, ...rest } = props;
|
|
3141
|
-
return /* @__PURE__ */ jsxRuntime.jsx(MenuGroup
|
|
3141
|
+
return /* @__PURE__ */ jsxRuntime.jsx(MenuGroup, { ref, ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(MultiSelectProvider, { defaultValues, values, onValuesChange, children }) });
|
|
3142
3142
|
});
|
|
3143
|
-
const MenuMultiSelectItem
|
|
3143
|
+
const MenuMultiSelectItem = genericMemo(function(props) {
|
|
3144
3144
|
const { ref, onSelect, children, closeOnSelect = false, value, ...rest } = props;
|
|
3145
3145
|
const { selected, selectValue, registerValue } = react.use(MultiSelectContext);
|
|
3146
3146
|
react.useLayoutEffect(() => {
|
|
@@ -3155,7 +3155,7 @@
|
|
|
3155
3155
|
return typeof children === "function" ? ({ active }) => children({ selected: isSelected, active }) : children;
|
|
3156
3156
|
}, [children, isSelected]);
|
|
3157
3157
|
return /* @__PURE__ */ jsxRuntime.jsx(SelectedIndicatorContext.Provider, { value: isSelected, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3158
|
-
MenuItem
|
|
3158
|
+
MenuItem,
|
|
3159
3159
|
{
|
|
3160
3160
|
ref,
|
|
3161
3161
|
role: "menuitemcheckbox",
|
|
@@ -3174,13 +3174,13 @@
|
|
|
3174
3174
|
return activePage === page ? children : null;
|
|
3175
3175
|
});
|
|
3176
3176
|
MenuPageContent.displayName = "PageContent";
|
|
3177
|
-
const MenuPages
|
|
3177
|
+
const MenuPages = react.memo((props) => {
|
|
3178
3178
|
const { children, defaultPage, page, onPageChange } = props;
|
|
3179
3179
|
const [activePage, setActivePage] = useControlledState(defaultPage ?? "", page, onPageChange);
|
|
3180
3180
|
const contextValue = react.useMemo(() => ({ activePage, setActivePage }), [activePage, setActivePage]);
|
|
3181
3181
|
return /* @__PURE__ */ jsxRuntime.jsx(PagesContext.Provider, { value: contextValue, children });
|
|
3182
3182
|
});
|
|
3183
|
-
MenuPages
|
|
3183
|
+
MenuPages.displayName = "MenuPages";
|
|
3184
3184
|
const MenuPageTrigger = react.memo((props) => {
|
|
3185
3185
|
const { ref, onSelect, page, ...rest } = props;
|
|
3186
3186
|
const { refs, setActiveIndex } = react.use(MenuContentContext);
|
|
@@ -3192,14 +3192,14 @@
|
|
|
3192
3192
|
(_a = refs.floating.current) == null ? void 0 : _a.focus();
|
|
3193
3193
|
setActiveIndex(null);
|
|
3194
3194
|
}, [onSelect, page, refs.floating, setActiveIndex, setActivePage]);
|
|
3195
|
-
return /* @__PURE__ */ jsxRuntime.jsx(MenuItem
|
|
3195
|
+
return /* @__PURE__ */ jsxRuntime.jsx(MenuItem, { ref, onSelect: handleSelect, closeOnSelect: false, ...rest });
|
|
3196
3196
|
});
|
|
3197
3197
|
MenuPageTrigger.displayName = "MenuPageTrigger";
|
|
3198
3198
|
const MENU_OVERFLOW_PADDING = 20;
|
|
3199
3199
|
const MENU_CONTENT_PADDING = 8;
|
|
3200
3200
|
const MENU_MINIMUM_MAX_HEIGHT = 250;
|
|
3201
3201
|
const DEFAULT_OFFSET = 5;
|
|
3202
|
-
const MenuRoot
|
|
3202
|
+
const MenuRoot = react.memo((props) => {
|
|
3203
3203
|
const {
|
|
3204
3204
|
children,
|
|
3205
3205
|
side = "bottom",
|
|
@@ -3288,7 +3288,7 @@
|
|
|
3288
3288
|
}
|
|
3289
3289
|
) });
|
|
3290
3290
|
});
|
|
3291
|
-
MenuRoot
|
|
3291
|
+
MenuRoot.displayName = "Root";
|
|
3292
3292
|
const MenuScroll = react.memo((props) => {
|
|
3293
3293
|
const { ref, className, ...rest } = props;
|
|
3294
3294
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -3304,7 +3304,7 @@
|
|
|
3304
3304
|
);
|
|
3305
3305
|
});
|
|
3306
3306
|
MenuScroll.displayName = "MenuScroll";
|
|
3307
|
-
const MenuSelectAllItem
|
|
3307
|
+
const MenuSelectAllItem = genericMemo((props) => {
|
|
3308
3308
|
const { ref, children, onSelect, closeOnSelect = false, ...rest } = props;
|
|
3309
3309
|
const { allSelected, someSelected, toggleSelectAll } = react.use(MultiSelectContext);
|
|
3310
3310
|
const selectedState = allSelected ? true : someSelected ? "indeterminate" : false;
|
|
@@ -3316,7 +3316,7 @@
|
|
|
3316
3316
|
return typeof children === "function" ? ({ active }) => children({ selected: selectedState, active }) : children;
|
|
3317
3317
|
}, [children, selectedState]);
|
|
3318
3318
|
return /* @__PURE__ */ jsxRuntime.jsx(CheckedIndicatorContext, { value: selectedState, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3319
|
-
MenuItem
|
|
3319
|
+
MenuItem,
|
|
3320
3320
|
{
|
|
3321
3321
|
onSelect: handleSelect,
|
|
3322
3322
|
ref,
|
|
@@ -3327,14 +3327,14 @@
|
|
|
3327
3327
|
}
|
|
3328
3328
|
) });
|
|
3329
3329
|
});
|
|
3330
|
-
const MenuSelectedIndicator
|
|
3330
|
+
const MenuSelectedIndicator = react.memo((props) => {
|
|
3331
3331
|
const { ref, children, ...rest } = props;
|
|
3332
3332
|
return /* @__PURE__ */ jsxRuntime.jsx(SelectedIndicator, { ref, ...rest, children });
|
|
3333
3333
|
});
|
|
3334
|
-
MenuSelectedIndicator
|
|
3335
|
-
const MenuSelectGroup
|
|
3334
|
+
MenuSelectedIndicator.displayName = "MenuSelectedIndicator";
|
|
3335
|
+
const MenuSelectGroup = genericMemo(function MenuSelectGroup2(props) {
|
|
3336
3336
|
const { ref, children, required, defaultValue, value, onValueChange, ...rest } = props;
|
|
3337
|
-
return /* @__PURE__ */ jsxRuntime.jsx(MenuGroup
|
|
3337
|
+
return /* @__PURE__ */ jsxRuntime.jsx(MenuGroup, { ref, ...rest, children: required ? /* @__PURE__ */ jsxRuntime.jsx(SingleSelectRequiredProvider, { defaultValue, value, onValueChange, children }) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
3338
3338
|
SingleSelectNotRequiredProvider,
|
|
3339
3339
|
{
|
|
3340
3340
|
defaultValue,
|
|
@@ -3344,7 +3344,7 @@
|
|
|
3344
3344
|
}
|
|
3345
3345
|
) });
|
|
3346
3346
|
});
|
|
3347
|
-
const MenuSelectItem
|
|
3347
|
+
const MenuSelectItem = genericMemo(function(props) {
|
|
3348
3348
|
const { ref, value, onSelect, children, closeOnSelect = true, ...rest } = props;
|
|
3349
3349
|
const { selected, selectValue } = react.use(SelectContext);
|
|
3350
3350
|
const isSelected = selected(value);
|
|
@@ -3356,7 +3356,7 @@
|
|
|
3356
3356
|
return typeof children === "function" ? ({ active }) => children({ selected: isSelected, active }) : children;
|
|
3357
3357
|
}, [children, isSelected]);
|
|
3358
3358
|
return /* @__PURE__ */ jsxRuntime.jsx(SelectedIndicatorContext.Provider, { value: isSelected, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3359
|
-
MenuItem
|
|
3359
|
+
MenuItem,
|
|
3360
3360
|
{
|
|
3361
3361
|
ref,
|
|
3362
3362
|
role: "menuitemcheckbox",
|
|
@@ -3368,12 +3368,12 @@
|
|
|
3368
3368
|
}
|
|
3369
3369
|
) });
|
|
3370
3370
|
});
|
|
3371
|
-
const MenuSeparator
|
|
3371
|
+
const MenuSeparator = react.memo((props) => {
|
|
3372
3372
|
const { ref, className, ...rest } = props;
|
|
3373
3373
|
const { size } = react.use(MenuContentContext);
|
|
3374
3374
|
return /* @__PURE__ */ jsxRuntime.jsx(RadixSeparator__namespace.Root, { className: classVarianceAuthority.cx(menuSeparator({ size }), className), ref, ...rest });
|
|
3375
3375
|
});
|
|
3376
|
-
MenuSeparator
|
|
3376
|
+
MenuSeparator.displayName = "MenuSeparator";
|
|
3377
3377
|
const computeOffsets = (side, alignment) => {
|
|
3378
3378
|
switch (side) {
|
|
3379
3379
|
case "right":
|
|
@@ -3571,7 +3571,7 @@
|
|
|
3571
3571
|
const { refs, getReferenceProps, open, disabled } = react.use(SubContext);
|
|
3572
3572
|
const mergedRefs = react$1.useMergeRefs([forwardedRef, refs.setReference]);
|
|
3573
3573
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3574
|
-
MenuItem
|
|
3574
|
+
MenuItem,
|
|
3575
3575
|
{
|
|
3576
3576
|
ref: mergedRefs,
|
|
3577
3577
|
closeOnSelect: false,
|
|
@@ -3603,14 +3603,14 @@
|
|
|
3603
3603
|
});
|
|
3604
3604
|
MenuVirtualTrigger.displayName = "VirtualTrigger";
|
|
3605
3605
|
const Menu = {
|
|
3606
|
-
Root: MenuRoot
|
|
3606
|
+
Root: MenuRoot,
|
|
3607
3607
|
Content: MenuContent,
|
|
3608
3608
|
// sub
|
|
3609
3609
|
Sub: MenuSub,
|
|
3610
3610
|
SubContent: MenuSubContent,
|
|
3611
3611
|
SubTrigger: MenuSubTrigger,
|
|
3612
3612
|
// pages
|
|
3613
|
-
Pages: MenuPages
|
|
3613
|
+
Pages: MenuPages,
|
|
3614
3614
|
PageContent: MenuPageContent,
|
|
3615
3615
|
PageTrigger: MenuPageTrigger,
|
|
3616
3616
|
// triggers
|
|
@@ -3618,17 +3618,17 @@
|
|
|
3618
3618
|
ContextTrigger: MenuContextTrigger,
|
|
3619
3619
|
VirtualTrigger: MenuVirtualTrigger,
|
|
3620
3620
|
// groups
|
|
3621
|
-
Group: MenuGroup
|
|
3622
|
-
SelectGroup: MenuSelectGroup
|
|
3623
|
-
MultiSelectGroup: MenuMultiSelectGroup
|
|
3621
|
+
Group: MenuGroup,
|
|
3622
|
+
SelectGroup: MenuSelectGroup,
|
|
3623
|
+
MultiSelectGroup: MenuMultiSelectGroup,
|
|
3624
3624
|
// items
|
|
3625
|
-
Item: MenuItem
|
|
3626
|
-
SelectItem: MenuSelectItem
|
|
3627
|
-
MultiSelectItem: MenuMultiSelectItem
|
|
3628
|
-
SelectAllItem: MenuSelectAllItem
|
|
3629
|
-
CheckboxItem: MenuCheckboxItem
|
|
3625
|
+
Item: MenuItem,
|
|
3626
|
+
SelectItem: MenuSelectItem,
|
|
3627
|
+
MultiSelectItem: MenuMultiSelectItem,
|
|
3628
|
+
SelectAllItem: MenuSelectAllItem,
|
|
3629
|
+
CheckboxItem: MenuCheckboxItem,
|
|
3630
3630
|
// indicators
|
|
3631
|
-
SelectedIndicator: MenuSelectedIndicator
|
|
3631
|
+
SelectedIndicator: MenuSelectedIndicator,
|
|
3632
3632
|
CheckboxItemIndicator: MenuCheckboxItemIndicator,
|
|
3633
3633
|
// input
|
|
3634
3634
|
InputRoot: MenuInputRoot,
|
|
@@ -3636,7 +3636,7 @@
|
|
|
3636
3636
|
InputSlot: MenuInputSlot,
|
|
3637
3637
|
// others
|
|
3638
3638
|
Label: MenuLabel,
|
|
3639
|
-
Separator: MenuSeparator
|
|
3639
|
+
Separator: MenuSeparator,
|
|
3640
3640
|
Scroll: MenuScroll
|
|
3641
3641
|
};
|
|
3642
3642
|
const KEY_MAPPING = {
|
|
@@ -3729,7 +3729,7 @@
|
|
|
3729
3729
|
}
|
|
3730
3730
|
}
|
|
3731
3731
|
});
|
|
3732
|
-
const
|
|
3732
|
+
const MenuV2Item = react.memo((props) => {
|
|
3733
3733
|
const {
|
|
3734
3734
|
ref,
|
|
3735
3735
|
children,
|
|
@@ -3810,8 +3810,8 @@
|
|
|
3810
3810
|
}
|
|
3811
3811
|
);
|
|
3812
3812
|
});
|
|
3813
|
-
|
|
3814
|
-
const
|
|
3813
|
+
MenuV2Item.displayName = "MenuItem";
|
|
3814
|
+
const MenuV2CheckboxItem = react.memo((props) => {
|
|
3815
3815
|
const { ref, checked, onCheckedChange, onSelect, ...rest } = props;
|
|
3816
3816
|
const handleSelect = react.useCallback(
|
|
3817
3817
|
(e) => {
|
|
@@ -3831,15 +3831,15 @@
|
|
|
3831
3831
|
},
|
|
3832
3832
|
[checked, onCheckedChange, onSelect]
|
|
3833
3833
|
);
|
|
3834
|
-
return /* @__PURE__ */ jsxRuntime.jsx(CheckedIndicatorContext.Provider, { value: checked, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3834
|
+
return /* @__PURE__ */ jsxRuntime.jsx(CheckedIndicatorContext.Provider, { value: checked, children: /* @__PURE__ */ jsxRuntime.jsx(MenuV2Item, { ref, onSelect: handleSelect, ...rest }) });
|
|
3835
3835
|
});
|
|
3836
|
-
|
|
3837
|
-
const
|
|
3836
|
+
MenuV2CheckboxItem.displayName = "MenuCheckboxItem";
|
|
3837
|
+
const MenuV2CheckedIndicator = react.memo((props) => {
|
|
3838
3838
|
const { ref, children, ...rest } = props;
|
|
3839
3839
|
return /* @__PURE__ */ jsxRuntime.jsx(CheckedIndicator, { ref, ...rest, children });
|
|
3840
3840
|
});
|
|
3841
|
-
|
|
3842
|
-
const
|
|
3841
|
+
MenuV2CheckedIndicator.displayName = "MenuCheckboxItemIndicator";
|
|
3842
|
+
const MenuV2Group = react.memo((props) => {
|
|
3843
3843
|
const { ref, children, ...rest } = props;
|
|
3844
3844
|
const groupId = react.useId();
|
|
3845
3845
|
const [labelId, setLabelId] = react.useState(null);
|
|
@@ -3852,8 +3852,8 @@
|
|
|
3852
3852
|
);
|
|
3853
3853
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, role: "group", ...{ [GROUP_SELECTOR]: groupId }, "aria-labelledby": labelId ?? void 0, ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(MenuGroupContext, { value: contextValue, children }) });
|
|
3854
3854
|
});
|
|
3855
|
-
|
|
3856
|
-
const
|
|
3855
|
+
MenuV2Group.displayName = "MenuGroup";
|
|
3856
|
+
const MenuV2GroupLabel = react.memo((props) => {
|
|
3857
3857
|
const { ref, children, id, className, ...rest } = props;
|
|
3858
3858
|
const labelId = useFallbackId(id);
|
|
3859
3859
|
const { size } = react.use(MenuRootContext);
|
|
@@ -3863,8 +3863,8 @@
|
|
|
3863
3863
|
}, [labelId, setLabelId]);
|
|
3864
3864
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, id: labelId, className: classVarianceAuthority.cx(menuGroupLabelCva({ size }), className), ...rest, children });
|
|
3865
3865
|
});
|
|
3866
|
-
|
|
3867
|
-
const
|
|
3866
|
+
MenuV2GroupLabel.displayName = "MenuGroupLabel";
|
|
3867
|
+
const MenuV2SelectAllItem = genericMemo((props) => {
|
|
3868
3868
|
const { ref, children, onSelect, ...rest } = props;
|
|
3869
3869
|
const { allSelected, someSelected, toggleSelectAll } = react.use(MultiSelectContext);
|
|
3870
3870
|
const selectedState = allSelected ? true : someSelected ? "indeterminate" : false;
|
|
@@ -3876,13 +3876,13 @@
|
|
|
3876
3876
|
},
|
|
3877
3877
|
[onSelect, toggleSelectAll]
|
|
3878
3878
|
);
|
|
3879
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3879
|
+
return /* @__PURE__ */ jsxRuntime.jsx(MenuV2Item, { onSelect: handleSelect, ref, "data-state": getCheckedState(selectedState), ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(CheckedIndicatorContext, { value: selectedState, children }) });
|
|
3880
3880
|
});
|
|
3881
|
-
const
|
|
3881
|
+
const MenuV2MultiSelectGroup = genericMemo(function MenuMultiSelectGroup2(props) {
|
|
3882
3882
|
const { ref, children, defaultValues, values, onValuesChange, ...rest } = props;
|
|
3883
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3883
|
+
return /* @__PURE__ */ jsxRuntime.jsx(MenuV2Group, { ref, ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(MultiSelectProvider, { defaultValues, values, onValuesChange, children }) });
|
|
3884
3884
|
});
|
|
3885
|
-
const
|
|
3885
|
+
const MenuV2MultiSelectItem = genericMemo(function(props) {
|
|
3886
3886
|
const { ref, onSelect, children, value, ...rest } = props;
|
|
3887
3887
|
const { selected, selectValue, registerValue } = react.use(MultiSelectContext);
|
|
3888
3888
|
react.useLayoutEffect(() => {
|
|
@@ -3898,7 +3898,7 @@
|
|
|
3898
3898
|
[onSelect, selectValue, value]
|
|
3899
3899
|
);
|
|
3900
3900
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3901
|
-
|
|
3901
|
+
MenuV2Item,
|
|
3902
3902
|
{
|
|
3903
3903
|
ref,
|
|
3904
3904
|
role: "menuitemcheckbox",
|
|
@@ -3909,14 +3909,14 @@
|
|
|
3909
3909
|
}
|
|
3910
3910
|
);
|
|
3911
3911
|
});
|
|
3912
|
-
const
|
|
3912
|
+
const MenuV2Page = react.memo((props) => {
|
|
3913
3913
|
const { children, ref, page, ...rest } = props;
|
|
3914
3914
|
const { page: activePage } = react.use(MenuPageContext);
|
|
3915
3915
|
const isActive = page === activePage;
|
|
3916
3916
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, "data-active": getActiveState(isActive), hidden: !isActive, ...rest, children: isActive ? children : null });
|
|
3917
3917
|
});
|
|
3918
|
-
|
|
3919
|
-
const
|
|
3918
|
+
MenuV2Page.displayName = "MenuPage";
|
|
3919
|
+
const MenuV2Pages = react.memo((props) => {
|
|
3920
3920
|
const { children, defaultPage = "", page: controlledPage, onPageChange } = props;
|
|
3921
3921
|
const [page, setPage] = useControlledState(defaultPage, controlledPage, onPageChange);
|
|
3922
3922
|
const contextValue = react.useMemo(
|
|
@@ -3928,8 +3928,8 @@
|
|
|
3928
3928
|
);
|
|
3929
3929
|
return /* @__PURE__ */ jsxRuntime.jsx(MenuPageContext, { value: contextValue, children });
|
|
3930
3930
|
});
|
|
3931
|
-
|
|
3932
|
-
const
|
|
3931
|
+
MenuV2Pages.displayName = "MenuPages";
|
|
3932
|
+
const MenuV2PageTriggerItem = react.memo((props) => {
|
|
3933
3933
|
const { ref, children, page, onSelect, ...rest } = props;
|
|
3934
3934
|
const { page: activePage, setPage } = react.use(MenuPageContext);
|
|
3935
3935
|
const isActive = page === activePage;
|
|
@@ -3941,9 +3941,9 @@
|
|
|
3941
3941
|
},
|
|
3942
3942
|
[onSelect, page, setPage]
|
|
3943
3943
|
);
|
|
3944
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3944
|
+
return /* @__PURE__ */ jsxRuntime.jsx(MenuV2Item, { ref, onSelect: handleSelect, "data-state": getActiveState(isActive), ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(SelectedIndicatorContext, { value: isActive, children }) });
|
|
3945
3945
|
});
|
|
3946
|
-
|
|
3946
|
+
MenuV2PageTriggerItem.displayName = "CommandMenuPageTriggerItem";
|
|
3947
3947
|
const computeNextIndex = (index, length, direction, loop) => {
|
|
3948
3948
|
switch (direction) {
|
|
3949
3949
|
case "next":
|
|
@@ -3952,7 +3952,7 @@
|
|
|
3952
3952
|
return index === 0 ? loop ? length - 1 : index : index - 1;
|
|
3953
3953
|
}
|
|
3954
3954
|
};
|
|
3955
|
-
const
|
|
3955
|
+
const MenuV2Root = react.memo((props) => {
|
|
3956
3956
|
const providerContext = useProvider();
|
|
3957
3957
|
const {
|
|
3958
3958
|
ref,
|
|
@@ -4091,8 +4091,10 @@
|
|
|
4091
4091
|
[getActiveItem, getFirstGroup, getFirstItem, getLastGroup, getLastItem, getNextGroup, getNextItem, onKeyDown]
|
|
4092
4092
|
);
|
|
4093
4093
|
react.useEffect(() => {
|
|
4094
|
+
var _a;
|
|
4094
4095
|
const firstItem = getFirstItem(internalRef.current);
|
|
4095
4096
|
if (!firstItem) return;
|
|
4097
|
+
(_a = internalRef.current) == null ? void 0 : _a.focus();
|
|
4096
4098
|
setActiveItemId(firstItem.getAttribute(ITEM_SELECTOR));
|
|
4097
4099
|
}, [getFirstItem]);
|
|
4098
4100
|
const contextValue = react.useMemo(
|
|
@@ -4122,15 +4124,15 @@
|
|
|
4122
4124
|
}
|
|
4123
4125
|
);
|
|
4124
4126
|
});
|
|
4125
|
-
|
|
4126
|
-
const
|
|
4127
|
+
MenuV2Root.displayName = "MenuRoot";
|
|
4128
|
+
const MenuV2SelectedIndicator = react.memo((props) => {
|
|
4127
4129
|
const { ref, children, ...rest } = props;
|
|
4128
4130
|
return /* @__PURE__ */ jsxRuntime.jsx(SelectedIndicator, { ref, ...rest, children });
|
|
4129
4131
|
});
|
|
4130
|
-
|
|
4131
|
-
const
|
|
4132
|
+
MenuV2SelectedIndicator.displayName = "MenuCheckboxItemIndicator";
|
|
4133
|
+
const MenuV2SelectGroup = genericMemo(function MenuSelectGroup2(props) {
|
|
4132
4134
|
const { ref, children, required, defaultValue, value, onValueChange, ...rest } = props;
|
|
4133
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4135
|
+
return /* @__PURE__ */ jsxRuntime.jsx(MenuV2Group, { ref, ...rest, children: required ? /* @__PURE__ */ jsxRuntime.jsx(SingleSelectRequiredProvider, { defaultValue, value, onValueChange, children }) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
4134
4136
|
SingleSelectNotRequiredProvider,
|
|
4135
4137
|
{
|
|
4136
4138
|
defaultValue,
|
|
@@ -4140,7 +4142,7 @@
|
|
|
4140
4142
|
}
|
|
4141
4143
|
) });
|
|
4142
4144
|
});
|
|
4143
|
-
const
|
|
4145
|
+
const MenuV2SelectItem = genericMemo(function(props) {
|
|
4144
4146
|
const { ref, value, onSelect, children, ...rest } = props;
|
|
4145
4147
|
const { selected, selectValue } = react.use(SelectContext);
|
|
4146
4148
|
const isSelected = selected(value);
|
|
@@ -4153,7 +4155,7 @@
|
|
|
4153
4155
|
[onSelect, selectValue, value]
|
|
4154
4156
|
);
|
|
4155
4157
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4156
|
-
|
|
4158
|
+
MenuV2Item,
|
|
4157
4159
|
{
|
|
4158
4160
|
ref,
|
|
4159
4161
|
role: "menuitemcheckbox",
|
|
@@ -4164,29 +4166,29 @@
|
|
|
4164
4166
|
}
|
|
4165
4167
|
);
|
|
4166
4168
|
});
|
|
4167
|
-
const
|
|
4169
|
+
const MenuV2Separator = react.memo((props) => {
|
|
4168
4170
|
const { ref, className, ...rest } = props;
|
|
4169
4171
|
const { size } = react.use(MenuRootContext);
|
|
4170
4172
|
return /* @__PURE__ */ jsxRuntime.jsx(RadixSeparator__namespace.Root, { className: classVarianceAuthority.cx(menuSeparatorCva({ size }), className), ref, ...rest });
|
|
4171
4173
|
});
|
|
4172
|
-
|
|
4174
|
+
MenuV2Separator.displayName = "MenuSeparator";
|
|
4173
4175
|
const MenuV2 = {
|
|
4174
|
-
Root:
|
|
4175
|
-
Group:
|
|
4176
|
-
GroupLabel:
|
|
4177
|
-
Item:
|
|
4178
|
-
Separator:
|
|
4179
|
-
SelectGroup:
|
|
4180
|
-
SelectItem:
|
|
4181
|
-
MultiSelectGroup:
|
|
4182
|
-
MultiSelectItem:
|
|
4183
|
-
SelectAllItem:
|
|
4184
|
-
SelectedIndicator:
|
|
4185
|
-
CheckboxItem:
|
|
4186
|
-
CheckedIndicator:
|
|
4187
|
-
Pages:
|
|
4188
|
-
Page:
|
|
4189
|
-
PageTriggerItem:
|
|
4176
|
+
Root: MenuV2Root,
|
|
4177
|
+
Group: MenuV2Group,
|
|
4178
|
+
GroupLabel: MenuV2GroupLabel,
|
|
4179
|
+
Item: MenuV2Item,
|
|
4180
|
+
Separator: MenuV2Separator,
|
|
4181
|
+
SelectGroup: MenuV2SelectGroup,
|
|
4182
|
+
SelectItem: MenuV2SelectItem,
|
|
4183
|
+
MultiSelectGroup: MenuV2MultiSelectGroup,
|
|
4184
|
+
MultiSelectItem: MenuV2MultiSelectItem,
|
|
4185
|
+
SelectAllItem: MenuV2SelectAllItem,
|
|
4186
|
+
SelectedIndicator: MenuV2SelectedIndicator,
|
|
4187
|
+
CheckboxItem: MenuV2CheckboxItem,
|
|
4188
|
+
CheckedIndicator: MenuV2CheckedIndicator,
|
|
4189
|
+
Pages: MenuV2Pages,
|
|
4190
|
+
Page: MenuV2Page,
|
|
4191
|
+
PageTriggerItem: MenuV2PageTriggerItem
|
|
4190
4192
|
};
|
|
4191
4193
|
const OneTimePasswordFieldHiddenInput = react.memo((props) => {
|
|
4192
4194
|
return /* @__PURE__ */ jsxRuntime.jsx(RadixOneTimePasswordField__namespace.HiddenInput, { ...props });
|
|
@@ -4287,6 +4289,62 @@
|
|
|
4287
4289
|
Input: OneTimePasswordFieldInput,
|
|
4288
4290
|
Root: OneTimePasswordFieldRoot
|
|
4289
4291
|
};
|
|
4292
|
+
const OverlayClose = react.memo((props) => {
|
|
4293
|
+
const { ref, ...rest } = props;
|
|
4294
|
+
return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Close, { ref, ...rest });
|
|
4295
|
+
});
|
|
4296
|
+
OverlayClose.displayName = "OverlayClose";
|
|
4297
|
+
const overlayContentCva = classVarianceAuthority.cva([
|
|
4298
|
+
"fixed",
|
|
4299
|
+
"inset-0",
|
|
4300
|
+
"bg-(--color-background)",
|
|
4301
|
+
"data-[state='closed']:animate-out",
|
|
4302
|
+
"data-[state='closed']:fade-out-0",
|
|
4303
|
+
"data-[state='closed']:zoom-out-95",
|
|
4304
|
+
"data-[state='open']:animate-in",
|
|
4305
|
+
"data-[state='open']:fade-in-0",
|
|
4306
|
+
"data-[state='open']:zoom-in-95"
|
|
4307
|
+
]);
|
|
4308
|
+
const OverlayContent = react.memo((props) => {
|
|
4309
|
+
const { ref, container, className, ...rest } = props;
|
|
4310
|
+
return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Portal, { container, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4311
|
+
RadixDialog__namespace.Content,
|
|
4312
|
+
{
|
|
4313
|
+
className: classVarianceAuthority.cx(overlayContentCva(), className),
|
|
4314
|
+
ref,
|
|
4315
|
+
"data-floating-content": "",
|
|
4316
|
+
...rest
|
|
4317
|
+
}
|
|
4318
|
+
) });
|
|
4319
|
+
});
|
|
4320
|
+
OverlayContent.displayName = "OverlayContent";
|
|
4321
|
+
const OverlayDescription = react.memo((props) => {
|
|
4322
|
+
const { ref, ...rest } = props;
|
|
4323
|
+
return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Description, { ref, ...rest });
|
|
4324
|
+
});
|
|
4325
|
+
OverlayDescription.displayName = "OverlayDescription";
|
|
4326
|
+
const OverlayRoot = react.memo((props) => {
|
|
4327
|
+
return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Root, { ...props });
|
|
4328
|
+
});
|
|
4329
|
+
OverlayRoot.displayName = "OverlayRoot";
|
|
4330
|
+
const OverlayTitle = react.memo((props) => {
|
|
4331
|
+
const { ref, ...rest } = props;
|
|
4332
|
+
return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Title, { ref, ...rest });
|
|
4333
|
+
});
|
|
4334
|
+
OverlayTitle.displayName = "OverlayTitle";
|
|
4335
|
+
const OverlayTrigger = react.memo((props) => {
|
|
4336
|
+
const { ref, ...rest } = props;
|
|
4337
|
+
return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Trigger, { ref, ...rest });
|
|
4338
|
+
});
|
|
4339
|
+
OverlayTrigger.displayName = "OverlayTrigger";
|
|
4340
|
+
const Overlay = {
|
|
4341
|
+
Root: OverlayRoot,
|
|
4342
|
+
Content: OverlayContent,
|
|
4343
|
+
Title: OverlayTitle,
|
|
4344
|
+
Description: OverlayDescription,
|
|
4345
|
+
Trigger: OverlayTrigger,
|
|
4346
|
+
Close: OverlayClose
|
|
4347
|
+
};
|
|
4290
4348
|
const centerStyles = { placeSelf: "center" };
|
|
4291
4349
|
const ErrorFallback = react.memo((props) => {
|
|
4292
4350
|
const { absoluteCentering, message = "Something went wrong", onRetry } = props;
|
|
@@ -4299,9 +4357,9 @@
|
|
|
4299
4357
|
}, [onRetry, resetBoundary]);
|
|
4300
4358
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full gap-2", style: outerFlexStyles, children: [
|
|
4301
4359
|
/* @__PURE__ */ jsxRuntime.jsx("div", { style: { flexGrow: 1 } }),
|
|
4302
|
-
/* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon:
|
|
4360
|
+
/* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon: lucideReact.AlertTriangle, size: height, style: centerStyles }),
|
|
4303
4361
|
/* @__PURE__ */ jsxRuntime.jsx("span", { style: { lineHeight: height, ...centerStyles }, children: message }),
|
|
4304
|
-
/* @__PURE__ */ jsxRuntime.jsx(IconButton, { "aria-label": "Try again", variant: "soft", onClick: handleRetry, style: centerStyles, children: /* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon:
|
|
4362
|
+
/* @__PURE__ */ jsxRuntime.jsx(IconButton, { "aria-label": "Try again", variant: "soft", onClick: handleRetry, style: centerStyles, children: /* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon: lucideReact.RotateCcw, size: height }) }),
|
|
4305
4363
|
/* @__PURE__ */ jsxRuntime.jsx("div", { style: { flexGrow: 1 } })
|
|
4306
4364
|
] });
|
|
4307
4365
|
});
|
|
@@ -4650,6 +4708,65 @@
|
|
|
4650
4708
|
Item: RadioGroupItem,
|
|
4651
4709
|
Root: RadioGroupRoot
|
|
4652
4710
|
};
|
|
4711
|
+
const RatingRootContext = react.createContext({});
|
|
4712
|
+
const RatingItemContext = react.createContext({});
|
|
4713
|
+
const RatingItem = react.memo((props) => {
|
|
4714
|
+
const { ref, children, value, ...rest } = props;
|
|
4715
|
+
const { value: activeValue } = react.use(RatingRootContext);
|
|
4716
|
+
const active = !!activeValue && value <= activeValue;
|
|
4717
|
+
const contextValue = react.useMemo(() => ({ value }), [value]);
|
|
4718
|
+
return /* @__PURE__ */ jsxRuntime.jsx(RadixRadioGroup__namespace.Item, { ref, value: value.toString(), "data-active": active, ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(RatingItemContext, { value: contextValue, children }) });
|
|
4719
|
+
});
|
|
4720
|
+
RatingItem.displayName = "RatingItem";
|
|
4721
|
+
const RatingItemIndicator = react.memo((props) => {
|
|
4722
|
+
const { ref, children, forceMount, ...rest } = props;
|
|
4723
|
+
const { value: activeValue } = react.use(RatingRootContext);
|
|
4724
|
+
const { value } = react.use(RatingItemContext);
|
|
4725
|
+
const active = !!activeValue && value <= activeValue;
|
|
4726
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4727
|
+
RadixRadioGroup__namespace.Indicator,
|
|
4728
|
+
{
|
|
4729
|
+
ref,
|
|
4730
|
+
forceMount: forceMount ?? (active || void 0),
|
|
4731
|
+
"data-active": active,
|
|
4732
|
+
...rest,
|
|
4733
|
+
children
|
|
4734
|
+
}
|
|
4735
|
+
);
|
|
4736
|
+
});
|
|
4737
|
+
RatingItemIndicator.displayName = "RatingItemIndicator";
|
|
4738
|
+
const RatingRoot = react.memo((props) => {
|
|
4739
|
+
const { ref, children, defaultValue, value: controlledValue, onValueChange, ...rest } = props;
|
|
4740
|
+
const [value, setValue] = useControlledState(defaultValue ?? null, controlledValue, onValueChange);
|
|
4741
|
+
const handleValueChange = react.useCallback(
|
|
4742
|
+
(value2) => {
|
|
4743
|
+
setValue(parseInt(value2));
|
|
4744
|
+
},
|
|
4745
|
+
[setValue]
|
|
4746
|
+
);
|
|
4747
|
+
const contextValue = react.useMemo(
|
|
4748
|
+
() => ({
|
|
4749
|
+
value
|
|
4750
|
+
}),
|
|
4751
|
+
[value]
|
|
4752
|
+
);
|
|
4753
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4754
|
+
RadixRadioGroup__namespace.Root,
|
|
4755
|
+
{
|
|
4756
|
+
ref,
|
|
4757
|
+
value: value ? value.toString() : null,
|
|
4758
|
+
onValueChange: handleValueChange,
|
|
4759
|
+
...rest,
|
|
4760
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(RatingRootContext, { value: contextValue, children })
|
|
4761
|
+
}
|
|
4762
|
+
);
|
|
4763
|
+
});
|
|
4764
|
+
RatingRoot.displayName = "RatingRoot";
|
|
4765
|
+
const Rating = {
|
|
4766
|
+
Item: RatingItem,
|
|
4767
|
+
ItemIndicator: RatingItemIndicator,
|
|
4768
|
+
Root: RatingRoot
|
|
4769
|
+
};
|
|
4653
4770
|
const segmentedControlRootCva = classVarianceAuthority.cva(
|
|
4654
4771
|
["shrink-0", "transition-colors", "inline-flex", "box-border", "min-w-max", "text-center"],
|
|
4655
4772
|
{
|
|
@@ -5918,7 +6035,7 @@
|
|
|
5918
6035
|
action && /* @__PURE__ */ jsxRuntime.jsx(RadixToast__namespace.Action, { className: "w-max", altText: action.altText, asChild: true, children: action.content })
|
|
5919
6036
|
] })
|
|
5920
6037
|
] }),
|
|
5921
|
-
/* @__PURE__ */ jsxRuntime.jsx(RadixToast__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconButton, { size, "aria-label": "Close", variant: "ghost", accentColor, children: /* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon:
|
|
6038
|
+
/* @__PURE__ */ jsxRuntime.jsx(RadixToast__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconButton, { size, "aria-label": "Close", variant: "ghost", accentColor, children: /* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon: lucideReact.X }) }) })
|
|
5922
6039
|
]
|
|
5923
6040
|
}
|
|
5924
6041
|
);
|
|
@@ -6474,38 +6591,61 @@
|
|
|
6474
6591
|
exports2.Link = Link;
|
|
6475
6592
|
exports2.LuIcon = LuIcon;
|
|
6476
6593
|
exports2.Menu = Menu;
|
|
6477
|
-
exports2.MenuCheckboxItem = MenuCheckboxItem
|
|
6594
|
+
exports2.MenuCheckboxItem = MenuCheckboxItem;
|
|
6478
6595
|
exports2.MenuCheckboxItemIndicator = MenuCheckboxItemIndicator;
|
|
6479
6596
|
exports2.MenuClickTrigger = MenuClickTrigger;
|
|
6480
6597
|
exports2.MenuContent = MenuContent;
|
|
6481
6598
|
exports2.MenuContextTrigger = MenuContextTrigger;
|
|
6482
|
-
exports2.MenuGroup = MenuGroup
|
|
6599
|
+
exports2.MenuGroup = MenuGroup;
|
|
6483
6600
|
exports2.MenuInputField = MenuInputField;
|
|
6484
6601
|
exports2.MenuInputRoot = MenuInputRoot;
|
|
6485
6602
|
exports2.MenuInputSlot = MenuInputSlot;
|
|
6486
|
-
exports2.MenuItem = MenuItem
|
|
6603
|
+
exports2.MenuItem = MenuItem;
|
|
6487
6604
|
exports2.MenuLabel = MenuLabel;
|
|
6488
|
-
exports2.MenuMultiSelectGroup = MenuMultiSelectGroup
|
|
6489
|
-
exports2.MenuMultiSelectItem = MenuMultiSelectItem
|
|
6605
|
+
exports2.MenuMultiSelectGroup = MenuMultiSelectGroup;
|
|
6606
|
+
exports2.MenuMultiSelectItem = MenuMultiSelectItem;
|
|
6490
6607
|
exports2.MenuPageContent = MenuPageContent;
|
|
6491
6608
|
exports2.MenuPageTrigger = MenuPageTrigger;
|
|
6492
|
-
exports2.MenuPages = MenuPages
|
|
6493
|
-
exports2.MenuRoot = MenuRoot
|
|
6609
|
+
exports2.MenuPages = MenuPages;
|
|
6610
|
+
exports2.MenuRoot = MenuRoot;
|
|
6494
6611
|
exports2.MenuScroll = MenuScroll;
|
|
6495
|
-
exports2.MenuSelectAllItem = MenuSelectAllItem
|
|
6496
|
-
exports2.MenuSelectGroup = MenuSelectGroup
|
|
6497
|
-
exports2.MenuSelectItem = MenuSelectItem
|
|
6498
|
-
exports2.MenuSelectedIndicator = MenuSelectedIndicator
|
|
6499
|
-
exports2.MenuSeparator = MenuSeparator
|
|
6612
|
+
exports2.MenuSelectAllItem = MenuSelectAllItem;
|
|
6613
|
+
exports2.MenuSelectGroup = MenuSelectGroup;
|
|
6614
|
+
exports2.MenuSelectItem = MenuSelectItem;
|
|
6615
|
+
exports2.MenuSelectedIndicator = MenuSelectedIndicator;
|
|
6616
|
+
exports2.MenuSeparator = MenuSeparator;
|
|
6500
6617
|
exports2.MenuSub = MenuSub;
|
|
6501
6618
|
exports2.MenuSubContent = MenuSubContent;
|
|
6502
6619
|
exports2.MenuSubTrigger = MenuSubTrigger;
|
|
6503
6620
|
exports2.MenuV2 = MenuV2;
|
|
6621
|
+
exports2.MenuV2CheckboxItem = MenuV2CheckboxItem;
|
|
6622
|
+
exports2.MenuV2CheckedIndicator = MenuV2CheckedIndicator;
|
|
6623
|
+
exports2.MenuV2Group = MenuV2Group;
|
|
6624
|
+
exports2.MenuV2GroupLabel = MenuV2GroupLabel;
|
|
6625
|
+
exports2.MenuV2Item = MenuV2Item;
|
|
6626
|
+
exports2.MenuV2MultiSelectGroup = MenuV2MultiSelectGroup;
|
|
6627
|
+
exports2.MenuV2MultiSelectItem = MenuV2MultiSelectItem;
|
|
6628
|
+
exports2.MenuV2Page = MenuV2Page;
|
|
6629
|
+
exports2.MenuV2PageTriggerItem = MenuV2PageTriggerItem;
|
|
6630
|
+
exports2.MenuV2Pages = MenuV2Pages;
|
|
6631
|
+
exports2.MenuV2Root = MenuV2Root;
|
|
6632
|
+
exports2.MenuV2SelectAllItem = MenuV2SelectAllItem;
|
|
6633
|
+
exports2.MenuV2SelectGroup = MenuV2SelectGroup;
|
|
6634
|
+
exports2.MenuV2SelectItem = MenuV2SelectItem;
|
|
6635
|
+
exports2.MenuV2SelectedIndicator = MenuV2SelectedIndicator;
|
|
6636
|
+
exports2.MenuV2Separator = MenuV2Separator;
|
|
6504
6637
|
exports2.MenuVirtualTrigger = MenuVirtualTrigger;
|
|
6505
6638
|
exports2.OneTimePasswordField = OneTimePasswordField;
|
|
6506
6639
|
exports2.OneTimePasswordFieldHiddenInput = OneTimePasswordFieldHiddenInput;
|
|
6507
6640
|
exports2.OneTimePasswordFieldInput = OneTimePasswordFieldInput;
|
|
6508
6641
|
exports2.OneTimePasswordFieldRoot = OneTimePasswordFieldRoot;
|
|
6642
|
+
exports2.Overlay = Overlay;
|
|
6643
|
+
exports2.OverlayClose = OverlayClose;
|
|
6644
|
+
exports2.OverlayContent = OverlayContent;
|
|
6645
|
+
exports2.OverlayDescription = OverlayDescription;
|
|
6646
|
+
exports2.OverlayRoot = OverlayRoot;
|
|
6647
|
+
exports2.OverlayTitle = OverlayTitle;
|
|
6648
|
+
exports2.OverlayTrigger = OverlayTrigger;
|
|
6509
6649
|
exports2.OvermapErrorBoundary = OvermapErrorBoundary;
|
|
6510
6650
|
exports2.Popover = Popover;
|
|
6511
6651
|
exports2.PopoverArrow = PopoverArrow;
|
|
@@ -6519,6 +6659,10 @@
|
|
|
6519
6659
|
exports2.RadioGroupIndicator = RadioGroupIndicator;
|
|
6520
6660
|
exports2.RadioGroupItem = RadioGroupItem;
|
|
6521
6661
|
exports2.RadioGroupRoot = RadioGroupRoot;
|
|
6662
|
+
exports2.Rating = Rating;
|
|
6663
|
+
exports2.RatingItem = RatingItem;
|
|
6664
|
+
exports2.RatingItemIndicator = RatingItemIndicator;
|
|
6665
|
+
exports2.RatingRoot = RatingRoot;
|
|
6522
6666
|
exports2.SegmentedControl = SegmentedControl;
|
|
6523
6667
|
exports2.SegmentedControlItem = SegmentedControlItem;
|
|
6524
6668
|
exports2.SegmentedControlRoot = SegmentedControlRoot;
|