@bigbinary/neeto-atoms 1.0.35 → 1.0.37

package/dist/cjs/formik/BlockNavigation.js

@@ -4,106 +4,177 @@ var jsxRuntime = require('react/jsx-runtime');
 var formik = require('formik');
 var React = require('react');
 var reactRouterDom = require('react-router-dom');
-var Button = require('../Button-BniJ4TT_.js');
-var Dialog = require('../Dialog-CtI_yWsJ.js');
-require('../utils-CTr7wn5d.js');
-require('../renderIcon-fLF3odqg.js');
-require('../primitives/Button.js');
-require('../button--P7-oIJb.js');
-require('../index-BZhTddX0.js');
+var Dialog = require('../Dialog-CBSuKeu_.js');
+var Button = require('../Button-BlNtYr1w.js');
+require('../utils-BhM0B89p.js');
+require('../primitives/Dialog.js');
+require('../button-CMl9rLXi.js');
+require('../index-vioSzJOw.js');
 require('../index-DuNgWCXZ.js');
 require('../index-D-iDn9RI.js');
-require('../primitives/Spinner.js');
+require('../dialog-Cs1qH5xA.js');
 require('react-i18next');
-require('../loader-circle-Bw7zP2Gn.js');
+require('../x-Brw3FJst.js');
 require('../createLucideIcon-D0tRgV6l.js');
-require('../primitives/Tooltip.js');
-require('../tooltip-C-568jEL.js');
+require('../index-BTsnrFFc.js');
 require('../index-COPkC3I5.js');
 require('../index-CGUGhyIp.js');
+require('../index-BwAq9ba8.js');
+require('../index-CCdG4z4E.js');
+require('../index-CyrAgb4H.js');
 require('../index-Bvu9MiFi.js');
 require('../index-DMbj7vXd.js');
 require('react-dom');
 require('../index-lWVw05cs.js');
-require('../index-BwAq9ba8.js');
-require('../index-CCdG4z4E.js');
+require('../index-CS_WSHYi.js');
+require('../index-Df-Ffa3s.js');
+require('../index-DcCSSgb7.js');
+require('../renderIcon-BRrpZu9a.js');
+require('../primitives/Button.js');
+require('../primitives/Spinner.js');
+require('../loader-circle-Bw7zP2Gn.js');
+require('../primitives/Tooltip.js');
+require('../tooltip-BYCcUMZn.js');
 require('../index-C9ICrOhM.js');
 require('../floating-ui.react-dom-B4Aw6O7R.js');
 require('../index-Bf0WsHta.js');
-require('../index-Df-Ffa3s.js');
-require('../index-DcCSSgb7.js');
-require('../index-CyrAgb4H.js');
 require('../index-CB9xFokC.js');
-require('../primitives/Dialog.js');
-require('../dialog-CWSpiRjk.js');
-require('../x-Brw3FJst.js');
-require('../index-BLGrl3PF.js');
-require('../index-ChSOMM8b.js');
 
-const useNavPrompt = ({ shouldBlock = true, }) => {
-    const [isBlocked, setIsBlocked] = React.useState(false);
-    const history = reactRouterDom.useHistory();
-    const unblockRef = React.useRef();
-    const navRef = React.useRef(null);
-    const handleNavigation = React.useCallback((action, transition) => {
-        switch (action) {
-            case "PUSH":
-                history.push(transition);
-                break;
-            case "REPLACE":
-                history.replace(transition);
-                break;
-            case "POP":
-                history.goBack();
-                break;
-        }
-    }, [history]);
-    const continueNavigation = React.useCallback(() => {
-        if (isBlocked && unblockRef.current) {
-            unblockRef.current();
-            setIsBlocked(false);
-            if (navRef.current) {
-                const { action, transition } = navRef.current;
-                handleNavigation(action, transition);
-            }
+const useNavPrompt = ({
+  shouldBlock = true
+}) => {
+  const [isBlocked, setIsBlocked] = React.useState(false);
+  const history = reactRouterDom.useHistory();
+  const unblockRef = React.useRef(void 0);
+  const navRef = React.useRef(null);
+  const handleNavigation = React.useCallback(
+    (action, transition) => {
+      switch (action) {
+        case "PUSH":
+          history.push(transition);
+          break;
+        case "REPLACE":
+          history.replace(transition);
+          break;
+        case "POP":
+          history.goBack();
+          break;
+      }
+    },
+    [history]
+  );
+  const continueNavigation = React.useCallback(() => {
+    if (isBlocked && unblockRef.current) {
+      unblockRef.current();
+      setIsBlocked(false);
+      if (navRef.current) {
+        const { action, transition } = navRef.current;
+        handleNavigation(action, transition);
+      }
+    }
+  }, [isBlocked, handleNavigation]);
+  const hidePrompt = React.useCallback(() => setIsBlocked(false), []);
+  React.useEffect(() => {
+    if (shouldBlock) {
+      unblockRef.current = history.block(
+        (transition, action) => {
+          setIsBlocked(true);
+          navRef.current = { transition: transition.pathname, action };
+          return false;
         }
-    }, [isBlocked, handleNavigation]);
-    const hidePrompt = React.useCallback(() => setIsBlocked(false), []);
-    React.useEffect(() => {
-        if (shouldBlock) {
-            unblockRef.current = history.block((transition, action) => {
-                setIsBlocked(true);
-                navRef.current = { transition: transition.pathname, action };
-                return false;
-            });
-            return () => {
-                unblockRef.current?.();
-            };
-        }
-        return undefined;
-    }, [shouldBlock, history]);
-    return { isBlocked, continueNavigation, hidePrompt };
+      );
+      return () => {
+        unblockRef.current?.();
+      };
+    }
+    return void 0;
+  }, [shouldBlock, history]);
+  return { isBlocked, continueNavigation, hidePrompt };
 };
 
-const BlockNavigationAlert = ({ isOpen = false, onClose, onSubmit, onDiscardChanges, title = "You have unsaved changes", message = "Are you sure you want to leave? All unsaved changes will be lost.", cancelButtonLabel = "Discard and leave", submitButtonLabel = "Stay on this page", }) => {
-    const submitButtonRef = React.useRef(null);
-    return (jsxRuntime.jsxs(Dialog.Dialog, { isOpen: isOpen, onClose: onClose ?? (() => { }), closeButton: true, closeOnEsc: true, closeOnOutsideClick: true, initialFocusRef: submitButtonRef, size: "medium", "data-testid": "alert-box", children: [jsxRuntime.jsx(Dialog.Dialog.Header, { children: jsxRuntime.jsx(Dialog.Dialog.Title, { "data-testid": "alert-title", children: title }) }), jsxRuntime.jsx(Dialog.Dialog.Body, { children: jsxRuntime.jsx("p", { "data-testid": "alert-message", className: "text-sm text-muted-foreground", children: message }) }), jsxRuntime.jsxs(Dialog.Dialog.Footer, { className: "flex items-center justify-end gap-2", children: [jsxRuntime.jsx(Button.Button, { "data-testid": "alert-cancel-button", label: cancelButtonLabel, variant: "destructive", onClick: onDiscardChanges }), jsxRuntime.jsx(Button.Button, { "data-testid": "alert-submit-button", label: submitButtonLabel, ref: submitButtonRef, onClick: onSubmit })] })] }));
+const BlockNavigationAlert = ({
+  isOpen = false,
+  onClose,
+  onSubmit,
+  onDiscardChanges,
+  title = "You have unsaved changes",
+  message = "Are you sure you want to leave? All unsaved changes will be lost.",
+  cancelButtonLabel = "Discard and leave",
+  submitButtonLabel = "Stay on this page"
+}) => {
+  const submitButtonRef = React.useRef(null);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Dialog.Dialog,
+    {
+      isOpen,
+      onClose: onClose ?? (() => {
+      }),
+      closeButton: true,
+      closeOnEsc: true,
+      closeOnOutsideClick: true,
+      initialFocusRef: submitButtonRef,
+      size: "medium",
+      "data-testid": "alert-box",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Dialog.Dialog.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(Dialog.Dialog.Title, { "data-testid": "alert-title", children: title }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(Dialog.Dialog.Body, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            "data-testid": "alert-message",
+            className: "text-sm text-muted-foreground",
+            children: message
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(Dialog.Dialog.Footer, { className: "flex items-center justify-end gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Button.Button,
+            {
+              "data-testid": "alert-cancel-button",
+              label: cancelButtonLabel,
+              variant: "destructive",
+              onClick: onDiscardChanges
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Button.Button,
+            {
+              "data-testid": "alert-submit-button",
+              label: submitButtonLabel,
+              ref: submitButtonRef,
+              onClick: onSubmit
+            }
+          )
+        ] })
+      ]
+    }
+  );
 };
 BlockNavigationAlert.displayName = "BlockNavigationAlert";
 
-const FormikBlockNavigation = ({ isDirty = false, ...otherProps }) => {
-    const formikContext = formik.useFormikContext();
-    const shouldBlock = isDirty || (Boolean(formikContext) && Boolean(formikContext.dirty));
-    const { isBlocked, continueNavigation, hidePrompt } = useNavPrompt({
-        shouldBlock,
-    });
-    const handleDiscardChanges = () => {
-        if (formikContext)
-            formikContext.resetForm();
-        hidePrompt();
-        continueNavigation();
-    };
-    return (jsxRuntime.jsx(BlockNavigationAlert, { isOpen: isBlocked, onClose: hidePrompt, onDiscardChanges: handleDiscardChanges, onSubmit: hidePrompt, ...otherProps }));
+const FormikBlockNavigation = ({
+  isDirty = false,
+  ...otherProps
+}) => {
+  const formikContext = formik.useFormikContext();
+  const shouldBlock = isDirty || Boolean(formikContext) && Boolean(formikContext.dirty);
+  const { isBlocked, continueNavigation, hidePrompt } = useNavPrompt({
+    shouldBlock
+  });
+  const handleDiscardChanges = () => {
+    if (formikContext) formikContext.resetForm();
+    hidePrompt();
+    continueNavigation();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    BlockNavigationAlert,
+    {
+      isOpen: isBlocked,
+      onClose: hidePrompt,
+      onDiscardChanges: handleDiscardChanges,
+      onSubmit: hidePrompt,
+      ...otherProps
+    }
+  );
 };
 FormikBlockNavigation.displayName = "FormikBlockNavigation";
 

package/dist/cjs/formik/BlockNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockNavigation.js","sources":["../../../../src/hooks/useNavPrompt.ts","../../../../src/formik/BlockNavigation/BlockNavigationAlert.tsx","../../../../src/formik/BlockNavigation/index.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { useHistory } from \"react-router-dom\";\n\ninterface UseNavPromptOptions {\n  /** Whether navigation should be blocked. */\n  shouldBlock?: boolean;\n}\n\ninterface UseNavPromptReturn {\n  /** Whether a navigation attempt is currently blocked. */\n  isBlocked: boolean;\n  /** Unblock and continue the pending navigation. */\n  continueNavigation: () => void;\n  /** Dismiss the prompt without navigating. */\n  hidePrompt: () => void;\n}\n\nconst useNavPrompt = ({\n  shouldBlock = true,\n}: UseNavPromptOptions): UseNavPromptReturn => {\n  const [isBlocked, setIsBlocked] = useState(false);\n\n  const history = useHistory();\n\n  const unblockRef = useRef<(() => void) | undefined>();\n  const navRef = useRef<{ transition: string; action: string } | null>(null);\n\n  const handleNavigation = useCallback(\n    (action: string, transition: string) => {\n      switch (action) {\n        case \"PUSH\":\n          history.push(transition);\n          break;\n        case \"REPLACE\":\n          history.replace(transition);\n          break;\n        case \"POP\":\n          history.goBack();\n          break;\n      }\n    },\n    [history]\n  );\n\n  const continueNavigation = useCallback(() => {\n    if (isBlocked && unblockRef.current) {\n      unblockRef.current();\n      setIsBlocked(false);\n      if (navRef.current) {\n        const { action, transition } = navRef.current;\n        handleNavigation(action, transition);\n      }\n    }\n  }, [isBlocked, handleNavigation]);\n\n  const hidePrompt = useCallback(() => setIsBlocked(false), []);\n\n  useEffect(() => {\n    if (shouldBlock) {\n      unblockRef.current = history.block(\n        (transition: { pathname: string }, action: string) => {\n          setIsBlocked(true);\n          navRef.current = { transition: transition.pathname, action };\n\n          return false;\n        }\n      ) as unknown as () => void;\n\n      return () => {\n        unblockRef.current?.();\n      };\n    }\n\n    return undefined;\n  }, [shouldBlock, history]);\n\n  return { isBlocked, continueNavigation, hidePrompt };\n};\n\nexport { useNavPrompt };\nexport type { UseNavPromptOptions, UseNavPromptReturn };\n","import React, { useRef } from \"react\";\n\nimport { Button } from \"src/components/Button\";\nimport { Dialog } from \"src/components/Dialog\";\n\nexport interface BlockNavigationAlertProps {\n  /** Whether the alert dialog is open. */\n  isOpen?: boolean;\n  /** Called when the dialog should close. */\n  onClose?: () => void;\n  /** Called when the user chooses to stay. */\n  onSubmit?: () => void;\n  /** Called when the user chooses to discard and leave. */\n  onDiscardChanges?: () => void;\n  /** Custom title for the alert. */\n  title?: string;\n  /** Custom message for the alert body. */\n  message?: string;\n  /** Custom label for the discard/cancel button. */\n  cancelButtonLabel?: string;\n  /** Custom label for the stay/submit button. */\n  submitButtonLabel?: string;\n}\n\nconst BlockNavigationAlert = ({\n  isOpen = false,\n  onClose,\n  onSubmit,\n  onDiscardChanges,\n  title = \"You have unsaved changes\",\n  message = \"Are you sure you want to leave? All unsaved changes will be lost.\",\n  cancelButtonLabel = \"Discard and leave\",\n  submitButtonLabel = \"Stay on this page\",\n}: BlockNavigationAlertProps) => {\n  const submitButtonRef = useRef<HTMLButtonElement>(null);\n\n  return (\n    <Dialog\n      isOpen={isOpen}\n      onClose={onClose ?? (() => {})}\n      closeButton\n      closeOnEsc\n      closeOnOutsideClick\n      initialFocusRef={submitButtonRef}\n      size=\"medium\"\n      data-testid=\"alert-box\"\n    >\n      <Dialog.Header>\n        <Dialog.Title data-testid=\"alert-title\">{title}</Dialog.Title>\n      </Dialog.Header>\n      <Dialog.Body>\n        <p\n          data-testid=\"alert-message\"\n          className=\"text-sm text-muted-foreground\"\n        >\n          {message}\n        </p>\n      </Dialog.Body>\n      <Dialog.Footer className=\"flex items-center justify-end gap-2\">\n        <Button\n          data-testid=\"alert-cancel-button\"\n          label={cancelButtonLabel}\n          variant=\"destructive\"\n          onClick={onDiscardChanges}\n        />\n        <Button\n          data-testid=\"alert-submit-button\"\n          label={submitButtonLabel}\n          ref={submitButtonRef}\n          onClick={onSubmit}\n        />\n      </Dialog.Footer>\n    </Dialog>\n  );\n};\n\nBlockNavigationAlert.displayName = \"BlockNavigationAlert\";\n\nexport { BlockNavigationAlert };\n","import { useFormikContext } from \"formik\";\n\nimport { useNavPrompt } from \"src/hooks/useNavPrompt\";\n\nimport {\n  BlockNavigationAlert,\n  type BlockNavigationAlertProps,\n} from \"./BlockNavigationAlert\";\n\nexport interface FormikBlockNavigationProps extends Omit<\n  BlockNavigationAlertProps,\n  \"isOpen\" | \"onClose\" | \"onSubmit\" | \"onDiscardChanges\"\n> {\n  /** Force the navigation block regardless of Formik dirty state. */\n  isDirty?: boolean;\n}\n\nconst FormikBlockNavigation = ({\n  isDirty = false,\n  ...otherProps\n}: FormikBlockNavigationProps) => {\n  const formikContext = useFormikContext();\n  const shouldBlock =\n    isDirty || (Boolean(formikContext) && Boolean(formikContext.dirty));\n\n  const { isBlocked, continueNavigation, hidePrompt } = useNavPrompt({\n    shouldBlock,\n  });\n\n  const handleDiscardChanges = () => {\n    if (formikContext) formikContext.resetForm();\n    hidePrompt();\n    continueNavigation();\n  };\n\n  return (\n    <BlockNavigationAlert\n      isOpen={isBlocked}\n      onClose={hidePrompt}\n      onDiscardChanges={handleDiscardChanges}\n      onSubmit={hidePrompt}\n      {...otherProps}\n    />\n  );\n};\n\nFormikBlockNavigation.displayName = \"FormikBlockNavigation\";\n\nexport { FormikBlockNavigation };\nexport type { BlockNavigationAlertProps };\n"],"names":["useState","useHistory","useRef","useCallback","useEffect","_jsxs","Dialog","_jsx","Button","useFormikContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,YAAY,GAAG,CAAC,EACpB,WAAW,GAAG,IAAI,GACE,KAAwB;IAC5C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;AAEjD,IAAA,MAAM,OAAO,GAAGC,yBAAU,EAAE;AAE5B,IAAA,MAAM,UAAU,GAAGC,YAAM,EAA4B;AACrD,IAAA,MAAM,MAAM,GAAGA,YAAM,CAAgD,IAAI,CAAC;IAE1E,MAAM,gBAAgB,GAAGC,iBAAW,CAClC,CAAC,MAAc,EAAE,UAAkB,KAAI;QACrC,QAAQ,MAAM;AACZ,YAAA,KAAK,MAAM;AACT,gBAAA,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC;gBACxB;AACF,YAAA,KAAK,SAAS;AACZ,gBAAA,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC;gBAC3B;AACF,YAAA,KAAK,KAAK;gBACR,OAAO,CAAC,MAAM,EAAE;gBAChB;;AAEN,IAAA,CAAC,EACD,CAAC,OAAO,CAAC,CACV;AAED,IAAA,MAAM,kBAAkB,GAAGA,iBAAW,CAAC,MAAK;AAC1C,QAAA,IAAI,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE;YACnC,UAAU,CAAC,OAAO,EAAE;YACpB,YAAY,CAAC,KAAK,CAAC;AACnB,YAAA,IAAI,MAAM,CAAC,OAAO,EAAE;gBAClB,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAAC,OAAO;AAC7C,gBAAA,gBAAgB,CAAC,MAAM,EAAE,UAAU,CAAC;YACtC;QACF;AACF,IAAA,CAAC,EAAE,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;AAEjC,IAAA,MAAM,UAAU,GAAGA,iBAAW,CAAC,MAAM,YAAY,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;IAE7DC,eAAS,CAAC,MAAK;QACb,IAAI,WAAW,EAAE;AACf,YAAA,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC,KAAK,CAChC,CAAC,UAAgC,EAAE,MAAc,KAAI;gBACnD,YAAY,CAAC,IAAI,CAAC;AAClB,gBAAA,MAAM,CAAC,OAAO,GAAG,EAAE,UAAU,EAAE,UAAU,CAAC,QAAQ,EAAE,MAAM,EAAE;AAE5D,gBAAA,OAAO,KAAK;AACd,YAAA,CAAC,CACuB;AAE1B,YAAA,OAAO,MAAK;AACV,gBAAA,UAAU,CAAC,OAAO,IAAI;AACxB,YAAA,CAAC;QACH;AAEA,QAAA,OAAO,SAAS;AAClB,IAAA,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;AAE1B,IAAA,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,UAAU,EAAE;AACtD,CAAC;;ACtDD,MAAM,oBAAoB,GAAG,CAAC,EAC5B,MAAM,GAAG,KAAK,EACd,OAAO,EACP,QAAQ,EACR,gBAAgB,EAChB,KAAK,GAAG,0BAA0B,EAClC,OAAO,GAAG,mEAAmE,EAC7E,iBAAiB,GAAG,mBAAmB,EACvC,iBAAiB,GAAG,mBAAmB,GACb,KAAI;AAC9B,IAAA,MAAM,eAAe,GAAGF,YAAM,CAAoB,IAAI,CAAC;IAEvD,QACEG,eAAA,CAACC,aAAM,EAAA,EACL,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,KAAK,MAAK,EAAE,CAAC,CAAC,EAC9B,WAAW,EAAA,IAAA,EACX,UAAU,EAAA,IAAA,EACV,mBAAmB,EAAA,IAAA,EACnB,eAAe,EAAE,eAAe,EAChC,IAAI,EAAC,QAAQ,EAAA,aAAA,EACD,WAAW,EAAA,QAAA,EAAA,CAEvBC,cAAA,CAACD,aAAM,CAAC,MAAM,EAAA,EAAA,QAAA,EACZC,cAAA,CAACD,aAAM,CAAC,KAAK,EAAA,EAAA,aAAA,EAAa,aAAa,EAAA,QAAA,EAAE,KAAK,EAAA,CAAgB,EAAA,CAChD,EAChBC,cAAA,CAACD,aAAM,CAAC,IAAI,EAAA,EAAA,QAAA,EACVC,cAAA,CAAA,GAAA,EAAA,EAAA,aAAA,EACc,eAAe,EAC3B,SAAS,EAAC,+BAA+B,EAAA,QAAA,EAExC,OAAO,GACN,EAAA,CACQ,EACdF,eAAA,CAACC,aAAM,CAAC,MAAM,IAAC,SAAS,EAAC,qCAAqC,EAAA,QAAA,EAAA,CAC5DC,cAAA,CAACC,aAAM,EAAA,EAAA,aAAA,EACO,qBAAqB,EACjC,KAAK,EAAE,iBAAiB,EACxB,OAAO,EAAC,aAAa,EACrB,OAAO,EAAE,gBAAgB,EAAA,CACzB,EACFD,cAAA,CAACC,aAAM,EAAA,EAAA,aAAA,EACO,qBAAqB,EACjC,KAAK,EAAE,iBAAiB,EACxB,GAAG,EAAE,eAAe,EACpB,OAAO,EAAE,QAAQ,EAAA,CACjB,CAAA,EAAA,CACY,CAAA,EAAA,CACT;AAEb,CAAC;AAED,oBAAoB,CAAC,WAAW,GAAG,sBAAsB;;AC3DzD,MAAM,qBAAqB,GAAG,CAAC,EAC7B,OAAO,GAAG,KAAK,EACf,GAAG,UAAU,EACc,KAAI;AAC/B,IAAA,MAAM,aAAa,GAAGC,uBAAgB,EAAE;AACxC,IAAA,MAAM,WAAW,GACf,OAAO,KAAK,OAAO,CAAC,aAAa,CAAC,IAAI,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAErE,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,UAAU,EAAE,GAAG,YAAY,CAAC;QACjE,WAAW;AACZ,KAAA,CAAC;IAEF,MAAM,oBAAoB,GAAG,MAAK;AAChC,QAAA,IAAI,aAAa;YAAE,aAAa,CAAC,SAAS,EAAE;AAC5C,QAAA,UAAU,EAAE;AACZ,QAAA,kBAAkB,EAAE;AACtB,IAAA,CAAC;IAED,QACEF,eAAC,oBAAoB,EAAA,EACnB,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,UAAU,EACnB,gBAAgB,EAAE,oBAAoB,EACtC,QAAQ,EAAE,UAAU,EAAA,GAChB,UAAU,EAAA,CACd;AAEN;AAEA,qBAAqB,CAAC,WAAW,GAAG,uBAAuB;;;;"}
+{"version":3,"file":"BlockNavigation.js","sources":["../../../src/hooks/useNavPrompt.ts","../../../src/formik/BlockNavigation/BlockNavigationAlert.tsx","../../../src/formik/BlockNavigation/index.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { useHistory } from \"react-router-dom\";\n\ninterface UseNavPromptOptions {\n  /** Whether navigation should be blocked. */\n  shouldBlock?: boolean;\n}\n\ninterface UseNavPromptReturn {\n  /** Whether a navigation attempt is currently blocked. */\n  isBlocked: boolean;\n  /** Unblock and continue the pending navigation. */\n  continueNavigation: () => void;\n  /** Dismiss the prompt without navigating. */\n  hidePrompt: () => void;\n}\n\nconst useNavPrompt = ({\n  shouldBlock = true,\n}: UseNavPromptOptions): UseNavPromptReturn => {\n  const [isBlocked, setIsBlocked] = useState(false);\n\n  const history = useHistory();\n\n  const unblockRef = useRef<(() => void) | undefined>(undefined);\n  const navRef = useRef<{ transition: string; action: string } | null>(null);\n\n  const handleNavigation = useCallback(\n    (action: string, transition: string) => {\n      switch (action) {\n        case \"PUSH\":\n          history.push(transition);\n          break;\n        case \"REPLACE\":\n          history.replace(transition);\n          break;\n        case \"POP\":\n          history.goBack();\n          break;\n      }\n    },\n    [history]\n  );\n\n  const continueNavigation = useCallback(() => {\n    if (isBlocked && unblockRef.current) {\n      unblockRef.current();\n      setIsBlocked(false);\n      if (navRef.current) {\n        const { action, transition } = navRef.current;\n        handleNavigation(action, transition);\n      }\n    }\n  }, [isBlocked, handleNavigation]);\n\n  const hidePrompt = useCallback(() => setIsBlocked(false), []);\n\n  useEffect(() => {\n    if (shouldBlock) {\n      unblockRef.current = history.block(\n        (transition: { pathname: string }, action: string) => {\n          setIsBlocked(true);\n          navRef.current = { transition: transition.pathname, action };\n\n          return false;\n        }\n      ) as unknown as () => void;\n\n      return () => {\n        unblockRef.current?.();\n      };\n    }\n\n    return undefined;\n  }, [shouldBlock, history]);\n\n  return { isBlocked, continueNavigation, hidePrompt };\n};\n\nexport { useNavPrompt };\nexport type { UseNavPromptOptions, UseNavPromptReturn };\n","import { useRef } from \"react\";\n\nimport { Button } from \"src/components/Button\";\nimport { Dialog } from \"src/components/Dialog\";\n\nexport interface BlockNavigationAlertProps {\n  /** Whether the alert dialog is open. */\n  isOpen?: boolean;\n  /** Called when the dialog should close. */\n  onClose?: () => void;\n  /** Called when the user chooses to stay. */\n  onSubmit?: () => void;\n  /** Called when the user chooses to discard and leave. */\n  onDiscardChanges?: () => void;\n  /** Custom title for the alert. */\n  title?: string;\n  /** Custom message for the alert body. */\n  message?: string;\n  /** Custom label for the discard/cancel button. */\n  cancelButtonLabel?: string;\n  /** Custom label for the stay/submit button. */\n  submitButtonLabel?: string;\n}\n\nconst BlockNavigationAlert = ({\n  isOpen = false,\n  onClose,\n  onSubmit,\n  onDiscardChanges,\n  title = \"You have unsaved changes\",\n  message = \"Are you sure you want to leave? All unsaved changes will be lost.\",\n  cancelButtonLabel = \"Discard and leave\",\n  submitButtonLabel = \"Stay on this page\",\n}: BlockNavigationAlertProps) => {\n  const submitButtonRef = useRef<HTMLButtonElement>(null);\n\n  return (\n    <Dialog\n      isOpen={isOpen}\n      onClose={onClose ?? (() => {})}\n      closeButton\n      closeOnEsc\n      closeOnOutsideClick\n      initialFocusRef={submitButtonRef}\n      size=\"medium\"\n      data-testid=\"alert-box\"\n    >\n      <Dialog.Header>\n        <Dialog.Title data-testid=\"alert-title\">{title}</Dialog.Title>\n      </Dialog.Header>\n      <Dialog.Body>\n        <p\n          data-testid=\"alert-message\"\n          className=\"text-sm text-muted-foreground\"\n        >\n          {message}\n        </p>\n      </Dialog.Body>\n      <Dialog.Footer className=\"flex items-center justify-end gap-2\">\n        <Button\n          data-testid=\"alert-cancel-button\"\n          label={cancelButtonLabel}\n          variant=\"destructive\"\n          onClick={onDiscardChanges}\n        />\n        <Button\n          data-testid=\"alert-submit-button\"\n          label={submitButtonLabel}\n          ref={submitButtonRef}\n          onClick={onSubmit}\n        />\n      </Dialog.Footer>\n    </Dialog>\n  );\n};\n\nBlockNavigationAlert.displayName = \"BlockNavigationAlert\";\n\nexport { BlockNavigationAlert };\n","import { useFormikContext } from \"formik\";\n\nimport { useNavPrompt } from \"src/hooks/useNavPrompt\";\n\nimport {\n  BlockNavigationAlert,\n  type BlockNavigationAlertProps,\n} from \"./BlockNavigationAlert\";\n\nexport interface FormikBlockNavigationProps extends Omit<\n  BlockNavigationAlertProps,\n  \"isOpen\" | \"onClose\" | \"onSubmit\" | \"onDiscardChanges\"\n> {\n  /** Force the navigation block regardless of Formik dirty state. */\n  isDirty?: boolean;\n}\n\nconst FormikBlockNavigation = ({\n  isDirty = false,\n  ...otherProps\n}: FormikBlockNavigationProps) => {\n  const formikContext = useFormikContext();\n  const shouldBlock =\n    isDirty || (Boolean(formikContext) && Boolean(formikContext.dirty));\n\n  const { isBlocked, continueNavigation, hidePrompt } = useNavPrompt({\n    shouldBlock,\n  });\n\n  const handleDiscardChanges = () => {\n    if (formikContext) formikContext.resetForm();\n    hidePrompt();\n    continueNavigation();\n  };\n\n  return (\n    <BlockNavigationAlert\n      isOpen={isBlocked}\n      onClose={hidePrompt}\n      onDiscardChanges={handleDiscardChanges}\n      onSubmit={hidePrompt}\n      {...otherProps}\n    />\n  );\n};\n\nFormikBlockNavigation.displayName = \"FormikBlockNavigation\";\n\nexport { FormikBlockNavigation };\nexport type { BlockNavigationAlertProps };\n"],"names":["useState","useHistory","useRef","useCallback","useEffect","jsxs","Dialog","jsx","Button","useFormikContext"],"mappings":"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"}

package/dist/cjs/formik/Button.js

@@ -4,13 +4,13 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var formik = require('formik');
 var ramda = require('ramda');
-var Button = require('../Button-BniJ4TT_.js');
+var Button = require('../Button-BlNtYr1w.js');
 require('react-router-dom');
-require('../utils-CTr7wn5d.js');
-require('../renderIcon-fLF3odqg.js');
+require('../utils-BhM0B89p.js');
+require('../renderIcon-BRrpZu9a.js');
 require('../primitives/Button.js');
-require('../button--P7-oIJb.js');
-require('../index-BZhTddX0.js');
+require('../button-CMl9rLXi.js');
+require('../index-vioSzJOw.js');
 require('../index-DuNgWCXZ.js');
 require('../index-D-iDn9RI.js');
 require('../primitives/Spinner.js');
@@ -18,7 +18,7 @@ require('react-i18next');
 require('../loader-circle-Bw7zP2Gn.js');
 require('../createLucideIcon-D0tRgV6l.js');
 require('../primitives/Tooltip.js');
-require('../tooltip-C-568jEL.js');
+require('../tooltip-BYCcUMZn.js');
 require('../index-COPkC3I5.js');
 require('../index-CGUGhyIp.js');
 require('../index-Bvu9MiFi.js');
@@ -35,11 +35,22 @@ require('../index-DcCSSgb7.js');
 require('../index-CyrAgb4H.js');
 require('../index-CB9xFokC.js');
 
-const FormikButton = React.forwardRef(({ disabled, ...otherProps }, ref) => {
+const FormikButton = React.forwardRef(
+  ({ disabled, ...otherProps }, ref) => {
     const { handleSubmit, isSubmitting, values, initialValues, isValid } = formik.useFormikContext();
     const isDisabled = disabled ?? (isSubmitting || ramda.equals(values, initialValues));
-    return (jsxRuntime.jsx(Button.Button, { ref: ref, disabled: isDisabled, loading: isSubmitting && isValid, onClick: () => handleSubmit(), ...otherProps }));
-});
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Button.Button,
+      {
+        ref,
+        disabled: isDisabled,
+        loading: isSubmitting && isValid,
+        onClick: () => handleSubmit(),
+        ...otherProps
+      }
+    );
+  }
+);
 FormikButton.displayName = "FormikButton";
 
 exports.FormikButton = FormikButton;

package/dist/cjs/formik/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../src/formik/Button.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { useFormikContext } from \"formik\";\nimport { equals } from \"ramda\";\n\nimport { Button, ButtonProps } from \"src/components/Button\";\n\nexport interface FormikButtonProps extends ButtonProps {\n  /** Override the auto-computed disabled state. */\n  disabled?: boolean;\n}\n\nconst FormikButton = forwardRef<HTMLButtonElement, FormikButtonProps>(\n  ({ disabled, ...otherProps }, ref) => {\n    const { handleSubmit, isSubmitting, values, initialValues, isValid } =\n      useFormikContext();\n\n    const isDisabled =\n      disabled ?? (isSubmitting || equals(values, initialValues));\n\n    return (\n      <Button\n        ref={ref}\n        disabled={isDisabled}\n        loading={isSubmitting && isValid}\n        onClick={() => handleSubmit()}\n        {...otherProps}\n      />\n    );\n  }\n);\n\nFormikButton.displayName = \"FormikButton\";\n\nexport { FormikButton };\n"],"names":["forwardRef","useFormikContext","equals","_jsx","Button"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,YAAY,GAAGA,gBAAU,CAC7B,CAAC,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG,KAAI;AACnC,IAAA,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,GAClEC,uBAAgB,EAAE;AAEpB,IAAA,MAAM,UAAU,GACd,QAAQ,KAAK,YAAY,IAAIC,YAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAE7D,IAAA,QACEC,cAAA,CAACC,aAAM,EAAA,EACL,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,YAAY,IAAI,OAAO,EAChC,OAAO,EAAE,MAAM,YAAY,EAAE,EAAA,GACzB,UAAU,EAAA,CACd;AAEN,CAAC;AAGH,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
+{"version":3,"file":"Button.js","sources":["../../../src/formik/Button.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { useFormikContext } from \"formik\";\nimport { equals } from \"ramda\";\n\nimport { Button, ButtonProps } from \"src/components/Button\";\n\nexport interface FormikButtonProps extends ButtonProps {\n  /** Override the auto-computed disabled state. */\n  disabled?: boolean;\n}\n\nconst FormikButton = forwardRef<HTMLButtonElement, FormikButtonProps>(\n  ({ disabled, ...otherProps }, ref) => {\n    const { handleSubmit, isSubmitting, values, initialValues, isValid } =\n      useFormikContext();\n\n    const isDisabled =\n      disabled ?? (isSubmitting || equals(values, initialValues));\n\n    return (\n      <Button\n        ref={ref}\n        disabled={isDisabled}\n        loading={isSubmitting && isValid}\n        onClick={() => handleSubmit()}\n        {...otherProps}\n      />\n    );\n  }\n);\n\nFormikButton.displayName = \"FormikButton\";\n\nexport { FormikButton };\n"],"names":["forwardRef","useFormikContext","equals","jsx","Button"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,YAAA,GAAeA,gBAAA;AAAA,EACnB,CAAC,EAAE,QAAA,EAAU,GAAG,UAAA,IAAc,GAAA,KAAQ;AACpC,IAAA,MAAM,EAAE,YAAA,EAAc,YAAA,EAAc,QAAQ,aAAA,EAAe,OAAA,KACzDC,uBAAA,EAAiB;AAEnB,IAAA,MAAM,UAAA,GACJ,QAAA,KAAa,YAAA,IAAgBC,YAAA,CAAO,QAAQ,aAAa,CAAA,CAAA;AAE3D,IAAA,uBACEC,cAAA;AAAA,MAACC,aAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,QAAA,EAAU,UAAA;AAAA,QACV,SAAS,YAAA,IAAgB,OAAA;AAAA,QACzB,OAAA,EAAS,MAAM,YAAA,EAAa;AAAA,QAC3B,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA;;;;"}

package/dist/cjs/formik/Checkbox.js

@@ -4,8 +4,8 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var formik = require('formik');
 var ramda = require('ramda');
-var Checkbox = require('../Checkbox-DOlS2oCD.js');
-require('../utils-CTr7wn5d.js');
+var Checkbox = require('../Checkbox-CxqWOvFN.js');
+require('../utils-BhM0B89p.js');
 require('../primitives/Checkbox.js');
 require('../check-BQgcDXys.js');
 require('../createLucideIcon-D0tRgV6l.js');
@@ -20,20 +20,38 @@ require('../index-DcCSSgb7.js');
 require('../index-DMbj7vXd.js');
 require('react-dom');
 require('../primitives/Field.js');
-require('../index-BZhTddX0.js');
-require('../label-Bdc9ytTI.js');
-require('../separator-CPy2gyg1.js');
+require('../index-vioSzJOw.js');
+require('../label-DJ7KkKYy.js');
+require('../separator-DSL-aG1J.js');
 
-const FormikCheckbox = React.forwardRef(({ name, onCheckedChange: onCheckedChangeProp, onChange: onChangeProp, ...rest }, ref) => (jsxRuntime.jsx(formik.Field, { name: name, children: ({ field, meta, form }) => {
-        const { status = {}, setStatus } = form;
-        const fieldStatus = formik.getIn(status, name);
-        return (jsxRuntime.jsx(Checkbox.Checkbox, { ref: ref, checked: !!field.value, error: meta.touched ? meta.error || fieldStatus : "", name: field.name, onBlur: field.onBlur, onCheckedChange: (checked) => {
-                setStatus(ramda.dissoc(name, status));
-                form.setFieldValue(name, checked);
-                onCheckedChangeProp?.(checked);
-                onChangeProp?.();
-            }, ...rest }));
-    } })));
+const FormikCheckbox = React.forwardRef(
+  ({
+    name,
+    onCheckedChange: onCheckedChangeProp,
+    onChange: onChangeProp,
+    ...rest
+  }, ref) => /* @__PURE__ */ jsxRuntime.jsx(formik.Field, { name, children: ({ field, meta, form }) => {
+    const { status = {}, setStatus } = form;
+    const fieldStatus = formik.getIn(status, name);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Checkbox.Checkbox,
+      {
+        ref,
+        checked: !!field.value,
+        error: meta.touched ? meta.error || fieldStatus : "",
+        name: field.name,
+        onBlur: field.onBlur,
+        onCheckedChange: (checked) => {
+          setStatus(ramda.dissoc(name, status));
+          form.setFieldValue(name, checked);
+          onCheckedChangeProp?.(checked);
+          onChangeProp?.();
+        },
+        ...rest
+      }
+    );
+  } })
+);
 FormikCheckbox.displayName = "FormikCheckbox";
 
 exports.FormikCheckbox = FormikCheckbox;

package/dist/cjs/formik/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../src/formik/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field, getIn, FieldProps } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Checkbox, CheckboxProps } from \"src/components/Checkbox\";\n\nexport interface FormikCheckboxProps extends Omit<CheckboxProps, \"name\"> {\n  /** Formik field name. */\n  name: string;\n  /** Callback fired when the checked state changes. Also supports onChange for compatibility. */\n  onChange?: () => void;\n}\n\nconst FormikCheckbox = forwardRef<\n  React.ComponentRef<typeof Checkbox>,\n  FormikCheckboxProps\n>(\n  (\n    {\n      name,\n      onCheckedChange: onCheckedChangeProp,\n      onChange: onChangeProp,\n      ...rest\n    },\n    ref\n  ) => (\n    <Field name={name}>\n      {({ field, meta, form }: FieldProps) => {\n        const { status = {}, setStatus } = form;\n        const fieldStatus = getIn(status, name);\n\n        return (\n          <Checkbox\n            ref={ref}\n            checked={!!field.value}\n            error={meta.touched ? meta.error || fieldStatus : \"\"}\n            name={field.name}\n            onBlur={field.onBlur}\n            onCheckedChange={(checked: boolean) => {\n              setStatus(dissoc(name, status));\n              form.setFieldValue(name, checked);\n              onCheckedChangeProp?.(checked);\n              onChangeProp?.();\n            }}\n            {...rest}\n          />\n        );\n      }}\n    </Field>\n  )\n);\n\nFormikCheckbox.displayName = \"FormikCheckbox\";\n\nexport { FormikCheckbox };\n"],"names":["forwardRef","_jsx","Field","getIn","Checkbox","dissoc"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,cAAc,GAAGA,gBAAU,CAI/B,CACE,EACE,IAAI,EACJ,eAAe,EAAE,mBAAmB,EACpC,QAAQ,EAAE,YAAY,EACtB,GAAG,IAAI,EACR,EACD,GAAG,MAEHC,eAACC,YAAK,EAAA,EAAC,IAAI,EAAE,IAAI,YACd,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAc,KAAI;QACrC,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,IAAI;QACvC,MAAM,WAAW,GAAGC,YAAK,CAAC,MAAM,EAAE,IAAI,CAAC;QAEvC,QACEF,eAACG,iBAAQ,EAAA,EACP,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EACtB,KAAK,EAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,WAAW,GAAG,EAAE,EACpD,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,eAAe,EAAE,CAAC,OAAgB,KAAI;gBACpC,SAAS,CAACC,YAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC/B,gBAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,OAAO,CAAC;AACjC,gBAAA,mBAAmB,GAAG,OAAO,CAAC;gBAC9B,YAAY,IAAI;AAClB,YAAA,CAAC,EAAA,GACG,IAAI,EAAA,CACR;IAEN,CAAC,EAAA,CACK,CACT;AAGH,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../src/formik/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field, getIn, FieldProps } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Checkbox, CheckboxProps } from \"src/components/Checkbox\";\n\nexport interface FormikCheckboxProps extends Omit<CheckboxProps, \"name\"> {\n  /** Formik field name. */\n  name: string;\n  /** Callback fired when the checked state changes. Also supports onChange for compatibility. */\n  onChange?: () => void;\n}\n\nconst FormikCheckbox = forwardRef<\n  React.ComponentRef<typeof Checkbox>,\n  FormikCheckboxProps\n>(\n  (\n    {\n      name,\n      onCheckedChange: onCheckedChangeProp,\n      onChange: onChangeProp,\n      ...rest\n    },\n    ref\n  ) => (\n    <Field name={name}>\n      {({ field, meta, form }: FieldProps) => {\n        const { status = {}, setStatus } = form;\n        const fieldStatus = getIn(status, name);\n\n        return (\n          <Checkbox\n            ref={ref}\n            checked={!!field.value}\n            error={meta.touched ? meta.error || fieldStatus : \"\"}\n            name={field.name}\n            onBlur={field.onBlur}\n            onCheckedChange={(checked: boolean) => {\n              setStatus(dissoc(name, status));\n              form.setFieldValue(name, checked);\n              onCheckedChangeProp?.(checked);\n              onChangeProp?.();\n            }}\n            {...rest}\n          />\n        );\n      }}\n    </Field>\n  )\n);\n\nFormikCheckbox.displayName = \"FormikCheckbox\";\n\nexport { FormikCheckbox };\n"],"names":["forwardRef","jsx","Field","getIn","Checkbox","dissoc"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,cAAA,GAAiBA,gBAAA;AAAA,EAIrB,CACE;AAAA,IACE,IAAA;AAAA,IACA,eAAA,EAAiB,mBAAA;AAAA,IACjB,QAAA,EAAU,YAAA;AAAA,IACV,GAAG;AAAA,GACL,EACA,GAAA,qBAEAC,cAAA,CAACC,YAAA,EAAA,EAAM,IAAA,EACJ,WAAC,EAAE,KAAA,EAAO,IAAA,EAAM,IAAA,EAAK,KAAkB;AACtC,IAAA,MAAM,EAAE,MAAA,GAAS,EAAC,EAAG,WAAU,GAAI,IAAA;AACnC,IAAA,MAAM,WAAA,GAAcC,YAAA,CAAM,MAAA,EAAQ,IAAI,CAAA;AAEtC,IAAA,uBACEF,cAAA;AAAA,MAACG,iBAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,OAAA,EAAS,CAAC,CAAC,KAAA,CAAM,KAAA;AAAA,QACjB,KAAA,EAAO,IAAA,CAAK,OAAA,GAAU,IAAA,CAAK,SAAS,WAAA,GAAc,EAAA;AAAA,QAClD,MAAM,KAAA,CAAM,IAAA;AAAA,QACZ,QAAQ,KAAA,CAAM,MAAA;AAAA,QACd,eAAA,EAAiB,CAAC,OAAA,KAAqB;AACrC,UAAA,SAAA,CAAUC,YAAA,CAAO,IAAA,EAAM,MAAM,CAAC,CAAA;AAC9B,UAAA,IAAA,CAAK,aAAA,CAAc,MAAM,OAAO,CAAA;AAChC,UAAA,mBAAA,GAAsB,OAAO,CAAA;AAC7B,UAAA,YAAA,IAAe;AAAA,QACjB,CAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ,CAAA,EACF;AAEJ;AAEA,cAAA,CAAe,WAAA,GAAc,gBAAA;;;;"}