@ark-ui/solid 5.21.0 → 5.22.0

package/dist/chunk/{V2GDFVDR.jsx → 3HYU2MCP.jsx}

@@ -3,7 +3,7 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./E2L62MKC.jsx";
+} from "./6J5H27AQ.jsx";
 
 // src/components/download-trigger/download-trigger.tsx
 import { downloadFile } from "@zag-js/file-utils";

package/dist/chunk/{WIZ7S3TH.jsx → 4HMPTYYS.jsx}

@@ -1,24 +1,24 @@
 import {
   useFieldContext
-} from "./BIGBWL6R.jsx";
+} from "./NNRIF2OF.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
+import {
+  useEnvironmentContext
+} from "./6J5H27AQ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./XIYHIOP3.jsx";
-import {
-  useEnvironmentContext
-} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{FVFN7A64.jsx → 5EIABR36.jsx}

@@ -3,10 +3,10 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./Y7HEGRYK.jsx";
+} from "./4LUY46IM.jsx";
 import {
   useFieldContext
-} from "./BIGBWL6R.jsx";
+} from "./NNRIF2OF.jsx";
 import {
   composeRefs
 } from "./PT2CJE3O.jsx";
@@ -16,18 +16,18 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
+import {
+  useEnvironmentContext
+} from "./6J5H27AQ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./XIYHIOP3.jsx";
-import {
-  useEnvironmentContext
-} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
@@ -64,6 +64,23 @@ var ComboboxContent = (props) => {
     </Show>;
 };
 
+// src/components/combobox/combobox-empty.tsx
+import { createMemo, Show as Show2 } from "solid-js";
+
+// src/components/combobox/combobox.anatomy.ts
+import { anatomy } from "@zag-js/combobox";
+var comboboxAnatomy = anatomy.extendWith("empty");
+
+// src/components/combobox/combobox-empty.tsx
+var parts = comboboxAnatomy.build();
+var ComboboxEmpty = (props) => {
+  const combobox2 = useComboboxContext();
+  const size = createMemo(() => combobox2().collection.size);
+  return <Show2 when={size() === 0}>
+      <ark.div {...parts.empty.attrs} {...props} role="presentation" />
+    </Show2>;
+};
+
 // src/components/combobox/combobox-context.tsx
 var ComboboxContext = (props) => props.children(useComboboxContext());
 
@@ -86,7 +103,7 @@ var ComboboxInput = (props) => {
 
 // src/components/combobox/combobox-item.tsx
 import { mergeProps as mergeProps5 } from "@zag-js/solid";
-import { createMemo } from "solid-js";
+import { createMemo as createMemo2 } from "solid-js";
 
 // src/components/combobox/use-combobox-item-context.ts
 var [ComboboxItemProvider, useComboboxItemContext] = createContext({
@@ -105,7 +122,7 @@ var ComboboxItem = (props) => {
   const [itemProps, localProps] = createSplitProps()(props, ["item", "persistFocus"]);
   const api = useComboboxContext();
   const mergedProps = mergeProps5(() => api().getItemProps(itemProps), localProps);
-  const itemState = createMemo(() => api().getItemState(itemProps));
+  const itemState = createMemo2(() => api().getItemState(itemProps));
   return <ComboboxItemPropsProvider value={itemProps}>
       <ComboboxItemProvider value={itemState}>
         <ark.div {...mergedProps} />
@@ -182,14 +199,14 @@ var ComboboxList = (props) => {
 
 // src/components/combobox/combobox-positioner.tsx
 import { mergeProps as mergeProps12 } from "@zag-js/solid";
-import { Show as Show2 } from "solid-js";
+import { Show as Show3 } from "solid-js";
 var ComboboxPositioner = (props) => {
   const api = useComboboxContext();
   const presenceApi = usePresenceContext();
   const mergedProps = mergeProps12(() => api().getPositionerProps(), props);
-  return <Show2 when={!presenceApi().unmounted}>
+  return <Show3 when={!presenceApi().unmounted}>
       <ark.div {...mergedProps} />
-    </Show2>;
+    </Show3>;
 };
 
 // src/components/combobox/combobox-root.tsx
@@ -198,13 +215,13 @@ import { mergeProps as mergeProps13 } from "@zag-js/solid";
 // src/components/combobox/use-combobox.ts
 import * as combobox from "@zag-js/combobox";
 import { normalizeProps, useMachine } from "@zag-js/solid";
-import { createMemo as createMemo2, createUniqueId as createUniqueId2 } from "solid-js";
+import { createMemo as createMemo3, createUniqueId as createUniqueId2 } from "solid-js";
 var useCombobox = (props) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId2();
   const field = useFieldContext();
-  const machineProps = createMemo2(() => ({
+  const machineProps = createMemo3(() => ({
     id,
     ids: {
       label: field?.().ids.label,
@@ -219,7 +236,7 @@ var useCombobox = (props) => {
     ...runIfFn(props)
   }));
   const service = useMachine(combobox.machine, machineProps);
-  return createMemo2(() => combobox.connect(service, normalizeProps));
+  return createMemo3(() => combobox.connect(service, normalizeProps));
 };
 
 // src/components/combobox/combobox-root.tsx
@@ -302,9 +319,6 @@ var ComboboxTrigger = (props) => {
   return <ark.button {...mergedProps} />;
 };
 
-// src/components/combobox/combobox.anatomy.ts
-import { anatomy } from "@zag-js/combobox";
-
 // src/components/combobox/combobox.ts
 var combobox_exports = {};
 __export(combobox_exports, {
@@ -312,6 +326,7 @@ __export(combobox_exports, {
   Content: () => ComboboxContent,
   Context: () => ComboboxContext,
   Control: () => ComboboxControl,
+  Empty: () => ComboboxEmpty,
   Input: () => ComboboxInput,
   Item: () => ComboboxItem,
   ItemContext: () => ComboboxItemContext,
@@ -331,6 +346,8 @@ export {
   useComboboxContext,
   ComboboxClearTrigger,
   ComboboxContent,
+  comboboxAnatomy,
+  ComboboxEmpty,
   ComboboxContext,
   ComboboxControl,
   ComboboxInput,
@@ -348,6 +365,5 @@ export {
   ComboboxRoot,
   ComboboxRootProvider,
   ComboboxTrigger,
-  anatomy,
   combobox_exports
 };

package/dist/chunk/{32ZHQOKT.jsx → 5HPWBPXN.jsx}

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./Y7HEGRYK.jsx";
+} from "./4LUY46IM.jsx";
 import {
   composeRefs
 } from "./PT2CJE3O.jsx";
@@ -13,18 +13,18 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
+import {
+  useEnvironmentContext
+} from "./6J5H27AQ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./XIYHIOP3.jsx";
-import {
-  useEnvironmentContext
-} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{2YYL66ZW.jsx → 5HS4XHPV.jsx}

@@ -1,24 +1,24 @@
 import {
   useFieldContext
-} from "./BIGBWL6R.jsx";
+} from "./NNRIF2OF.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
+import {
+  useEnvironmentContext
+} from "./6J5H27AQ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./XIYHIOP3.jsx";
-import {
-  useEnvironmentContext
-} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{45M33MHW.js → 5LWXP72T.js}

@@ -1,5 +1,5 @@
-import { useFieldContext } from './FLTSMA4B.js';
 import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './SIT3D7TL.js';
+import { useFieldContext } from './FLTSMA4B.js';
 import { composeRefs } from './ROP6QZQ7.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
@@ -12,7 +12,7 @@ import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
 import { Show, createUniqueId, createMemo } from 'solid-js';
 import * as combobox from '@zag-js/combobox';
-export { anatomy } from '@zag-js/combobox';
+import { anatomy } from '@zag-js/combobox';
 
 // src/components/combobox/use-combobox-context.ts
 var [ComboboxProvider, useComboboxContext] = createContext({
@@ -44,6 +44,24 @@ var ComboboxContent = (props) => {
     }
   });
 };
+var comboboxAnatomy = anatomy.extendWith("empty");
+
+// src/components/combobox/combobox-empty.tsx
+var parts = comboboxAnatomy.build();
+var ComboboxEmpty = (props) => {
+  const combobox2 = useComboboxContext();
+  const size = createMemo(() => combobox2().collection.size);
+  return createComponent(Show, {
+    get when() {
+      return size() === 0;
+    },
+    get children() {
+      return createComponent(ark.div, mergeProps$1(() => parts.empty.attrs, props, {
+        role: "presentation"
+      }));
+    }
+  });
+};
 
 // src/components/combobox/combobox-context.tsx
 var ComboboxContext = (props) => props.children(useComboboxContext());
@@ -240,6 +258,7 @@ __export(combobox_exports, {
   Content: () => ComboboxContent,
   Context: () => ComboboxContext,
   Control: () => ComboboxControl,
+  Empty: () => ComboboxEmpty,
   Input: () => ComboboxInput,
   Item: () => ComboboxItem,
   ItemContext: () => ComboboxItemContext,
@@ -255,4 +274,4 @@ __export(combobox_exports, {
   Trigger: () => ComboboxTrigger
 });
 
-export { ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemContext, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxList, ComboboxPositioner, ComboboxRoot, ComboboxRootProvider, ComboboxTrigger, combobox_exports, useCombobox, useComboboxContext, useComboboxItemContext };
+export { ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxItemContext, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxList, ComboboxPositioner, ComboboxRoot, ComboboxRootProvider, ComboboxTrigger, comboboxAnatomy, combobox_exports, useCombobox, useComboboxContext, useComboboxItemContext };

package/dist/chunk/{6SCXYLR6.jsx → 6MGH6HEP.jsx}

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./Y7HEGRYK.jsx";
+} from "./4LUY46IM.jsx";
 import {
   composeRefs
 } from "./PT2CJE3O.jsx";
@@ -13,18 +13,18 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
+import {
+  useEnvironmentContext
+} from "./6J5H27AQ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./XIYHIOP3.jsx";
-import {
-  useEnvironmentContext
-} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{GKS4JQZJ.jsx → 6Q4ZZUWZ.jsx}

@@ -6,13 +6,13 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./E2L62MKC.jsx";
-import {
-  createContext
-} from "./TVCIHLER.jsx";
+} from "./6J5H27AQ.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
+import {
+  createContext
+} from "./TVCIHLER.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{RA5X24XT.jsx → 6RI5RLL4.jsx}

@@ -2,7 +2,7 @@ import {
   tree_view_exports,
   useTreeView,
   useTreeViewContext
-} from "./MS2RNLTC.jsx";
+} from "./IIQ4DVBM.jsx";
 import {
   createTreeCollection
 } from "./EFII6TXL.jsx";

package/dist/chunk/{EKGZFUZG.jsx → 7BHNFUPW.jsx}

@@ -1,33 +1,33 @@
 import {
   PresenceProvider,
   usePresence
-} from "./Y7HEGRYK.jsx";
+} from "./4LUY46IM.jsx";
+import {
+  composeRefs
+} from "./PT2CJE3O.jsx";
 import {
   RenderStrategyProvider,
   splitRenderStrategyProps,
   useRenderStrategyContext
 } from "./NEBB7COJ.jsx";
-import {
-  composeRefs
-} from "./PT2CJE3O.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
+import {
+  useEnvironmentContext
+} from "./6J5H27AQ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./XIYHIOP3.jsx";
-import {
-  useEnvironmentContext
-} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{B2ZRV4T2.jsx → AIPB7U27.jsx}

@@ -3,7 +3,7 @@ import {
 } from "./PT2CJE3O.jsx";
 import {
   EnvironmentProvider
-} from "./E2L62MKC.jsx";
+} from "./6J5H27AQ.jsx";
 
 // src/components/frame/frame.tsx
 import { Show, createEffect as createEffect2, createMemo, createSignal, onCleanup as onCleanup2, splitProps } from "solid-js";

package/dist/chunk/{MEDWELU2.jsx → ANEDGTU4.jsx}

@@ -4,18 +4,18 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
+import {
+  useEnvironmentContext
+} from "./6J5H27AQ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./XIYHIOP3.jsx";
-import {
-  useEnvironmentContext
-} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{PLRDI73P.jsx → AWD5DIFD.jsx}

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./Y7HEGRYK.jsx";
+} from "./4LUY46IM.jsx";
 import {
   composeRefs
 } from "./PT2CJE3O.jsx";
@@ -13,18 +13,18 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
+import {
+  useEnvironmentContext
+} from "./6J5H27AQ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./XIYHIOP3.jsx";
-import {
-  useEnvironmentContext
-} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{AV6H3VZ2.jsx → B5KMHNSV.jsx}

@@ -1,24 +1,24 @@
 import {
   useFieldContext
-} from "./BIGBWL6R.jsx";
+} from "./NNRIF2OF.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
+import {
+  useEnvironmentContext
+} from "./6J5H27AQ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./XIYHIOP3.jsx";
-import {
-  useEnvironmentContext
-} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{W373TNPA.jsx → BIBVXHZ2.jsx}

@@ -1,24 +1,24 @@
 import {
   useFieldContext
-} from "./BIGBWL6R.jsx";
+} from "./NNRIF2OF.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
+import {
+  useEnvironmentContext
+} from "./6J5H27AQ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./XIYHIOP3.jsx";
-import {
-  useEnvironmentContext
-} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{LLLMSBR3.jsx → CTLTBA6P.jsx}

@@ -1,24 +1,24 @@
 import {
   useFieldContext
-} from "./BIGBWL6R.jsx";
+} from "./NNRIF2OF.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
+import {
+  useEnvironmentContext
+} from "./6J5H27AQ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./XIYHIOP3.jsx";
-import {
-  useEnvironmentContext
-} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{S5FKJUOJ.js → DR6ZXQ4K.js}

@@ -101,7 +101,7 @@ var usePopover = (props) => {
 // src/components/popover/popover-root.tsx
 var PopoverRoot = (props) => {
   const [presenceProps, popoverProps] = splitPresenceProps(props);
-  const [usePopoverProps, localProps] = createSplitProps()(popoverProps, ["autoFocus", "closeOnEscape", "closeOnInteractOutside", "defaultOpen", "id", "ids", "initialFocusEl", "modal", "onEscapeKeyDown", "onFocusOutside", "onInteractOutside", "onOpenChange", "onPointerDownOutside", "open", "persistentElements", "portalled", "positioning"]);
+  const [usePopoverProps, localProps] = createSplitProps()(popoverProps, ["autoFocus", "closeOnEscape", "closeOnInteractOutside", "defaultOpen", "id", "ids", "initialFocusEl", "modal", "onEscapeKeyDown", "onFocusOutside", "onInteractOutside", "onOpenChange", "onPointerDownOutside", "onRequestDismiss", "open", "persistentElements", "portalled", "positioning"]);
   const api = usePopover(usePopoverProps);
   const apiPresence = usePresence(mergeProps(presenceProps, () => ({
     present: api().open

package/dist/chunk/{MR2AGRZK.js → E7OGB2A5.js}

@@ -81,7 +81,7 @@ var useHoverCard = (props) => {
 // src/components/hover-card/hover-card-root.tsx
 var HoverCardRoot = (props) => {
   const [presenceProps, hoverCardProps] = splitPresenceProps(props);
-  const [useHoverCardProps, localProps] = createSplitProps()(hoverCardProps, ["closeDelay", "defaultOpen", "id", "ids", "onFocusOutside", "onInteractOutside", "onOpenChange", "onPointerDownOutside", "open", "openDelay", "positioning"]);
+  const [useHoverCardProps, localProps] = createSplitProps()(hoverCardProps, ["closeDelay", "defaultOpen", "disabled", "id", "ids", "onFocusOutside", "onInteractOutside", "onOpenChange", "onPointerDownOutside", "open", "openDelay", "positioning"]);
   const api = useHoverCard(useHoverCardProps);
   const apiPresence = usePresence(mergeProps(presenceProps, () => ({
     present: api().open

package/dist/chunk/{ULOJ46TU.jsx → EODO532W.jsx}

@@ -4,18 +4,18 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
+import {
+  useEnvironmentContext
+} from "./6J5H27AQ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./XIYHIOP3.jsx";
-import {
-  useEnvironmentContext
-} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{MTRURCIY.jsx → EWPHO4ND.jsx}

@@ -4,18 +4,18 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
+import {
+  useEnvironmentContext
+} from "./6J5H27AQ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./XIYHIOP3.jsx";
-import {
-  useEnvironmentContext
-} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";