@okam/stack-ui 1.41.2 → 1.42.1

package/index31.mjs

@@ -1,115 +1,164 @@
 "use client";
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { useRef as M } from "react";
-import { useDatePicker as U } from "react-aria";
-import { useDatePickerState as W } from "react-stately";
-import n from "./index35.mjs";
-import G from "./index36.mjs";
-import { Dialog as J } from "./index158.mjs";
-import Q from "./index3.mjs";
-import { CalendarPopover as V } from "./index32.mjs";
-import f from "./index33.mjs";
-import X from "./index154.mjs";
-function le(a) {
+import { jsxs as T, jsx as a } from "react/jsx-runtime";
+import { FocusRing as k } from "@react-aria/focus";
+import { isEmpty as P } from "radashi";
+import { useRef as H } from "react";
+import { useTextField as _ } from "react-aria";
+import { useFormContext as w, Controller as A } from "react-hook-form";
+import C from "./index88.mjs";
+import { useTranslation as G } from "./index96.mjs";
+import y from "./index36.mjs";
+import L from "./index3.mjs";
+const Q = (b) => {
   const {
-    popoverPlacement: u = "bottom start",
-    placement: P = "bottom start",
+    label: n,
+    isRequired: e = !1,
+    isDisabled: q = !1,
+    isInvalid: F = !1,
+    required: v,
+    disabled: E,
+    errorMessage: d,
+    fieldRef: l,
+    children: c,
+    themeName: i = "textInput",
     tokens: s,
-    customTheme: k,
-    themeName: e = "datePicker",
-    icon: b = "ArrowDown",
-    description: m,
-    buttonLabel: g,
-    buttonContent: v,
-    label: d,
-    children: D,
-    invalidIndicator: c = "❌",
-    isDisabled: N = !1,
-    isReadOnly: y = !1,
-    isRequired: I = !1,
-    containerPadding: $,
-    shouldCloseOnInteractOutside: O,
-    arrowBoundaryOffset: x,
-    isNonModal: C,
-    isKeyboardDismissDisabled: w,
-    arrowSize: R,
-    boundaryElement: T,
-    maxHeight: j,
-    shouldUpdatePosition: B
-  } = a, F = P ?? u, i = W(a), { isInvalid: p, isOpen: S, hasTime: q } = i, l = M(null), { groupProps: z, fieldProps: h, labelProps: A, descriptionProps: E, buttonProps: H, dialogProps: K, calendarProps: L } = U(a, i, l), o = {
-    isInvalid: p,
-    isOpen: S,
-    hasTime: q,
-    isDisabled: N,
-    isReadOnly: y,
-    isRequired: I,
-    ...s
-  };
-  return /* @__PURE__ */ r(n, { themeName: `${e}.container`, tokens: o, customTheme: k, children: [
-    d && /* @__PURE__ */ t(Q, { as: "span", themeName: `${e}.label`, tokens: o, ...A, children: d }),
-    m && /* @__PURE__ */ t(n, { as: "div", themeName: `${e}.description`, tokens: o, ...E, children: m }),
-    /* @__PURE__ */ r(
-      X,
+    customTheme: o,
+    ariaLabel: m,
+    placeholder: p,
+    isReadOnly: M = !1,
+    ...x
+  } = b, f = H(null), R = v ?? e, I = E ?? q, { labelProps: N, inputProps: r, errorMessageProps: t } = _(
+    {
+      label: n,
+      errorMessage: d,
+      isRequired: R,
+      isDisabled: I,
+      isInvalid: F,
+      isReadOnly: M,
+      ...x
+    },
+    f
+  ), h = (u) => {
+    u && (l == null || l(u), f.current = u);
+  }, O = C(`${i}.input`, s);
+  return /* @__PURE__ */ T("div", { children: [
+    /* @__PURE__ */ a(k, { focusRingClass: "has-focus-ring", within: !0, children: /* @__PURE__ */ T(
+      y,
       {
-        themeName: e,
-        tokens: o,
-        ref: l,
-        groupProps: z,
-        buttonProps: H,
-        buttonLabel: g,
-        buttonContent: v,
-        icon: b,
+        "aria-disabled": r.disabled,
+        themeName: `${i}.wrapper`,
+        tokens: s,
+        customTheme: o,
         children: [
-          /* @__PURE__ */ t(f, { themeName: e, tokens: { ...o, position: "outer" }, ...h }),
-          i.isInvalid && /* @__PURE__ */ t(
-            n,
-            {
-              as: "span",
-              themeName: `${e}.invalidIndicator`,
-              tokens: { ...o, position: "outer" },
-              children: c
-            }
-          )
+          n && // eslint-disable-next-line jsx-a11y/label-has-associated-control
+          /* @__PURE__ */ a(y, { as: "label", tokens: s, themeName: `${i}.label`, customTheme: o, ...N, children: n }),
+          /* @__PURE__ */ T(y, { themeName: `${i}.container`, tokens: s, customTheme: o, children: [
+            c,
+            /* @__PURE__ */ a("input", { "aria-label": m, ...r, placeholder: p, ref: h, className: O })
+          ] })
         ]
       }
-    ),
-    i.isOpen && /* @__PURE__ */ t(
-      V,
+    ) }),
+    d && /* @__PURE__ */ a(
+      L,
       {
-        themeName: e,
-        tokens: { ...s, isInvalid: p },
-        triggerRef: l,
-        state: i,
-        placement: F,
-        containerPadding: $,
-        shouldCloseOnInteractOutside: O,
-        arrowBoundaryOffset: x,
-        isNonModal: C,
-        isKeyboardDismissDisabled: w,
-        arrowSize: R,
-        boundaryElement: T,
-        maxHeight: j,
-        shouldUpdatePosition: B,
-        children: /* @__PURE__ */ r(J, { themeName: `${e}.dialog`, tokens: o, ...K, children: [
-          D,
-          /* @__PURE__ */ r(n, { themeName: `${e}.dateFieldContainer`, tokens: o, children: [
-            /* @__PURE__ */ t(f, { themeName: e, tokens: { ...o, position: "inner" }, ...h }),
-            i.isInvalid && /* @__PURE__ */ t(
-              n,
-              {
-                as: "span",
-                themeName: `${e}.invalidIndicator`,
-                tokens: { ...o, position: "inner" },
-                children: c
-              }
-            )
-          ] }),
-          /* @__PURE__ */ t(G, { ...L, tokens: s })
-        ] })
+        themeName: `${i}.errorMessage`,
+        tokens: s,
+        customTheme: o,
+        ...t,
+        children: d
       }
     )
   ] });
-}
+}, S = ({
+  name: b,
+  label: n,
+  rules: e,
+  tokens: q,
+  ariaLabel: F,
+  defaultValue: v = "",
+  placeholder: E = "",
+  themeName: d = "textInput",
+  isReadOnly: l = !1,
+  minLength: c,
+  maxLength: i,
+  required: s,
+  isRequired: o,
+  onChange: m,
+  onBlur: p,
+  children: M = null,
+  ...x
+}) => {
+  const { control: f } = w(), { t: R } = G(), I = () => {
+    const r = Object.entries(x).filter(([t, h]) => t.startsWith("aria-"));
+    return Object.fromEntries(r);
+  }, N = {
+    required: s ?? o ? R("FORM.ERROR.REQUIRED") ?? "required" : !1,
+    ...c != null && {
+      minLength: {
+        value: c,
+        message: R("FORM.ERROR.MIN_LENGTH", { length: c })
+      }
+    },
+    ...i != null && {
+      maxLength: {
+        value: i,
+        message: R("FORM.ERROR.MAX_LENGTH", { length: i })
+      }
+    },
+    ...e
+  };
+  return /* @__PURE__ */ a(
+    A,
+    {
+      name: b,
+      control: f,
+      rules: N,
+      disabled: e == null ? void 0 : e.disabled,
+      defaultValue: v,
+      render: ({ field: r, fieldState: t }) => {
+        var $;
+        const { ref: h, ...O } = r, u = !P(t.error), D = {
+          isDisabled: r.disabled ?? !1,
+          isRequired: (e == null ? void 0 : e.required) === !0 || (e == null ? void 0 : e.required) === "required",
+          isInvalid: t.invalid,
+          isError: u,
+          isReadOnly: l
+        }, j = {
+          ...q,
+          ...D
+        };
+        return /* @__PURE__ */ a(
+          Q,
+          {
+            ...O,
+            ...D,
+            ...I(),
+            fieldRef: h,
+            name: b,
+            placeholder: E,
+            themeName: d,
+            label: n,
+            tokens: j,
+            ariaLabel: F,
+            isDisabled: r.disabled,
+            isRequired: (e == null ? void 0 : e.required) === !0 || (e == null ? void 0 : e.required) === "required",
+            isInvalid: t.invalid,
+            errorMessage: ($ = t.error) == null ? void 0 : $.message,
+            onChange: (g) => {
+              r.onChange(g), m == null || m(g);
+            },
+            onBlur: (g) => {
+              r.onBlur(), p == null || p(g);
+            },
+            children: M
+          }
+        );
+      }
+    }
+  );
+};
 export {
-  le as default
+  S as ReactHookFormInput,
+  Q as default
 };

package/index310.js

@@ -1 +1 @@
-"use strict";exports.default={};exports.default={dismiss:"Revocare"};module.exports=exports.default;
+"use strict";exports.default={};exports.default={dismiss:"Negeren"};module.exports=exports.default;

package/index310.mjs

@@ -1,6 +1,6 @@
 var e = {};
 e = {
-  dismiss: "Revocare"
+  dismiss: "Negeren"
 };
 export {
   e as default

package/index311.js

@@ -1 +1 @@
-"use strict";exports.default={};exports.default={dismiss:"Пропустить"};module.exports=exports.default;
+"use strict";exports.default={};exports.default={dismiss:"Zignoruj"};module.exports=exports.default;

package/index311.mjs

@@ -1,7 +1,7 @@
-var u = {};
-u = {
-  dismiss: "Пропустить"
+var e = {};
+e = {
+  dismiss: "Zignoruj"
 };
 export {
-  u as default
+  e as default
 };

package/index312.js

@@ -1 +1 @@
-"use strict";exports.default={};exports.default={dismiss:"Zrušiť"};module.exports=exports.default;
+"use strict";exports.default={};exports.default={dismiss:"Descartar"};module.exports=exports.default;

package/index312.mjs

@@ -1,7 +1,7 @@
-var s = {};
-s = {
-  dismiss: "Zrušiť"
+var a = {};
+a = {
+  dismiss: "Descartar"
 };
 export {
-  s as default
+  a as default
 };

package/index313.js

@@ -1 +1 @@
-"use strict";exports.default={};exports.default={dismiss:"Opusti"};module.exports=exports.default;
+"use strict";exports.default={};exports.default={dismiss:"Dispensar"};module.exports=exports.default;

package/index313.mjs

@@ -1,6 +1,6 @@
 var s = {};
 s = {
-  dismiss: "Opusti"
+  dismiss: "Dispensar"
 };
 export {
   s as default

package/index314.js

@@ -1 +1 @@
-"use strict";exports.default={};exports.default={dismiss:"Odbaci"};module.exports=exports.default;
+"use strict";exports.default={};exports.default={dismiss:"Revocare"};module.exports=exports.default;

package/index314.mjs

@@ -1,7 +1,7 @@
-var s = {};
-s = {
-  dismiss: "Odbaci"
+var e = {};
+e = {
+  dismiss: "Revocare"
 };
 export {
-  s as default
+  e as default
 };

package/index315.js

@@ -1 +1 @@
-"use strict";exports.default={};exports.default={dismiss:"Avvisa"};module.exports=exports.default;
+"use strict";exports.default={};exports.default={dismiss:"Пропустить"};module.exports=exports.default;

package/index315.mjs

@@ -1,7 +1,7 @@
-var s = {};
-s = {
-  dismiss: "Avvisa"
+var u = {};
+u = {
+  dismiss: "Пропустить"
 };
 export {
-  s as default
+  u as default
 };

package/index316.js

@@ -1 +1 @@
-"use strict";exports.default={};exports.default={dismiss:"Kapat"};module.exports=exports.default;
+"use strict";exports.default={};exports.default={dismiss:"Zrušiť"};module.exports=exports.default;

package/index316.mjs

@@ -1,7 +1,7 @@
-var a = {};
-a = {
-  dismiss: "Kapat"
+var s = {};
+s = {
+  dismiss: "Zrušiť"
 };
 export {
-  a as default
+  s as default
 };

package/index317.js

@@ -1 +1 @@
-"use strict";exports.default={};exports.default={dismiss:"Скасувати"};module.exports=exports.default;
+"use strict";exports.default={};exports.default={dismiss:"Opusti"};module.exports=exports.default;

package/index317.mjs

@@ -1,7 +1,7 @@
-var u = {};
-u = {
-  dismiss: "Скасувати"
+var s = {};
+s = {
+  dismiss: "Opusti"
 };
 export {
-  u as default
+  s as default
 };

package/index318.js

@@ -1 +1 @@
-"use strict";exports.default={};exports.default={dismiss:"取消"};module.exports=exports.default;
+"use strict";exports.default={};exports.default={dismiss:"Odbaci"};module.exports=exports.default;

package/index318.mjs

@@ -1,7 +1,7 @@
-var d = {};
-d = {
-  dismiss: "取消"
+var s = {};
+s = {
+  dismiss: "Odbaci"
 };
 export {
-  d as default
+  s as default
 };

package/index319.js

@@ -1 +1 @@
-"use strict";exports.default={};exports.default={dismiss:"關閉"};module.exports=exports.default;
+"use strict";exports.default={};exports.default={dismiss:"Avvisa"};module.exports=exports.default;

package/index319.mjs

@@ -1,6 +1,6 @@
 var s = {};
 s = {
-  dismiss: "關閉"
+  dismiss: "Avvisa"
 };
 export {
   s as default

package/index32.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),c=require("./index159.js"),d=require("./index160.js"),p=require("./index161.js"),f=require("react"),i=require("./index35.js");function m(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const j=m(f);function v({themeName:e="datePicker",tokens:t,...r}){const o=j.useRef(null),{state:n,children:a}={...r},{popoverProps:u,underlayProps:l}=d.usePopover({...r,popoverRef:o},n);return s.jsxs(p.Overlay,{children:[s.jsx(i.default,{themeName:`${e}.calendarUnderlay`,tokens:t,...l}),s.jsxs(i.BoxWithForwardRef,{themeName:`${e}.calendarPopover`,tokens:t,...u,ref:o,children:[s.jsx(c.DismissButton,{onDismiss:n.close}),a,s.jsx(c.DismissButton,{onDismiss:n.close})]})]})}exports.CalendarPopover=v;
+"use strict";const e=require("react/jsx-runtime"),L=require("react"),M=require("react-aria"),U=require("react-stately"),i=require("./index36.js"),W=require("./index37.js"),G=require("./index162.js"),J=require("./index3.js"),Q=require("./index33.js"),p=require("./index34.js"),V=require("./index158.js");function X(o){const{popoverPlacement:h="bottom start",placement:P="bottom start",tokens:r,customTheme:x,themeName:t="datePicker",icon:k="ArrowDown",description:d,buttonLabel:f,buttonContent:b,label:l,children:j,invalidIndicator:c="❌",isDisabled:q=!1,isReadOnly:v=!1,isRequired:$=!1,containerPadding:g,shouldCloseOnInteractOutside:D,arrowBoundaryOffset:N,isNonModal:I,isKeyboardDismissDisabled:y,arrowSize:O,boundaryElement:R,maxHeight:C,shouldUpdatePosition:w}=o,S=P??h,s=U.useDatePickerState(o),{isInvalid:u,isOpen:T,hasTime:A}=s,a=L.useRef(null),{groupProps:F,fieldProps:m,labelProps:z,descriptionProps:B,buttonProps:E,dialogProps:H,calendarProps:K}=M.useDatePicker(o,s,a),n={isInvalid:u,isOpen:T,hasTime:A,isDisabled:q,isReadOnly:v,isRequired:$,...r};return e.jsxs(i.default,{themeName:`${t}.container`,tokens:n,customTheme:x,children:[l&&e.jsx(J.default,{as:"span",themeName:`${t}.label`,tokens:n,...z,children:l}),d&&e.jsx(i.default,{as:"div",themeName:`${t}.description`,tokens:n,...B,children:d}),e.jsxs(V,{themeName:t,tokens:n,ref:a,groupProps:F,buttonProps:E,buttonLabel:f,buttonContent:b,icon:k,children:[e.jsx(p,{themeName:t,tokens:{...n,position:"outer"},...m}),s.isInvalid&&e.jsx(i.default,{as:"span",themeName:`${t}.invalidIndicator`,tokens:{...n,position:"outer"},children:c})]}),s.isOpen&&e.jsx(Q.CalendarPopover,{themeName:t,tokens:{...r,isInvalid:u},triggerRef:a,state:s,placement:S,containerPadding:g,shouldCloseOnInteractOutside:D,arrowBoundaryOffset:N,isNonModal:I,isKeyboardDismissDisabled:y,arrowSize:O,boundaryElement:R,maxHeight:C,shouldUpdatePosition:w,children:e.jsxs(G.Dialog,{themeName:`${t}.dialog`,tokens:n,...H,children:[j,e.jsxs(i.default,{themeName:`${t}.dateFieldContainer`,tokens:n,children:[e.jsx(p,{themeName:t,tokens:{...n,position:"inner"},...m}),s.isInvalid&&e.jsx(i.default,{as:"span",themeName:`${t}.invalidIndicator`,tokens:{...n,position:"inner"},children:c})]}),e.jsx(W,{...K,tokens:r})]})})]})}module.exports=X;

package/index32.mjs

@@ -1,27 +1,115 @@
 "use client";
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import { DismissButton as f } from "./index159.mjs";
-import { usePopover as n } from "./index160.mjs";
-import { Overlay as d } from "./index161.mjs";
-import * as l from "react";
-import $, { BoxWithForwardRef as x } from "./index35.mjs";
-function R({ themeName: r = "datePicker", tokens: s, ...a }) {
-  const t = l.useRef(null), { state: o, children: i } = { ...a }, { popoverProps: c, underlayProps: m } = n(
-    {
-      ...a,
-      popoverRef: t
-    },
-    o
-  );
-  return /* @__PURE__ */ p(d, { children: [
-    /* @__PURE__ */ e($, { themeName: `${r}.calendarUnderlay`, tokens: s, ...m }),
-    /* @__PURE__ */ p(x, { themeName: `${r}.calendarPopover`, tokens: s, ...c, ref: t, children: [
-      /* @__PURE__ */ e(f, { onDismiss: o.close }),
-      i,
-      /* @__PURE__ */ e(f, { onDismiss: o.close })
-    ] })
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { useRef as M } from "react";
+import { useDatePicker as U } from "react-aria";
+import { useDatePickerState as W } from "react-stately";
+import n from "./index36.mjs";
+import G from "./index37.mjs";
+import { Dialog as J } from "./index162.mjs";
+import Q from "./index3.mjs";
+import { CalendarPopover as V } from "./index33.mjs";
+import f from "./index34.mjs";
+import X from "./index158.mjs";
+function le(a) {
+  const {
+    popoverPlacement: u = "bottom start",
+    placement: P = "bottom start",
+    tokens: s,
+    customTheme: k,
+    themeName: e = "datePicker",
+    icon: b = "ArrowDown",
+    description: m,
+    buttonLabel: g,
+    buttonContent: v,
+    label: d,
+    children: D,
+    invalidIndicator: c = "❌",
+    isDisabled: N = !1,
+    isReadOnly: y = !1,
+    isRequired: I = !1,
+    containerPadding: $,
+    shouldCloseOnInteractOutside: O,
+    arrowBoundaryOffset: x,
+    isNonModal: C,
+    isKeyboardDismissDisabled: w,
+    arrowSize: R,
+    boundaryElement: T,
+    maxHeight: j,
+    shouldUpdatePosition: B
+  } = a, F = P ?? u, i = W(a), { isInvalid: p, isOpen: S, hasTime: q } = i, l = M(null), { groupProps: z, fieldProps: h, labelProps: A, descriptionProps: E, buttonProps: H, dialogProps: K, calendarProps: L } = U(a, i, l), o = {
+    isInvalid: p,
+    isOpen: S,
+    hasTime: q,
+    isDisabled: N,
+    isReadOnly: y,
+    isRequired: I,
+    ...s
+  };
+  return /* @__PURE__ */ r(n, { themeName: `${e}.container`, tokens: o, customTheme: k, children: [
+    d && /* @__PURE__ */ t(Q, { as: "span", themeName: `${e}.label`, tokens: o, ...A, children: d }),
+    m && /* @__PURE__ */ t(n, { as: "div", themeName: `${e}.description`, tokens: o, ...E, children: m }),
+    /* @__PURE__ */ r(
+      X,
+      {
+        themeName: e,
+        tokens: o,
+        ref: l,
+        groupProps: z,
+        buttonProps: H,
+        buttonLabel: g,
+        buttonContent: v,
+        icon: b,
+        children: [
+          /* @__PURE__ */ t(f, { themeName: e, tokens: { ...o, position: "outer" }, ...h }),
+          i.isInvalid && /* @__PURE__ */ t(
+            n,
+            {
+              as: "span",
+              themeName: `${e}.invalidIndicator`,
+              tokens: { ...o, position: "outer" },
+              children: c
+            }
+          )
+        ]
+      }
+    ),
+    i.isOpen && /* @__PURE__ */ t(
+      V,
+      {
+        themeName: e,
+        tokens: { ...s, isInvalid: p },
+        triggerRef: l,
+        state: i,
+        placement: F,
+        containerPadding: $,
+        shouldCloseOnInteractOutside: O,
+        arrowBoundaryOffset: x,
+        isNonModal: C,
+        isKeyboardDismissDisabled: w,
+        arrowSize: R,
+        boundaryElement: T,
+        maxHeight: j,
+        shouldUpdatePosition: B,
+        children: /* @__PURE__ */ r(J, { themeName: `${e}.dialog`, tokens: o, ...K, children: [
+          D,
+          /* @__PURE__ */ r(n, { themeName: `${e}.dateFieldContainer`, tokens: o, children: [
+            /* @__PURE__ */ t(f, { themeName: e, tokens: { ...o, position: "inner" }, ...h }),
+            i.isInvalid && /* @__PURE__ */ t(
+              n,
+              {
+                as: "span",
+                themeName: `${e}.invalidIndicator`,
+                tokens: { ...o, position: "inner" },
+                children: c
+              }
+            )
+          ] }),
+          /* @__PURE__ */ t(G, { ...L, tokens: s })
+        ] })
+      }
+    )
   ] });
 }
 export {
-  R as CalendarPopover
+  le as default
 };

package/index320.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({register:()=>{}});e.displayName="PressResponderContext";exports.PressResponderContext=e;
+"use strict";exports.default={};exports.default={dismiss:"Kapat"};module.exports=exports.default;

package/index320.mjs

@@ -1,9 +1,7 @@
-import e from "react";
-const t = e.createContext({
-  register: () => {
-  }
-});
-t.displayName = "PressResponderContext";
+var a = {};
+a = {
+  dismiss: "Kapat"
+};
 export {
-  t as PressResponderContext
+  a as default
 };

package/index321.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./index322.js"),a=require("react"),r=require("./index252.js"),F=require("./index253.js");function v(l){let{isDisabled:u,onFocus:o,onBlur:n,onFocusChange:t}=l;const c=a.useCallback(e=>{if(e.target===e.currentTarget)return n&&n(e),t&&t(!1),!0},[n,t]),s=g.useSyntheticBlurEvent(c),d=a.useCallback(e=>{const i=F.getOwnerDocument(e.target),f=i?r.getActiveElement(i):r.getActiveElement();e.target===e.currentTarget&&f===r.getEventTarget(e.nativeEvent)&&(o&&o(e),t&&t(!0),s(e))},[t,o,s]);return{focusProps:{onFocus:!u&&(o||t||n)?d:void 0,onBlur:!u&&(n||t)?c:void 0}}}exports.useFocus=v;
+"use strict";exports.default={};exports.default={dismiss:"Скасувати"};module.exports=exports.default;

package/index321.mjs

@@ -1,30 +1,7 @@
-import { useSyntheticBlurEvent as l } from "./index322.mjs";
-import { useCallback as u } from "react";
-import { getActiveElement as a, getEventTarget as p } from "./index252.mjs";
-import { getOwnerDocument as m } from "./index253.mjs";
-function x(d) {
-  let { isDisabled: r, onFocus: n, onBlur: o, onFocusChange: t } = d;
-  const c = u((e) => {
-    if (e.target === e.currentTarget)
-      return o && o(e), t && t(!1), !0;
-  }, [
-    o,
-    t
-  ]), f = l(c), i = u((e) => {
-    const s = m(e.target), $ = s ? a(s) : a();
-    e.target === e.currentTarget && $ === p(e.nativeEvent) && (n && n(e), t && t(!0), f(e));
-  }, [
-    t,
-    n,
-    f
-  ]);
-  return {
-    focusProps: {
-      onFocus: !r && (n || t || o) ? i : void 0,
-      onBlur: !r && (o || t) ? c : void 0
-    }
-  };
-}
+var u = {};
+u = {
+  dismiss: "Скасувати"
+};
 export {
-  x as useFocus
+  u as default
 };

package/index322.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./index253.js"),l=require("./index256.js"),E=require("./index233.js"),m=require("./index266.js"),p=require("./index272.js"),d=require("react");function f(r){let e=r;return e.nativeEvent=r,e.isDefaultPrevented=()=>e.defaultPrevented,e.isPropagationStopped=()=>e.cancelBubble,e.persist=()=>{},e}function g(r,e){Object.defineProperty(r,"target",{value:e}),Object.defineProperty(r,"currentTarget",{value:e})}function F(r){let e=d.useRef({isFocused:!1,observer:null});E.useLayoutEffect(()=>{const t=e.current;return()=>{t.observer&&(t.observer.disconnect(),t.observer=null)}},[]);let u=m.useEffectEvent(t=>{r==null||r(t)});return d.useCallback(t=>{if(t.target instanceof HTMLButtonElement||t.target instanceof HTMLInputElement||t.target instanceof HTMLTextAreaElement||t.target instanceof HTMLSelectElement){e.current.isFocused=!0;let o=t.target,s=c=>{if(e.current.isFocused=!1,o.disabled){let i=f(c);u(i)}e.current.observer&&(e.current.observer.disconnect(),e.current.observer=null)};o.addEventListener("focusout",s,{once:!0}),e.current.observer=new MutationObserver(()=>{if(e.current.isFocused&&o.disabled){var c;(c=e.current.observer)===null||c===void 0||c.disconnect();let i=o===document.activeElement?null:document.activeElement;o.dispatchEvent(new FocusEvent("blur",{relatedTarget:i})),o.dispatchEvent(new FocusEvent("focusout",{bubbles:!0,relatedTarget:i}))}}),e.current.observer.observe(o,{attributes:!0,attributeFilter:["disabled"]})}},[u])}exports.ignoreFocusEvent=!1;function L(r){for(;r&&!p.isFocusable(r);)r=r.parentElement;let e=b.getOwnerWindow(r),u=e.document.activeElement;if(!u||u===r)return;exports.ignoreFocusEvent=!0;let t=!1,o=n=>{(n.target===u||t)&&n.stopImmediatePropagation()},s=n=>{(n.target===u||t)&&(n.stopImmediatePropagation(),!r&&!t&&(t=!0,l.focusWithoutScrolling(u),a()))},c=n=>{(n.target===r||t)&&n.stopImmediatePropagation()},i=n=>{(n.target===r||t)&&(n.stopImmediatePropagation(),t||(t=!0,l.focusWithoutScrolling(u),a()))};e.addEventListener("blur",o,!0),e.addEventListener("focusout",s,!0),e.addEventListener("focusin",i,!0),e.addEventListener("focus",c,!0);let a=()=>{cancelAnimationFrame(v),e.removeEventListener("blur",o,!0),e.removeEventListener("focusout",s,!0),e.removeEventListener("focusin",i,!0),e.removeEventListener("focus",c,!0),exports.ignoreFocusEvent=!1,t=!1},v=requestAnimationFrame(a);return a}exports.createSyntheticEvent=f;exports.preventFocus=L;exports.setEventTarget=g;exports.useSyntheticBlurEvent=F;
+"use strict";exports.default={};exports.default={dismiss:"取消"};module.exports=exports.default;