@anoki/fse-ui 1.0.405 → 1.0.406

package/dist/index.es182.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es154.js";
 import { clsx as t } from "./index.es156.js";
-import { createColorClasses as a } from "./index.es165.js";
+import { createColorClasses as a } from "./index.es163.js";
 const x = ({
   width: r = 56,
   height: s = 10,

package/dist/index.es183.js

@@ -3,7 +3,7 @@ import { Button as m } from "./index.es25.js";
 import { HeaderTopBanner as y } from "./index.es21.js";
 import { useState as g, useRef as w, useCallback as C, useEffect as u } from "react";
 import { clsx as r } from "./index.es156.js";
-import { useFocusTrap as N } from "./index.es279.js";
+import { useFocusTrap as N } from "./index.es274.js";
 import { Container as k } from "./index.es6.js";
 import './components/navigations/HeaderMobile/HeaderMobile.css';/* empty css            */
 import { Col as L } from "./index.es10.js";

package/dist/index.es190.js

@@ -1,12 +1,12 @@
 import * as n from "react";
-import { useComposedRefs as N } from "./index.es273.js";
-import { createContextScope as M } from "./index.es274.js";
-import { composeEventHandlers as S } from "./index.es272.js";
-import { useControllableState as O } from "./index.es275.js";
-import { usePrevious as A } from "./index.es282.js";
-import { useSize as B } from "./index.es283.js";
-import { Presence as H } from "./index.es284.js";
-import { Primitive as j } from "./index.es276.js";
+import { useComposedRefs as N } from "./index.es278.js";
+import { createContextScope as M } from "./index.es279.js";
+import { composeEventHandlers as S } from "./index.es277.js";
+import { useControllableState as O } from "./index.es280.js";
+import { usePrevious as A } from "./index.es306.js";
+import { useSize as B } from "./index.es301.js";
+import { Presence as H } from "./index.es293.js";
+import { Primitive as j } from "./index.es281.js";
 import { j as f } from "./index.es154.js";
 var R = "Checkbox", [K, Y] = M(R), [L, q] = K(R), I = n.forwardRef(
   (e, l) => {

package/dist/index.es199.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es154.js";
 import { clsx as i } from "./index.es156.js";
-import { createColorClasses as l } from "./index.es165.js";
+import { createColorClasses as l } from "./index.es163.js";
 const d = ({
   width: s = 24,
   height: t = 24,

package/dist/index.es201.js

@@ -1,18 +1,18 @@
 import * as s from "react";
-import { composeEventHandlers as p } from "./index.es272.js";
-import { useComposedRefs as C } from "./index.es273.js";
-import { createContextScope as L, createContext as $ } from "./index.es274.js";
-import { useId as x } from "./index.es278.js";
-import { useControllableState as B } from "./index.es275.js";
-import { DismissableLayer as H } from "./index.es293.js";
-import { FocusScope as V } from "./index.es295.js";
-import { Portal as q } from "./index.es297.js";
-import { Presence as R } from "./index.es284.js";
-import { Primitive as m } from "./index.es276.js";
-import { useFocusGuards as K } from "./index.es294.js";
-import U from "./index.es300.js";
-import { hideOthers as Y } from "./index.es299.js";
-import { Slot as Z } from "./index.es290.js";
+import { composeEventHandlers as p } from "./index.es277.js";
+import { useComposedRefs as C } from "./index.es278.js";
+import { createContextScope as L, createContext as $ } from "./index.es279.js";
+import { useId as x } from "./index.es283.js";
+import { useControllableState as B } from "./index.es280.js";
+import { DismissableLayer as H } from "./index.es288.js";
+import { FocusScope as V } from "./index.es290.js";
+import { Portal as q } from "./index.es292.js";
+import { Presence as R } from "./index.es293.js";
+import { Primitive as m } from "./index.es281.js";
+import { useFocusGuards as K } from "./index.es289.js";
+import U from "./index.es296.js";
+import { hideOthers as Y } from "./index.es295.js";
+import { Slot as Z } from "./index.es285.js";
 import { j as i } from "./index.es154.js";
 var _ = "Dialog", [P, _e] = L(_), [z, u] = P(_), y = (e) => {
   const {

package/dist/index.es208.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es154.js";
-import './components/ui/DoctorConfirmModal/DoctorConfirmModalFooter/DoctorConfirmModalFooter.css';/* empty css            */
+import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css            */
 const s = ({ children: o }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });
 export {
   s as ConsentModalFooter

package/dist/index.es209.js

@@ -1,6 +1,6 @@
 import { j as n } from "./index.es154.js";
 import { clsx as r } from "./index.es156.js";
-import './components/ui/DoctorConfirmModal/DoctorConfirmModalContent/DoctorConfirmModalContent.css';/* empty css            */
+import './components/ui/ConsentModal/ConsentModalContent/ConsentModalContent.css';/* empty css            */
 const i = ({
   overrideClassNames: o,
   children: t

package/dist/index.es213.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es154.js";
-import './components/ui/DoctorConfirmModal/DoctorConfirmModalFooter/DoctorConfirmModalFooter.css';/* empty css            */
+import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css            */
 const s = ({ children: o }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });
 export {
   s as DoctorModalFooter

package/dist/index.es218.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es154.js";
 import { clsx as m } from "./index.es156.js";
-import './components/ui/DoctorConfirmModal/DoctorConfirmModalContent/DoctorConfirmModalContent.css';/* empty css            */
+import './components/ui/ConsentModal/ConsentModalContent/ConsentModalContent.css';/* empty css            */
 const e = ({
   overrideClassNames: o,
   children: t

package/dist/index.es22.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es154.js";
 import { Root as i, Trigger as c, Portal as m, Content as d, Group as u, Item as x } from "./index.es179.js";
 import { clsx as o } from "./index.es156.js";
-import { createColorClasses as h } from "./index.es165.js";
+import { createColorClasses as h } from "./index.es163.js";
 import './components/ui/Dropdown/Dropdown.css';/* empty css            */
 import { ArrowDown as p } from "./index.es92.js";
 import { Row as w } from "./index.es9.js";

package/dist/index.es220.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es154.js";
-import './components/ui/DoctorConfirmModal/DoctorConfirmModalFooter/DoctorConfirmModalFooter.css';/* empty css            */
+import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css            */
 const s = ({
   children: o
 }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });

package/dist/index.es226.js

@@ -1,5 +1,5 @@
 import { j as C } from "./index.es154.js";
-import { createColorClasses as f } from "./index.es165.js";
+import { createColorClasses as f } from "./index.es163.js";
 import { clsx as x } from "./index.es156.js";
 const j = ({
   className: t,

package/dist/index.es227.js

@@ -1,5 +1,5 @@
 import { j as c } from "./index.es154.js";
-import { createColorClasses as n } from "./index.es165.js";
+import { createColorClasses as n } from "./index.es163.js";
 import { clsx as l } from "./index.es156.js";
 const C = ({
   fs: s = "6",

package/dist/index.es228.js

@@ -1,11 +1,11 @@
 import * as s from "react";
-import { composeEventHandlers as T } from "./index.es272.js";
-import { useComposedRefs as _ } from "./index.es273.js";
-import { createContextScope as H } from "./index.es274.js";
-import { useControllableState as I } from "./index.es275.js";
-import { usePrevious as M } from "./index.es282.js";
-import { useSize as N } from "./index.es283.js";
-import { Primitive as w } from "./index.es276.js";
+import { composeEventHandlers as T } from "./index.es277.js";
+import { useComposedRefs as _ } from "./index.es278.js";
+import { createContextScope as H } from "./index.es279.js";
+import { useControllableState as I } from "./index.es280.js";
+import { usePrevious as M } from "./index.es306.js";
+import { useSize as N } from "./index.es301.js";
+import { Primitive as w } from "./index.es281.js";
 import { j as p } from "./index.es154.js";
 var S = "Switch", [B, J] = H(S), [q, z] = B(S), C = s.forwardRef(
   (e, n) => {

package/dist/index.es25.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es154.js";
-import { createColorClasses as d } from "./index.es165.js";
+import { createColorClasses as d } from "./index.es163.js";
 import { clsx as w } from "./index.es156.js";
 import './components/ui/Button/Button.css';/* empty css            */
 import { Spinner as B } from "./index.es127.js";

package/dist/index.es266.js

@@ -1,4 +1,4 @@
-import { __exports as e } from "./index.es285.js";
+import { __exports as e } from "./index.es271.js";
 /**
  * @license React
  * react-jsx-runtime.production.js

package/dist/index.es267.js

@@ -1,4 +1,4 @@
-import { __exports as _ } from "./index.es286.js";
+import { __exports as _ } from "./index.es272.js";
 import we from "react";
 /**
  * @license React

package/dist/index.es271.js

@@ -0,0 +1,5 @@
+var r = {};
+export {
+  r as __exports
+};
+//# sourceMappingURL=index.es271.js.map

package/dist/index.es271.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es271.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index.es272.js

@@ -1,10 +1,5 @@
-function h(f, c, { checkForDefaultPrevented: p = !0 } = {}) {
-  return function(s) {
-    if (f == null || f(s), p === !1 || !s.defaultPrevented)
-      return c == null ? void 0 : c(s);
-  };
-}
+var e = {};
 export {
-  h as composeEventHandlers
+  e as __exports
 };
 //# sourceMappingURL=index.es272.js.map

package/dist/index.es272.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es272.js","sources":["../node_modules/@radix-ui/primitive/dist/index.mjs"],"sourcesContent":["// packages/core/primitive/src/primitive.tsx\nfunction composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {\n  return function handleEvent(event) {\n    originalEventHandler?.(event);\n    if (checkForDefaultPrevented === false || !event.defaultPrevented) {\n      return ourEventHandler?.(event);\n    }\n  };\n}\nexport {\n  composeEventHandlers\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["composeEventHandlers","originalEventHandler","ourEventHandler","checkForDefaultPrevented","event"],"mappings":"AACA,SAASA,EAAqBC,GAAsBC,GAAiB,EAAE,0BAAAC,IAA2B,GAAM,IAAG,IAAI;AAC7G,SAAO,SAAqBC,GAAO;AAEjC,QADAH,KAAA,QAAAA,EAAuBG,IACnBD,MAA6B,MAAS,CAACC,EAAM;AAC/C,aAAOF,KAAA,gBAAAA,EAAkBE;AAAA,EAE5B;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es272.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index.es274.js

@@ -1,71 +1,18 @@
-import * as u from "react";
-import { j as h } from "./index.es154.js";
-function j(e, c) {
-  const o = u.createContext(c), a = (r) => {
-    const { children: t, ...n } = r, s = u.useMemo(() => n, Object.values(n));
-    return /* @__PURE__ */ h.jsx(o.Provider, { value: s, children: t });
-  };
-  a.displayName = e + "Provider";
-  function i(r) {
-    const t = u.useContext(o);
-    if (t) return t;
-    if (c !== void 0) return c;
-    throw new Error(`\`${r}\` must be used within \`${e}\``);
-  }
-  return [a, i];
-}
-function w(e, c = []) {
-  let o = [];
-  function a(r, t) {
-    const n = u.createContext(t), s = o.length;
-    o = [...o, t];
-    const d = (m) => {
-      var S;
-      const { scope: x, children: C, ...p } = m, v = ((S = x == null ? void 0 : x[e]) == null ? void 0 : S[s]) || n, P = u.useMemo(() => p, Object.values(p));
-      return /* @__PURE__ */ h.jsx(v.Provider, { value: P, children: C });
+import { useEffect as l } from "react";
+const f = (t, n) => {
+  l(() => {
+    if (!n || !t.current) return;
+    const o = t.current.querySelectorAll(
+      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    ), c = o[0], r = o[o.length - 1], s = (e) => {
+      e.key === "Tab" && (e.shiftKey ? document.activeElement === c && (r.focus(), e.preventDefault()) : document.activeElement === r && (c.focus(), e.preventDefault()));
+    }, u = document.activeElement;
+    return c.focus(), document.addEventListener("keydown", s), () => {
+      document.removeEventListener("keydown", s), n && (u == null || u.focus());
     };
-    d.displayName = r + "Provider";
-    function f(m, x) {
-      var v;
-      const C = ((v = x == null ? void 0 : x[e]) == null ? void 0 : v[s]) || n, p = u.useContext(C);
-      if (p) return p;
-      if (t !== void 0) return t;
-      throw new Error(`\`${m}\` must be used within \`${r}\``);
-    }
-    return [d, f];
-  }
-  const i = () => {
-    const r = o.map((t) => u.createContext(t));
-    return function(n) {
-      const s = (n == null ? void 0 : n[e]) || r;
-      return u.useMemo(
-        () => ({ [`__scope${e}`]: { ...n, [e]: s } }),
-        [n, s]
-      );
-    };
-  };
-  return i.scopeName = e, [a, l(i, ...c)];
-}
-function l(...e) {
-  const c = e[0];
-  if (e.length === 1) return c;
-  const o = () => {
-    const a = e.map((i) => ({
-      useScope: i(),
-      scopeName: i.scopeName
-    }));
-    return function(r) {
-      const t = a.reduce((n, { useScope: s, scopeName: d }) => {
-        const m = s(r)[`__scope${d}`];
-        return { ...n, ...m };
-      }, {});
-      return u.useMemo(() => ({ [`__scope${c.scopeName}`]: t }), [t]);
-    };
-  };
-  return o.scopeName = c.scopeName, o;
-}
+  }, [n, t]);
+};
 export {
-  j as createContext,
-  w as createContextScope
+  f as useFocusTrap
 };
 //# sourceMappingURL=index.es274.js.map

package/dist/index.es274.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es274.js","sources":["../node_modules/@radix-ui/react-context/dist/index.mjs"],"sourcesContent":["// packages/react/context/src/createContext.tsx\nimport * as React from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nfunction createContext2(rootComponentName, defaultContext) {\n  const Context = React.createContext(defaultContext);\n  const Provider = (props) => {\n    const { children, ...context } = props;\n    const value = React.useMemo(() => context, Object.values(context));\n    return /* @__PURE__ */ jsx(Context.Provider, { value, children });\n  };\n  Provider.displayName = rootComponentName + \"Provider\";\n  function useContext2(consumerName) {\n    const context = React.useContext(Context);\n    if (context) return context;\n    if (defaultContext !== void 0) return defaultContext;\n    throw new Error(`\\`${consumerName}\\` must be used within \\`${rootComponentName}\\``);\n  }\n  return [Provider, useContext2];\n}\nfunction createContextScope(scopeName, createContextScopeDeps = []) {\n  let defaultContexts = [];\n  function createContext3(rootComponentName, defaultContext) {\n    const BaseContext = React.createContext(defaultContext);\n    const index = defaultContexts.length;\n    defaultContexts = [...defaultContexts, defaultContext];\n    const Provider = (props) => {\n      const { scope, children, ...context } = props;\n      const Context = scope?.[scopeName]?.[index] || BaseContext;\n      const value = React.useMemo(() => context, Object.values(context));\n      return /* @__PURE__ */ jsx(Context.Provider, { value, children });\n    };\n    Provider.displayName = rootComponentName + \"Provider\";\n    function useContext2(consumerName, scope) {\n      const Context = scope?.[scopeName]?.[index] || BaseContext;\n      const context = React.useContext(Context);\n      if (context) return context;\n      if (defaultContext !== void 0) return defaultContext;\n      throw new Error(`\\`${consumerName}\\` must be used within \\`${rootComponentName}\\``);\n    }\n    return [Provider, useContext2];\n  }\n  const createScope = () => {\n    const scopeContexts = defaultContexts.map((defaultContext) => {\n      return React.createContext(defaultContext);\n    });\n    return function useScope(scope) {\n      const contexts = scope?.[scopeName] || scopeContexts;\n      return React.useMemo(\n        () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),\n        [scope, contexts]\n      );\n    };\n  };\n  createScope.scopeName = scopeName;\n  return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];\n}\nfunction composeContextScopes(...scopes) {\n  const baseScope = scopes[0];\n  if (scopes.length === 1) return baseScope;\n  const createScope = () => {\n    const scopeHooks = scopes.map((createScope2) => ({\n      useScope: createScope2(),\n      scopeName: createScope2.scopeName\n    }));\n    return function useComposedScopes(overrideScopes) {\n      const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {\n        const scopeProps = useScope(overrideScopes);\n        const currentScope = scopeProps[`__scope${scopeName}`];\n        return { ...nextScopes2, ...currentScope };\n      }, {});\n      return React.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);\n    };\n  };\n  createScope.scopeName = baseScope.scopeName;\n  return createScope;\n}\nexport {\n  createContext2 as createContext,\n  createContextScope\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["createContext2","rootComponentName","defaultContext","Context","React","Provider","props","children","context","value","jsx","useContext2","consumerName","createContextScope","scopeName","createContextScopeDeps","defaultContexts","createContext3","BaseContext","index","scope","_a","createScope","scopeContexts","contexts","composeContextScopes","scopes","baseScope","scopeHooks","createScope2","overrideScopes","nextScopes","nextScopes2","useScope","currentScope"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es274.js","sources":["../src/hooks/useFocusTrap.ts"],"sourcesContent":["import { useEffect } from \"react\";\n\nexport const useFocusTrap = (\n  ref: React.RefObject<HTMLElement | null>,\n  isActive: boolean,\n) => {\n  useEffect(() => {\n    if (!isActive || !ref.current) return;\n\n    const focusableElements = ref.current.querySelectorAll(\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n    );\n    const firstFocusableElement = focusableElements[0] as HTMLElement;\n    const lastFocusableElement = focusableElements[\n      focusableElements.length - 1\n    ] as HTMLElement;\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== \"Tab\") return;\n\n      if (e.shiftKey) {\n        if (document.activeElement === firstFocusableElement) {\n          lastFocusableElement.focus();\n          e.preventDefault();\n        }\n      } else {\n        if (document.activeElement === lastFocusableElement) {\n          firstFocusableElement.focus();\n          e.preventDefault();\n        }\n      }\n    };\n\n    const previousActiveElement = document.activeElement as HTMLElement;\n\n    firstFocusableElement.focus();\n\n    document.addEventListener(\"keydown\", handleKeyDown);\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleKeyDown);\n\n      if (isActive) {\n        previousActiveElement?.focus();\n      }\n    };\n  }, [isActive, ref]);\n};\n"],"names":["useFocusTrap","ref","isActive","useEffect","focusableElements","firstFocusableElement","lastFocusableElement","handleKeyDown","previousActiveElement"],"mappings":";AAEa,MAAAA,IAAe,CAC1BC,GACAC,MACG;AACH,EAAAC,EAAU,MAAM;AACd,QAAI,CAACD,KAAY,CAACD,EAAI,QAAS;AAEzB,UAAAG,IAAoBH,EAAI,QAAQ;AAAA,MACpC;AAAA,IACF,GACMI,IAAwBD,EAAkB,CAAC,GAC3CE,IAAuBF,EAC3BA,EAAkB,SAAS,CAC7B,GAEMG,IAAgB,CAAC,MAAqB;AACtC,MAAA,EAAE,QAAQ,UAEV,EAAE,WACA,SAAS,kBAAkBF,MAC7BC,EAAqB,MAAM,GAC3B,EAAE,eAAe,KAGf,SAAS,kBAAkBA,MAC7BD,EAAsB,MAAM,GAC5B,EAAE,eAAe;AAAA,IAGvB,GAEMG,IAAwB,SAAS;AAEvC,WAAAH,EAAsB,MAAM,GAEnB,SAAA,iBAAiB,WAAWE,CAAa,GAE3C,MAAM;AACF,eAAA,oBAAoB,WAAWA,CAAa,GAEjDL,MACFM,KAAA,QAAAA,EAAuB;AAAA,IAE3B;AAAA,EAAA,GACC,CAACN,GAAUD,CAAG,CAAC;AACpB;"}