@ark-ui/solid 5.15.0 → 5.15.2

package/dist/chunk/XWFAYRYW.jsx

@@ -1,400 +0,0 @@
-import {
-  createMachine
-} from "./ETB2BIQZ.jsx";
-import {
-  useFieldContext
-} from "./O2Q7MOG6.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 {
-  createContext
-} from "./TVCIHLER.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
-};