@ark-ui/solid - npm Package Compare versions

Comparing version 0.0.0-rc-20221204193122 to 0.0.0-rc-20221205081643

dist/index.cjs.js

@@ -103,2 +103,9 @@ "use strict";
   RatingLabel: () => RatingLabel,
+  Select: () => Select,
+  SelectLabel: () => SelectLabel,
+  SelectMenu: () => SelectMenu,
+  SelectOption: () => SelectOption,
+  SelectPositioner: () => SelectPositioner,
+  SelectProvider: () => SelectProvider,
+  SelectTrigger: () => SelectTrigger,
   Slider: () => Slider,
@@ -150,2 +157,4 @@ SliderControl: () => SliderControl,
   useRating: () => useRating,
+  useSelect: () => useSelect,
+  useSelectContext: () => useSelectContext,
   useSlider: () => useSlider,
@@ -418,5 +427,5 @@ useTabs: () => useTabs,
   (0, import_solid_js10.createEffect)(() => {
-    const children16 = getChildren();
-    if (children16 instanceof Element) {
-      (0, import_web2.spread)(children16, dialog2().triggerProps);
+    const children18 = getChildren();
+    if (children18 instanceof Element) {
+      (0, import_web2.spread)(children18, dialog2().triggerProps);
     }
@@ -596,5 +605,5 @@ });
   (0, import_solid_js15.createEffect)(() => {
-    const children16 = getChildren();
-    if (children16 instanceof Element) {
-      (0, import_web4.spread)(children16, hoverCard2().triggerProps);
+    const children18 = getChildren();
+    if (children18 instanceof Element) {
+      (0, import_web4.spread)(children18, hoverCard2().triggerProps);
     }
@@ -736,6 +745,6 @@ });
   (0, import_solid_js19.createEffect)(() => {
-    const children16 = getChildren();
-    if (children16 instanceof Element) {
+    const children18 = getChildren();
+    if (children18 instanceof Element) {
       (0, import_web5.spread)(
-        children16,
+        children18,
         pagination2().getItemProps({
@@ -761,5 +770,5 @@ type: "page",
   (0, import_solid_js20.createEffect)(() => {
-    const children16 = getChildren();
-    if (children16 instanceof Element) {
-      (0, import_web6.spread)(children16, pagination2().nextItemProps);
+    const children18 = getChildren();
+    if (children18 instanceof Element) {
+      (0, import_web6.spread)(children18, pagination2().nextItemProps);
     }
@@ -777,5 +786,5 @@ });
   (0, import_solid_js21.createEffect)(() => {
-    const children16 = getChildren();
-    if (children16 instanceof Element) {
-      (0, import_web7.spread)(children16, pagination2().prevItemProps);
+    const children18 = getChildren();
+    if (children18 instanceof Element) {
+      (0, import_web7.spread)(children18, pagination2().prevItemProps);
     }
@@ -930,5 +939,5 @@ });
   (0, import_solid_js25.createEffect)(() => {
-    const children16 = getChildren();
-    if (children16 instanceof Element) {
-      (0, import_web8.spread)(children16, popover2().triggerProps);
+    const children18 = getChildren();
+    if (children18 instanceof Element) {
+      (0, import_web8.spread)(children18, popover2().triggerProps);
     }
@@ -1229,2 +1238,100 @@ });
 
+// src/select/select.tsx
+var import_solid_js35 = require("solid-js");
+
+// src/select/select-context.ts
+var [SelectProvider, useSelectContext] = createContext({
+  hookName: "useSelectContext",
+  providerName: "<SelectProvider />"
+});
+
+// src/select/use-select.ts
+var select = __toESM(require("@zag-js/select"));
+var import_solid15 = require("@zag-js/solid");
+var import_solid_js34 = require("solid-js");
+var useSelect = (props) => {
+  const context = (0, import_solid_js34.mergeProps)({ id: (0, import_solid_js34.createUniqueId)() }, props);
+  const [state, send] = (0, import_solid15.useMachine)(select.machine(context), {
+    context
+  });
+  return (0, import_solid_js34.createMemo)(() => select.connect(state, send, import_solid15.normalizeProps));
+};
+
+// src/select/select.tsx
+var Select = (props) => {
+  const [useSelectProps, localProps] = createSplitProps()(props, [
+    "closeOnSelect",
+    "dir",
+    "disabled",
+    "form",
+    "getRootNode",
+    "highlightedOption",
+    "id",
+    "ids",
+    "invalid",
+    "loop",
+    "name",
+    "onChange",
+    "onClose",
+    "onHighlight",
+    "onOpen",
+    "positioning",
+    "readOnly",
+    "selectOnTab",
+    "selectedOption"
+  ]);
+  const select2 = useSelect(useSelectProps);
+  return <SelectProvider value={select2}><SelectContextWrapper {...localProps} /></SelectProvider>;
+};
+var SelectContextWrapper = (props) => {
+  const select2 = useSelectContext();
+  const view = (0, import_solid_js35.children)(() => runIfFn(props.children, select2));
+  return <>{view()}</>;
+};
+
+// src/select/select-label.tsx
+var SelectLabel = (props) => {
+  const select2 = useSelectContext();
+  return <ark.label {...select2().labelProps} {...props} />;
+};
+
+// src/select/select-menu.tsx
+var SelectMenu = (props) => {
+  const select2 = useSelectContext();
+  return <ark.ul {...select2().menuProps} {...props} />;
+};
+
+// src/select/select-option.tsx
+var SelectOption = (props) => {
+  const [optionProps, liProps] = createSplitProps()(props, [
+    "disabled",
+    "label",
+    "value",
+    "valueText"
+  ]);
+  const select2 = useSelectContext();
+  return <ark.li {...select2().getOptionProps(optionProps)} {...liProps} />;
+};
+
+// src/select/select-positioner.tsx
+var SelectPositioner = (props) => {
+  const select2 = useSelectContext();
+  return <ark.div {...select2().positionerProps} {...props} />;
+};
+
+// src/select/select-trigger.tsx
+var import_solid_js36 = require("solid-js");
+var import_web9 = require("solid-js/web");
+var SelectTrigger = (props) => {
+  const select2 = useSelectContext();
+  const getChildren = (0, import_solid_js36.children)(() => props.children);
+  (0, import_solid_js36.createEffect)(() => {
+    const children18 = getChildren();
+    if (children18 instanceof Element) {
+      (0, import_web9.spread)(children18, select2().triggerProps);
+    }
+  });
+  return <>{getChildren()}</>;
+};
+
 // src/slider/slider-context.ts
@@ -1238,8 +1345,8 @@ var [SliderProvider, useSliderContext] = createContext({
 var slider = __toESM(require("@zag-js/slider"));
-var import_solid15 = require("@zag-js/solid");
-var import_solid_js34 = require("solid-js");
+var import_solid16 = require("@zag-js/solid");
+var import_solid_js37 = require("solid-js");
 var useSlider = (props) => {
-  const context = (0, import_solid_js34.mergeProps)({ id: (0, import_solid_js34.createUniqueId)() }, props);
-  const [state, send] = (0, import_solid15.useMachine)(slider.machine(context), { context });
-  return (0, import_solid_js34.createMemo)(() => slider.connect(state, send, import_solid15.normalizeProps));
+  const context = (0, import_solid_js37.mergeProps)({ id: (0, import_solid_js37.createUniqueId)() }, props);
+  const [state, send] = (0, import_solid16.useMachine)(slider.machine(context), { context });
+  return (0, import_solid_js37.createMemo)(() => slider.connect(state, send, import_solid16.normalizeProps));
 };
@@ -1362,9 +1469,9 @@
 // src/tabs/use-tabs.ts
-var import_solid16 = require("@zag-js/solid");
+var import_solid17 = require("@zag-js/solid");
 var tabs = __toESM(require("@zag-js/tabs"));
-var import_solid_js35 = require("solid-js");
+var import_solid_js38 = require("solid-js");
 var useTabs = (props) => {
-  const context = (0, import_solid_js35.mergeProps)({ id: (0, import_solid_js35.createUniqueId)() }, props);
-  const [state, send] = (0, import_solid16.useMachine)(tabs.machine(context), { context });
-  return (0, import_solid_js35.createMemo)(() => tabs.connect(state, send, import_solid16.normalizeProps));
+  const context = (0, import_solid_js38.mergeProps)({ id: (0, import_solid_js38.createUniqueId)() }, props);
+  const [state, send] = (0, import_solid17.useMachine)(tabs.machine(context), { context });
+  return (0, import_solid_js38.createMemo)(() => tabs.connect(state, send, import_solid17.normalizeProps));
 };
@@ -1429,13 +1536,13 @@
 // src/tags-input/tags-input.tsx
-var import_solid_js37 = require("solid-js");
+var import_solid_js40 = require("solid-js");
 
 // src/tags-input/use-tags-input.ts
-var import_solid17 = require("@zag-js/solid");
+var import_solid18 = require("@zag-js/solid");
 var tagsInput = __toESM(require("@zag-js/tags-input"));
-var import_solid_js36 = require("solid-js");
+var import_solid_js39 = require("solid-js");
 var useTagsInput = (props) => {
-  const initialContext = (0, import_solid_js36.mergeProps)({ id: (0, import_solid_js36.createUniqueId)(), value: props.defaultValue }, props);
-  const context = (0, import_solid_js36.mergeProps)(initialContext, { value: props.value });
-  const [state, send] = (0, import_solid17.useMachine)(tagsInput.machine(initialContext), { context });
-  return (0, import_solid_js36.createMemo)(() => tagsInput.connect(state, send, import_solid17.normalizeProps));
+  const initialContext = (0, import_solid_js39.mergeProps)({ id: (0, import_solid_js39.createUniqueId)(), value: props.defaultValue }, props);
+  const context = (0, import_solid_js39.mergeProps)(initialContext, { value: props.value });
+  const [state, send] = (0, import_solid18.useMachine)(tagsInput.machine(initialContext), { context });
+  return (0, import_solid_js39.createMemo)(() => tagsInput.connect(state, send, import_solid18.normalizeProps));
 };
@@ -1474,3 +1581,3 @@
   const tagsInput2 = useTagsInput(useTagsInputProps);
-  const view = () => (0, import_solid_js37.children)(() => runIfFn(divProps.children, tagsInput2()));
+  const view = () => (0, import_solid_js40.children)(() => runIfFn(divProps.children, tagsInput2()));
   return <TagsInputProvider value={tagsInput2}><ark.div {...tagsInput2().rootProps} {...divProps}>{view}</ark.div></TagsInputProvider>;
@@ -1504,8 +1611,8 @@ };
 // src/toast/use-toast-item.ts
-var import_solid18 = require("@zag-js/solid");
+var import_solid19 = require("@zag-js/solid");
 var toast = __toESM(require("@zag-js/toast"));
-var import_solid_js38 = require("solid-js");
+var import_solid_js41 = require("solid-js");
 var useToastItem = (props) => {
-  const [state, send] = (0, import_solid18.useActor)(props.toast);
-  return (0, import_solid_js38.createMemo)(() => toast.connect(state, send, import_solid18.normalizeProps));
+  const [state, send] = (0, import_solid19.useActor)(props.toast);
+  return (0, import_solid_js41.createMemo)(() => toast.connect(state, send, import_solid19.normalizeProps));
 };
@@ -1533,8 +1640,8 @@
 // src/toast/toast-group.tsx
-var import_solid_js40 = require("solid-js");
+var import_solid_js43 = require("solid-js");
 
 // src/toast/toast-provider.tsx
-var import_solid19 = require("@zag-js/solid");
+var import_solid20 = require("@zag-js/solid");
 var toast2 = __toESM(require("@zag-js/toast"));
-var import_solid_js39 = require("solid-js");
+var import_solid_js42 = require("solid-js");
 var [ToastContextProvider, useToast] = createContext();
@@ -1545,5 +1652,5 @@ var ToastProvider = (props) => {
   ]);
-  const context = (0, import_solid_js39.mergeProps)({ id: (0, import_solid_js39.createUniqueId)() }, machineProps);
-  const [state, send] = (0, import_solid19.useMachine)(toast2.group.machine(context));
-  const api = (0, import_solid_js39.createMemo)(() => toast2.group.connect(state, send, import_solid19.normalizeProps));
+  const context = (0, import_solid_js42.mergeProps)({ id: (0, import_solid_js42.createUniqueId)() }, machineProps);
+  const [state, send] = (0, import_solid20.useMachine)(toast2.group.machine(context));
+  const api = (0, import_solid_js42.createMemo)(() => toast2.group.connect(state, send, import_solid20.normalizeProps));
   return <ToastContextProvider value={api}>{toastProviderParams.children}</ToastContextProvider>;
@@ -1559,3 +1666,3 @@ };
   const toast3 = useToast();
-  const view = () => (0, import_solid_js40.children)(
+  const view = () => (0, import_solid_js43.children)(
     () => runIfFn(
@@ -1570,6 +1677,6 @@ toastGroupParams.children,
 // src/toast/toast-placements.tsx
-var import_solid_js41 = require("solid-js");
+var import_solid_js44 = require("solid-js");
 var ToastPlacements = (props) => {
   const toast3 = useToast();
-  const view = () => (0, import_solid_js41.children)(() => runIfFn(props.children, Object.keys(toast3().toastsByPlacement)));
+  const view = () => (0, import_solid_js44.children)(() => runIfFn(props.children, Object.keys(toast3().toastsByPlacement)));
   return <>{view}</>;
@@ -1591,9 +1698,9 @@ };
 // src/tooltip/use-tooltip.ts
-var import_solid20 = require("@zag-js/solid");
+var import_solid21 = require("@zag-js/solid");
 var tooltip = __toESM(require("@zag-js/tooltip"));
-var import_solid_js42 = require("solid-js");
+var import_solid_js45 = require("solid-js");
 var useTooltip = (props) => {
-  const context = (0, import_solid_js42.mergeProps)({ id: (0, import_solid_js42.createUniqueId)() }, props);
-  const [state, send] = (0, import_solid20.useMachine)(tooltip.machine(context), { context });
-  return (0, import_solid_js42.createMemo)(() => tooltip.connect(state, send, import_solid20.normalizeProps));
+  const context = (0, import_solid_js45.mergeProps)({ id: (0, import_solid_js45.createUniqueId)() }, props);
+  const [state, send] = (0, import_solid21.useMachine)(tooltip.machine(context), { context });
+  return (0, import_solid_js45.createMemo)(() => tooltip.connect(state, send, import_solid21.normalizeProps));
 };
@@ -1641,18 +1748,18 @@
 // src/tooltip/tooltip-positioner.tsx
-var import_solid_js43 = require("solid-js");
+var import_solid_js46 = require("solid-js");
 var TooltipPositioner = (props) => {
   const tooltip2 = useTooltipContext();
-  return <import_solid_js43.Show when={tooltip2().isOpen}><ark.div {...tooltip2().positionerProps} {...props} /></import_solid_js43.Show>;
+  return <import_solid_js46.Show when={tooltip2().isOpen}><ark.div {...tooltip2().positionerProps} {...props} /></import_solid_js46.Show>;
 };
 
 // src/tooltip/tooltip-trigger.tsx
-var import_solid_js44 = require("solid-js");
-var import_web9 = require("solid-js/web");
+var import_solid_js47 = require("solid-js");
+var import_web10 = require("solid-js/web");
 var TooltipTrigger = (props) => {
   const tooltip2 = useTooltipContext();
-  const getChildren = (0, import_solid_js44.children)(() => props.children);
-  (0, import_solid_js44.createEffect)(() => {
-    const children16 = getChildren();
-    if (children16 instanceof Element) {
-      (0, import_web9.spread)(children16, tooltip2().triggerProps);
+  const getChildren = (0, import_solid_js47.children)(() => props.children);
+  (0, import_solid_js47.createEffect)(() => {
+    const children18 = getChildren();
+    if (children18 instanceof Element) {
+      (0, import_web10.spread)(children18, tooltip2().triggerProps);
     }
@@ -1738,2 +1845,9 @@ });
   RatingLabel,
+  Select,
+  SelectLabel,
+  SelectMenu,
+  SelectOption,
+  SelectPositioner,
+  SelectProvider,
+  SelectTrigger,
   Slider,
@@ -1785,2 +1899,4 @@ SliderControl,
   useRating,
+  useSelect,
+  useSelectContext,
   useSlider,
@@ -1787,0 +1903,0 @@ useTabs,

dist/index.d.ts

@@ -22,2 +22,3 @@ import * as solid_js from 'solid-js';
 import { JSX as JSX$1 } from 'solid-js/jsx-runtime';
+import * as _zag_js_select from '@zag-js/select';
 import * as slider from '@zag-js/slider';
@@ -631,2 +632,141 @@ import * as tabs from '@zag-js/tabs';
 
+type UseSelectProps = Optional<_zag_js_select.Context, 'id'>;
+type UseSelectReturn = ReturnType<typeof useSelect>;
+declare const useSelect: (props: UseSelectProps) => solid_js.Accessor<{
+    isOpen: boolean;
+    highlightedOption: {
+        label: string;
+        value: string;
+    } | null;
+    selectedOption: {
+        label: string;
+        value: string;
+    } | null;
+    focus(): void;
+    blur(): void;
+    open(): void;
+    close(): void;
+    setSelectedOption(value: {
+        label: string;
+        value: string;
+    }): void;
+    setHighlightedOption(value: {
+        label: string;
+        value: string;
+    }): void;
+    clearSelectedOption(): void;
+    labelProps: solid_js.JSX.LabelHTMLAttributes<HTMLLabelElement>;
+    positionerProps: solid_js.JSX.HTMLAttributes<any>;
+    triggerProps: solid_js.JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+    getOptionState: (props: _zag_js_select.OptionProps) => {
+        isDisabled: boolean;
+        isHighlighted: boolean;
+        isSelected: boolean;
+    };
+    getOptionProps(props: _zag_js_select.OptionProps): solid_js.JSX.HTMLAttributes<any>;
+    getOptionGroupLabelProps(props: _zag_js_select.OptionGroupLabelProps): solid_js.JSX.HTMLAttributes<any>;
+    getOptionGroupProps(props: _zag_js_select.OptionGroupProps): solid_js.JSX.HTMLAttributes<any>;
+    selectProps: solid_js.JSX.SelectHTMLAttributes<HTMLSelectElement>;
+    menuProps: solid_js.JSX.HTMLAttributes<any>;
+}>;
+
+type SelectContext = UseSelectReturn;
+declare const SelectProvider: solid_js_types_reactive_signal.ContextProviderComponent<solid_js.Accessor<{
+    isOpen: boolean;
+    highlightedOption: {
+        label: string;
+        value: string;
+    } | null;
+    selectedOption: {
+        label: string;
+        value: string;
+    } | null;
+    focus(): void;
+    blur(): void;
+    open(): void;
+    close(): void;
+    setSelectedOption(value: {
+        label: string;
+        value: string;
+    }): void;
+    setHighlightedOption(value: {
+        label: string;
+        value: string;
+    }): void;
+    clearSelectedOption(): void;
+    labelProps: solid_js.JSX.LabelHTMLAttributes<HTMLLabelElement>;
+    positionerProps: solid_js.JSX.HTMLAttributes<any>;
+    triggerProps: solid_js.JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+    getOptionState: (props: _zag_js_select.OptionProps) => {
+        isDisabled: boolean;
+        isHighlighted: boolean;
+        isSelected: boolean;
+    };
+    getOptionProps(props: _zag_js_select.OptionProps): solid_js.JSX.HTMLAttributes<any>;
+    getOptionGroupLabelProps(props: _zag_js_select.OptionGroupLabelProps): solid_js.JSX.HTMLAttributes<any>;
+    getOptionGroupProps(props: _zag_js_select.OptionGroupProps): solid_js.JSX.HTMLAttributes<any>;
+    selectProps: solid_js.JSX.SelectHTMLAttributes<HTMLSelectElement>;
+    menuProps: solid_js.JSX.HTMLAttributes<any>;
+}>>;
+declare const useSelectContext: () => solid_js.Accessor<{
+    isOpen: boolean;
+    highlightedOption: {
+        label: string;
+        value: string;
+    } | null;
+    selectedOption: {
+        label: string;
+        value: string;
+    } | null;
+    focus(): void;
+    blur(): void;
+    open(): void;
+    close(): void;
+    setSelectedOption(value: {
+        label: string;
+        value: string;
+    }): void;
+    setHighlightedOption(value: {
+        label: string;
+        value: string;
+    }): void;
+    clearSelectedOption(): void;
+    labelProps: solid_js.JSX.LabelHTMLAttributes<HTMLLabelElement>;
+    positionerProps: solid_js.JSX.HTMLAttributes<any>;
+    triggerProps: solid_js.JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+    getOptionState: (props: _zag_js_select.OptionProps) => {
+        isDisabled: boolean;
+        isHighlighted: boolean;
+        isSelected: boolean;
+    };
+    getOptionProps(props: _zag_js_select.OptionProps): solid_js.JSX.HTMLAttributes<any>;
+    getOptionGroupLabelProps(props: _zag_js_select.OptionGroupLabelProps): solid_js.JSX.HTMLAttributes<any>;
+    getOptionGroupProps(props: _zag_js_select.OptionGroupProps): solid_js.JSX.HTMLAttributes<any>;
+    selectProps: solid_js.JSX.SelectHTMLAttributes<HTMLSelectElement>;
+    menuProps: solid_js.JSX.HTMLAttributes<any>;
+}>;
+
+type SelectProps = Assign<UseSelectProps, {
+    children: JSX$1.Element | ((context: SelectContext) => JSX$1.Element);
+}>;
+declare const Select: (props: SelectProps) => JSX$1.Element;
+
+type SelectLabelProps = HTMLArkProps<'label'>;
+declare const SelectLabel: (props: SelectLabelProps) => solid_js.JSX.Element;
+
+type SelectMenuProps = HTMLArkProps<'ul'>;
+declare const SelectMenu: (props: SelectMenuProps) => solid_js.JSX.Element;
+
+type OptionProps = Parameters<ReturnType<ReturnType<typeof useSelectContext>>['getOptionProps']>[0];
+type SelectOptionProps = Assign<HTMLArkProps<'li'>, OptionProps>;
+declare const SelectOption: (props: SelectOptionProps) => solid_js.JSX.Element;
+
+type SelectPositionerProps = HTMLArkProps<'div'>;
+declare const SelectPositioner: (props: SelectPositionerProps) => solid_js.JSX.Element;
+
+type SelectTriggerProps = {
+    children: JSX.Element;
+};
+declare const SelectTrigger: (props: SelectTriggerProps) => JSX.Element;
+
 type UseSliderProps = Optional<slider.Context, 'id'>;
@@ -874,2 +1014,2 @@ type UseSliderReturn = ReturnType<typeof useSlider>;
 
-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, RangeSlider, RangeSliderControl, RangeSliderControlProps, RangeSliderInput, RangeSliderInputProps, RangeSliderLabel, RangeSliderLabelProps, RangeSliderOutput, RangeSliderOutputProps, RangeSliderProps, RangeSliderRange, RangeSliderRangeProps, RangeSliderThumb, RangeSliderThumbProps, RangeSliderTrack, RangeSliderTrackProps, 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, Toast, ToastCloseButton, ToastCloseButtonProps, ToastDescription, ToastDescriptionProps, ToastGroup, ToastGroupProps, ToastPlacements, ToastPlacementsProps, ToastProps, ToastProvider, ToastProviderProps, ToastTitle, ToastTitleProps, 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, UseRangeSliderProps, UseRangeSliderReturn, UseRatingProps, UseRatingReturn, UseSliderProps, UseSliderReturn, UseTabsProps, UseTabsReturn, UseTagsInputProps, UseTagsInputReturn, UseTooltipProps, UseTooltipReturn, useAccordion, useAccordionItemContext, useCheckbox, useEditable, usePagination, usePaginationContext, usePinInput, usePopover, usePressable, useRadioGroup, useRangeSlider, useRating, useSlider, useTabs, useTagsInput, useToast, 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, 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, RangeSlider, RangeSliderControl, RangeSliderControlProps, RangeSliderInput, RangeSliderInputProps, RangeSliderLabel, RangeSliderLabelProps, RangeSliderOutput, RangeSliderOutputProps, RangeSliderProps, RangeSliderRange, RangeSliderRangeProps, RangeSliderThumb, RangeSliderThumbProps, RangeSliderTrack, RangeSliderTrackProps, Rating, RatingGroup, RatingGroupProps, RatingItem, RatingItemProps, RatingLabel, RatingLabelProps, RatingProps, RenderIconFn, Select, SelectContext, SelectLabel, SelectLabelProps, SelectMenu, SelectMenuProps, SelectOption, SelectOptionProps, SelectPositioner, SelectPositionerProps, SelectProps, SelectProvider, SelectTrigger, SelectTriggerProps, 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, Toast, ToastCloseButton, ToastCloseButtonProps, ToastDescription, ToastDescriptionProps, ToastGroup, ToastGroupProps, ToastPlacements, ToastPlacementsProps, ToastProps, ToastProvider, ToastProviderProps, ToastTitle, ToastTitleProps, 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, UseRangeSliderProps, UseRangeSliderReturn, UseRatingProps, UseRatingReturn, UseSelectProps, UseSelectReturn, UseSliderProps, UseSliderReturn, UseTabsProps, UseTabsReturn, UseTagsInputProps, UseTagsInputReturn, UseTooltipProps, UseTooltipReturn, useAccordion, useAccordionItemContext, useCheckbox, useEditable, usePagination, usePaginationContext, usePinInput, usePopover, usePressable, useRadioGroup, useRangeSlider, useRating, useSelect, useSelectContext, useSlider, useTabs, useTagsInput, useToast, useTooltip };

dist/index.esm.js

@@ -265,5 +265,5 @@ // src/accordion/accordion.tsx
   createEffect(() => {
-    const children16 = getChildren();
-    if (children16 instanceof Element) {
-      spread(children16, dialog2().triggerProps);
+    const children18 = getChildren();
+    if (children18 instanceof Element) {
+      spread(children18, dialog2().triggerProps);
     }
@@ -443,5 +443,5 @@ });
   createEffect2(() => {
-    const children16 = getChildren();
-    if (children16 instanceof Element) {
-      spread2(children16, hoverCard2().triggerProps);
+    const children18 = getChildren();
+    if (children18 instanceof Element) {
+      spread2(children18, hoverCard2().triggerProps);
     }
@@ -583,6 +583,6 @@ });
   createEffect3(() => {
-    const children16 = getChildren();
-    if (children16 instanceof Element) {
+    const children18 = getChildren();
+    if (children18 instanceof Element) {
       spread3(
-        children16,
+        children18,
         pagination2().getItemProps({
@@ -608,5 +608,5 @@ type: "page",
   createEffect4(() => {
-    const children16 = getChildren();
-    if (children16 instanceof Element) {
-      spread4(children16, pagination2().nextItemProps);
+    const children18 = getChildren();
+    if (children18 instanceof Element) {
+      spread4(children18, pagination2().nextItemProps);
     }
@@ -624,5 +624,5 @@ });
   createEffect5(() => {
-    const children16 = getChildren();
-    if (children16 instanceof Element) {
-      spread5(children16, pagination2().prevItemProps);
+    const children18 = getChildren();
+    if (children18 instanceof Element) {
+      spread5(children18, pagination2().prevItemProps);
     }
@@ -777,5 +777,5 @@ });
   createEffect6(() => {
-    const children16 = getChildren();
-    if (children16 instanceof Element) {
-      spread6(children16, popover2().triggerProps);
+    const children18 = getChildren();
+    if (children18 instanceof Element) {
+      spread6(children18, popover2().triggerProps);
     }
@@ -1076,2 +1076,100 @@ });
 
+// src/select/select.tsx
+import { children as children12 } from "solid-js";
+
+// src/select/select-context.ts
+var [SelectProvider, useSelectContext] = createContext({
+  hookName: "useSelectContext",
+  providerName: "<SelectProvider />"
+});
+
+// src/select/use-select.ts
+import * as select from "@zag-js/select";
+import { normalizeProps as normalizeProps14, useMachine as useMachine14 } from "@zag-js/solid";
+import { createMemo as createMemo13, createUniqueId as createUniqueId14, mergeProps as mergeProps13 } from "solid-js";
+var useSelect = (props) => {
+  const context = mergeProps13({ id: createUniqueId14() }, props);
+  const [state, send] = useMachine14(select.machine(context), {
+    context
+  });
+  return createMemo13(() => select.connect(state, send, normalizeProps14));
+};
+
+// src/select/select.tsx
+var Select = (props) => {
+  const [useSelectProps, localProps] = createSplitProps()(props, [
+    "closeOnSelect",
+    "dir",
+    "disabled",
+    "form",
+    "getRootNode",
+    "highlightedOption",
+    "id",
+    "ids",
+    "invalid",
+    "loop",
+    "name",
+    "onChange",
+    "onClose",
+    "onHighlight",
+    "onOpen",
+    "positioning",
+    "readOnly",
+    "selectOnTab",
+    "selectedOption"
+  ]);
+  const select2 = useSelect(useSelectProps);
+  return <SelectProvider value={select2}><SelectContextWrapper {...localProps} /></SelectProvider>;
+};
+var SelectContextWrapper = (props) => {
+  const select2 = useSelectContext();
+  const view = children12(() => runIfFn(props.children, select2));
+  return <>{view()}</>;
+};
+
+// src/select/select-label.tsx
+var SelectLabel = (props) => {
+  const select2 = useSelectContext();
+  return <ark.label {...select2().labelProps} {...props} />;
+};
+
+// src/select/select-menu.tsx
+var SelectMenu = (props) => {
+  const select2 = useSelectContext();
+  return <ark.ul {...select2().menuProps} {...props} />;
+};
+
+// src/select/select-option.tsx
+var SelectOption = (props) => {
+  const [optionProps, liProps] = createSplitProps()(props, [
+    "disabled",
+    "label",
+    "value",
+    "valueText"
+  ]);
+  const select2 = useSelectContext();
+  return <ark.li {...select2().getOptionProps(optionProps)} {...liProps} />;
+};
+
+// src/select/select-positioner.tsx
+var SelectPositioner = (props) => {
+  const select2 = useSelectContext();
+  return <ark.div {...select2().positionerProps} {...props} />;
+};
+
+// src/select/select-trigger.tsx
+import { children as children13, createEffect as createEffect7 } from "solid-js";
+import { spread as spread7 } from "solid-js/web";
+var SelectTrigger = (props) => {
+  const select2 = useSelectContext();
+  const getChildren = children13(() => props.children);
+  createEffect7(() => {
+    const children18 = getChildren();
+    if (children18 instanceof Element) {
+      spread7(children18, select2().triggerProps);
+    }
+  });
+  return <>{getChildren()}</>;
+};
+
 // src/slider/slider-context.ts
@@ -1085,8 +1183,8 @@ var [SliderProvider, useSliderContext] = createContext({
 import * as slider from "@zag-js/slider";
-import { normalizeProps as normalizeProps14, useMachine as useMachine14 } from "@zag-js/solid";
-import { createMemo as createMemo13, createUniqueId as createUniqueId14, mergeProps as mergeProps13 } from "solid-js";
+import { normalizeProps as normalizeProps15, useMachine as useMachine15 } from "@zag-js/solid";
+import { createMemo as createMemo14, createUniqueId as createUniqueId15, mergeProps as mergeProps14 } from "solid-js";
 var useSlider = (props) => {
-  const context = mergeProps13({ id: createUniqueId14() }, props);
-  const [state, send] = useMachine14(slider.machine(context), { context });
-  return createMemo13(() => slider.connect(state, send, normalizeProps14));
+  const context = mergeProps14({ id: createUniqueId15() }, props);
+  const [state, send] = useMachine15(slider.machine(context), { context });
+  return createMemo14(() => slider.connect(state, send, normalizeProps15));
 };
@@ -1209,9 +1307,9 @@
 // src/tabs/use-tabs.ts
-import { normalizeProps as normalizeProps15, useMachine as useMachine15 } from "@zag-js/solid";
+import { normalizeProps as normalizeProps16, useMachine as useMachine16 } from "@zag-js/solid";
 import * as tabs from "@zag-js/tabs";
-import { createMemo as createMemo14, createUniqueId as createUniqueId15, mergeProps as mergeProps14 } from "solid-js";
+import { createMemo as createMemo15, createUniqueId as createUniqueId16, mergeProps as mergeProps15 } from "solid-js";
 var useTabs = (props) => {
-  const context = mergeProps14({ id: createUniqueId15() }, props);
-  const [state, send] = useMachine15(tabs.machine(context), { context });
-  return createMemo14(() => tabs.connect(state, send, normalizeProps15));
+  const context = mergeProps15({ id: createUniqueId16() }, props);
+  const [state, send] = useMachine16(tabs.machine(context), { context });
+  return createMemo15(() => tabs.connect(state, send, normalizeProps16));
 };
@@ -1276,13 +1374,13 @@
 // src/tags-input/tags-input.tsx
-import { children as children12 } from "solid-js";
+import { children as children14 } from "solid-js";
 
 // src/tags-input/use-tags-input.ts
-import { normalizeProps as normalizeProps16, useMachine as useMachine16 } from "@zag-js/solid";
+import { normalizeProps as normalizeProps17, useMachine as useMachine17 } from "@zag-js/solid";
 import * as tagsInput from "@zag-js/tags-input";
-import { createMemo as createMemo15, createUniqueId as createUniqueId16, mergeProps as mergeProps15 } from "solid-js";
+import { createMemo as createMemo16, createUniqueId as createUniqueId17, mergeProps as mergeProps16 } from "solid-js";
 var useTagsInput = (props) => {
-  const initialContext = mergeProps15({ id: createUniqueId16(), value: props.defaultValue }, props);
-  const context = mergeProps15(initialContext, { value: props.value });
-  const [state, send] = useMachine16(tagsInput.machine(initialContext), { context });
-  return createMemo15(() => tagsInput.connect(state, send, normalizeProps16));
+  const initialContext = mergeProps16({ id: createUniqueId17(), value: props.defaultValue }, props);
+  const context = mergeProps16(initialContext, { value: props.value });
+  const [state, send] = useMachine17(tagsInput.machine(initialContext), { context });
+  return createMemo16(() => tagsInput.connect(state, send, normalizeProps17));
 };
@@ -1321,3 +1419,3 @@
   const tagsInput2 = useTagsInput(useTagsInputProps);
-  const view = () => children12(() => runIfFn(divProps.children, tagsInput2()));
+  const view = () => children14(() => runIfFn(divProps.children, tagsInput2()));
   return <TagsInputProvider value={tagsInput2}><ark.div {...tagsInput2().rootProps} {...divProps}>{view}</ark.div></TagsInputProvider>;
@@ -1351,8 +1449,8 @@ };
 // src/toast/use-toast-item.ts
-import { normalizeProps as normalizeProps17, useActor } from "@zag-js/solid";
+import { normalizeProps as normalizeProps18, useActor } from "@zag-js/solid";
 import * as toast from "@zag-js/toast";
-import { createMemo as createMemo16 } from "solid-js";
+import { createMemo as createMemo17 } from "solid-js";
 var useToastItem = (props) => {
   const [state, send] = useActor(props.toast);
-  return createMemo16(() => toast.connect(state, send, normalizeProps17));
+  return createMemo17(() => toast.connect(state, send, normalizeProps18));
 };
@@ -1380,8 +1478,8 @@
 // src/toast/toast-group.tsx
-import { children as children13 } from "solid-js";
+import { children as children15 } from "solid-js";
 
 // src/toast/toast-provider.tsx
-import { normalizeProps as normalizeProps18, useMachine as useMachine17 } from "@zag-js/solid";
+import { normalizeProps as normalizeProps19, useMachine as useMachine18 } from "@zag-js/solid";
 import * as toast2 from "@zag-js/toast";
-import { createMemo as createMemo17, createUniqueId as createUniqueId17, mergeProps as mergeProps16 } from "solid-js";
+import { createMemo as createMemo18, createUniqueId as createUniqueId18, mergeProps as mergeProps17 } from "solid-js";
 var [ToastContextProvider, useToast] = createContext();
@@ -1392,5 +1490,5 @@ var ToastProvider = (props) => {
   ]);
-  const context = mergeProps16({ id: createUniqueId17() }, machineProps);
-  const [state, send] = useMachine17(toast2.group.machine(context));
-  const api = createMemo17(() => toast2.group.connect(state, send, normalizeProps18));
+  const context = mergeProps17({ id: createUniqueId18() }, machineProps);
+  const [state, send] = useMachine18(toast2.group.machine(context));
+  const api = createMemo18(() => toast2.group.connect(state, send, normalizeProps19));
   return <ToastContextProvider value={api}>{toastProviderParams.children}</ToastContextProvider>;
@@ -1406,3 +1504,3 @@ };
   const toast3 = useToast();
-  const view = () => children13(
+  const view = () => children15(
     () => runIfFn(
@@ -1417,6 +1515,6 @@ toastGroupParams.children,
 // src/toast/toast-placements.tsx
-import { children as children14 } from "solid-js";
+import { children as children16 } from "solid-js";
 var ToastPlacements = (props) => {
   const toast3 = useToast();
-  const view = () => children14(() => runIfFn(props.children, Object.keys(toast3().toastsByPlacement)));
+  const view = () => children16(() => runIfFn(props.children, Object.keys(toast3().toastsByPlacement)));
   return <>{view}</>;
@@ -1438,9 +1536,9 @@ };
 // src/tooltip/use-tooltip.ts
-import { normalizeProps as normalizeProps19, useMachine as useMachine18 } from "@zag-js/solid";
+import { normalizeProps as normalizeProps20, useMachine as useMachine19 } from "@zag-js/solid";
 import * as tooltip from "@zag-js/tooltip";
-import { createMemo as createMemo18, createUniqueId as createUniqueId18, mergeProps as mergeProps17 } from "solid-js";
+import { createMemo as createMemo19, createUniqueId as createUniqueId19, mergeProps as mergeProps18 } from "solid-js";
 var useTooltip = (props) => {
-  const context = mergeProps17({ id: createUniqueId18() }, props);
-  const [state, send] = useMachine18(tooltip.machine(context), { context });
-  return createMemo18(() => tooltip.connect(state, send, normalizeProps19));
+  const context = mergeProps18({ id: createUniqueId19() }, props);
+  const [state, send] = useMachine19(tooltip.machine(context), { context });
+  return createMemo19(() => tooltip.connect(state, send, normalizeProps20));
 };
@@ -1495,11 +1593,11 @@
 // src/tooltip/tooltip-trigger.tsx
-import { children as children15, createEffect as createEffect7 } from "solid-js";
-import { spread as spread7 } from "solid-js/web";
+import { children as children17, createEffect as createEffect8 } from "solid-js";
+import { spread as spread8 } from "solid-js/web";
 var TooltipTrigger = (props) => {
   const tooltip2 = useTooltipContext();
-  const getChildren = children15(() => props.children);
-  createEffect7(() => {
-    const children16 = getChildren();
-    if (children16 instanceof Element) {
-      spread7(children16, tooltip2().triggerProps);
+  const getChildren = children17(() => props.children);
+  createEffect8(() => {
+    const children18 = getChildren();
+    if (children18 instanceof Element) {
+      spread8(children18, tooltip2().triggerProps);
     }
@@ -1584,2 +1682,9 @@ });
   RatingLabel,
+  Select,
+  SelectLabel,
+  SelectMenu,
+  SelectOption,
+  SelectPositioner,
+  SelectProvider,
+  SelectTrigger,
   Slider,
@@ -1631,2 +1736,4 @@ SliderControl,
   useRating,
+  useSelect,
+  useSelectContext,
   useSlider,
@@ -1633,0 +1740,0 @@ useTabs,

package.json

 {
   "name": "@ark-ui/solid",
-  "version": "0.0.0-rc-20221204193122",
+  "version": "0.0.0-rc-20221205081643",
   "description": "",
@@ -49,6 +49,7 @@ "keywords": [],
     "@zag-js/rating": "0.2.3",
+    "@zag-js/select": "0.1.1",
     "@zag-js/slider": "0.2.3",
     "@zag-js/solid": "0.2.2",
+    "@zag-js/tabs": "0.2.2",
     "@zag-js/tags-input": "0.3.3",
-    "@zag-js/tabs": "0.2.2",
     "@zag-js/toast": "0.2.3",
@@ -60,6 +61,6 @@ "@zag-js/tooltip": "0.2.2"
     "@testing-library/jest-dom": "5.16.5",
+    "@types/jsdom": "20.0.1",
+    "@types/testing-library__jest-dom": "5.14.5",
     "@typescript-eslint/eslint-plugin": "5.45.0",
     "@typescript-eslint/parser": "5.45.0",
-    "@types/jsdom": "20.0.1",
-    "@types/testing-library__jest-dom": "5.14.5",
     "@vitest/coverage-c8": "0.25.3",
@@ -73,4 +74,4 @@ "eslint": "8.29.0",
     "vite": "3.2.4",
-    "vitest": "0.25.3",
-    "vite-plugin-solid": "2.4.0"
+    "vite-plugin-solid": "2.4.0",
+    "vitest": "0.25.3"
   },
@@ -77,0 +78,0 @@ "peerDependencies": {

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

158342

increased by8.02%

Lines of code

4164

increased by8.83%

Worsened metrics

Dependency count

23

increased by4.55%

Dependency changes

• + Added@zag-js/select@0.1.1

• + Added@zag-js/select@0.1.1(transitive)