@ark-ui/solid 5.9.2 → 5.10.0

package/dist/chunk/{JSS5JFN7.js → VQ3I3Z7G.js}

@@ -1,6 +1,6 @@
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './YMMMHJJS.js';
+import { useEnvironmentContext } from './YO2MCGXO.js';
 import { useLocaleContext } from './OKZ64GSY.js';
 import { createContext } from './TROPIN4C.js';
 import { runIfFn } from './DT73WLR4.js';

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

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./RHCMSWDF.jsx";
+} from "./WC2HBDLJ.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";
@@ -18,18 +18,18 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./HD73LMEZ.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/{KVNEQSPE.js → W3D4AMKT.js}

@@ -1,8 +1,8 @@
-import { collapsible_exports } from './GD2T6MEV.js';
+import { collapsible_exports } from './ROUJC6XC.js';
 import { splitRenderStrategyProps, RenderStrategyProvider, useRenderStrategyContext } from './QFAL6GWC.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './YMMMHJJS.js';
+import { useEnvironmentContext } from './YO2MCGXO.js';
 import { useLocaleContext } from './OKZ64GSY.js';
 import { createContext } from './TROPIN4C.js';
 import { runIfFn } from './DT73WLR4.js';

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

@@ -1,24 +1,24 @@
 import {
   useFieldContext
-} from "./RNEZ7CPM.jsx";
+} from "./HQOIDGRU.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./HD73LMEZ.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/{Y23TQ3QD.js → WI6PP4EF.js}

@@ -1,7 +1,7 @@
-import { useFieldContext } from './MNJ5H4O3.js';
+import { useFieldContext } from './NC7W2KIE.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './YMMMHJJS.js';
+import { useEnvironmentContext } from './YO2MCGXO.js';
 import { useLocaleContext } from './OKZ64GSY.js';
 import { createContext } from './TROPIN4C.js';
 import { runIfFn } from './DT73WLR4.js';

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

@@ -4,18 +4,18 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./HD73LMEZ.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/{5O6KVLS3.jsx → XENPQFEN.jsx}

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./RHCMSWDF.jsx";
+} from "./WC2HBDLJ.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";
@@ -13,18 +13,18 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./HD73LMEZ.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/{YTOMOC2N.jsx → XSGHIZ6Q.jsx}

@@ -4,18 +4,18 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./HD73LMEZ.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/{KG6EEKBP.jsx → YJX4W6VT.jsx}

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./RHCMSWDF.jsx";
+} from "./WC2HBDLJ.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";
@@ -13,18 +13,18 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./HD73LMEZ.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/{IPDSXUQA.jsx → YM35RFYG.jsx}

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./RHCMSWDF.jsx";
+} from "./WC2HBDLJ.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";
@@ -13,18 +13,18 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./HD73LMEZ.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/{YMMMHJJS.js → YO2MCGXO.js}

@@ -20,7 +20,7 @@ var [EnvironmentContextProvider, useEnvironmentContext] = createContext({
 var _tmpl$ = /* @__PURE__ */ template(`<span hidden>`);
 var EnvironmentProvider = (props) => {
   const [spanRef, setSpanRef] = createSignal();
-  const getRootNode = () => runIfFn(props.value) ?? spanRef()?.ownerDocument ?? document;
+  const getRootNode = () => runIfFn(props.value) ?? spanRef()?.getRootNode() ?? document;
   const environment = createMemo(() => ({
     getRootNode,
     getDocument: () => getDocument(getRootNode()),

package/dist/chunk/{2ROWZ6DR.jsx → Z2BXVXSV.jsx}

@@ -7,18 +7,18 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./HD73LMEZ.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/ZG3NSN2X.jsx

@@ -0,0 +1,400 @@
+import {
+  createMachine
+} from "./ETB2BIQZ.jsx";
+import {
+  useFieldContext
+} from "./HQOIDGRU.jsx";
+import {
+  createSplitProps
+} from "./6WEDGJKQ.jsx";
+import {
+  ark
+} from "./UFYZ7HLU.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";
+
+// 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 = (props2) => props2.children(usePasswordInputContext());
+
+// src/components/password-input/password-input-control.tsx
+import { mergeProps } from "@zag-js/solid";
+var PasswordInputControl = (props2) => {
+  const passwordInput = usePasswordInputContext();
+  const mergedProps = mergeProps(() => passwordInput().getControlProps(), props2);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/password-input/password-input-indicator.tsx
+import { mergeProps as mergeProps2 } from "@zag-js/solid";
+import { Show } from "solid-js";
+var PasswordInputIndicator = (props2) => {
+  const passwordInput = usePasswordInputContext();
+  const mergedProps = mergeProps2(() => passwordInput().getIndicatorProps(), props2);
+  return <ark.span {...mergedProps}>
+      <Show when={passwordInput().visible} fallback={props2.fallback}>
+        {props2.children}
+      </Show>
+    </ark.span>;
+};
+
+// src/components/password-input/password-input-input.tsx
+import { mergeProps as mergeProps3 } from "@zag-js/solid";
+var PasswordInputInput = (props2) => {
+  const passwordInput = usePasswordInputContext();
+  const mergedProps = mergeProps3(() => passwordInput().getInputProps(), props2);
+  const field = useFieldContext();
+  return <ark.input aria-describedby={field?.().ariaDescribedby} {...mergedProps} />;
+};
+
+// src/components/password-input/password-input-label.tsx
+import { mergeProps as mergeProps4 } from "@zag-js/solid";
+var PasswordInputLabel = (props2) => {
+  const passwordInput = usePasswordInputContext();
+  const mergedProps = mergeProps4(() => passwordInput().getLabelProps(), props2);
+  return <ark.label {...mergedProps} />;
+};
+
+// src/components/password-input/password-input-root.tsx
+import { mergeProps as mergeProps5 } from "@zag-js/solid";
+
+// ../../node_modules/@zag-js/password-input/dist/index.mjs
+import { createAnatomy } from "@zag-js/anatomy";
+import { dataAttr, isLeftClick, ariaAttr } from "@zag-js/dom-query";
+import { uuid, createSplitProps as createSplitProps2 } from "@zag-js/utils";
+import { createProps } from "@zag-js/types";
+var anatomy = createAnatomy("password-input").parts(
+  "root",
+  "input",
+  "label",
+  "control",
+  "indicator",
+  "visibilityTrigger"
+);
+var parts = anatomy.build();
+var getInputId = (ctx) => ctx.ids?.input ?? `p-input-${ctx.id}-input`;
+var getInputEl = (ctx) => ctx.getById(getInputId(ctx));
+function connect(service, normalize) {
+  const { scope, prop, context } = service;
+  const visible = context.get("visible");
+  const disabled = !!prop("disabled");
+  const invalid = !!prop("invalid");
+  const readOnly = !!prop("readOnly");
+  const interactive = !(readOnly || disabled);
+  const translations = prop("translations");
+  return {
+    visible,
+    disabled,
+    invalid,
+    focus() {
+      getInputEl(scope)?.focus();
+    },
+    setVisible(value) {
+      service.send({ type: "VISIBILITY.SET", value });
+    },
+    toggleVisible() {
+      service.send({ type: "VISIBILITY.SET", value: !visible });
+    },
+    getRootProps() {
+      return normalize.element({
+        ...parts.root.attrs,
+        dir: prop("dir"),
+        "data-disabled": dataAttr(disabled),
+        "data-invalid": dataAttr(invalid),
+        "data-readonly": dataAttr(readOnly)
+      });
+    },
+    getLabelProps() {
+      return normalize.label({
+        ...parts.label.attrs,
+        htmlFor: getInputId(scope),
+        "data-disabled": dataAttr(disabled),
+        "data-invalid": dataAttr(invalid),
+        "data-readonly": dataAttr(readOnly)
+      });
+    },
+    getInputProps() {
+      return normalize.input({
+        ...parts.input.attrs,
+        id: getInputId(scope),
+        autoCapitalize: "off",
+        name: prop("name"),
+        required: prop("required"),
+        autoComplete: prop("autoComplete"),
+        spellCheck: false,
+        readOnly,
+        disabled,
+        type: visible ? "text" : "password",
+        "data-state": visible ? "visible" : "hidden",
+        "aria-invalid": ariaAttr(invalid),
+        "data-disabled": dataAttr(disabled),
+        "data-invalid": dataAttr(invalid),
+        "data-readonly": dataAttr(readOnly),
+        ...prop("ignorePasswordManagers") ? passwordManagerProps : {}
+      });
+    },
+    getVisibilityTriggerProps() {
+      return normalize.button({
+        ...parts.visibilityTrigger.attrs,
+        type: "button",
+        tabIndex: -1,
+        "aria-controls": getInputId(scope),
+        "aria-expanded": visible,
+        "data-readonly": dataAttr(readOnly),
+        disabled,
+        "data-disabled": dataAttr(disabled),
+        "data-state": visible ? "visible" : "hidden",
+        "aria-label": translations?.visibilityTrigger?.(visible),
+        onPointerDown(event) {
+          if (!isLeftClick(event)) return;
+          if (!interactive) return;
+          event.preventDefault();
+          service.send({ type: "TRIGGER.CLICK" });
+        }
+      });
+    },
+    getIndicatorProps() {
+      return normalize.element({
+        ...parts.indicator.attrs,
+        "aria-hidden": true,
+        "data-state": visible ? "visible" : "hidden",
+        "data-disabled": dataAttr(disabled),
+        "data-invalid": dataAttr(invalid),
+        "data-readonly": dataAttr(readOnly)
+      });
+    },
+    getControlProps() {
+      return normalize.element({
+        ...parts.control.attrs,
+        "data-disabled": dataAttr(disabled),
+        "data-invalid": dataAttr(invalid),
+        "data-readonly": dataAttr(readOnly)
+      });
+    }
+  };
+}
+var passwordManagerProps = {
+  // 1Password
+  "data-1p-ignore": "",
+  // LastPass
+  "data-lpignore": "true",
+  // Bitwarden
+  "data-bwignore": "true",
+  // Dashlane
+  "data-form-type": "other",
+  // Proton Pass
+  "data-protonpass-ignore": "true"
+};
+var machine = createMachine({
+  props({ props: props2 }) {
+    return {
+      id: uuid(),
+      defaultVisible: false,
+      autoComplete: "current-password",
+      ignorePasswordManagers: false,
+      ...props2,
+      translations: {
+        visibilityTrigger(visible) {
+          return visible ? "Hide password" : "Show password";
+        },
+        ...props2.translations
+      }
+    };
+  },
+  context({ prop, bindable }) {
+    return {
+      visible: bindable(() => ({
+        value: prop("visible"),
+        defaultValue: prop("defaultVisible"),
+        onChange(value) {
+          prop("onVisibilityChange")?.({ visible: value });
+        }
+      }))
+    };
+  },
+  initialState() {
+    return "idle";
+  },
+  effects: ["trackFormEvents"],
+  states: {
+    idle: {
+      on: {
+        "VISIBILITY.SET": {
+          actions: ["setVisibility"]
+        },
+        "TRIGGER.CLICK": {
+          actions: ["toggleVisibility", "focusInputEl"]
+        }
+      }
+    }
+  },
+  implementations: {
+    actions: {
+      setVisibility({ context, event }) {
+        context.set("visible", event.value);
+      },
+      toggleVisibility({ context }) {
+        context.set("visible", (c) => !c);
+      },
+      focusInputEl({ scope }) {
+        const inputEl = getInputEl(scope);
+        inputEl?.focus();
+      }
+    },
+    effects: {
+      trackFormEvents({ scope, send }) {
+        const inputEl = getInputEl(scope);
+        const form = inputEl?.form;
+        if (!form) return;
+        const win = scope.getWin();
+        const controller = new win.AbortController();
+        form.addEventListener(
+          "reset",
+          (event) => {
+            if (event.defaultPrevented) return;
+            send({ type: "VISIBILITY.SET", value: false });
+          },
+          { signal: controller.signal }
+        );
+        form.addEventListener(
+          "submit",
+          () => {
+            send({ type: "VISIBILITY.SET", value: false });
+          },
+          { signal: controller.signal }
+        );
+        return () => controller.abort();
+      }
+    }
+  }
+});
+var props = createProps()([
+  "defaultVisible",
+  "dir",
+  "id",
+  "onVisibilityChange",
+  "visible",
+  "ids",
+  "getRootNode",
+  "disabled",
+  "invalid",
+  "required",
+  "readOnly",
+  "translations",
+  "ignorePasswordManagers",
+  "autoComplete",
+  "name"
+]);
+var splitProps = createSplitProps2(props);
+
+// src/components/password-input/use-password-input.ts
+import { normalizeProps, useMachine } from "@zag-js/solid";
+import { createMemo, createUniqueId } from "solid-js";
+var usePasswordInput = (props2) => {
+  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(props2)
+  }));
+  const service = useMachine(machine, machineProps);
+  return createMemo(() => connect(service, normalizeProps));
+};
+
+// src/components/password-input/password-input-root.tsx
+var PasswordInputRoot = (props2) => {
+  const [usePasswordInputProps, localProps] = createSplitProps()(props2, [
+    "autoComplete",
+    "defaultVisible",
+    "disabled",
+    "id",
+    "ids",
+    "ignorePasswordManagers",
+    "invalid",
+    "name",
+    "onVisibilityChange",
+    "readOnly",
+    "required",
+    "translations",
+    "visible"
+  ]);
+  const passwordInput = usePasswordInput(usePasswordInputProps);
+  const mergedProps = mergeProps5(() => passwordInput().getRootProps(), localProps);
+  return <PasswordInputProvider value={passwordInput}>
+      <ark.div {...mergedProps} />
+    </PasswordInputProvider>;
+};
+
+// src/components/password-input/password-input-root-provider.tsx
+import { mergeProps as mergeProps6 } from "@zag-js/solid";
+var PasswordInputRootProvider = (props2) => {
+  const mergedProps = mergeProps6(() => props2.value().getRootProps(), props2);
+  return <PasswordInputProvider value={props2.value}>
+      <ark.div {...mergedProps} />
+    </PasswordInputProvider>;
+};
+
+// src/components/password-input/password-input-visibility-trigger.tsx
+import { mergeProps as mergeProps7 } from "@zag-js/solid";
+var PasswordInputVisibilityTrigger = (props2) => {
+  const passwordInput = usePasswordInputContext();
+  const mergedProps = mergeProps7(() => passwordInput().getVisibilityTriggerProps(), props2);
+  return <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 {
+  usePasswordInputContext,
+  PasswordInputContext,
+  PasswordInputControl,
+  PasswordInputIndicator,
+  PasswordInputInput,
+  PasswordInputLabel,
+  anatomy,
+  usePasswordInput,
+  PasswordInputRoot,
+  PasswordInputRootProvider,
+  PasswordInputVisibilityTrigger,
+  password_input_exports
+};

package/dist/components/accordion/index.js

@@ -1 +1 @@
-export { accordion_exports as Accordion, AccordionContext, AccordionItem, AccordionItemContent, AccordionItemContext, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, AccordionRootProvider, anatomy as accordionAnatomy, useAccordion, useAccordionContext, useAccordionItemContext } from '../../chunk/ODWQP5BE.js';
+export { accordion_exports as Accordion, AccordionContext, AccordionItem, AccordionItemContent, AccordionItemContext, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, AccordionRootProvider, anatomy as accordionAnatomy, useAccordion, useAccordionContext, useAccordionItemContext } from '../../chunk/VL4J24YY.js';