@ark-ui/react - npm Package Compare versions

Comparing version 0.0.0-rc-20221118174217 to 0.0.0-rc-20221118231918

dist/index.d.ts

@@ -11,2 +11,4 @@ import * as _polymorphic_factory_react from '@polymorphic-factory/react';
 import * as hoverCard from '@zag-js/hover-card';
+import * as menu from '@zag-js/menu';
+import { connect } from '@zag-js/menu';
 import * as numberInput from '@zag-js/number-input';
@@ -18,8 +20,8 @@ import * as pagination from '@zag-js/pagination';
 import * as radio from '@zag-js/radio';
-import { connect } from '@zag-js/radio';
+import { connect as connect$1 } from '@zag-js/radio';
 import * as rating from '@zag-js/rating';
-import { connect as connect$1 } from '@zag-js/rating';
+import { connect as connect$2 } from '@zag-js/rating';
 import * as slider from '@zag-js/slider';
 import * as tabs from '@zag-js/tabs';
-import { connect as connect$2 } from '@zag-js/tabs';
+import { connect as connect$3 } from '@zag-js/tabs';
 import * as tagsInput from '@zag-js/tags-input';
@@ -234,2 +236,74 @@ import * as tooltip from '@zag-js/tooltip';
 
+type UseMenuProps = Optional<menu.Context, 'id'>;
+type UseMenuReturn = {
+    machine: ReturnType<typeof menu.machine>;
+    api: ReturnType<typeof menu.connect>;
+};
+declare const useMenu: (props: UseMenuProps) => UseMenuReturn;
+
+type MenuState = {
+    isOpen: boolean;
+    onClose: () => void;
+};
+type MenuProps = Assign<UseMenuProps, {
+    children?: ReactNode | ((state: MenuState) => ReactNode);
+    isOpen?: boolean;
+}>;
+declare const Menu: (props: MenuProps) => JSX.Element;
+
+type MenuContentProps = HTMLArkProps<'div'>;
+declare const MenuContent: _polymorphic_factory_react.ComponentWithAs<"div", MenuContentProps>;
+
+type MenuContext = unknown;
+declare const MenuProvider: react.Provider<unknown>;
+declare const useMenuContext: () => unknown;
+type MenuMachineContext = unknown;
+declare const MenuMachineProvider: react.Provider<unknown>;
+declare const useMenuMachineContext: () => unknown;
+type MenuTriggerItemProviderContext = () => ReturnType<UseMenuReturn['api']['getTriggerItemProps']> | undefined;
+declare const MenuTriggerItemProvider: react.Provider<MenuTriggerItemProviderContext | undefined>;
+declare const useMenuTriggerItemContext: () => MenuTriggerItemProviderContext | undefined;
+
+type MenuContextTriggerProps = {
+    children: ReactElement;
+};
+declare const MenuContextTrigger: (props: MenuContextTriggerProps) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+
+type MenuGroupParams = Parameters<UseMenuReturn['api']['getGroupProps']>[0];
+type MenuGroupProps = Assign<HTMLArkProps<'div'>, MenuGroupParams>;
+declare const MenuGroup: _polymorphic_factory_react.ComponentWithAs<"div", MenuGroupProps>;
+
+type MenuGroupLabelParams = {
+    htmlFor: string;
+};
+type MenuGroupLabelProps = Assign<HTMLArkProps<'label'>, MenuGroupLabelParams>;
+declare const MenuGroupLabel: _polymorphic_factory_react.ComponentWithAs<"label", MenuGroupLabelProps>;
+
+type MenuItemParams = Parameters<UseMenuReturn['api']['getItemProps']>[0];
+type MenuItemProps = Assign<HTMLArkProps<'button'>, MenuItemParams>;
+declare const MenuItem: _polymorphic_factory_react.ComponentWithAs<"div", MenuItemProps>;
+
+type MenuItemOptionState = {
+    isActive: boolean;
+};
+type MenuItemOptionParams = Parameters<ReturnType<typeof connect>['getOptionItemProps']>[0];
+type MenuItemOptionProps = Assign<HTMLArkProps<'div'>, MenuItemOptionParams & {
+    children?: ReactNode | ((state: MenuItemOptionState) => ReactNode);
+}>;
+declare const MenuItemOption: _polymorphic_factory_react.ComponentWithAs<"div", MenuItemOptionProps>;
+
+type MenuPositionerProps = HTMLArkProps<'div'>;
+declare const MenuPositioner: _polymorphic_factory_react.ComponentWithAs<"div", MenuPositionerProps>;
+
+type MenuSeparatorProps = HTMLArkProps<'hr'>;
+declare const MenuSeparator: _polymorphic_factory_react.ComponentWithAs<"hr", MenuSeparatorProps>;
+
+type MenuTriggerProps = {
+    children: ReactElement;
+};
+declare const MenuTrigger: (props: MenuTriggerProps) => ReactElement<any, string | react.JSXElementConstructor<any>>;
+
+type MenuTriggerItemProps = HTMLArkProps<'div'>;
+declare const MenuTriggerItem: _polymorphic_factory_react.ComponentWithAs<"div", MenuTriggerItemProps>;
+
 type UseNumberInputProps = Optional<numberInput.Context, 'id'> & {
@@ -463,3 +537,3 @@ defaultValue?: numberInput.Context['value'];
 
-type RadioContext = Parameters<ReturnType<typeof connect>['getItemProps']>[0];
+type RadioContext = Parameters<ReturnType<typeof connect$1>['getItemProps']>[0];
 
@@ -561,3 +635,3 @@ type RadioProps = Omit<HTMLArkProps<'label'>, keyof RadioContext> & RadioContext;
 
-type RatingItemContext = ReturnType<ReturnType<typeof connect$1>['getRatingState']>;
+type RatingItemContext = ReturnType<ReturnType<typeof connect$2>['getRatingState']>;
 
@@ -624,3 +698,3 @@ type RenderIconFn = (state: RatingItemContext) => ReactNode;
 
-type TabProps = Assign<HTMLArkProps<'button'>, Parameters<ReturnType<typeof connect$2>['getTriggerProps']>[0]>;
+type TabProps = Assign<HTMLArkProps<'button'>, Parameters<ReturnType<typeof connect$3>['getTriggerProps']>[0]>;
 declare const Tab: _polymorphic_factory_react.ComponentWithAs<"button", TabProps>;
@@ -634,3 +708,3 @@
 
-type GetContentProps = Parameters<ReturnType<typeof connect$2>['getContentProps']>[0];
+type GetContentProps = Parameters<ReturnType<typeof connect$3>['getContentProps']>[0];
 type TabPanelProps = Assign<HTMLArkProps<'div'>, GetContentProps>;
@@ -778,2 +852,2 @@ declare const TabPanel: _polymorphic_factory_react.ComponentWithAs<"div", TabPanelProps>;
 
-export { Accordion, AccordionButton, AccordionButtonProps, AccordionIcon, AccordionIconProps, AccordionItem, AccordionItemContext, AccordionItemProps, AccordionPanel, AccordionPanelProps, AccordionProps, Checkbox, CheckboxControl, CheckboxControlProps, CheckboxInput, CheckboxInputProps, CheckboxLabel, CheckboxLabelProps, CheckboxProps, Dialog, DialogBackdrop, DialogBackdropProps, DialogCloseButton, DialogCloseButtonProps, DialogContainer, DialogContainerProps, DialogContent, DialogContentProps, DialogDescription, DialogDescriptionProps, DialogPortal, DialogPortalProps, DialogProps, DialogTitle, DialogTitleProps, DialogTrigger, DialogTriggerProps, Editable, EditableArea, EditableAreaProps, EditableCancelButton, EditableCancelButtonProps, EditableControls, EditableControlsProps, EditableEditButton, EditableEditButtonProps, EditableInput, EditableInputProps, EditablePreview, EditablePreviewProps, EditableProps, EditableSubmitButton, EditableSubmitButtonProps, HoverCard, HoverCardArrow, HoverCardArrowProps, HoverCardContent, HoverCardContentProps, HoverCardInnerArrow, HoverCardInnerArrowProps, HoverCardPortal, HoverCardPortalProps, HoverCardPositioner, HoverCardPositionerProps, HoverCardProps, HoverCardTrigger, HoverCardTriggerProps, NumberInput, NumberInputDecrementButton, NumberInputDecrementButtonProps, NumberInputField, NumberInputFieldProps, NumberInputIncrementButton, NumberInputIncrementButtonProps, NumberInputProps, Pagination, PaginationContext, PaginationEllipsis, PaginationEllipsisProps, PaginationItem, PaginationItemProps, PaginationList, PaginationListProps, PaginationNextItem, PaginationNextItemProps, PaginationPrevItem, PaginationPrevItemProps, PaginationProps, PaginationProvider, PinInput, PinInputField, PinInputFieldProps, PinInputProps, Popover, PopoverArrow, PopoverArrowProps, PopoverCloseButton, PopoverCloseButtonProps, PopoverContent, PopoverContentProps, PopoverDescription, PopoverDescriptionProps, PopoverInnerArrow, PopoverInnerArrowProps, PopoverPositioner, PopoverPositionerProps, PopoverProps, PopoverTitle, PopoverTitleProps, PopoverTrigger, PopoverTriggerProps, Pressable, PressableProps, Radio, RadioControl, RadioControlProps, RadioGroup, RadioGroupLabel, RadioGroupLabelProps, RadioGroupProps, RadioInput, RadioInputProps, RadioLabel, RadioLabelProps, RadioProps, Rating, RatingGroup, RatingGroupProps, RatingItem, RatingItemProps, RatingLabel, RatingLabelProps, RatingProps, RenderIconFn, Slider, SliderControl, SliderControlProps, SliderInput, SliderInputProps, SliderLabel, SliderLabelProps, SliderOutput, SliderOutputProps, SliderProps, SliderRange, SliderRangeProps, SliderThumb, SliderThumbProps, SliderTrack, SliderTrackProps, Tab, TabIndicator, TabIndicatorProps, TabList, TabListProps, TabPanel, TabPanelProps, TabPanels, TabPanelsProps, TabProps, Tabs, TabsProps, Tag, TagDeleteButton, TagDeleteButtonProps, TagInput, TagInputProps, TagProps, TagsInput, TagsInputClearButton, TagsInputClearButtonProps, TagsInputControl, TagsInputControlProps, TagsInputField, TagsInputFieldProps, TagsInputProps, Tooltip, TooltipArrow, TooltipArrowProps, TooltipContent, TooltipContentProps, TooltipInnerArrow, TooltipInnerArrowProps, TooltipPositioner, TooltipPositionerProps, TooltipProps, TooltipTrigger, TooltipTriggerProps, UseAccordionProps, UseAccordionReturn, UseCheckboxProps, UseCheckboxReturn, UseEditableProps, UseEditableReturn, UsePaginationProps, UsePinInputProps, UsePinInputReturn, UsePopoverProps, UsePopoverReturn, UsePressableProps, UsePressableReturn, UseRadioGroupProps, UseRadioGroupReturn, UseRatingProps, UseRatingReturn, UseSliderProps, UseSliderReturn, UseTabsProps, UseTabsReturn, UseTagsInputProps, UseTagsInputReturn, UseTooltipProps, UseTooltipReturn, useAccordion, useAccordionItemContext, useCheckbox, useEditable, usePagination, usePaginationContext, usePinInput, usePopover, usePressable, useRadioGroup, useRating, useSlider, useTabs, useTagsInput, useTooltip };
+export { Accordion, AccordionButton, AccordionButtonProps, AccordionIcon, AccordionIconProps, AccordionItem, AccordionItemContext, AccordionItemProps, AccordionPanel, AccordionPanelProps, AccordionProps, Checkbox, CheckboxControl, CheckboxControlProps, CheckboxInput, CheckboxInputProps, CheckboxLabel, CheckboxLabelProps, CheckboxProps, Dialog, DialogBackdrop, DialogBackdropProps, DialogCloseButton, DialogCloseButtonProps, DialogContainer, DialogContainerProps, DialogContent, DialogContentProps, DialogDescription, DialogDescriptionProps, DialogPortal, DialogPortalProps, DialogProps, DialogTitle, DialogTitleProps, DialogTrigger, DialogTriggerProps, Editable, EditableArea, EditableAreaProps, EditableCancelButton, EditableCancelButtonProps, EditableControls, EditableControlsProps, EditableEditButton, EditableEditButtonProps, EditableInput, EditableInputProps, EditablePreview, EditablePreviewProps, EditableProps, EditableSubmitButton, EditableSubmitButtonProps, HoverCard, HoverCardArrow, HoverCardArrowProps, HoverCardContent, HoverCardContentProps, HoverCardInnerArrow, HoverCardInnerArrowProps, HoverCardPortal, HoverCardPortalProps, HoverCardPositioner, HoverCardPositionerProps, HoverCardProps, HoverCardTrigger, HoverCardTriggerProps, Menu, MenuContent, MenuContentProps, MenuContext, MenuContextTrigger, MenuContextTriggerProps, MenuGroup, MenuGroupLabel, MenuGroupLabelProps, MenuGroupProps, MenuItem, MenuItemOption, MenuItemOptionProps, MenuItemOptionState, MenuItemProps, MenuMachineContext, MenuMachineProvider, MenuPositioner, MenuPositionerProps, MenuProps, MenuProvider, MenuSeparator, MenuSeparatorProps, MenuTrigger, MenuTriggerItem, MenuTriggerItemProps, MenuTriggerItemProvider, MenuTriggerItemProviderContext, MenuTriggerProps, NumberInput, NumberInputDecrementButton, NumberInputDecrementButtonProps, NumberInputField, NumberInputFieldProps, NumberInputIncrementButton, NumberInputIncrementButtonProps, NumberInputProps, Pagination, PaginationContext, PaginationEllipsis, PaginationEllipsisProps, PaginationItem, PaginationItemProps, PaginationList, PaginationListProps, PaginationNextItem, PaginationNextItemProps, PaginationPrevItem, PaginationPrevItemProps, PaginationProps, PaginationProvider, PinInput, PinInputField, PinInputFieldProps, PinInputProps, Popover, PopoverArrow, PopoverArrowProps, PopoverCloseButton, PopoverCloseButtonProps, PopoverContent, PopoverContentProps, PopoverDescription, PopoverDescriptionProps, PopoverInnerArrow, PopoverInnerArrowProps, PopoverPositioner, PopoverPositionerProps, PopoverProps, PopoverTitle, PopoverTitleProps, PopoverTrigger, PopoverTriggerProps, Pressable, PressableProps, Radio, RadioControl, RadioControlProps, RadioGroup, RadioGroupLabel, RadioGroupLabelProps, RadioGroupProps, RadioInput, RadioInputProps, RadioLabel, RadioLabelProps, RadioProps, Rating, RatingGroup, RatingGroupProps, RatingItem, RatingItemProps, RatingLabel, RatingLabelProps, RatingProps, RenderIconFn, Slider, SliderControl, SliderControlProps, SliderInput, SliderInputProps, SliderLabel, SliderLabelProps, SliderOutput, SliderOutputProps, SliderProps, SliderRange, SliderRangeProps, SliderThumb, SliderThumbProps, SliderTrack, SliderTrackProps, Tab, TabIndicator, TabIndicatorProps, TabList, TabListProps, TabPanel, TabPanelProps, TabPanels, TabPanelsProps, TabProps, Tabs, TabsProps, Tag, TagDeleteButton, TagDeleteButtonProps, TagInput, TagInputProps, TagProps, TagsInput, TagsInputClearButton, TagsInputClearButtonProps, TagsInputControl, TagsInputControlProps, TagsInputField, TagsInputFieldProps, TagsInputProps, Tooltip, TooltipArrow, TooltipArrowProps, TooltipContent, TooltipContentProps, TooltipInnerArrow, TooltipInnerArrowProps, TooltipPositioner, TooltipPositionerProps, TooltipProps, TooltipTrigger, TooltipTriggerProps, UseAccordionProps, UseAccordionReturn, UseCheckboxProps, UseCheckboxReturn, UseEditableProps, UseEditableReturn, UseMenuProps, UsePaginationProps, UsePinInputProps, UsePinInputReturn, UsePopoverProps, UsePopoverReturn, UsePressableProps, UsePressableReturn, UseRadioGroupProps, UseRadioGroupReturn, UseRatingProps, UseRatingReturn, UseSliderProps, UseSliderReturn, UseTabsProps, UseTabsReturn, UseTagsInputProps, UseTagsInputReturn, UseTooltipProps, UseTooltipReturn, useAccordion, useAccordionItemContext, useCheckbox, useEditable, useMenu, useMenuContext, useMenuMachineContext, useMenuTriggerItemContext, usePagination, usePaginationContext, usePinInput, usePopover, usePressable, useRadioGroup, useRating, useSlider, useTabs, useTagsInput, useTooltip };

package.json

 {
   "name": "@ark-ui/react",
-  "version": "0.0.0-rc-20221118174217",
+  "version": "0.0.0-rc-20221118231918",
   "description": "",
@@ -71,3 +71,3 @@ "keywords": [],
     "eslint": "8.27.0",
-    "eslint-plugin-react": "7.31.10",
+    "eslint-plugin-react": "7.31.11",
     "eslint-plugin-react-hooks": "4.6.0",
@@ -74,0 +74,0 @@ "jsdom": "20.0.2",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

197396

increased by12.1%

Lines of code

5218

increased by12.38%

No dependency changes