@ark-ui/solid 5.15.0 → 5.15.2

package/dist/chunk/I7VQFKYT.jsx

@@ -0,0 +1,172 @@
+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 = (props) => props.children(usePasswordInputContext());
+
+// src/components/password-input/password-input-control.tsx
+import { mergeProps } from "@zag-js/solid";
+var PasswordInputControl = (props) => {
+  const passwordInput2 = usePasswordInputContext();
+  const mergedProps = mergeProps(() => passwordInput2().getControlProps(), props);
+  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 = (props) => {
+  const passwordInput2 = usePasswordInputContext();
+  const mergedProps = mergeProps2(() => passwordInput2().getIndicatorProps(), props);
+  return <ark.span {...mergedProps}>
+      <Show when={passwordInput2().visible} fallback={props.fallback}>
+        {props.children}
+      </Show>
+    </ark.span>;
+};
+
+// src/components/password-input/password-input-input.tsx
+import { mergeProps as mergeProps3 } from "@zag-js/solid";
+var PasswordInputInput = (props) => {
+  const passwordInput2 = usePasswordInputContext();
+  const mergedProps = mergeProps3(() => passwordInput2().getInputProps(), props);
+  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 = (props) => {
+  const passwordInput2 = usePasswordInputContext();
+  const mergedProps = mergeProps4(() => passwordInput2().getLabelProps(), props);
+  return <ark.label {...mergedProps} />;
+};
+
+// src/components/password-input/password-input-root.tsx
+import { mergeProps as mergeProps5 } from "@zag-js/solid";
+
+// src/components/password-input/use-password-input.ts
+import * as passwordInput from "@zag-js/password-input";
+import { normalizeProps, useMachine } from "@zag-js/solid";
+import { createMemo, createUniqueId } from "solid-js";
+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 = mergeProps5(() => passwordInput2().getRootProps(), localProps);
+  return <PasswordInputProvider value={passwordInput2}>
+      <ark.div {...mergedProps} />
+    </PasswordInputProvider>;
+};
+
+// src/components/password-input/password-input-root-provider.tsx
+import { mergeProps as mergeProps6 } from "@zag-js/solid";
+var PasswordInputRootProvider = (props) => {
+  const mergedProps = mergeProps6(() => props.value().getRootProps(), props);
+  return <PasswordInputProvider value={props.value}>
+      <ark.div {...mergedProps} />
+    </PasswordInputProvider>;
+};
+
+// src/components/password-input/password-input-visibility-trigger.tsx
+import { mergeProps as mergeProps7 } from "@zag-js/solid";
+var PasswordInputVisibilityTrigger = (props) => {
+  const passwordInput2 = usePasswordInputContext();
+  const mergedProps = mergeProps7(() => passwordInput2().getVisibilityTriggerProps(), props);
+  return <ark.button {...mergedProps} />;
+};
+
+// src/components/password-input/password-input.anatomy.ts
+import { anatomy } from "@zag-js/password-input";
+
+// 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,
+  usePasswordInput,
+  PasswordInputRoot,
+  PasswordInputRootProvider,
+  PasswordInputVisibilityTrigger,
+  anatomy,
+  password_input_exports
+};

package/dist/chunk/{2Z37DOO5.jsx → IDNDLSEV.jsx}

@@ -1,7 +1,7 @@
 import {
   collapsible_exports,
   useCollapsibleContext
-} from "./XOVDOF3R.jsx";
+} from "./Z2BXVXSV.jsx";
 import {
   RenderStrategyProvider,
   splitRenderStrategyProps,
@@ -13,18 +13,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/{5FW3VV3B.jsx → JK6QXH6B.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/{5OA4XEHW.jsx → JKM73NGJ.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/{FS6GEMRM.jsx → JY6PMVAK.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/{7AMCFBJH.jsx → KJ353BY6.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/{SXZY4NGI.jsx → KNVMVQG6.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/L5XYJCAK.jsx

@@ -0,0 +1,264 @@
+import {
+  PresenceProvider,
+  splitPresenceProps,
+  usePresence,
+  usePresenceContext
+} from "./WC2HBDLJ.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/floating-panel/floating-panel-body.tsx
+import { mergeProps } from "@zag-js/solid";
+
+// 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 <ark.div {...mergedProps} />;
+};
+
+// src/components/floating-panel/floating-panel-close-trigger.tsx
+import { mergeProps as mergeProps2 } from "@zag-js/solid";
+var FloatingPanelCloseTrigger = (props) => {
+  const floatingPanel2 = useFloatingPanelContext();
+  const mergedProps = mergeProps2(() => floatingPanel2().getCloseTriggerProps(), props);
+  return <ark.button {...mergedProps} />;
+};
+
+// src/components/floating-panel/floating-panel-content.tsx
+import { mergeProps as mergeProps3 } from "@zag-js/solid";
+var FloatingPanelContent = (props) => {
+  const floatingPanel2 = useFloatingPanelContext();
+  const presence = usePresenceContext();
+  const mergedProps = mergeProps3(
+    () => floatingPanel2().getContentProps(),
+    () => presence().presenceProps,
+    props
+  );
+  if (presence().unmounted) {
+    return null;
+  }
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/floating-panel/floating-panel-context.tsx
+var FloatingPanelContext = (props) => props.children(useFloatingPanelContext());
+
+// src/components/floating-panel/floating-panel-drag-trigger.tsx
+import { mergeProps as mergeProps4 } from "@zag-js/solid";
+var FloatingPanelDragTrigger = (props) => {
+  const floatingPanel2 = useFloatingPanelContext();
+  const mergedProps = mergeProps4(() => floatingPanel2().getDragTriggerProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/floating-panel/floating-panel-header.tsx
+import { mergeProps as mergeProps5 } from "@zag-js/solid";
+var FloatingPanelHeader = (props) => {
+  const floatingPanel2 = useFloatingPanelContext();
+  const mergedProps = mergeProps5(() => floatingPanel2().getHeaderProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/floating-panel/floating-panel-positioner.tsx
+import { mergeProps as mergeProps6 } from "@zag-js/solid";
+var FloatingPanelPositioner = (props) => {
+  const floatingPanel2 = useFloatingPanelContext();
+  const mergedProps = mergeProps6(() => floatingPanel2().getPositionerProps(), props);
+  const presence = usePresenceContext();
+  if (presence().unmounted) {
+    return null;
+  }
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/floating-panel/floating-panel-resize-trigger.tsx
+import { mergeProps as mergeProps7 } from "@zag-js/solid";
+var FloatingPanelResizeTrigger = (props) => {
+  const [resizeProps, localProps] = createSplitProps()(props, ["axis"]);
+  const floatingPanel2 = useFloatingPanelContext();
+  const mergedProps = mergeProps7(() => floatingPanel2().getResizeTriggerProps(resizeProps), localProps);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/floating-panel/floating-panel-stage-trigger.tsx
+import { mergeProps as mergeProps8 } from "@zag-js/solid";
+var FloatingPanelStageTrigger = (props) => {
+  const [stage, localProps] = createSplitProps()(props, ["stage"]);
+  const floatingPanel2 = useFloatingPanelContext();
+  const mergedProps = mergeProps8(() => floatingPanel2().getStageTriggerProps(stage), localProps);
+  return <ark.button {...mergedProps} />;
+};
+
+// src/components/floating-panel/floating-panel-root.tsx
+import { mergeProps as mergeProps9 } from "@zag-js/solid";
+
+// src/components/floating-panel/use-floating-panel.ts
+import * as floatingPanel from "@zag-js/floating-panel";
+import { normalizeProps, useMachine } from "@zag-js/solid";
+import { createMemo, createUniqueId } from "solid-js";
+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 = mergeProps9(() => ({ present: floatingPanel2().open }), presenceProps);
+  const presence = usePresence(usePresenceProps);
+  return <FloatingPanelProvider value={floatingPanel2}>
+      <PresenceProvider value={presence}>{localProps.children}</PresenceProvider>
+    </FloatingPanelProvider>;
+};
+
+// src/components/floating-panel/floating-panel-root-provider.tsx
+import { mergeProps as mergeProps10 } from "@zag-js/solid";
+var FloatingPanelRootProvider = (props) => {
+  const [presenceProps, baseProps] = splitPresenceProps(props);
+  const [rootProps, localProps] = createSplitProps()(baseProps, ["value"]);
+  const presence = usePresence(mergeProps10(() => ({ present: rootProps.value().open }), presenceProps));
+  return <FloatingPanelProvider value={rootProps.value}>
+      <PresenceProvider value={presence}>{localProps.children}</PresenceProvider>
+    </FloatingPanelProvider>;
+};
+
+// src/components/floating-panel/floating-panel-title.tsx
+import { mergeProps as mergeProps11 } from "@zag-js/solid";
+var FloatingPanelTitle = (props) => {
+  const floatingPanel2 = useFloatingPanelContext();
+  const mergedProps = mergeProps11(() => floatingPanel2().getTitleProps(), props);
+  return <ark.h2 {...mergedProps} />;
+};
+
+// src/components/floating-panel/floating-panel-trigger.tsx
+import { mergeProps as mergeProps12 } from "@zag-js/solid";
+var FloatingPanelTrigger = (props) => {
+  const floatingPanel2 = useFloatingPanelContext();
+  const presence = usePresenceContext();
+  const mergedProps = mergeProps12(() => {
+    const triggerProps = floatingPanel2().getTriggerProps();
+    return {
+      ...triggerProps,
+      "aria-controls": presence().unmounted ? void 0 : triggerProps["aria-controls"]
+    };
+  }, props);
+  return <ark.button {...mergedProps} />;
+};
+
+// src/components/floating-panel/floating-panel-control.tsx
+import { mergeProps as mergeProps13 } from "@zag-js/solid";
+var FloatingPanelControl = (props) => {
+  const floatingPanel2 = useFloatingPanelContext();
+  const mergedProps = mergeProps13(() => floatingPanel2().getControlProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/floating-panel/floating-panel.anatomy.ts
+import { anatomy } from "@zag-js/floating-panel";
+
+// 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 {
+  useFloatingPanelContext,
+  FloatingPanelBody,
+  FloatingPanelCloseTrigger,
+  FloatingPanelContent,
+  FloatingPanelContext,
+  FloatingPanelDragTrigger,
+  FloatingPanelHeader,
+  FloatingPanelPositioner,
+  FloatingPanelResizeTrigger,
+  FloatingPanelStageTrigger,
+  useFloatingPanel,
+  FloatingPanelRoot,
+  FloatingPanelRootProvider,
+  FloatingPanelTitle,
+  FloatingPanelTrigger,
+  FloatingPanelControl,
+  anatomy,
+  floating_panel_exports
+};

package/dist/chunk/{A6XGGK7D.jsx → MJTOTU2A.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/{FKI6A35L.jsx → N3W3K2ZD.jsx}

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./T67EMHNB.jsx";
+} from "./WC2HBDLJ.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";
@@ -13,18 +13,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/{VSLHNUS2.jsx → OM7DNJ6L.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";