@ark-ui/solid - npm Package Compare versions

Comparing version 0.0.0-rc-20221129091920 to 0.0.0-rc-20221129092445

dist/index.cjs.js

@@ -67,2 +67,11 @@ "use strict";
   PinInputField: () => PinInputField,
+  Popover: () => Popover,
+  PopoverArrow: () => PopoverArrow,
+  PopoverCloseButton: () => PopoverCloseButton,
+  PopoverContent: () => PopoverContent,
+  PopoverDescription: () => PopoverDescription,
+  PopoverInnerArrow: () => PopoverInnerArrow,
+  PopoverPositioner: () => PopoverPositioner,
+  PopoverTitle: () => PopoverTitle,
+  PopoverTrigger: () => PopoverTrigger,
   Pressable: () => Pressable,
@@ -87,2 +96,3 @@ Tab: () => Tab,
   usePinInput: () => usePinInput,
+  usePopover: () => usePopover,
   usePressable: () => usePressable,
@@ -357,5 +367,5 @@ useTabs: () => useTabs,
   (0, import_solid_js10.createEffect)(() => {
-    const children8 = getChildren();
-    if (children8 instanceof Element) {
-      (0, import_web2.spread)(children8, dialog2().triggerProps);
+    const children9 = getChildren();
+    if (children9 instanceof Element) {
+      (0, import_web2.spread)(children9, dialog2().triggerProps);
     }
@@ -438,5 +448,5 @@ });
   (0, import_solid_js13.createEffect)(() => {
-    const children8 = getChildren();
-    if (children8 instanceof Element) {
-      (0, import_web4.spread)(children8, hoverCard2().triggerProps);
+    const children9 = getChildren();
+    if (children9 instanceof Element) {
+      (0, import_web4.spread)(children9, hoverCard2().triggerProps);
     }
@@ -585,6 +595,6 @@ });
   (0, import_solid_js17.createEffect)(() => {
-    const children8 = getChildren();
-    if (children8 instanceof Element) {
+    const children9 = getChildren();
+    if (children9 instanceof Element) {
       (0, import_web5.spread)(
-        children8,
+        children9,
         pagination2().getItemProps({
@@ -610,5 +620,5 @@ type: "page",
   (0, import_solid_js18.createEffect)(() => {
-    const children8 = getChildren();
-    if (children8 instanceof Element) {
-      (0, import_web6.spread)(children8, pagination2().nextItemProps);
+    const children9 = getChildren();
+    if (children9 instanceof Element) {
+      (0, import_web6.spread)(children9, pagination2().nextItemProps);
     }
@@ -626,5 +636,5 @@ });
   (0, import_solid_js19.createEffect)(() => {
-    const children8 = getChildren();
-    if (children8 instanceof Element) {
-      (0, import_web7.spread)(children8, pagination2().prevItemProps);
+    const children9 = getChildren();
+    if (children9 instanceof Element) {
+      (0, import_web7.spread)(children9, pagination2().prevItemProps);
     }
@@ -695,13 +705,111 @@ });
 
+// src/popover/popover-context.ts
+var [PopoverProvider, usePopoverContext] = createContext({
+  hookName: "usePopoverContext",
+  providerName: "<PopoverProvider />"
+});
+
+// src/popover/use-popover.ts
+var popover = __toESM(require("@zag-js/popover"));
+var import_solid9 = require("@zag-js/solid");
+var import_solid_js22 = require("solid-js");
+var usePopover = (props) => {
+  const context = (0, import_solid_js22.mergeProps)({ id: (0, import_solid_js22.createUniqueId)() }, props);
+  const [state, send] = (0, import_solid9.useMachine)(popover.machine(context), { context });
+  return (0, import_solid_js22.createMemo)(() => popover.connect(state, send, import_solid9.normalizeProps));
+};
+
+// src/popover/popover.tsx
+var Popover = (props) => {
+  const [usePopoverProps, restProps] = createSplitProps()(props, [
+    "autoFocus",
+    "closeOnEsc",
+    "closeOnInteractOutside",
+    "defaultOpen",
+    "defaultOpen",
+    "getRootNode",
+    "id",
+    "ids",
+    "initialFocusEl",
+    "modal",
+    "onEscapeKeyDown",
+    "onFocusOutside",
+    "onInteractOutside",
+    "onOpenChange",
+    "onPointerDownOutside",
+    "portalled",
+    "positioning"
+  ]);
+  const popover2 = usePopover(usePopoverProps);
+  return <PopoverProvider value={popover2}>{restProps.children}</PopoverProvider>;
+};
+
+// src/popover/popover-arrow.tsx
+var PopoverArrow = (props) => {
+  const popover2 = usePopoverContext();
+  return <ark.div {...popover2().arrowProps} {...props} />;
+};
+
+// src/popover/popover-close-button.tsx
+var PopoverCloseButton = (props) => {
+  const popover2 = usePopoverContext();
+  return <ark.button {...popover2().closeButtonProps} {...props} />;
+};
+
+// src/popover/popover-content.tsx
+var PopoverContent = (props) => {
+  const popover2 = usePopoverContext();
+  return <ark.div {...popover2().contentProps} {...props} />;
+};
+
+// src/popover/popover-description.tsx
+var PopoverDescription = (props) => {
+  const popover2 = usePopoverContext();
+  return <ark.div {...popover2().descriptionProps} {...props} />;
+};
+
+// src/popover/popover-inner-arrow.tsx
+var PopoverInnerArrow = (props) => {
+  const popover2 = usePopoverContext();
+  return <ark.div {...popover2().innerArrowProps} {...props} />;
+};
+
+// src/popover/popover-positioner.tsx
+var PopoverPositioner = (props) => {
+  const popover2 = usePopoverContext();
+  return <ark.div {...popover2().positionerProps} {...props} />;
+};
+
+// src/popover/popover-title.tsx
+var PopoverTitle = (props) => {
+  const popover2 = usePopoverContext();
+  return <ark.div {...popover2().titleProps} {...props} />;
+};
+
+// src/popover/popover-trigger.tsx
+var import_solid_js23 = require("solid-js");
+var import_web8 = require("solid-js/web");
+var PopoverTrigger = (props) => {
+  const popover2 = usePopoverContext();
+  const getChildren = (0, import_solid_js23.children)(() => props.children);
+  (0, import_solid_js23.createEffect)(() => {
+    const children9 = getChildren();
+    if (children9 instanceof Element) {
+      (0, import_web8.spread)(children9, popover2().triggerProps);
+    }
+  });
+  return <>{getChildren()}</>;
+};
+
 // src/pressable/use-pressable.tsx
 var pressable = __toESM(require("@zag-js/pressable"));
-var import_solid9 = require("@zag-js/solid");
-var import_solid_js22 = require("solid-js");
+var import_solid10 = require("@zag-js/solid");
+var import_solid_js24 = require("solid-js");
 var usePressable = (props) => {
   const context = {
-    id: (0, import_solid_js22.createUniqueId)(),
+    id: (0, import_solid_js24.createUniqueId)(),
     ...props
   };
-  const [state, send] = (0, import_solid9.useMachine)(pressable.machine(context), { context });
-  return pressable.connect(state, send, import_solid9.normalizeProps);
+  const [state, send] = (0, import_solid10.useMachine)(pressable.machine(context), { context });
+  return pressable.connect(state, send, import_solid10.normalizeProps);
 };
@@ -771,10 +879,10 @@
 // src/tabs/use-tabs.ts
-var import_solid10 = require("@zag-js/solid");
+var import_solid11 = require("@zag-js/solid");
 var tabs = __toESM(require("@zag-js/tabs"));
-var import_solid_js23 = require("solid-js");
+var import_solid_js25 = require("solid-js");
 var useTabs = (props) => {
-  const initialContext = (0, import_solid_js23.mergeProps)({ id: (0, import_solid_js23.createUniqueId)(), value: props.defaultValue }, props);
-  const context = (0, import_solid_js23.mergeProps)(initialContext, { value: props.value });
-  const [state, send] = (0, import_solid10.useMachine)(tabs.machine(initialContext), { context });
-  return (0, import_solid_js23.createMemo)(() => tabs.connect(state, send, import_solid10.normalizeProps));
+  const initialContext = (0, import_solid_js25.mergeProps)({ id: (0, import_solid_js25.createUniqueId)(), value: props.defaultValue }, props);
+  const context = (0, import_solid_js25.mergeProps)(initialContext, { value: props.value });
+  const [state, send] = (0, import_solid11.useMachine)(tabs.machine(initialContext), { context });
+  return (0, import_solid_js25.createMemo)(() => tabs.connect(state, send, import_solid11.normalizeProps));
 };
@@ -811,9 +919,9 @@
 // src/tooltip/use-tooltip.ts
-var import_solid11 = require("@zag-js/solid");
+var import_solid12 = require("@zag-js/solid");
 var tooltip = __toESM(require("@zag-js/tooltip"));
-var import_solid_js24 = require("solid-js");
+var import_solid_js26 = require("solid-js");
 var useTooltip = (props) => {
-  const context = (0, import_solid_js24.mergeProps)({ id: (0, import_solid_js24.createUniqueId)() }, props);
-  const [state, send] = (0, import_solid11.useMachine)(tooltip.machine(context), { context });
-  return (0, import_solid_js24.createMemo)(() => tooltip.connect(state, send, import_solid11.normalizeProps));
+  const context = (0, import_solid_js26.mergeProps)({ id: (0, import_solid_js26.createUniqueId)() }, props);
+  const [state, send] = (0, import_solid12.useMachine)(tooltip.machine(context), { context });
+  return (0, import_solid_js26.createMemo)(() => tooltip.connect(state, send, import_solid12.normalizeProps));
 };
@@ -861,18 +969,18 @@
 // src/tooltip/tooltip-positioner.tsx
-var import_solid_js25 = require("solid-js");
+var import_solid_js27 = require("solid-js");
 var TooltipPositioner = (props) => {
   const tooltip2 = useTooltipContext();
-  return <import_solid_js25.Show when={tooltip2().isOpen}><ark.div {...tooltip2().positionerProps} {...props} /></import_solid_js25.Show>;
+  return <import_solid_js27.Show when={tooltip2().isOpen}><ark.div {...tooltip2().positionerProps} {...props} /></import_solid_js27.Show>;
 };
 
 // src/tooltip/tooltip-trigger.tsx
-var import_solid_js26 = require("solid-js");
-var import_web8 = require("solid-js/web");
+var import_solid_js28 = require("solid-js");
+var import_web9 = require("solid-js/web");
 var TooltipTrigger = (props) => {
   const tooltip2 = useTooltipContext();
-  const getChildren = (0, import_solid_js26.children)(() => props.children);
-  (0, import_solid_js26.createEffect)(() => {
-    const children8 = getChildren();
-    if (children8 instanceof Element) {
-      (0, import_web8.spread)(children8, tooltip2().triggerProps);
+  const getChildren = (0, import_solid_js28.children)(() => props.children);
+  (0, import_solid_js28.createEffect)(() => {
+    const children9 = getChildren();
+    if (children9 instanceof Element) {
+      (0, import_web9.spread)(children9, tooltip2().triggerProps);
     }
@@ -922,2 +1030,11 @@ });
   PinInputField,
+  Popover,
+  PopoverArrow,
+  PopoverCloseButton,
+  PopoverContent,
+  PopoverDescription,
+  PopoverInnerArrow,
+  PopoverPositioner,
+  PopoverTitle,
+  PopoverTrigger,
   Pressable,
@@ -942,2 +1059,3 @@ Tab,
   usePinInput,
+  usePopover,
   usePressable,
@@ -944,0 +1062,0 @@ useTabs,

dist/index.d.ts

@@ -13,2 +13,3 @@ import * as solid_js from 'solid-js';
 import * as pinInput from '@zag-js/pin-input';
+import * as popover from '@zag-js/popover';
 import * as pressable from '@zag-js/pressable';
@@ -346,2 +347,51 @@ import * as tabs from '@zag-js/tabs';
 
+type UsePopoverProps = Optional<popover.Context, 'id'>;
+declare const usePopover: (props: UsePopoverProps) => solid_js.Accessor<{
+    portalled: boolean;
+    isOpen: boolean;
+    open(): void;
+    close(): void;
+    arrowProps: solid_js.JSX.HTMLAttributes<any>;
+    innerArrowProps: solid_js.JSX.HTMLAttributes<any>;
+    anchorProps: solid_js.JSX.HTMLAttributes<any>;
+    triggerProps: solid_js.JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+    positionerProps: solid_js.JSX.HTMLAttributes<any>;
+    contentProps: solid_js.JSX.HTMLAttributes<any>;
+    titleProps: solid_js.JSX.HTMLAttributes<any>;
+    descriptionProps: solid_js.JSX.HTMLAttributes<any>;
+    closeButtonProps: solid_js.JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+}>;
+type UsePopoverReturn = ReturnType<typeof usePopover>;
+
+type PopoverProps = UsePopoverProps & {
+    children: JSX.Element;
+};
+declare const Popover: (props: PopoverProps) => JSX.Element;
+
+type PopoverArrowProps = HTMLArkProps<'div'>;
+declare const PopoverArrow: (props: PopoverArrowProps) => solid_js.JSX.Element;
+
+type PopoverCloseButtonProps = HTMLArkProps<'button'>;
+declare const PopoverCloseButton: (props: PopoverCloseButtonProps) => solid_js.JSX.Element;
+
+type PopoverContentProps = HTMLArkProps<'div'>;
+declare const PopoverContent: (props: PopoverContentProps) => solid_js.JSX.Element;
+
+type PopoverDescriptionProps = HTMLArkProps<'div'>;
+declare const PopoverDescription: (props: PopoverDescriptionProps) => solid_js.JSX.Element;
+
+type PopoverInnerArrowProps = HTMLArkProps<'div'>;
+declare const PopoverInnerArrow: (props: PopoverInnerArrowProps) => solid_js.JSX.Element;
+
+type PopoverPositionerProps = HTMLArkProps<'div'>;
+declare const PopoverPositioner: (props: PopoverPositionerProps) => solid_js.JSX.Element;
+
+type PopoverTitleProps = HTMLArkProps<'div'>;
+declare const PopoverTitle: (props: PopoverTitleProps) => solid_js.JSX.Element;
+
+type PopoverTriggerProps = {
+    children: JSX.Element;
+};
+declare const PopoverTrigger: (props: PopoverTriggerProps) => JSX.Element;
+
 type UsePressableProps = Optional<pressable.Context, 'id'>;
@@ -445,2 +495,2 @@ type UsePressableReturn = ReturnType<typeof usePressable>;
 
-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, 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, Pressable, PressableProps, Tab, TabIndicator, TabIndicatorProps, TabList, TabListProps, TabPanel, TabPanelProps, TabPanels, TabPanelsProps, TabProps, Tabs, TabsProps, Tooltip, TooltipArrow, TooltipArrowProps, TooltipContent, TooltipContentProps, TooltipInnerArrow, TooltipInnerArrowProps, TooltipPositioner, TooltipPositionerProps, TooltipProps, TooltipTrigger, TooltipTriggerProps, UseAccordionProps, UseAccordionReturn, UseCheckboxProps, UseCheckboxReturn, UsePaginationProps, UsePinInputProps, UsePinInputReturn, UsePressableProps, UsePressableReturn, UseTabsProps, UseTabsReturn, UseTooltipProps, UseTooltipReturn, useAccordion, useAccordionItemContext, useCheckbox, usePagination, usePaginationContext, usePinInput, usePressable, useTabs, 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, 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, Tab, TabIndicator, TabIndicatorProps, TabList, TabListProps, TabPanel, TabPanelProps, TabPanels, TabPanelsProps, TabProps, Tabs, TabsProps, Tooltip, TooltipArrow, TooltipArrowProps, TooltipContent, TooltipContentProps, TooltipInnerArrow, TooltipInnerArrowProps, TooltipPositioner, TooltipPositionerProps, TooltipProps, TooltipTrigger, TooltipTriggerProps, UseAccordionProps, UseAccordionReturn, UseCheckboxProps, UseCheckboxReturn, UsePaginationProps, UsePinInputProps, UsePinInputReturn, UsePopoverProps, UsePopoverReturn, UsePressableProps, UsePressableReturn, UseTabsProps, UseTabsReturn, UseTooltipProps, UseTooltipReturn, useAccordion, useAccordionItemContext, useCheckbox, usePagination, usePaginationContext, usePinInput, usePopover, usePressable, useTabs, useTooltip };

dist/index.esm.js

@@ -269,5 +269,5 @@ // src/accordion/accordion.tsx
   createEffect(() => {
-    const children8 = getChildren();
-    if (children8 instanceof Element) {
-      spread(children8, dialog2().triggerProps);
+    const children9 = getChildren();
+    if (children9 instanceof Element) {
+      spread(children9, dialog2().triggerProps);
     }
@@ -350,5 +350,5 @@ });
   createEffect2(() => {
-    const children8 = getChildren();
-    if (children8 instanceof Element) {
-      spread2(children8, hoverCard2().triggerProps);
+    const children9 = getChildren();
+    if (children9 instanceof Element) {
+      spread2(children9, hoverCard2().triggerProps);
     }
@@ -497,6 +497,6 @@ });
   createEffect3(() => {
-    const children8 = getChildren();
-    if (children8 instanceof Element) {
+    const children9 = getChildren();
+    if (children9 instanceof Element) {
       spread3(
-        children8,
+        children9,
         pagination2().getItemProps({
@@ -522,5 +522,5 @@ type: "page",
   createEffect4(() => {
-    const children8 = getChildren();
-    if (children8 instanceof Element) {
-      spread4(children8, pagination2().nextItemProps);
+    const children9 = getChildren();
+    if (children9 instanceof Element) {
+      spread4(children9, pagination2().nextItemProps);
     }
@@ -538,5 +538,5 @@ });
   createEffect5(() => {
-    const children8 = getChildren();
-    if (children8 instanceof Element) {
-      spread5(children8, pagination2().prevItemProps);
+    const children9 = getChildren();
+    if (children9 instanceof Element) {
+      spread5(children9, pagination2().prevItemProps);
     }
@@ -607,13 +607,111 @@ });
 
+// src/popover/popover-context.ts
+var [PopoverProvider, usePopoverContext] = createContext({
+  hookName: "usePopoverContext",
+  providerName: "<PopoverProvider />"
+});
+
+// src/popover/use-popover.ts
+import * as popover from "@zag-js/popover";
+import { normalizeProps as normalizeProps8, useMachine as useMachine8 } from "@zag-js/solid";
+import { createMemo as createMemo8, createUniqueId as createUniqueId8, mergeProps as mergeProps8 } from "solid-js";
+var usePopover = (props) => {
+  const context = mergeProps8({ id: createUniqueId8() }, props);
+  const [state, send] = useMachine8(popover.machine(context), { context });
+  return createMemo8(() => popover.connect(state, send, normalizeProps8));
+};
+
+// src/popover/popover.tsx
+var Popover = (props) => {
+  const [usePopoverProps, restProps] = createSplitProps()(props, [
+    "autoFocus",
+    "closeOnEsc",
+    "closeOnInteractOutside",
+    "defaultOpen",
+    "defaultOpen",
+    "getRootNode",
+    "id",
+    "ids",
+    "initialFocusEl",
+    "modal",
+    "onEscapeKeyDown",
+    "onFocusOutside",
+    "onInteractOutside",
+    "onOpenChange",
+    "onPointerDownOutside",
+    "portalled",
+    "positioning"
+  ]);
+  const popover2 = usePopover(usePopoverProps);
+  return <PopoverProvider value={popover2}>{restProps.children}</PopoverProvider>;
+};
+
+// src/popover/popover-arrow.tsx
+var PopoverArrow = (props) => {
+  const popover2 = usePopoverContext();
+  return <ark.div {...popover2().arrowProps} {...props} />;
+};
+
+// src/popover/popover-close-button.tsx
+var PopoverCloseButton = (props) => {
+  const popover2 = usePopoverContext();
+  return <ark.button {...popover2().closeButtonProps} {...props} />;
+};
+
+// src/popover/popover-content.tsx
+var PopoverContent = (props) => {
+  const popover2 = usePopoverContext();
+  return <ark.div {...popover2().contentProps} {...props} />;
+};
+
+// src/popover/popover-description.tsx
+var PopoverDescription = (props) => {
+  const popover2 = usePopoverContext();
+  return <ark.div {...popover2().descriptionProps} {...props} />;
+};
+
+// src/popover/popover-inner-arrow.tsx
+var PopoverInnerArrow = (props) => {
+  const popover2 = usePopoverContext();
+  return <ark.div {...popover2().innerArrowProps} {...props} />;
+};
+
+// src/popover/popover-positioner.tsx
+var PopoverPositioner = (props) => {
+  const popover2 = usePopoverContext();
+  return <ark.div {...popover2().positionerProps} {...props} />;
+};
+
+// src/popover/popover-title.tsx
+var PopoverTitle = (props) => {
+  const popover2 = usePopoverContext();
+  return <ark.div {...popover2().titleProps} {...props} />;
+};
+
+// src/popover/popover-trigger.tsx
+import { children as children7, createEffect as createEffect6 } from "solid-js";
+import { spread as spread6 } from "solid-js/web";
+var PopoverTrigger = (props) => {
+  const popover2 = usePopoverContext();
+  const getChildren = children7(() => props.children);
+  createEffect6(() => {
+    const children9 = getChildren();
+    if (children9 instanceof Element) {
+      spread6(children9, popover2().triggerProps);
+    }
+  });
+  return <>{getChildren()}</>;
+};
+
 // src/pressable/use-pressable.tsx
 import * as pressable from "@zag-js/pressable";
-import { normalizeProps as normalizeProps8, useMachine as useMachine8 } from "@zag-js/solid";
-import { createUniqueId as createUniqueId8 } from "solid-js";
+import { normalizeProps as normalizeProps9, useMachine as useMachine9 } from "@zag-js/solid";
+import { createUniqueId as createUniqueId9 } from "solid-js";
 var usePressable = (props) => {
   const context = {
-    id: createUniqueId8(),
+    id: createUniqueId9(),
     ...props
   };
-  const [state, send] = useMachine8(pressable.machine(context), { context });
-  return pressable.connect(state, send, normalizeProps8);
+  const [state, send] = useMachine9(pressable.machine(context), { context });
+  return pressable.connect(state, send, normalizeProps9);
 };
@@ -683,10 +781,10 @@
 // src/tabs/use-tabs.ts
-import { normalizeProps as normalizeProps9, useMachine as useMachine9 } from "@zag-js/solid";
+import { normalizeProps as normalizeProps10, useMachine as useMachine10 } from "@zag-js/solid";
 import * as tabs from "@zag-js/tabs";
-import { createMemo as createMemo8, createUniqueId as createUniqueId9, mergeProps as mergeProps8 } from "solid-js";
+import { createMemo as createMemo9, createUniqueId as createUniqueId10, mergeProps as mergeProps9 } from "solid-js";
 var useTabs = (props) => {
-  const initialContext = mergeProps8({ id: createUniqueId9(), value: props.defaultValue }, props);
-  const context = mergeProps8(initialContext, { value: props.value });
-  const [state, send] = useMachine9(tabs.machine(initialContext), { context });
-  return createMemo8(() => tabs.connect(state, send, normalizeProps9));
+  const initialContext = mergeProps9({ id: createUniqueId10(), value: props.defaultValue }, props);
+  const context = mergeProps9(initialContext, { value: props.value });
+  const [state, send] = useMachine10(tabs.machine(initialContext), { context });
+  return createMemo9(() => tabs.connect(state, send, normalizeProps10));
 };
@@ -723,9 +821,9 @@
 // src/tooltip/use-tooltip.ts
-import { normalizeProps as normalizeProps10, useMachine as useMachine10 } from "@zag-js/solid";
+import { normalizeProps as normalizeProps11, useMachine as useMachine11 } from "@zag-js/solid";
 import * as tooltip from "@zag-js/tooltip";
-import { createMemo as createMemo9, createUniqueId as createUniqueId10, mergeProps as mergeProps9 } from "solid-js";
+import { createMemo as createMemo10, createUniqueId as createUniqueId11, mergeProps as mergeProps10 } from "solid-js";
 var useTooltip = (props) => {
-  const context = mergeProps9({ id: createUniqueId10() }, props);
-  const [state, send] = useMachine10(tooltip.machine(context), { context });
-  return createMemo9(() => tooltip.connect(state, send, normalizeProps10));
+  const context = mergeProps10({ id: createUniqueId11() }, props);
+  const [state, send] = useMachine11(tooltip.machine(context), { context });
+  return createMemo10(() => tooltip.connect(state, send, normalizeProps11));
 };
@@ -780,11 +878,11 @@
 // src/tooltip/tooltip-trigger.tsx
-import { children as children7, createEffect as createEffect6 } from "solid-js";
-import { spread as spread6 } from "solid-js/web";
+import { children as children8, createEffect as createEffect7 } from "solid-js";
+import { spread as spread7 } from "solid-js/web";
 var TooltipTrigger = (props) => {
   const tooltip2 = useTooltipContext();
-  const getChildren = children7(() => props.children);
-  createEffect6(() => {
-    const children8 = getChildren();
-    if (children8 instanceof Element) {
-      spread6(children8, tooltip2().triggerProps);
+  const getChildren = children8(() => props.children);
+  createEffect7(() => {
+    const children9 = getChildren();
+    if (children9 instanceof Element) {
+      spread7(children9, tooltip2().triggerProps);
     }
@@ -833,2 +931,11 @@ });
   PinInputField,
+  Popover,
+  PopoverArrow,
+  PopoverCloseButton,
+  PopoverContent,
+  PopoverDescription,
+  PopoverInnerArrow,
+  PopoverPositioner,
+  PopoverTitle,
+  PopoverTrigger,
   Pressable,
@@ -853,2 +960,3 @@ Tab,
   usePinInput,
+  usePopover,
   usePressable,
@@ -855,0 +963,0 @@ useTabs,

package.json

 {
   "name": "@ark-ui/solid",
-  "version": "0.0.0-rc-20221129091920",
+  "version": "0.0.0-rc-20221129092445",
   "description": "",
@@ -5,0 +5,0 @@ "keywords": [],

No alert changes

Improved metrics

Total package byte prevSize

86026

increased by12.15%

Lines of code

2256

increased by12.18%

No dependency changes