@ark-ui/solid 5.15.0 → 5.15.2

package/dist/chunk/{TTZNIVIU.jsx → OM7V7VVC.jsx}

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

package/dist/chunk/P5BHXVYK.js

@@ -0,0 +1,126 @@
+import { useFieldContext } from './NC7W2KIE.js';
+import { createSplitProps } from './ZMHI4GDJ.js';
+import { ark } from './EPLBB4QN.js';
+import { useLocaleContext } from './OKZ64GSY.js';
+import { useEnvironmentContext } from './YO2MCGXO.js';
+import { createContext } from './TROPIN4C.js';
+import { runIfFn } from './DT73WLR4.js';
+import { __export } from './ESLJRKWD.js';
+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 passwordInput from '@zag-js/password-input';
+export { anatomy } from '@zag-js/password-input';
+
+// src/components/password-input/use-password-input-context.ts
+var [PasswordInputProvider, usePasswordInputContext] = createContext({
+  hookName: "usePasswordInputContext",
+  providerName: "<PasswordInputProvider />"
+});
+
+// src/components/password-input/password-input-context.tsx
+var PasswordInputContext = (props) => props.children(usePasswordInputContext());
+var PasswordInputControl = (props) => {
+  const passwordInput2 = usePasswordInputContext();
+  const mergedProps = mergeProps(() => passwordInput2().getControlProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+var PasswordInputIndicator = (props) => {
+  const passwordInput2 = usePasswordInputContext();
+  const mergedProps = mergeProps(() => passwordInput2().getIndicatorProps(), props);
+  return createComponent(ark.span, mergeProps$1(mergedProps, {
+    get children() {
+      return createComponent(Show, {
+        get when() {
+          return passwordInput2().visible;
+        },
+        get fallback() {
+          return props.fallback;
+        },
+        get children() {
+          return props.children;
+        }
+      });
+    }
+  }));
+};
+var PasswordInputInput = (props) => {
+  const passwordInput2 = usePasswordInputContext();
+  const mergedProps = mergeProps(() => passwordInput2().getInputProps(), props);
+  const field = useFieldContext();
+  return createComponent(ark.input, mergeProps$1({
+    get ["aria-describedby"]() {
+      return field?.().ariaDescribedby;
+    }
+  }, mergedProps));
+};
+var PasswordInputLabel = (props) => {
+  const passwordInput2 = usePasswordInputContext();
+  const mergedProps = mergeProps(() => passwordInput2().getLabelProps(), props);
+  return createComponent(ark.label, mergedProps);
+};
+var usePasswordInput = (props) => {
+  const id = createUniqueId();
+  const locale = useLocaleContext();
+  const environment = useEnvironmentContext();
+  const field = useFieldContext();
+  const machineProps = createMemo(() => ({
+    id,
+    ids: {
+      input: field?.().ids.control
+    },
+    disabled: field?.().disabled,
+    readOnly: field?.().readOnly,
+    required: field?.().required,
+    invalid: field?.().invalid,
+    dir: locale().dir,
+    getRootNode: environment().getRootNode,
+    ...runIfFn(props)
+  }));
+  const service = useMachine(passwordInput.machine, machineProps);
+  return createMemo(() => passwordInput.connect(service, normalizeProps));
+};
+
+// src/components/password-input/password-input-root.tsx
+var PasswordInputRoot = (props) => {
+  const [usePasswordInputProps, localProps] = createSplitProps()(props, ["autoComplete", "defaultVisible", "disabled", "id", "ids", "ignorePasswordManagers", "invalid", "name", "onVisibilityChange", "readOnly", "required", "translations", "visible"]);
+  const passwordInput2 = usePasswordInput(usePasswordInputProps);
+  const mergedProps = mergeProps(() => passwordInput2().getRootProps(), localProps);
+  return createComponent(PasswordInputProvider, {
+    value: passwordInput2,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+var PasswordInputRootProvider = (props) => {
+  const mergedProps = mergeProps(() => props.value().getRootProps(), props);
+  return createComponent(PasswordInputProvider, {
+    get value() {
+      return props.value;
+    },
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+var PasswordInputVisibilityTrigger = (props) => {
+  const passwordInput2 = usePasswordInputContext();
+  const mergedProps = mergeProps(() => passwordInput2().getVisibilityTriggerProps(), props);
+  return createComponent(ark.button, mergedProps);
+};
+
+// src/components/password-input/password-input.ts
+var password_input_exports = {};
+__export(password_input_exports, {
+  Context: () => PasswordInputContext,
+  Control: () => PasswordInputControl,
+  Indicator: () => PasswordInputIndicator,
+  Input: () => PasswordInputInput,
+  Label: () => PasswordInputLabel,
+  Root: () => PasswordInputRoot,
+  RootProvider: () => PasswordInputRootProvider,
+  VisibilityTrigger: () => PasswordInputVisibilityTrigger
+});
+
+export { PasswordInputContext, PasswordInputControl, PasswordInputIndicator, PasswordInputInput, PasswordInputLabel, PasswordInputRoot, PasswordInputRootProvider, PasswordInputVisibilityTrigger, password_input_exports, usePasswordInput, usePasswordInputContext };

package/dist/chunk/{B4ZXV6YG.jsx → PRA2XFQE.jsx}

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

package/dist/chunk/{J4VOAZA3.jsx → QXYWHKF7.jsx}

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

package/dist/chunk/{ZF7UP5R3.jsx → RULCXX3A.jsx}

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

package/dist/chunk/TBR4XVH2.js

@@ -0,0 +1,172 @@
+import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './7S3N5UQH.js';
+import { createSplitProps } from './ZMHI4GDJ.js';
+import { ark } from './EPLBB4QN.js';
+import { useLocaleContext } from './OKZ64GSY.js';
+import { useEnvironmentContext } from './YO2MCGXO.js';
+import { createContext } from './TROPIN4C.js';
+import { runIfFn } from './DT73WLR4.js';
+import { __export } from './ESLJRKWD.js';
+import { createComponent } from 'solid-js/web';
+import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
+import * as floatingPanel from '@zag-js/floating-panel';
+export { anatomy } from '@zag-js/floating-panel';
+import { createUniqueId, createMemo } from 'solid-js';
+
+// src/components/floating-panel/use-floating-panel-context.ts
+var [FloatingPanelProvider, useFloatingPanelContext] = createContext({
+  hookName: "useFloatingPanelContext",
+  providerName: "<FloatingPanelProvider />"
+});
+
+// src/components/floating-panel/floating-panel-body.tsx
+var FloatingPanelBody = (props) => {
+  const floatingPanel2 = useFloatingPanelContext();
+  const mergedProps = mergeProps(() => floatingPanel2().getBodyProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+var FloatingPanelCloseTrigger = (props) => {
+  const floatingPanel2 = useFloatingPanelContext();
+  const mergedProps = mergeProps(() => floatingPanel2().getCloseTriggerProps(), props);
+  return createComponent(ark.button, mergedProps);
+};
+var FloatingPanelContent = (props) => {
+  const floatingPanel2 = useFloatingPanelContext();
+  const presence = usePresenceContext();
+  const mergedProps = mergeProps(() => floatingPanel2().getContentProps(), () => presence().presenceProps, props);
+  if (presence().unmounted) {
+    return null;
+  }
+  return createComponent(ark.div, mergedProps);
+};
+
+// src/components/floating-panel/floating-panel-context.tsx
+var FloatingPanelContext = (props) => props.children(useFloatingPanelContext());
+var FloatingPanelDragTrigger = (props) => {
+  const floatingPanel2 = useFloatingPanelContext();
+  const mergedProps = mergeProps(() => floatingPanel2().getDragTriggerProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+var FloatingPanelHeader = (props) => {
+  const floatingPanel2 = useFloatingPanelContext();
+  const mergedProps = mergeProps(() => floatingPanel2().getHeaderProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+var FloatingPanelPositioner = (props) => {
+  const floatingPanel2 = useFloatingPanelContext();
+  const mergedProps = mergeProps(() => floatingPanel2().getPositionerProps(), props);
+  const presence = usePresenceContext();
+  if (presence().unmounted) {
+    return null;
+  }
+  return createComponent(ark.div, mergedProps);
+};
+var FloatingPanelResizeTrigger = (props) => {
+  const [resizeProps, localProps] = createSplitProps()(props, ["axis"]);
+  const floatingPanel2 = useFloatingPanelContext();
+  const mergedProps = mergeProps(() => floatingPanel2().getResizeTriggerProps(resizeProps), localProps);
+  return createComponent(ark.div, mergedProps);
+};
+var FloatingPanelStageTrigger = (props) => {
+  const [stage, localProps] = createSplitProps()(props, ["stage"]);
+  const floatingPanel2 = useFloatingPanelContext();
+  const mergedProps = mergeProps(() => floatingPanel2().getStageTriggerProps(stage), localProps);
+  return createComponent(ark.button, mergedProps);
+};
+var useFloatingPanel = (props = {}) => {
+  const env = useEnvironmentContext();
+  const locale = useLocaleContext();
+  const id = createUniqueId();
+  const machineProps = createMemo(() => ({
+    id,
+    dir: locale().dir,
+    getRootNode: env().getRootNode,
+    ...runIfFn(props)
+  }));
+  const service = useMachine(floatingPanel.machine, machineProps);
+  return createMemo(() => floatingPanel.connect(service, normalizeProps));
+};
+
+// src/components/floating-panel/floating-panel-root.tsx
+var FloatingPanelRoot = (props) => {
+  const [presenceProps, otherProps] = splitPresenceProps(props);
+  const [useFloatingPanelProps, localProps] = createSplitProps()(otherProps, ["allowOverflow", "closeOnEscape", "defaultOpen", "defaultPosition", "defaultSize", "dir", "disabled", "draggable", "getAnchorPosition", "getBoundaryEl", "gridSize", "id", "ids", "lockAspectRatio", "maxSize", "minSize", "onOpenChange", "onPositionChange", "onPositionChangeEnd", "onSizeChange", "onSizeChangeEnd", "onStageChange", "open", "persistRect", "position", "resizable", "size", "strategy", "translations"]);
+  const floatingPanel2 = useFloatingPanel(useFloatingPanelProps);
+  const usePresenceProps = mergeProps(() => ({
+    present: floatingPanel2().open
+  }), presenceProps);
+  const presence = usePresence(usePresenceProps);
+  return createComponent(FloatingPanelProvider, {
+    value: floatingPanel2,
+    get children() {
+      return createComponent(PresenceProvider, {
+        value: presence,
+        get children() {
+          return localProps.children;
+        }
+      });
+    }
+  });
+};
+var FloatingPanelRootProvider = (props) => {
+  const [presenceProps, baseProps] = splitPresenceProps(props);
+  const [rootProps, localProps] = createSplitProps()(baseProps, ["value"]);
+  const presence = usePresence(mergeProps(() => ({
+    present: rootProps.value().open
+  }), presenceProps));
+  return createComponent(FloatingPanelProvider, {
+    get value() {
+      return rootProps.value;
+    },
+    get children() {
+      return createComponent(PresenceProvider, {
+        value: presence,
+        get children() {
+          return localProps.children;
+        }
+      });
+    }
+  });
+};
+var FloatingPanelTitle = (props) => {
+  const floatingPanel2 = useFloatingPanelContext();
+  const mergedProps = mergeProps(() => floatingPanel2().getTitleProps(), props);
+  return createComponent(ark.h2, mergedProps);
+};
+var FloatingPanelTrigger = (props) => {
+  const floatingPanel2 = useFloatingPanelContext();
+  const presence = usePresenceContext();
+  const mergedProps = mergeProps(() => {
+    const triggerProps = floatingPanel2().getTriggerProps();
+    return {
+      ...triggerProps,
+      "aria-controls": presence().unmounted ? void 0 : triggerProps["aria-controls"]
+    };
+  }, props);
+  return createComponent(ark.button, mergedProps);
+};
+var FloatingPanelControl = (props) => {
+  const floatingPanel2 = useFloatingPanelContext();
+  const mergedProps = mergeProps(() => floatingPanel2().getControlProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+
+// src/components/floating-panel/floating-panel.ts
+var floating_panel_exports = {};
+__export(floating_panel_exports, {
+  Body: () => FloatingPanelBody,
+  CloseTrigger: () => FloatingPanelCloseTrigger,
+  Content: () => FloatingPanelContent,
+  Context: () => FloatingPanelContext,
+  Control: () => FloatingPanelControl,
+  DragTrigger: () => FloatingPanelDragTrigger,
+  Header: () => FloatingPanelHeader,
+  Positioner: () => FloatingPanelPositioner,
+  ResizeTrigger: () => FloatingPanelResizeTrigger,
+  Root: () => FloatingPanelRoot,
+  RootProvider: () => FloatingPanelRootProvider,
+  StageTrigger: () => FloatingPanelStageTrigger,
+  Title: () => FloatingPanelTitle,
+  Trigger: () => FloatingPanelTrigger
+});
+
+export { FloatingPanelBody, FloatingPanelCloseTrigger, FloatingPanelContent, FloatingPanelContext, FloatingPanelControl, FloatingPanelDragTrigger, FloatingPanelHeader, FloatingPanelPositioner, FloatingPanelResizeTrigger, FloatingPanelRoot, FloatingPanelRootProvider, FloatingPanelStageTrigger, FloatingPanelTitle, FloatingPanelTrigger, floating_panel_exports, useFloatingPanel, useFloatingPanelContext };

package/dist/chunk/{ZMXVBUJS.jsx → TTIVTOWQ.jsx}

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

package/dist/chunk/{N4LRXFJX.jsx → U7QDCJXT.jsx}

@@ -1,12 +1,12 @@
+import {
+  useFieldContext
+} from "./HQOIDGRU.jsx";
 import {
   PresenceProvider,
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./T67EMHNB.jsx";
-import {
-  useFieldContext
-} from "./O2Q7MOG6.jsx";
+} from "./WC2HBDLJ.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";
@@ -16,18 +16,18 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./6J5H27AQ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
+import {
+  useEnvironmentContext
+} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

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

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

package/dist/chunk/{7BS7ZITV.jsx → V6S3C3U7.jsx}

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

package/dist/chunk/{TILCNQZF.jsx → V75EMOIC.jsx}

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

package/dist/chunk/{Q3QMDHRY.jsx → VR5BNKL7.jsx}

@@ -1,6 +1,6 @@
 import {
   collapsible_exports
-} from "./XOVDOF3R.jsx";
+} from "./Z2BXVXSV.jsx";
 import {
   RenderStrategyProvider,
   splitRenderStrategyProps,
@@ -12,18 +12,18 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./6J5H27AQ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
+import {
+  useEnvironmentContext
+} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{WKKFHYOJ.jsx → VXQNQSLM.jsx}

@@ -3,33 +3,33 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./T67EMHNB.jsx";
+} from "./WC2HBDLJ.jsx";
+import {
+  composeRefs
+} from "./DOBZPYAN.jsx";
 import {
   RenderStrategyProvider,
   splitRenderStrategyProps,
   useRenderStrategyContext
 } from "./NEBB7COJ.jsx";
-import {
-  composeRefs
-} from "./DOBZPYAN.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./6J5H27AQ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
+import {
+  useEnvironmentContext
+} from "./E2L62MKC.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{YIQG5BP3.jsx → WBLWV2L4.jsx}

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

package/dist/chunk/{LY6KT2RR.jsx → X5GWQYGE.jsx}

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