@overmap-ai/blocks 1.0.40-alpha.3 → 1.0.40-alpha.4
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/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/blocks.js +117 -101
- package/dist/blocks.js.map +1 -1
- package/dist/blocks.umd.cjs +117 -101
- package/dist/blocks.umd.cjs.map +1 -1
- package/package.json +1 -1
package/dist/blocks.js
CHANGED
|
@@ -2823,7 +2823,7 @@ const MenuContentContext = createContext({});
|
|
|
2823
2823
|
const MenuContext = createContext({});
|
|
2824
2824
|
const SubContext = createContext({});
|
|
2825
2825
|
const TRIGGER_SELECT_KEYS = ["Enter", " "];
|
|
2826
|
-
const MenuItem
|
|
2826
|
+
const MenuItem = memo((props) => {
|
|
2827
2827
|
const rootMenuContext = use(MenuContext);
|
|
2828
2828
|
const { getItemProps, activeIndex, setOpen, size: size2, variant, radius } = use(MenuContentContext);
|
|
2829
2829
|
const { closeRoot } = use(SubContext);
|
|
@@ -2885,8 +2885,8 @@ const MenuItem$1 = memo((props) => {
|
|
|
2885
2885
|
}
|
|
2886
2886
|
);
|
|
2887
2887
|
});
|
|
2888
|
-
MenuItem
|
|
2889
|
-
const MenuCheckboxItem
|
|
2888
|
+
MenuItem.displayName = "MenuItem";
|
|
2889
|
+
const MenuCheckboxItem = memo((props) => {
|
|
2890
2890
|
const { ref, checked, onCheckedChange, onSelect, ...rest } = props;
|
|
2891
2891
|
const handleSelect = useCallback(() => {
|
|
2892
2892
|
onSelect == null ? void 0 : onSelect();
|
|
@@ -2900,9 +2900,9 @@ const MenuCheckboxItem$1 = memo((props) => {
|
|
|
2900
2900
|
break;
|
|
2901
2901
|
}
|
|
2902
2902
|
}, [checked, onCheckedChange, onSelect]);
|
|
2903
|
-
return /* @__PURE__ */ jsx(CheckedIndicatorContext.Provider, { value: checked, children: /* @__PURE__ */ jsx(MenuItem
|
|
2903
|
+
return /* @__PURE__ */ jsx(CheckedIndicatorContext.Provider, { value: checked, children: /* @__PURE__ */ jsx(MenuItem, { ref, onSelect: handleSelect, ...rest }) });
|
|
2904
2904
|
});
|
|
2905
|
-
MenuCheckboxItem
|
|
2905
|
+
MenuCheckboxItem.displayName = "MenuCheckboxItem";
|
|
2906
2906
|
const MenuCheckboxItemIndicator = memo((props) => {
|
|
2907
2907
|
const { ref, children, ...rest } = props;
|
|
2908
2908
|
return /* @__PURE__ */ jsx(CheckedIndicator, { ref, ...rest, children });
|
|
@@ -3075,11 +3075,11 @@ const MenuContextTrigger = memo((props) => {
|
|
|
3075
3075
|
);
|
|
3076
3076
|
});
|
|
3077
3077
|
MenuContextTrigger.displayName = "MenuContextTrigger";
|
|
3078
|
-
const MenuGroup
|
|
3078
|
+
const MenuGroup = memo((props) => {
|
|
3079
3079
|
const { ref, children, ...rest } = props;
|
|
3080
3080
|
return /* @__PURE__ */ jsx("div", { ref, role: "group", ...rest, children });
|
|
3081
3081
|
});
|
|
3082
|
-
MenuGroup
|
|
3082
|
+
MenuGroup.displayName = "MenuGroup";
|
|
3083
3083
|
const MenuInputField = memo((props) => {
|
|
3084
3084
|
const { ref: forwardedRef, className, onValueChange, onChange, disabled = false, ...rest } = props;
|
|
3085
3085
|
const { activeIndex, getItemProps } = use(MenuContentContext);
|
|
@@ -3130,11 +3130,11 @@ const MenuLabel = memo((props) => {
|
|
|
3130
3130
|
return /* @__PURE__ */ jsx("div", { ref, className: cx(menuLabelCva({ size: size2 }), className), ...rest });
|
|
3131
3131
|
});
|
|
3132
3132
|
MenuLabel.displayName = "MenuLabel";
|
|
3133
|
-
const MenuMultiSelectGroup
|
|
3133
|
+
const MenuMultiSelectGroup = genericMemo(function MenuMultiSelectGroup2(props) {
|
|
3134
3134
|
const { ref, children, defaultValues, values, onValuesChange, ...rest } = props;
|
|
3135
|
-
return /* @__PURE__ */ jsx(MenuGroup
|
|
3135
|
+
return /* @__PURE__ */ jsx(MenuGroup, { ref, ...rest, children: /* @__PURE__ */ jsx(MultiSelectProvider, { defaultValues, values, onValuesChange, children }) });
|
|
3136
3136
|
});
|
|
3137
|
-
const MenuMultiSelectItem
|
|
3137
|
+
const MenuMultiSelectItem = genericMemo(function(props) {
|
|
3138
3138
|
const { ref, onSelect, children, closeOnSelect = false, value, ...rest } = props;
|
|
3139
3139
|
const { selected, selectValue, registerValue } = use(MultiSelectContext);
|
|
3140
3140
|
useLayoutEffect(() => {
|
|
@@ -3149,7 +3149,7 @@ const MenuMultiSelectItem$1 = genericMemo(function(props) {
|
|
|
3149
3149
|
return typeof children === "function" ? ({ active }) => children({ selected: isSelected, active }) : children;
|
|
3150
3150
|
}, [children, isSelected]);
|
|
3151
3151
|
return /* @__PURE__ */ jsx(SelectedIndicatorContext.Provider, { value: isSelected, children: /* @__PURE__ */ jsx(
|
|
3152
|
-
MenuItem
|
|
3152
|
+
MenuItem,
|
|
3153
3153
|
{
|
|
3154
3154
|
ref,
|
|
3155
3155
|
role: "menuitemcheckbox",
|
|
@@ -3168,13 +3168,13 @@ const MenuPageContent = memo((props) => {
|
|
|
3168
3168
|
return activePage === page ? children : null;
|
|
3169
3169
|
});
|
|
3170
3170
|
MenuPageContent.displayName = "PageContent";
|
|
3171
|
-
const MenuPages
|
|
3171
|
+
const MenuPages = memo((props) => {
|
|
3172
3172
|
const { children, defaultPage, page, onPageChange } = props;
|
|
3173
3173
|
const [activePage, setActivePage] = useControlledState(defaultPage ?? "", page, onPageChange);
|
|
3174
3174
|
const contextValue = useMemo(() => ({ activePage, setActivePage }), [activePage, setActivePage]);
|
|
3175
3175
|
return /* @__PURE__ */ jsx(PagesContext.Provider, { value: contextValue, children });
|
|
3176
3176
|
});
|
|
3177
|
-
MenuPages
|
|
3177
|
+
MenuPages.displayName = "MenuPages";
|
|
3178
3178
|
const MenuPageTrigger = memo((props) => {
|
|
3179
3179
|
const { ref, onSelect, page, ...rest } = props;
|
|
3180
3180
|
const { refs, setActiveIndex } = use(MenuContentContext);
|
|
@@ -3186,14 +3186,14 @@ const MenuPageTrigger = memo((props) => {
|
|
|
3186
3186
|
(_a = refs.floating.current) == null ? void 0 : _a.focus();
|
|
3187
3187
|
setActiveIndex(null);
|
|
3188
3188
|
}, [onSelect, page, refs.floating, setActiveIndex, setActivePage]);
|
|
3189
|
-
return /* @__PURE__ */ jsx(MenuItem
|
|
3189
|
+
return /* @__PURE__ */ jsx(MenuItem, { ref, onSelect: handleSelect, closeOnSelect: false, ...rest });
|
|
3190
3190
|
});
|
|
3191
3191
|
MenuPageTrigger.displayName = "MenuPageTrigger";
|
|
3192
3192
|
const MENU_OVERFLOW_PADDING = 20;
|
|
3193
3193
|
const MENU_CONTENT_PADDING = 8;
|
|
3194
3194
|
const MENU_MINIMUM_MAX_HEIGHT = 250;
|
|
3195
3195
|
const DEFAULT_OFFSET = 5;
|
|
3196
|
-
const MenuRoot
|
|
3196
|
+
const MenuRoot = memo((props) => {
|
|
3197
3197
|
const {
|
|
3198
3198
|
children,
|
|
3199
3199
|
side = "bottom",
|
|
@@ -3282,7 +3282,7 @@ const MenuRoot$1 = memo((props) => {
|
|
|
3282
3282
|
}
|
|
3283
3283
|
) });
|
|
3284
3284
|
});
|
|
3285
|
-
MenuRoot
|
|
3285
|
+
MenuRoot.displayName = "Root";
|
|
3286
3286
|
const MenuScroll = memo((props) => {
|
|
3287
3287
|
const { ref, className, ...rest } = props;
|
|
3288
3288
|
return /* @__PURE__ */ jsx(
|
|
@@ -3298,7 +3298,7 @@ const MenuScroll = memo((props) => {
|
|
|
3298
3298
|
);
|
|
3299
3299
|
});
|
|
3300
3300
|
MenuScroll.displayName = "MenuScroll";
|
|
3301
|
-
const MenuSelectAllItem
|
|
3301
|
+
const MenuSelectAllItem = genericMemo((props) => {
|
|
3302
3302
|
const { ref, children, onSelect, closeOnSelect = false, ...rest } = props;
|
|
3303
3303
|
const { allSelected, someSelected, toggleSelectAll } = use(MultiSelectContext);
|
|
3304
3304
|
const selectedState = allSelected ? true : someSelected ? "indeterminate" : false;
|
|
@@ -3310,7 +3310,7 @@ const MenuSelectAllItem$1 = genericMemo((props) => {
|
|
|
3310
3310
|
return typeof children === "function" ? ({ active }) => children({ selected: selectedState, active }) : children;
|
|
3311
3311
|
}, [children, selectedState]);
|
|
3312
3312
|
return /* @__PURE__ */ jsx(CheckedIndicatorContext, { value: selectedState, children: /* @__PURE__ */ jsx(
|
|
3313
|
-
MenuItem
|
|
3313
|
+
MenuItem,
|
|
3314
3314
|
{
|
|
3315
3315
|
onSelect: handleSelect,
|
|
3316
3316
|
ref,
|
|
@@ -3321,14 +3321,14 @@ const MenuSelectAllItem$1 = genericMemo((props) => {
|
|
|
3321
3321
|
}
|
|
3322
3322
|
) });
|
|
3323
3323
|
});
|
|
3324
|
-
const MenuSelectedIndicator
|
|
3324
|
+
const MenuSelectedIndicator = memo((props) => {
|
|
3325
3325
|
const { ref, children, ...rest } = props;
|
|
3326
3326
|
return /* @__PURE__ */ jsx(SelectedIndicator, { ref, ...rest, children });
|
|
3327
3327
|
});
|
|
3328
|
-
MenuSelectedIndicator
|
|
3329
|
-
const MenuSelectGroup
|
|
3328
|
+
MenuSelectedIndicator.displayName = "MenuSelectedIndicator";
|
|
3329
|
+
const MenuSelectGroup = genericMemo(function MenuSelectGroup2(props) {
|
|
3330
3330
|
const { ref, children, required, defaultValue, value, onValueChange, ...rest } = props;
|
|
3331
|
-
return /* @__PURE__ */ jsx(MenuGroup
|
|
3331
|
+
return /* @__PURE__ */ jsx(MenuGroup, { ref, ...rest, children: required ? /* @__PURE__ */ jsx(SingleSelectRequiredProvider, { defaultValue, value, onValueChange, children }) : /* @__PURE__ */ jsx(
|
|
3332
3332
|
SingleSelectNotRequiredProvider,
|
|
3333
3333
|
{
|
|
3334
3334
|
defaultValue,
|
|
@@ -3338,7 +3338,7 @@ const MenuSelectGroup$1 = genericMemo(function MenuSelectGroup2(props) {
|
|
|
3338
3338
|
}
|
|
3339
3339
|
) });
|
|
3340
3340
|
});
|
|
3341
|
-
const MenuSelectItem
|
|
3341
|
+
const MenuSelectItem = genericMemo(function(props) {
|
|
3342
3342
|
const { ref, value, onSelect, children, closeOnSelect = true, ...rest } = props;
|
|
3343
3343
|
const { selected, selectValue } = use(SelectContext);
|
|
3344
3344
|
const isSelected = selected(value);
|
|
@@ -3350,7 +3350,7 @@ const MenuSelectItem$1 = genericMemo(function(props) {
|
|
|
3350
3350
|
return typeof children === "function" ? ({ active }) => children({ selected: isSelected, active }) : children;
|
|
3351
3351
|
}, [children, isSelected]);
|
|
3352
3352
|
return /* @__PURE__ */ jsx(SelectedIndicatorContext.Provider, { value: isSelected, children: /* @__PURE__ */ jsx(
|
|
3353
|
-
MenuItem
|
|
3353
|
+
MenuItem,
|
|
3354
3354
|
{
|
|
3355
3355
|
ref,
|
|
3356
3356
|
role: "menuitemcheckbox",
|
|
@@ -3362,12 +3362,12 @@ const MenuSelectItem$1 = genericMemo(function(props) {
|
|
|
3362
3362
|
}
|
|
3363
3363
|
) });
|
|
3364
3364
|
});
|
|
3365
|
-
const MenuSeparator
|
|
3365
|
+
const MenuSeparator = memo((props) => {
|
|
3366
3366
|
const { ref, className, ...rest } = props;
|
|
3367
3367
|
const { size: size2 } = use(MenuContentContext);
|
|
3368
3368
|
return /* @__PURE__ */ jsx(RadixSeparator.Root, { className: cx(menuSeparator({ size: size2 }), className), ref, ...rest });
|
|
3369
3369
|
});
|
|
3370
|
-
MenuSeparator
|
|
3370
|
+
MenuSeparator.displayName = "MenuSeparator";
|
|
3371
3371
|
const computeOffsets = (side, alignment) => {
|
|
3372
3372
|
switch (side) {
|
|
3373
3373
|
case "right":
|
|
@@ -3565,7 +3565,7 @@ const MenuSubTrigger = memo((props) => {
|
|
|
3565
3565
|
const { refs, getReferenceProps, open, disabled } = use(SubContext);
|
|
3566
3566
|
const mergedRefs = useMergeRefs([forwardedRef, refs.setReference]);
|
|
3567
3567
|
return /* @__PURE__ */ jsx(
|
|
3568
|
-
MenuItem
|
|
3568
|
+
MenuItem,
|
|
3569
3569
|
{
|
|
3570
3570
|
ref: mergedRefs,
|
|
3571
3571
|
closeOnSelect: false,
|
|
@@ -3597,14 +3597,14 @@ const MenuVirtualTrigger = memo((props) => {
|
|
|
3597
3597
|
});
|
|
3598
3598
|
MenuVirtualTrigger.displayName = "VirtualTrigger";
|
|
3599
3599
|
const Menu = {
|
|
3600
|
-
Root: MenuRoot
|
|
3600
|
+
Root: MenuRoot,
|
|
3601
3601
|
Content: MenuContent,
|
|
3602
3602
|
// sub
|
|
3603
3603
|
Sub: MenuSub,
|
|
3604
3604
|
SubContent: MenuSubContent,
|
|
3605
3605
|
SubTrigger: MenuSubTrigger,
|
|
3606
3606
|
// pages
|
|
3607
|
-
Pages: MenuPages
|
|
3607
|
+
Pages: MenuPages,
|
|
3608
3608
|
PageContent: MenuPageContent,
|
|
3609
3609
|
PageTrigger: MenuPageTrigger,
|
|
3610
3610
|
// triggers
|
|
@@ -3612,17 +3612,17 @@ const Menu = {
|
|
|
3612
3612
|
ContextTrigger: MenuContextTrigger,
|
|
3613
3613
|
VirtualTrigger: MenuVirtualTrigger,
|
|
3614
3614
|
// groups
|
|
3615
|
-
Group: MenuGroup
|
|
3616
|
-
SelectGroup: MenuSelectGroup
|
|
3617
|
-
MultiSelectGroup: MenuMultiSelectGroup
|
|
3615
|
+
Group: MenuGroup,
|
|
3616
|
+
SelectGroup: MenuSelectGroup,
|
|
3617
|
+
MultiSelectGroup: MenuMultiSelectGroup,
|
|
3618
3618
|
// items
|
|
3619
|
-
Item: MenuItem
|
|
3620
|
-
SelectItem: MenuSelectItem
|
|
3621
|
-
MultiSelectItem: MenuMultiSelectItem
|
|
3622
|
-
SelectAllItem: MenuSelectAllItem
|
|
3623
|
-
CheckboxItem: MenuCheckboxItem
|
|
3619
|
+
Item: MenuItem,
|
|
3620
|
+
SelectItem: MenuSelectItem,
|
|
3621
|
+
MultiSelectItem: MenuMultiSelectItem,
|
|
3622
|
+
SelectAllItem: MenuSelectAllItem,
|
|
3623
|
+
CheckboxItem: MenuCheckboxItem,
|
|
3624
3624
|
// indicators
|
|
3625
|
-
SelectedIndicator: MenuSelectedIndicator
|
|
3625
|
+
SelectedIndicator: MenuSelectedIndicator,
|
|
3626
3626
|
CheckboxItemIndicator: MenuCheckboxItemIndicator,
|
|
3627
3627
|
// input
|
|
3628
3628
|
InputRoot: MenuInputRoot,
|
|
@@ -3630,7 +3630,7 @@ const Menu = {
|
|
|
3630
3630
|
InputSlot: MenuInputSlot,
|
|
3631
3631
|
// others
|
|
3632
3632
|
Label: MenuLabel,
|
|
3633
|
-
Separator: MenuSeparator
|
|
3633
|
+
Separator: MenuSeparator,
|
|
3634
3634
|
Scroll: MenuScroll
|
|
3635
3635
|
};
|
|
3636
3636
|
const KEY_MAPPING = {
|
|
@@ -3723,7 +3723,7 @@ const menuSeparatorCva = cva(["h-px", "bg-(--base-a6)", "w-auto", "shrink-0"], {
|
|
|
3723
3723
|
}
|
|
3724
3724
|
}
|
|
3725
3725
|
});
|
|
3726
|
-
const
|
|
3726
|
+
const MenuV2Item = memo((props) => {
|
|
3727
3727
|
const {
|
|
3728
3728
|
ref,
|
|
3729
3729
|
children,
|
|
@@ -3804,8 +3804,8 @@ const MenuItem = memo((props) => {
|
|
|
3804
3804
|
}
|
|
3805
3805
|
);
|
|
3806
3806
|
});
|
|
3807
|
-
|
|
3808
|
-
const
|
|
3807
|
+
MenuV2Item.displayName = "MenuItem";
|
|
3808
|
+
const MenuV2CheckboxItem = memo((props) => {
|
|
3809
3809
|
const { ref, checked, onCheckedChange, onSelect, ...rest } = props;
|
|
3810
3810
|
const handleSelect = useCallback(
|
|
3811
3811
|
(e) => {
|
|
@@ -3825,15 +3825,15 @@ const MenuCheckboxItem = memo((props) => {
|
|
|
3825
3825
|
},
|
|
3826
3826
|
[checked, onCheckedChange, onSelect]
|
|
3827
3827
|
);
|
|
3828
|
-
return /* @__PURE__ */ jsx(CheckedIndicatorContext.Provider, { value: checked, children: /* @__PURE__ */ jsx(
|
|
3828
|
+
return /* @__PURE__ */ jsx(CheckedIndicatorContext.Provider, { value: checked, children: /* @__PURE__ */ jsx(MenuV2Item, { ref, onSelect: handleSelect, ...rest }) });
|
|
3829
3829
|
});
|
|
3830
|
-
|
|
3831
|
-
const
|
|
3830
|
+
MenuV2CheckboxItem.displayName = "MenuCheckboxItem";
|
|
3831
|
+
const MenuV2CheckedIndicator = memo((props) => {
|
|
3832
3832
|
const { ref, children, ...rest } = props;
|
|
3833
3833
|
return /* @__PURE__ */ jsx(CheckedIndicator, { ref, ...rest, children });
|
|
3834
3834
|
});
|
|
3835
|
-
|
|
3836
|
-
const
|
|
3835
|
+
MenuV2CheckedIndicator.displayName = "MenuCheckboxItemIndicator";
|
|
3836
|
+
const MenuV2Group = memo((props) => {
|
|
3837
3837
|
const { ref, children, ...rest } = props;
|
|
3838
3838
|
const groupId = useId();
|
|
3839
3839
|
const [labelId, setLabelId] = useState(null);
|
|
@@ -3846,8 +3846,8 @@ const MenuGroup = memo((props) => {
|
|
|
3846
3846
|
);
|
|
3847
3847
|
return /* @__PURE__ */ jsx("div", { ref, role: "group", ...{ [GROUP_SELECTOR]: groupId }, "aria-labelledby": labelId ?? void 0, ...rest, children: /* @__PURE__ */ jsx(MenuGroupContext, { value: contextValue, children }) });
|
|
3848
3848
|
});
|
|
3849
|
-
|
|
3850
|
-
const
|
|
3849
|
+
MenuV2Group.displayName = "MenuGroup";
|
|
3850
|
+
const MenuV2GroupLabel = memo((props) => {
|
|
3851
3851
|
const { ref, children, id, className, ...rest } = props;
|
|
3852
3852
|
const labelId = useFallbackId(id);
|
|
3853
3853
|
const { size: size2 } = use(MenuRootContext);
|
|
@@ -3857,8 +3857,8 @@ const MenuGroupLabel = memo((props) => {
|
|
|
3857
3857
|
}, [labelId, setLabelId]);
|
|
3858
3858
|
return /* @__PURE__ */ jsx("div", { ref, id: labelId, className: cx(menuGroupLabelCva({ size: size2 }), className), ...rest, children });
|
|
3859
3859
|
});
|
|
3860
|
-
|
|
3861
|
-
const
|
|
3860
|
+
MenuV2GroupLabel.displayName = "MenuGroupLabel";
|
|
3861
|
+
const MenuV2SelectAllItem = genericMemo((props) => {
|
|
3862
3862
|
const { ref, children, onSelect, ...rest } = props;
|
|
3863
3863
|
const { allSelected, someSelected, toggleSelectAll } = use(MultiSelectContext);
|
|
3864
3864
|
const selectedState = allSelected ? true : someSelected ? "indeterminate" : false;
|
|
@@ -3870,13 +3870,13 @@ const MenuSelectAllItem = genericMemo((props) => {
|
|
|
3870
3870
|
},
|
|
3871
3871
|
[onSelect, toggleSelectAll]
|
|
3872
3872
|
);
|
|
3873
|
-
return /* @__PURE__ */ jsx(
|
|
3873
|
+
return /* @__PURE__ */ jsx(MenuV2Item, { onSelect: handleSelect, ref, "data-state": getCheckedState(selectedState), ...rest, children: /* @__PURE__ */ jsx(CheckedIndicatorContext, { value: selectedState, children }) });
|
|
3874
3874
|
});
|
|
3875
|
-
const
|
|
3875
|
+
const MenuV2MultiSelectGroup = genericMemo(function MenuMultiSelectGroup3(props) {
|
|
3876
3876
|
const { ref, children, defaultValues, values, onValuesChange, ...rest } = props;
|
|
3877
|
-
return /* @__PURE__ */ jsx(
|
|
3877
|
+
return /* @__PURE__ */ jsx(MenuV2Group, { ref, ...rest, children: /* @__PURE__ */ jsx(MultiSelectProvider, { defaultValues, values, onValuesChange, children }) });
|
|
3878
3878
|
});
|
|
3879
|
-
const
|
|
3879
|
+
const MenuV2MultiSelectItem = genericMemo(function(props) {
|
|
3880
3880
|
const { ref, onSelect, children, value, ...rest } = props;
|
|
3881
3881
|
const { selected, selectValue, registerValue } = use(MultiSelectContext);
|
|
3882
3882
|
useLayoutEffect(() => {
|
|
@@ -3892,7 +3892,7 @@ const MenuMultiSelectItem = genericMemo(function(props) {
|
|
|
3892
3892
|
[onSelect, selectValue, value]
|
|
3893
3893
|
);
|
|
3894
3894
|
return /* @__PURE__ */ jsx(
|
|
3895
|
-
|
|
3895
|
+
MenuV2Item,
|
|
3896
3896
|
{
|
|
3897
3897
|
ref,
|
|
3898
3898
|
role: "menuitemcheckbox",
|
|
@@ -3903,14 +3903,14 @@ const MenuMultiSelectItem = genericMemo(function(props) {
|
|
|
3903
3903
|
}
|
|
3904
3904
|
);
|
|
3905
3905
|
});
|
|
3906
|
-
const
|
|
3906
|
+
const MenuV2Page = memo((props) => {
|
|
3907
3907
|
const { children, ref, page, ...rest } = props;
|
|
3908
3908
|
const { page: activePage } = use(MenuPageContext);
|
|
3909
3909
|
const isActive = page === activePage;
|
|
3910
3910
|
return /* @__PURE__ */ jsx("div", { ref, "data-active": getActiveState(isActive), hidden: !isActive, ...rest, children: isActive ? children : null });
|
|
3911
3911
|
});
|
|
3912
|
-
|
|
3913
|
-
const
|
|
3912
|
+
MenuV2Page.displayName = "MenuPage";
|
|
3913
|
+
const MenuV2Pages = memo((props) => {
|
|
3914
3914
|
const { children, defaultPage = "", page: controlledPage, onPageChange } = props;
|
|
3915
3915
|
const [page, setPage] = useControlledState(defaultPage, controlledPage, onPageChange);
|
|
3916
3916
|
const contextValue = useMemo(
|
|
@@ -3922,8 +3922,8 @@ const MenuPages = memo((props) => {
|
|
|
3922
3922
|
);
|
|
3923
3923
|
return /* @__PURE__ */ jsx(MenuPageContext, { value: contextValue, children });
|
|
3924
3924
|
});
|
|
3925
|
-
|
|
3926
|
-
const
|
|
3925
|
+
MenuV2Pages.displayName = "MenuPages";
|
|
3926
|
+
const MenuV2PageTriggerItem = memo((props) => {
|
|
3927
3927
|
const { ref, children, page, onSelect, ...rest } = props;
|
|
3928
3928
|
const { page: activePage, setPage } = use(MenuPageContext);
|
|
3929
3929
|
const isActive = page === activePage;
|
|
@@ -3935,9 +3935,9 @@ const MenuPageTriggerItem = memo((props) => {
|
|
|
3935
3935
|
},
|
|
3936
3936
|
[onSelect, page, setPage]
|
|
3937
3937
|
);
|
|
3938
|
-
return /* @__PURE__ */ jsx(
|
|
3938
|
+
return /* @__PURE__ */ jsx(MenuV2Item, { ref, onSelect: handleSelect, "data-state": getActiveState(isActive), ...rest, children: /* @__PURE__ */ jsx(SelectedIndicatorContext, { value: isActive, children }) });
|
|
3939
3939
|
});
|
|
3940
|
-
|
|
3940
|
+
MenuV2PageTriggerItem.displayName = "CommandMenuPageTriggerItem";
|
|
3941
3941
|
const computeNextIndex = (index, length, direction, loop) => {
|
|
3942
3942
|
switch (direction) {
|
|
3943
3943
|
case "next":
|
|
@@ -3946,7 +3946,7 @@ const computeNextIndex = (index, length, direction, loop) => {
|
|
|
3946
3946
|
return index === 0 ? loop ? length - 1 : index : index - 1;
|
|
3947
3947
|
}
|
|
3948
3948
|
};
|
|
3949
|
-
const
|
|
3949
|
+
const MenuV2Root = memo((props) => {
|
|
3950
3950
|
const providerContext = useProvider();
|
|
3951
3951
|
const {
|
|
3952
3952
|
ref,
|
|
@@ -4116,15 +4116,15 @@ const MenuRoot = memo((props) => {
|
|
|
4116
4116
|
}
|
|
4117
4117
|
);
|
|
4118
4118
|
});
|
|
4119
|
-
|
|
4120
|
-
const
|
|
4119
|
+
MenuV2Root.displayName = "MenuRoot";
|
|
4120
|
+
const MenuV2SelectedIndicator = memo((props) => {
|
|
4121
4121
|
const { ref, children, ...rest } = props;
|
|
4122
4122
|
return /* @__PURE__ */ jsx(SelectedIndicator, { ref, ...rest, children });
|
|
4123
4123
|
});
|
|
4124
|
-
|
|
4125
|
-
const
|
|
4124
|
+
MenuV2SelectedIndicator.displayName = "MenuCheckboxItemIndicator";
|
|
4125
|
+
const MenuV2SelectGroup = genericMemo(function MenuSelectGroup3(props) {
|
|
4126
4126
|
const { ref, children, required, defaultValue, value, onValueChange, ...rest } = props;
|
|
4127
|
-
return /* @__PURE__ */ jsx(
|
|
4127
|
+
return /* @__PURE__ */ jsx(MenuV2Group, { ref, ...rest, children: required ? /* @__PURE__ */ jsx(SingleSelectRequiredProvider, { defaultValue, value, onValueChange, children }) : /* @__PURE__ */ jsx(
|
|
4128
4128
|
SingleSelectNotRequiredProvider,
|
|
4129
4129
|
{
|
|
4130
4130
|
defaultValue,
|
|
@@ -4134,7 +4134,7 @@ const MenuSelectGroup = genericMemo(function MenuSelectGroup22(props) {
|
|
|
4134
4134
|
}
|
|
4135
4135
|
) });
|
|
4136
4136
|
});
|
|
4137
|
-
const
|
|
4137
|
+
const MenuV2SelectItem = genericMemo(function(props) {
|
|
4138
4138
|
const { ref, value, onSelect, children, ...rest } = props;
|
|
4139
4139
|
const { selected, selectValue } = use(SelectContext);
|
|
4140
4140
|
const isSelected = selected(value);
|
|
@@ -4147,7 +4147,7 @@ const MenuSelectItem = genericMemo(function(props) {
|
|
|
4147
4147
|
[onSelect, selectValue, value]
|
|
4148
4148
|
);
|
|
4149
4149
|
return /* @__PURE__ */ jsx(
|
|
4150
|
-
|
|
4150
|
+
MenuV2Item,
|
|
4151
4151
|
{
|
|
4152
4152
|
ref,
|
|
4153
4153
|
role: "menuitemcheckbox",
|
|
@@ -4158,29 +4158,29 @@ const MenuSelectItem = genericMemo(function(props) {
|
|
|
4158
4158
|
}
|
|
4159
4159
|
);
|
|
4160
4160
|
});
|
|
4161
|
-
const
|
|
4161
|
+
const MenuV2Separator = memo((props) => {
|
|
4162
4162
|
const { ref, className, ...rest } = props;
|
|
4163
4163
|
const { size: size2 } = use(MenuRootContext);
|
|
4164
4164
|
return /* @__PURE__ */ jsx(RadixSeparator.Root, { className: cx(menuSeparatorCva({ size: size2 }), className), ref, ...rest });
|
|
4165
4165
|
});
|
|
4166
|
-
|
|
4166
|
+
MenuV2Separator.displayName = "MenuSeparator";
|
|
4167
4167
|
const MenuV2 = {
|
|
4168
|
-
Root:
|
|
4169
|
-
Group:
|
|
4170
|
-
GroupLabel:
|
|
4171
|
-
Item:
|
|
4172
|
-
Separator:
|
|
4173
|
-
SelectGroup:
|
|
4174
|
-
SelectItem:
|
|
4175
|
-
MultiSelectGroup:
|
|
4176
|
-
MultiSelectItem:
|
|
4177
|
-
SelectAllItem:
|
|
4178
|
-
SelectedIndicator:
|
|
4179
|
-
CheckboxItem:
|
|
4180
|
-
CheckedIndicator:
|
|
4181
|
-
Pages:
|
|
4182
|
-
Page:
|
|
4183
|
-
PageTriggerItem:
|
|
4168
|
+
Root: MenuV2Root,
|
|
4169
|
+
Group: MenuV2Group,
|
|
4170
|
+
GroupLabel: MenuV2GroupLabel,
|
|
4171
|
+
Item: MenuV2Item,
|
|
4172
|
+
Separator: MenuV2Separator,
|
|
4173
|
+
SelectGroup: MenuV2SelectGroup,
|
|
4174
|
+
SelectItem: MenuV2SelectItem,
|
|
4175
|
+
MultiSelectGroup: MenuV2MultiSelectGroup,
|
|
4176
|
+
MultiSelectItem: MenuV2MultiSelectItem,
|
|
4177
|
+
SelectAllItem: MenuV2SelectAllItem,
|
|
4178
|
+
SelectedIndicator: MenuV2SelectedIndicator,
|
|
4179
|
+
CheckboxItem: MenuV2CheckboxItem,
|
|
4180
|
+
CheckedIndicator: MenuV2CheckedIndicator,
|
|
4181
|
+
Pages: MenuV2Pages,
|
|
4182
|
+
Page: MenuV2Page,
|
|
4183
|
+
PageTriggerItem: MenuV2PageTriggerItem
|
|
4184
4184
|
};
|
|
4185
4185
|
const OneTimePasswordFieldHiddenInput = memo((props) => {
|
|
4186
4186
|
return /* @__PURE__ */ jsx(RadixOneTimePasswordField.HiddenInput, { ...props });
|
|
@@ -6469,33 +6469,49 @@ export {
|
|
|
6469
6469
|
Link,
|
|
6470
6470
|
LuIcon,
|
|
6471
6471
|
Menu,
|
|
6472
|
-
MenuCheckboxItem
|
|
6472
|
+
MenuCheckboxItem,
|
|
6473
6473
|
MenuCheckboxItemIndicator,
|
|
6474
6474
|
MenuClickTrigger,
|
|
6475
6475
|
MenuContent,
|
|
6476
6476
|
MenuContextTrigger,
|
|
6477
|
-
MenuGroup
|
|
6477
|
+
MenuGroup,
|
|
6478
6478
|
MenuInputField,
|
|
6479
6479
|
MenuInputRoot,
|
|
6480
6480
|
MenuInputSlot,
|
|
6481
|
-
MenuItem
|
|
6481
|
+
MenuItem,
|
|
6482
6482
|
MenuLabel,
|
|
6483
|
-
MenuMultiSelectGroup
|
|
6484
|
-
MenuMultiSelectItem
|
|
6483
|
+
MenuMultiSelectGroup,
|
|
6484
|
+
MenuMultiSelectItem,
|
|
6485
6485
|
MenuPageContent,
|
|
6486
6486
|
MenuPageTrigger,
|
|
6487
|
-
MenuPages
|
|
6488
|
-
MenuRoot
|
|
6487
|
+
MenuPages,
|
|
6488
|
+
MenuRoot,
|
|
6489
6489
|
MenuScroll,
|
|
6490
|
-
MenuSelectAllItem
|
|
6491
|
-
MenuSelectGroup
|
|
6492
|
-
MenuSelectItem
|
|
6493
|
-
MenuSelectedIndicator
|
|
6494
|
-
MenuSeparator
|
|
6490
|
+
MenuSelectAllItem,
|
|
6491
|
+
MenuSelectGroup,
|
|
6492
|
+
MenuSelectItem,
|
|
6493
|
+
MenuSelectedIndicator,
|
|
6494
|
+
MenuSeparator,
|
|
6495
6495
|
MenuSub,
|
|
6496
6496
|
MenuSubContent,
|
|
6497
6497
|
MenuSubTrigger,
|
|
6498
6498
|
MenuV2,
|
|
6499
|
+
MenuV2CheckboxItem,
|
|
6500
|
+
MenuV2CheckedIndicator,
|
|
6501
|
+
MenuV2Group,
|
|
6502
|
+
MenuV2GroupLabel,
|
|
6503
|
+
MenuV2Item,
|
|
6504
|
+
MenuV2MultiSelectGroup,
|
|
6505
|
+
MenuV2MultiSelectItem,
|
|
6506
|
+
MenuV2Page,
|
|
6507
|
+
MenuV2PageTriggerItem,
|
|
6508
|
+
MenuV2Pages,
|
|
6509
|
+
MenuV2Root,
|
|
6510
|
+
MenuV2SelectAllItem,
|
|
6511
|
+
MenuV2SelectGroup,
|
|
6512
|
+
MenuV2SelectItem,
|
|
6513
|
+
MenuV2SelectedIndicator,
|
|
6514
|
+
MenuV2Separator,
|
|
6499
6515
|
MenuVirtualTrigger,
|
|
6500
6516
|
OneTimePasswordField,
|
|
6501
6517
|
OneTimePasswordFieldHiddenInput,
|