@ark-ui/solid 5.9.2 → 5.10.0

package/dist/chunk/{PT4TFOAY.js → 2MXPLL4O.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/{MTNAO4AP.js → 364QFYBV.js}

@@ -2,7 +2,7 @@ import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext }
 import { composeRefs } from './XN6EERRM.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/{2A55KDMS.js → 3IJ5QLEM.js}

@@ -2,7 +2,7 @@ import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider }
 import { composeRefs } from './XN6EERRM.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/{LMAXB47P.js → 4HQIDBKB.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/{T3UB5H27.jsx → 4L4266PL.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/{QTCJZQD2.js → 6HQNY7WM.js}

@@ -1,11 +1,13 @@
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.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 } from '@zag-js/solid';
 import { Show, mergeProps as mergeProps$1, createUniqueId, createSignal, createEffect, createMemo } from 'solid-js';
+import { dataAttr } from '@zag-js/dom-query';
 import { createAnatomy } from '@zag-js/anatomy';
 
 // src/components/fieldset/use-fieldset-context.ts
@@ -44,6 +46,7 @@ var parts = fieldsetAnatomy.build();
 
 // src/components/fieldset/use-fieldset.ts
 var useFieldset = (props) => {
+  useEnvironmentContext();
   const mergedProps = mergeProps$1({ disabled: false, invalid: false }, runIfFn(props));
   let rootRef;
   const id = mergedProps.id ?? createUniqueId();
@@ -90,7 +93,6 @@ var useFieldset = (props) => {
     getErrorTextProps
   }));
 };
-var dataAttr = (condition) => condition ? "" : void 0;
 
 // src/components/fieldset/fieldset-root.tsx
 var FieldsetRoot = (props) => {

package/dist/chunk/{BXECMIPR.jsx → 6XAZQVOY.jsx}

@@ -1,12 +1,12 @@
+import {
+  useFieldContext
+} from "./HQOIDGRU.jsx";
 import {
   PresenceProvider,
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./RHCMSWDF.jsx";
-import {
-  useFieldContext
-} from "./RNEZ7CPM.jsx";
+} from "./WC2HBDLJ.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";
@@ -16,18 +16,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/{ERVD3RNL.js → 72JQEDEW.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/{AO67VHVB.js → 74TH35IC.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/{UNEUVTYY.jsx → 7FASJWDK.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/{5TX7UNRJ.jsx → 7OXBQSIZ.jsx}

@@ -1,7 +1,7 @@
 import {
   PresenceProvider,
   usePresence
-} from "./RHCMSWDF.jsx";
+} from "./WC2HBDLJ.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";
@@ -16,18 +16,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/{2OHIK5BX.jsx → 7RYPC5LL.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/{TCX2JWKV.jsx → 7UNWOGPT.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/{7WRB2BF6.jsx → 7YSKY6W4.jsx}

@@ -1,6 +1,6 @@
 import {
   collapsible_exports
-} from "./2ROWZ6DR.jsx";
+} from "./Z2BXVXSV.jsx";
 import {
   RenderStrategyProvider,
   splitRenderStrategyProps,
@@ -12,18 +12,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/{NUV5TWIS.js → AD6K3UTR.js}

@@ -3,7 +3,7 @@ import { composeRefs } from './XN6EERRM.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/{EWPKE75H.js → AIFOKNNI.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 { createContext } from './TROPIN4C.js';
 import { runIfFn } from './DT73WLR4.js';
 import { __export } from './ESLJRKWD.js';

package/dist/chunk/AWEBBQKG.js

@@ -0,0 +1,352 @@
+import { createMachine } from './PKUUD527.js';
+import { useFieldContext } from './NC7W2KIE.js';
+import { createSplitProps as createSplitProps$1 } from './ZMHI4GDJ.js';
+import { ark } from './EPLBB4QN.js';
+import { useEnvironmentContext } from './YO2MCGXO.js';
+import { useLocaleContext } from './OKZ64GSY.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 { createAnatomy } from '@zag-js/anatomy';
+import { dataAttr, isLeftClick, ariaAttr } from '@zag-js/dom-query';
+import { uuid, createSplitProps } from '@zag-js/utils';
+import { createProps } from '@zag-js/types';
+
+// 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());
+var PasswordInputControl = (props2) => {
+  const passwordInput = usePasswordInputContext();
+  const mergedProps = mergeProps(() => passwordInput().getControlProps(), props2);
+  return createComponent(ark.div, mergedProps);
+};
+var PasswordInputIndicator = (props2) => {
+  const passwordInput = usePasswordInputContext();
+  const mergedProps = mergeProps(() => passwordInput().getIndicatorProps(), props2);
+  return createComponent(ark.span, mergeProps$1(mergedProps, {
+    get children() {
+      return createComponent(Show, {
+        get when() {
+          return passwordInput().visible;
+        },
+        get fallback() {
+          return props2.fallback;
+        },
+        get children() {
+          return props2.children;
+        }
+      });
+    }
+  }));
+};
+var PasswordInputInput = (props2) => {
+  const passwordInput = usePasswordInputContext();
+  const mergedProps = mergeProps(() => passwordInput().getInputProps(), props2);
+  const field = useFieldContext();
+  return createComponent(ark.input, mergeProps$1({
+    get ["aria-describedby"]() {
+      return field?.().ariaDescribedby;
+    }
+  }, mergedProps));
+};
+var PasswordInputLabel = (props2) => {
+  const passwordInput = usePasswordInputContext();
+  const mergedProps = mergeProps(() => passwordInput().getLabelProps(), props2);
+  return createComponent(ark.label, mergedProps);
+};
+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"
+]);
+createSplitProps(props);
+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$1()(props2, ["autoComplete", "defaultVisible", "disabled", "id", "ids", "ignorePasswordManagers", "invalid", "name", "onVisibilityChange", "readOnly", "required", "translations", "visible"]);
+  const passwordInput = usePasswordInput(usePasswordInputProps);
+  const mergedProps = mergeProps(() => passwordInput().getRootProps(), localProps);
+  return createComponent(PasswordInputProvider, {
+    value: passwordInput,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+var PasswordInputRootProvider = (props2) => {
+  const mergedProps = mergeProps(() => props2.value().getRootProps(), props2);
+  return createComponent(PasswordInputProvider, {
+    get value() {
+      return props2.value;
+    },
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+var PasswordInputVisibilityTrigger = (props2) => {
+  const passwordInput = usePasswordInputContext();
+  const mergedProps = mergeProps(() => passwordInput().getVisibilityTriggerProps(), props2);
+  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, anatomy, password_input_exports, usePasswordInput, usePasswordInputContext };