@ark-ui/solid - npm Package Compare versions

Comparing version 0.0.0-rc-20221129091401 to 0.0.0-rc-20221129091920

dist/index.cjs.js

@@ -47,2 +47,9 @@ "use strict";
   DialogTrigger: () => DialogTrigger,
+  HoverCard: () => HoverCard,
+  HoverCardArrow: () => HoverCardArrow,
+  HoverCardContent: () => HoverCardContent,
+  HoverCardInnerArrow: () => HoverCardInnerArrow,
+  HoverCardPortal: () => HoverCardPortal,
+  HoverCardPositioner: () => HoverCardPositioner,
+  HoverCardTrigger: () => HoverCardTrigger,
   NumberInput: () => NumberInput,
@@ -349,5 +356,5 @@ NumberInputDecrementButton: () => NumberInputDecrementButton,
   (0, import_solid_js10.createEffect)(() => {
-    const children7 = getChildren();
-    if (children7 instanceof Element) {
-      (0, import_web2.spread)(children7, dialog2().triggerProps);
+    const children8 = getChildren();
+    if (children8 instanceof Element) {
+      (0, import_web2.spread)(children8, dialog2().triggerProps);
     }
@@ -358,2 +365,82 @@ });
 
+// src/hover-card/hover-card-context.ts
+var [HoverCardProvider, useHoverCardContext] = createContext({
+  hookName: "useHoverCardContext",
+  providerName: "<HoverCardProvider />"
+});
+
+// src/hover-card/use-hover-card.ts
+var hoverCard = __toESM(require("@zag-js/hover-card"));
+var import_solid5 = require("@zag-js/solid");
+var import_solid_js11 = require("solid-js");
+var useHoverCard = (props) => {
+  const context = (0, import_solid_js11.mergeProps)({ id: (0, import_solid_js11.createUniqueId)() }, props);
+  const [state, send] = (0, import_solid5.useMachine)(hoverCard.machine(context), { context });
+  return (0, import_solid_js11.createMemo)(() => hoverCard.connect(state, send, import_solid5.normalizeProps));
+};
+
+// src/hover-card/hover-card.tsx
+var HoverCard = (props) => {
+  const [useHoverCardProps, restProps] = createSplitProps()(props, [
+    "closeDelay",
+    "defaultOpen",
+    "dir",
+    "getRootNode",
+    "id",
+    "ids",
+    "onOpenChange",
+    "openDelay",
+    "positioning"
+  ]);
+  const hoverCard2 = useHoverCard(useHoverCardProps);
+  return <HoverCardProvider value={hoverCard2}>{restProps.children}</HoverCardProvider>;
+};
+
+// src/hover-card/hover-card-arrow.tsx
+var HoverCardArrow = (props) => {
+  const hoverCard2 = useHoverCardContext();
+  return <ark.div {...hoverCard2().arrowProps} {...props} />;
+};
+
+// src/hover-card/hover-card-content.tsx
+var HoverCardContent = (props) => {
+  const hoverCard2 = useHoverCardContext();
+  return <ark.div {...hoverCard2().contentProps} {...props} />;
+};
+
+// src/hover-card/hover-card-inner-arrow.tsx
+var HoverCardInnerArrow = (props) => {
+  const hoverCard2 = useHoverCardContext();
+  return <ark.div {...hoverCard2().innerArrowProps} {...props} />;
+};
+
+// src/hover-card/hover-card-portal.tsx
+var import_solid_js12 = require("solid-js");
+var import_web3 = require("solid-js/web");
+var HoverCardPortal = (props) => {
+  const hoverCard2 = useHoverCardContext();
+  return <import_solid_js12.Show when={hoverCard2().isOpen}><import_web3.Portal {...props} /></import_solid_js12.Show>;
+};
+
+// src/hover-card/hover-card-positioner.tsx
+var HoverCardPositioner = (props) => {
+  const hoverCard2 = useHoverCardContext();
+  return <ark.div {...hoverCard2().positionerProps} {...props} />;
+};
+
+// src/hover-card/hover-card-trigger.tsx
+var import_solid_js13 = require("solid-js");
+var import_web4 = require("solid-js/web");
+var HoverCardTrigger = (props) => {
+  const hoverCard2 = useHoverCardContext();
+  const getChildren = (0, import_solid_js13.children)(() => props.children);
+  (0, import_solid_js13.createEffect)(() => {
+    const children8 = getChildren();
+    if (children8 instanceof Element) {
+      (0, import_web4.spread)(children8, hoverCard2().triggerProps);
+    }
+  });
+  return <>{getChildren()}</>;
+};
+
 // src/number-input/number-input-context.ts
@@ -367,9 +454,9 @@ var [NumberInputProvider, useNumberInputContext] = createContext({
 var numberInput = __toESM(require("@zag-js/number-input"));
-var import_solid5 = require("@zag-js/solid");
-var import_solid_js11 = require("solid-js");
+var import_solid6 = require("@zag-js/solid");
+var import_solid_js14 = require("solid-js");
 var useNumberInput = (props) => {
-  const initialContext = (0, import_solid_js11.mergeProps)({ id: (0, import_solid_js11.createUniqueId)(), value: props.defaultValue }, props);
-  const context = (0, import_solid_js11.mergeProps)(initialContext, { value: props.value });
-  const [state, send] = (0, import_solid5.useMachine)(numberInput.machine(initialContext), { context });
-  return (0, import_solid_js11.createMemo)(() => numberInput.connect(state, send, import_solid5.normalizeProps));
+  const initialContext = (0, import_solid_js14.mergeProps)({ id: (0, import_solid_js14.createUniqueId)(), value: props.defaultValue }, props);
+  const context = (0, import_solid_js14.mergeProps)(initialContext, { value: props.value });
+  const [state, send] = (0, import_solid6.useMachine)(numberInput.machine(initialContext), { context });
+  return (0, import_solid_js14.createMemo)(() => numberInput.connect(state, send, import_solid6.normalizeProps));
 };
@@ -435,3 +522,3 @@
 // src/pagination/pagination.tsx
-var import_solid_js13 = require("solid-js");
+var import_solid_js16 = require("solid-js");
 
@@ -450,11 +537,11 @@ // src/run-if-fn.ts
 var pagination = __toESM(require("@zag-js/pagination"));
-var import_solid6 = require("@zag-js/solid");
-var import_solid_js12 = require("solid-js");
+var import_solid7 = require("@zag-js/solid");
+var import_solid_js15 = require("solid-js");
 var usePagination = (props) => {
   const context = {
-    id: (0, import_solid_js12.createUniqueId)(),
+    id: (0, import_solid_js15.createUniqueId)(),
     ...props
   };
-  const [state, send] = (0, import_solid6.useMachine)(pagination.machine(context), { context });
-  return (0, import_solid_js12.createMemo)(() => pagination.connect(state, send, import_solid6.normalizeProps));
+  const [state, send] = (0, import_solid7.useMachine)(pagination.machine(context), { context });
+  return (0, import_solid_js15.createMemo)(() => pagination.connect(state, send, import_solid7.normalizeProps));
 };
@@ -476,6 +563,6 @@
   ]);
-  const [local, navProps] = (0, import_solid_js13.splitProps)(restProps, ["children"]);
+  const [local, navProps] = (0, import_solid_js16.splitProps)(restProps, ["children"]);
   const pagination2 = usePagination(paginationProps);
-  const view = () => (0, import_solid_js13.children)(() => runIfFn(local.children, pagination2()));
-  const mergedProps = (0, import_solid_js13.mergeProps)(pagination2().rootProps, navProps);
+  const view = () => (0, import_solid_js16.children)(() => runIfFn(local.children, pagination2()));
+  const mergedProps = (0, import_solid_js16.mergeProps)(pagination2().rootProps, navProps);
   return <PaginationProvider value={pagination2}><ark.nav {...mergedProps}>{view()}</ark.nav></PaginationProvider>;
@@ -492,4 +579,4 @@ };
 // src/pagination/pagination-item.tsx
-var import_solid_js14 = require("solid-js");
-var import_web3 = require("solid-js/web");
+var import_solid_js17 = require("solid-js");
+var import_web5 = require("solid-js/web");
 var PaginationItem = (props) => {
@@ -500,8 +587,8 @@ const [itemParams, liProps] = createSplitProps()(props, [
   const pagination2 = usePaginationContext();
-  const getChildren = (0, import_solid_js14.children)(() => props.children);
-  (0, import_solid_js14.createEffect)(() => {
-    const children7 = getChildren();
-    if (children7 instanceof Element) {
-      (0, import_web3.spread)(
-        children7,
+  const getChildren = (0, import_solid_js17.children)(() => props.children);
+  (0, import_solid_js17.createEffect)(() => {
+    const children8 = getChildren();
+    if (children8 instanceof Element) {
+      (0, import_web5.spread)(
+        children8,
         pagination2().getItemProps({
@@ -521,11 +608,11 @@ type: "page",
 // src/pagination/pagination-next-item.tsx
-var import_solid_js15 = require("solid-js");
-var import_web4 = require("solid-js/web");
+var import_solid_js18 = require("solid-js");
+var import_web6 = require("solid-js/web");
 var PaginationNextItem = (props) => {
   const pagination2 = usePaginationContext();
-  const getChildren = (0, import_solid_js15.children)(() => props.children);
-  (0, import_solid_js15.createEffect)(() => {
-    const children7 = getChildren();
-    if (children7 instanceof Element) {
-      (0, import_web4.spread)(children7, pagination2().nextItemProps);
+  const getChildren = (0, import_solid_js18.children)(() => props.children);
+  (0, import_solid_js18.createEffect)(() => {
+    const children8 = getChildren();
+    if (children8 instanceof Element) {
+      (0, import_web6.spread)(children8, pagination2().nextItemProps);
     }
@@ -537,11 +624,11 @@ });
 // src/pagination/pagination-prev-item.tsx
-var import_solid_js16 = require("solid-js");
-var import_web5 = require("solid-js/web");
+var import_solid_js19 = require("solid-js");
+var import_web7 = require("solid-js/web");
 var PaginationPrevItem = (props) => {
   const pagination2 = usePaginationContext();
-  const getChildren = (0, import_solid_js16.children)(() => props.children);
-  (0, import_solid_js16.createEffect)(() => {
-    const children7 = getChildren();
-    if (children7 instanceof Element) {
-      (0, import_web5.spread)(children7, pagination2().prevItemProps);
+  const getChildren = (0, import_solid_js19.children)(() => props.children);
+  (0, import_solid_js19.createEffect)(() => {
+    const children8 = getChildren();
+    if (children8 instanceof Element) {
+      (0, import_web7.spread)(children8, pagination2().prevItemProps);
     }
@@ -553,3 +640,3 @@ });
 // src/pin-input/pin-input.tsx
-var import_solid_js18 = require("solid-js");
+var import_solid_js21 = require("solid-js");
 
@@ -564,8 +651,8 @@ // src/pin-input/pin-input-context.ts
 var pinInput = __toESM(require("@zag-js/pin-input"));
-var import_solid7 = require("@zag-js/solid");
-var import_solid_js17 = require("solid-js");
+var import_solid8 = require("@zag-js/solid");
+var import_solid_js20 = require("solid-js");
 var usePinInput = (props) => {
-  const [state, send] = (0, import_solid7.useMachine)(
+  const [state, send] = (0, import_solid8.useMachine)(
     pinInput.machine({
-      id: (0, import_solid_js17.createUniqueId)(),
+      id: (0, import_solid_js20.createUniqueId)(),
       ...props,
@@ -575,3 +662,3 @@ value: props.defaultValue ?? props.value ?? []
   );
-  return (0, import_solid_js17.createMemo)(() => pinInput.connect(state, send, import_solid7.normalizeProps));
+  return (0, import_solid_js20.createMemo)(() => pinInput.connect(state, send, import_solid8.normalizeProps));
 };
@@ -581,3 +668,3 @@
 var PinInput = (props) => {
-  const [pinInputProps, htmlProps] = (0, import_solid_js18.splitProps)(props, [
+  const [pinInputProps, htmlProps] = (0, import_solid_js21.splitProps)(props, [
     "autoFocus",
@@ -618,11 +705,11 @@ "blurOnComplete",
 var pressable = __toESM(require("@zag-js/pressable"));
-var import_solid8 = require("@zag-js/solid");
-var import_solid_js19 = require("solid-js");
+var import_solid9 = require("@zag-js/solid");
+var import_solid_js22 = require("solid-js");
 var usePressable = (props) => {
   const context = {
-    id: (0, import_solid_js19.createUniqueId)(),
+    id: (0, import_solid_js22.createUniqueId)(),
     ...props
   };
-  const [state, send] = (0, import_solid8.useMachine)(pressable.machine(context), { context });
-  return pressable.connect(state, send, import_solid8.normalizeProps);
+  const [state, send] = (0, import_solid9.useMachine)(pressable.machine(context), { context });
+  return pressable.connect(state, send, import_solid9.normalizeProps);
 };
@@ -692,10 +779,10 @@
 // src/tabs/use-tabs.ts
-var import_solid9 = require("@zag-js/solid");
+var import_solid10 = require("@zag-js/solid");
 var tabs = __toESM(require("@zag-js/tabs"));
-var import_solid_js20 = require("solid-js");
+var import_solid_js23 = require("solid-js");
 var useTabs = (props) => {
-  const initialContext = (0, import_solid_js20.mergeProps)({ id: (0, import_solid_js20.createUniqueId)(), value: props.defaultValue }, props);
-  const context = (0, import_solid_js20.mergeProps)(initialContext, { value: props.value });
-  const [state, send] = (0, import_solid9.useMachine)(tabs.machine(initialContext), { context });
-  return (0, import_solid_js20.createMemo)(() => tabs.connect(state, send, import_solid9.normalizeProps));
+  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));
 };
@@ -732,9 +819,9 @@
 // src/tooltip/use-tooltip.ts
-var import_solid10 = require("@zag-js/solid");
+var import_solid11 = require("@zag-js/solid");
 var tooltip = __toESM(require("@zag-js/tooltip"));
-var import_solid_js21 = require("solid-js");
+var import_solid_js24 = require("solid-js");
 var useTooltip = (props) => {
-  const context = (0, import_solid_js21.mergeProps)({ id: (0, import_solid_js21.createUniqueId)() }, props);
-  const [state, send] = (0, import_solid10.useMachine)(tooltip.machine(context), { context });
-  return (0, import_solid_js21.createMemo)(() => tooltip.connect(state, send, import_solid10.normalizeProps));
+  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));
 };
@@ -782,18 +869,18 @@
 // src/tooltip/tooltip-positioner.tsx
-var import_solid_js22 = require("solid-js");
+var import_solid_js25 = require("solid-js");
 var TooltipPositioner = (props) => {
   const tooltip2 = useTooltipContext();
-  return <import_solid_js22.Show when={tooltip2().isOpen}><ark.div {...tooltip2().positionerProps} {...props} /></import_solid_js22.Show>;
+  return <import_solid_js25.Show when={tooltip2().isOpen}><ark.div {...tooltip2().positionerProps} {...props} /></import_solid_js25.Show>;
 };
 
 // src/tooltip/tooltip-trigger.tsx
-var import_solid_js23 = require("solid-js");
-var import_web6 = require("solid-js/web");
+var import_solid_js26 = require("solid-js");
+var import_web8 = require("solid-js/web");
 var TooltipTrigger = (props) => {
   const tooltip2 = useTooltipContext();
-  const getChildren = (0, import_solid_js23.children)(() => props.children);
-  (0, import_solid_js23.createEffect)(() => {
-    const children7 = getChildren();
-    if (children7 instanceof Element) {
-      (0, import_web6.spread)(children7, tooltip2().triggerProps);
+  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);
     }
@@ -823,2 +910,9 @@ });
   DialogTrigger,
+  HoverCard,
+  HoverCardArrow,
+  HoverCardContent,
+  HoverCardInnerArrow,
+  HoverCardPortal,
+  HoverCardPositioner,
+  HoverCardTrigger,
   NumberInput,
@@ -825,0 +919,0 @@ NumberInputDecrementButton,

dist/index.d.ts

@@ -8,2 +8,3 @@ import * as solid_js from 'solid-js';
 import { Portal } from 'solid-js/web';
+import * as hoverCard from '@zag-js/hover-card';
 import * as numberInput from '@zag-js/number-input';
@@ -145,2 +146,29 @@ import * as pagination from '@zag-js/pagination';
 
+type UseHoverCardProps = Optional<hoverCard.Context, 'id'>;
+
+type HoverCardProps = UseHoverCardProps & {
+    children: JSX.Element;
+};
+declare const HoverCard: (props: HoverCardProps) => JSX.Element;
+
+type HoverCardArrowProps = HTMLArkProps<'div'>;
+declare const HoverCardArrow: (props: HoverCardArrowProps) => solid_js.JSX.Element;
+
+type HoverCardContentProps = HTMLArkProps<'div'>;
+declare const HoverCardContent: (props: HoverCardContentProps) => solid_js.JSX.Element;
+
+type HoverCardInnerArrowProps = HTMLArkProps<'div'>;
+declare const HoverCardInnerArrow: (props: HoverCardInnerArrowProps) => solid_js.JSX.Element;
+
+type HoverCardPortalProps = ComponentProps<typeof Portal>;
+declare const HoverCardPortal: (props: HoverCardPortalProps) => solid_js.JSX.Element;
+
+type HoverCardPositionerProps = HTMLArkProps<'div'>;
+declare const HoverCardPositioner: (props: HoverCardPositionerProps) => solid_js.JSX.Element;
+
+type HoverCardTriggerProps = {
+    children: JSX.Element;
+};
+declare const HoverCardTrigger: (props: HoverCardTriggerProps) => JSX.Element;
+
 type UseNumberInputProps = Optional<numberInput.Context, 'id'> & {
@@ -417,2 +445,2 @@ defaultValue?: numberInput.Context['value'];
 
-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, 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, 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 };

dist/index.esm.js

@@ -269,5 +269,5 @@ // src/accordion/accordion.tsx
   createEffect(() => {
-    const children7 = getChildren();
-    if (children7 instanceof Element) {
-      spread(children7, dialog2().triggerProps);
+    const children8 = getChildren();
+    if (children8 instanceof Element) {
+      spread(children8, dialog2().triggerProps);
     }
@@ -278,2 +278,82 @@ });
 
+// src/hover-card/hover-card-context.ts
+var [HoverCardProvider, useHoverCardContext] = createContext({
+  hookName: "useHoverCardContext",
+  providerName: "<HoverCardProvider />"
+});
+
+// src/hover-card/use-hover-card.ts
+import * as hoverCard from "@zag-js/hover-card";
+import { normalizeProps as normalizeProps4, useMachine as useMachine4 } from "@zag-js/solid";
+import { createMemo as createMemo4, createUniqueId as createUniqueId4, mergeProps as mergeProps5 } from "solid-js";
+var useHoverCard = (props) => {
+  const context = mergeProps5({ id: createUniqueId4() }, props);
+  const [state, send] = useMachine4(hoverCard.machine(context), { context });
+  return createMemo4(() => hoverCard.connect(state, send, normalizeProps4));
+};
+
+// src/hover-card/hover-card.tsx
+var HoverCard = (props) => {
+  const [useHoverCardProps, restProps] = createSplitProps()(props, [
+    "closeDelay",
+    "defaultOpen",
+    "dir",
+    "getRootNode",
+    "id",
+    "ids",
+    "onOpenChange",
+    "openDelay",
+    "positioning"
+  ]);
+  const hoverCard2 = useHoverCard(useHoverCardProps);
+  return <HoverCardProvider value={hoverCard2}>{restProps.children}</HoverCardProvider>;
+};
+
+// src/hover-card/hover-card-arrow.tsx
+var HoverCardArrow = (props) => {
+  const hoverCard2 = useHoverCardContext();
+  return <ark.div {...hoverCard2().arrowProps} {...props} />;
+};
+
+// src/hover-card/hover-card-content.tsx
+var HoverCardContent = (props) => {
+  const hoverCard2 = useHoverCardContext();
+  return <ark.div {...hoverCard2().contentProps} {...props} />;
+};
+
+// src/hover-card/hover-card-inner-arrow.tsx
+var HoverCardInnerArrow = (props) => {
+  const hoverCard2 = useHoverCardContext();
+  return <ark.div {...hoverCard2().innerArrowProps} {...props} />;
+};
+
+// src/hover-card/hover-card-portal.tsx
+import { Show as Show2 } from "solid-js";
+import { Portal as Portal2 } from "solid-js/web";
+var HoverCardPortal = (props) => {
+  const hoverCard2 = useHoverCardContext();
+  return <Show2 when={hoverCard2().isOpen}><Portal2 {...props} /></Show2>;
+};
+
+// src/hover-card/hover-card-positioner.tsx
+var HoverCardPositioner = (props) => {
+  const hoverCard2 = useHoverCardContext();
+  return <ark.div {...hoverCard2().positionerProps} {...props} />;
+};
+
+// src/hover-card/hover-card-trigger.tsx
+import { children as children2, createEffect as createEffect2 } from "solid-js";
+import { spread as spread2 } from "solid-js/web";
+var HoverCardTrigger = (props) => {
+  const hoverCard2 = useHoverCardContext();
+  const getChildren = children2(() => props.children);
+  createEffect2(() => {
+    const children8 = getChildren();
+    if (children8 instanceof Element) {
+      spread2(children8, hoverCard2().triggerProps);
+    }
+  });
+  return <>{getChildren()}</>;
+};
+
 // src/number-input/number-input-context.ts
@@ -287,9 +367,9 @@ var [NumberInputProvider, useNumberInputContext] = createContext({
 import * as numberInput from "@zag-js/number-input";
-import { normalizeProps as normalizeProps4, useMachine as useMachine4 } from "@zag-js/solid";
-import { createMemo as createMemo4, createUniqueId as createUniqueId4, mergeProps as mergeProps5 } from "solid-js";
+import { normalizeProps as normalizeProps5, useMachine as useMachine5 } from "@zag-js/solid";
+import { createMemo as createMemo5, createUniqueId as createUniqueId5, mergeProps as mergeProps6 } from "solid-js";
 var useNumberInput = (props) => {
-  const initialContext = mergeProps5({ id: createUniqueId4(), value: props.defaultValue }, props);
-  const context = mergeProps5(initialContext, { value: props.value });
-  const [state, send] = useMachine4(numberInput.machine(initialContext), { context });
-  return createMemo4(() => numberInput.connect(state, send, normalizeProps4));
+  const initialContext = mergeProps6({ id: createUniqueId5(), value: props.defaultValue }, props);
+  const context = mergeProps6(initialContext, { value: props.value });
+  const [state, send] = useMachine5(numberInput.machine(initialContext), { context });
+  return createMemo5(() => numberInput.connect(state, send, normalizeProps5));
 };
@@ -355,3 +435,3 @@
 // src/pagination/pagination.tsx
-import { children as children2, mergeProps as mergeProps6, splitProps as splitProps4 } from "solid-js";
+import { children as children3, mergeProps as mergeProps7, splitProps as splitProps4 } from "solid-js";
 
@@ -370,11 +450,11 @@ // src/run-if-fn.ts
 import * as pagination from "@zag-js/pagination";
-import { normalizeProps as normalizeProps5, useMachine as useMachine5 } from "@zag-js/solid";
-import { createMemo as createMemo5, createUniqueId as createUniqueId5 } from "solid-js";
+import { normalizeProps as normalizeProps6, useMachine as useMachine6 } from "@zag-js/solid";
+import { createMemo as createMemo6, createUniqueId as createUniqueId6 } from "solid-js";
 var usePagination = (props) => {
   const context = {
-    id: createUniqueId5(),
+    id: createUniqueId6(),
     ...props
   };
-  const [state, send] = useMachine5(pagination.machine(context), { context });
-  return createMemo5(() => pagination.connect(state, send, normalizeProps5));
+  const [state, send] = useMachine6(pagination.machine(context), { context });
+  return createMemo6(() => pagination.connect(state, send, normalizeProps6));
 };
@@ -398,4 +478,4 @@
   const pagination2 = usePagination(paginationProps);
-  const view = () => children2(() => runIfFn(local.children, pagination2()));
-  const mergedProps = mergeProps6(pagination2().rootProps, navProps);
+  const view = () => children3(() => runIfFn(local.children, pagination2()));
+  const mergedProps = mergeProps7(pagination2().rootProps, navProps);
   return <PaginationProvider value={pagination2}><ark.nav {...mergedProps}>{view()}</ark.nav></PaginationProvider>;
@@ -412,4 +492,4 @@ };
 // src/pagination/pagination-item.tsx
-import { children as children3, createEffect as createEffect2 } from "solid-js";
-import { spread as spread2 } from "solid-js/web";
+import { children as children4, createEffect as createEffect3 } from "solid-js";
+import { spread as spread3 } from "solid-js/web";
 var PaginationItem = (props) => {
@@ -420,8 +500,8 @@ const [itemParams, liProps] = createSplitProps()(props, [
   const pagination2 = usePaginationContext();
-  const getChildren = children3(() => props.children);
-  createEffect2(() => {
-    const children7 = getChildren();
-    if (children7 instanceof Element) {
-      spread2(
-        children7,
+  const getChildren = children4(() => props.children);
+  createEffect3(() => {
+    const children8 = getChildren();
+    if (children8 instanceof Element) {
+      spread3(
+        children8,
         pagination2().getItemProps({
@@ -441,11 +521,11 @@ type: "page",
 // src/pagination/pagination-next-item.tsx
-import { children as children4, createEffect as createEffect3 } from "solid-js";
-import { spread as spread3 } from "solid-js/web";
+import { children as children5, createEffect as createEffect4 } from "solid-js";
+import { spread as spread4 } from "solid-js/web";
 var PaginationNextItem = (props) => {
   const pagination2 = usePaginationContext();
-  const getChildren = children4(() => props.children);
-  createEffect3(() => {
-    const children7 = getChildren();
-    if (children7 instanceof Element) {
-      spread3(children7, pagination2().nextItemProps);
+  const getChildren = children5(() => props.children);
+  createEffect4(() => {
+    const children8 = getChildren();
+    if (children8 instanceof Element) {
+      spread4(children8, pagination2().nextItemProps);
     }
@@ -457,11 +537,11 @@ });
 // src/pagination/pagination-prev-item.tsx
-import { children as children5, createEffect as createEffect4 } from "solid-js";
-import { spread as spread4 } from "solid-js/web";
+import { children as children6, createEffect as createEffect5 } from "solid-js";
+import { spread as spread5 } from "solid-js/web";
 var PaginationPrevItem = (props) => {
   const pagination2 = usePaginationContext();
-  const getChildren = children5(() => props.children);
-  createEffect4(() => {
-    const children7 = getChildren();
-    if (children7 instanceof Element) {
-      spread4(children7, pagination2().prevItemProps);
+  const getChildren = children6(() => props.children);
+  createEffect5(() => {
+    const children8 = getChildren();
+    if (children8 instanceof Element) {
+      spread5(children8, pagination2().prevItemProps);
     }
@@ -483,8 +563,8 @@ });
 import * as pinInput from "@zag-js/pin-input";
-import { normalizeProps as normalizeProps6, useMachine as useMachine6 } from "@zag-js/solid";
-import { createMemo as createMemo6, createUniqueId as createUniqueId6 } from "solid-js";
+import { normalizeProps as normalizeProps7, useMachine as useMachine7 } from "@zag-js/solid";
+import { createMemo as createMemo7, createUniqueId as createUniqueId7 } from "solid-js";
 var usePinInput = (props) => {
-  const [state, send] = useMachine6(
+  const [state, send] = useMachine7(
     pinInput.machine({
-      id: createUniqueId6(),
+      id: createUniqueId7(),
       ...props,
@@ -494,3 +574,3 @@ value: props.defaultValue ?? props.value ?? []
   );
-  return createMemo6(() => pinInput.connect(state, send, normalizeProps6));
+  return createMemo7(() => pinInput.connect(state, send, normalizeProps7));
 };
@@ -536,11 +616,11 @@
 import * as pressable from "@zag-js/pressable";
-import { normalizeProps as normalizeProps7, useMachine as useMachine7 } from "@zag-js/solid";
-import { createUniqueId as createUniqueId7 } from "solid-js";
+import { normalizeProps as normalizeProps8, useMachine as useMachine8 } from "@zag-js/solid";
+import { createUniqueId as createUniqueId8 } from "solid-js";
 var usePressable = (props) => {
   const context = {
-    id: createUniqueId7(),
+    id: createUniqueId8(),
     ...props
   };
-  const [state, send] = useMachine7(pressable.machine(context), { context });
-  return pressable.connect(state, send, normalizeProps7);
+  const [state, send] = useMachine8(pressable.machine(context), { context });
+  return pressable.connect(state, send, normalizeProps8);
 };
@@ -610,10 +690,10 @@
 // src/tabs/use-tabs.ts
-import { normalizeProps as normalizeProps8, useMachine as useMachine8 } from "@zag-js/solid";
+import { normalizeProps as normalizeProps9, useMachine as useMachine9 } from "@zag-js/solid";
 import * as tabs from "@zag-js/tabs";
-import { createMemo as createMemo7, createUniqueId as createUniqueId8, mergeProps as mergeProps7 } from "solid-js";
+import { createMemo as createMemo8, createUniqueId as createUniqueId9, mergeProps as mergeProps8 } from "solid-js";
 var useTabs = (props) => {
-  const initialContext = mergeProps7({ id: createUniqueId8(), value: props.defaultValue }, props);
-  const context = mergeProps7(initialContext, { value: props.value });
-  const [state, send] = useMachine8(tabs.machine(initialContext), { context });
-  return createMemo7(() => tabs.connect(state, send, normalizeProps8));
+  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));
 };
@@ -650,9 +730,9 @@
 // src/tooltip/use-tooltip.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 tooltip from "@zag-js/tooltip";
-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 useTooltip = (props) => {
-  const context = mergeProps8({ id: createUniqueId9() }, props);
-  const [state, send] = useMachine9(tooltip.machine(context), { context });
-  return createMemo8(() => tooltip.connect(state, send, normalizeProps9));
+  const context = mergeProps9({ id: createUniqueId10() }, props);
+  const [state, send] = useMachine10(tooltip.machine(context), { context });
+  return createMemo9(() => tooltip.connect(state, send, normalizeProps10));
 };
@@ -700,18 +780,18 @@
 // src/tooltip/tooltip-positioner.tsx
-import { Show as Show2 } from "solid-js";
+import { Show as Show3 } from "solid-js";
 var TooltipPositioner = (props) => {
   const tooltip2 = useTooltipContext();
-  return <Show2 when={tooltip2().isOpen}><ark.div {...tooltip2().positionerProps} {...props} /></Show2>;
+  return <Show3 when={tooltip2().isOpen}><ark.div {...tooltip2().positionerProps} {...props} /></Show3>;
 };
 
 // src/tooltip/tooltip-trigger.tsx
-import { children as children6, createEffect as createEffect5 } from "solid-js";
-import { spread as spread5 } from "solid-js/web";
+import { children as children7, createEffect as createEffect6 } from "solid-js";
+import { spread as spread6 } from "solid-js/web";
 var TooltipTrigger = (props) => {
   const tooltip2 = useTooltipContext();
-  const getChildren = children6(() => props.children);
-  createEffect5(() => {
-    const children7 = getChildren();
-    if (children7 instanceof Element) {
-      spread5(children7, tooltip2().triggerProps);
+  const getChildren = children7(() => props.children);
+  createEffect6(() => {
+    const children8 = getChildren();
+    if (children8 instanceof Element) {
+      spread6(children8, tooltip2().triggerProps);
     }
@@ -740,2 +820,9 @@ });
   DialogTrigger,
+  HoverCard,
+  HoverCardArrow,
+  HoverCardContent,
+  HoverCardInnerArrow,
+  HoverCardPortal,
+  HoverCardPositioner,
+  HoverCardTrigger,
   NumberInput,
@@ -742,0 +829,0 @@ NumberInputDecrementButton,

package.json

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

No alert changes

Improved metrics

Total package byte prevSize

76705

increased by10.78%

Lines of code

2011

increased by10.07%

No dependency changes