@anoki/fse-ui 1.0.412 → 1.0.414

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.es285.js";
-import { FocusScope as V } from "./index.es286.js";
-import { Portal as q } from "./index.es287.js";
-import { Presence as R } from "./index.es281.js";
-import { Primitive as m } from "./index.es276.js";
-import { useFocusGuards as K } from "./index.es288.js";
-import U from "./index.es289.js";
-import { hideOthers as Y } from "./index.es290.js";
-import { Slot as Z } from "./index.es291.js";
+import { composeEventHandlers as p } from "./index.es275.js";
+import { useComposedRefs as C } from "./index.es276.js";
+import { createContextScope as L, createContext as $ } from "./index.es277.js";
+import { useId as x } from "./index.es281.js";
+import { useControllableState as B } from "./index.es278.js";
+import { DismissableLayer as H } from "./index.es288.js";
+import { FocusScope as V } from "./index.es289.js";
+import { Portal as q } from "./index.es290.js";
+import { Presence as R } from "./index.es284.js";
+import { Primitive as m } from "./index.es279.js";
+import { useFocusGuards as K } from "./index.es291.js";
+import U from "./index.es292.js";
+import { hideOthers as Y } from "./index.es293.js";
+import { Slot as Z } from "./index.es294.js";
 import { j as i } from "./index.es154.js";
 var _ = "Dialog", [P, _e] = L(_), [z, u] = P(_), y = (e) => {
   const {

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.es279.js";
-import { useSize as N } from "./index.es280.js";
-import { Primitive as w } from "./index.es276.js";
+import { composeEventHandlers as T } from "./index.es275.js";
+import { useComposedRefs as _ } from "./index.es276.js";
+import { createContextScope as H } from "./index.es277.js";
+import { useControllableState as I } from "./index.es278.js";
+import { usePrevious as M } from "./index.es282.js";
+import { useSize as N } from "./index.es283.js";
+import { Primitive as w } from "./index.es279.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.es272.js

@@ -1,10 +1,18 @@
-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);
-  };
-}
+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());
+    };
+  }, [n, t]);
+};
 export {
-  h as composeEventHandlers
+  f as useFocusTrap
 };
 //# 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":["../src/hooks/useFocusTrap.ts"],"sourcesContent":["import { useEffect } from \"react\";\r\n\r\nexport const useFocusTrap = (\r\n  ref: React.RefObject<HTMLElement | null>,\r\n  isActive: boolean,\r\n) => {\r\n  useEffect(() => {\r\n    if (!isActive || !ref.current) return;\r\n\r\n    const focusableElements = ref.current.querySelectorAll(\r\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n    );\r\n    const firstFocusableElement = focusableElements[0] as HTMLElement;\r\n    const lastFocusableElement = focusableElements[\r\n      focusableElements.length - 1\r\n    ] as HTMLElement;\r\n\r\n    const handleKeyDown = (e: KeyboardEvent) => {\r\n      if (e.key !== \"Tab\") return;\r\n\r\n      if (e.shiftKey) {\r\n        if (document.activeElement === firstFocusableElement) {\r\n          lastFocusableElement.focus();\r\n          e.preventDefault();\r\n        }\r\n      } else {\r\n        if (document.activeElement === lastFocusableElement) {\r\n          firstFocusableElement.focus();\r\n          e.preventDefault();\r\n        }\r\n      }\r\n    };\r\n\r\n    const previousActiveElement = document.activeElement as HTMLElement;\r\n\r\n    firstFocusableElement.focus();\r\n\r\n    document.addEventListener(\"keydown\", handleKeyDown);\r\n\r\n    return () => {\r\n      document.removeEventListener(\"keydown\", handleKeyDown);\r\n\r\n      if (isActive) {\r\n        previousActiveElement?.focus();\r\n      }\r\n    };\r\n  }, [isActive, ref]);\r\n};\r\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;"}

package/dist/index.es275.js

@@ -1,33 +1,10 @@
-import * as l from "react";
-import { useCallbackRef as f } from "./index.es308.js";
-function R({
-  prop: t,
-  defaultProp: r,
-  onChange: s = () => {
-  }
-}) {
-  const [e, n] = v({ defaultProp: r, onChange: s }), o = t !== void 0, i = o ? t : e, u = f(s), d = l.useCallback(
-    (c) => {
-      if (o) {
-        const a = typeof c == "function" ? c(t) : c;
-        a !== t && u(a);
-      } else
-        n(c);
-    },
-    [o, t, n, u]
-  );
-  return [i, d];
-}
-function v({
-  defaultProp: t,
-  onChange: r
-}) {
-  const s = l.useState(t), [e] = s, n = l.useRef(e), o = f(r);
-  return l.useEffect(() => {
-    n.current !== e && (o(e), n.current = e);
-  }, [e, n, o]), s;
+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);
+  };
 }
 export {
-  R as useControllableState
+  h as composeEventHandlers
 };
 //# sourceMappingURL=index.es275.js.map

package/dist/index.es275.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es275.js","sources":["../node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs"],"sourcesContent":["// packages/react/use-controllable-state/src/useControllableState.tsx\nimport * as React from \"react\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nfunction useControllableState({\n  prop,\n  defaultProp,\n  onChange = () => {\n  }\n}) {\n  const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState({ defaultProp, onChange });\n  const isControlled = prop !== void 0;\n  const value = isControlled ? prop : uncontrolledProp;\n  const handleChange = useCallbackRef(onChange);\n  const setValue = React.useCallback(\n    (nextValue) => {\n      if (isControlled) {\n        const setter = nextValue;\n        const value2 = typeof nextValue === \"function\" ? setter(prop) : nextValue;\n        if (value2 !== prop) handleChange(value2);\n      } else {\n        setUncontrolledProp(nextValue);\n      }\n    },\n    [isControlled, prop, setUncontrolledProp, handleChange]\n  );\n  return [value, setValue];\n}\nfunction useUncontrolledState({\n  defaultProp,\n  onChange\n}) {\n  const uncontrolledState = React.useState(defaultProp);\n  const [value] = uncontrolledState;\n  const prevValueRef = React.useRef(value);\n  const handleChange = useCallbackRef(onChange);\n  React.useEffect(() => {\n    if (prevValueRef.current !== value) {\n      handleChange(value);\n      prevValueRef.current = value;\n    }\n  }, [value, prevValueRef, handleChange]);\n  return uncontrolledState;\n}\nexport {\n  useControllableState\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["useControllableState","prop","defaultProp","onChange","uncontrolledProp","setUncontrolledProp","useUncontrolledState","isControlled","value","handleChange","useCallbackRef","setValue","React","nextValue","value2","uncontrolledState","prevValueRef"],"mappings":";;AAGA,SAASA,EAAqB;AAAA,EAC5B,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW,MAAM;AAAA,EACnB;AACA,GAAG;AACD,QAAM,CAACC,GAAkBC,CAAmB,IAAIC,EAAqB,EAAE,aAAAJ,GAAa,UAAAC,GAAU,GACxFI,IAAeN,MAAS,QACxBO,IAAQD,IAAeN,IAAOG,GAC9BK,IAAeC,EAAeP,CAAQ,GACtCQ,IAAWC,EAAM;AAAA,IACrB,CAACC,MAAc;AACb,UAAIN,GAAc;AAEhB,cAAMO,IAAS,OAAOD,KAAc,aADrBA,EACyCZ,CAAI,IAAIY;AAChE,QAAIC,MAAWb,KAAMQ,EAAaK,CAAM;AAAA,MAChD;AACQ,QAAAT,EAAoBQ,CAAS;AAAA,IAEhC;AAAA,IACD,CAACN,GAAcN,GAAMI,GAAqBI,CAAY;AAAA,EACvD;AACD,SAAO,CAACD,GAAOG,CAAQ;AACzB;AACA,SAASL,EAAqB;AAAA,EAC5B,aAAAJ;AAAA,EACA,UAAAC;AACF,GAAG;AACD,QAAMY,IAAoBH,EAAM,SAASV,CAAW,GAC9C,CAACM,CAAK,IAAIO,GACVC,IAAeJ,EAAM,OAAOJ,CAAK,GACjCC,IAAeC,EAAeP,CAAQ;AAC5C,SAAAS,EAAM,UAAU,MAAM;AACpB,IAAII,EAAa,YAAYR,MAC3BC,EAAaD,CAAK,GAClBQ,EAAa,UAAUR;AAAA,EAE1B,GAAE,CAACA,GAAOQ,GAAcP,CAAY,CAAC,GAC/BM;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es275.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]}

package/dist/index.es276.js

@@ -1,36 +1,30 @@
-import * as n from "react";
-import * as p from "react-dom";
-import { Slot as f } from "./index.es291.js";
-import { j as u } from "./index.es154.js";
-var c = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "span",
-  "svg",
-  "ul"
-], v = c.reduce((r, i) => {
-  const t = n.forwardRef((o, e) => {
-    const { asChild: s, ...m } = o, a = s ? f : i;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ u.jsx(a, { ...m, ref: e });
-  });
-  return t.displayName = `Primitive.${i}`, { ...r, [i]: t };
-}, {});
-function h(r, i) {
-  r && p.flushSync(() => r.dispatchEvent(i));
+import * as f from "react";
+function l(n, o) {
+  if (typeof n == "function")
+    return n(o);
+  n != null && (n.current = o);
+}
+function i(...n) {
+  return (o) => {
+    let u = !1;
+    const c = n.map((t) => {
+      const e = l(t, o);
+      return !u && typeof e == "function" && (u = !0), e;
+    });
+    if (u)
+      return () => {
+        for (let t = 0; t < c.length; t++) {
+          const e = c[t];
+          typeof e == "function" ? e() : l(n[t], null);
+        }
+      };
+  };
+}
+function s(...n) {
+  return f.useCallback(i(...n), n);
 }
 export {
-  v as Primitive,
-  h as dispatchDiscreteCustomEvent
+  i as composeRefs,
+  s as useComposedRefs
 };
 //# sourceMappingURL=index.es276.js.map

package/dist/index.es276.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es276.js","sources":["../node_modules/@radix-ui/react-primitive/dist/index.mjs"],"sourcesContent":["// packages/react/primitive/src/primitive.tsx\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { jsx } from \"react/jsx-runtime\";\nvar NODES = [\n  \"a\",\n  \"button\",\n  \"div\",\n  \"form\",\n  \"h2\",\n  \"h3\",\n  \"img\",\n  \"input\",\n  \"label\",\n  \"li\",\n  \"nav\",\n  \"ol\",\n  \"p\",\n  \"span\",\n  \"svg\",\n  \"ul\"\n];\nvar Primitive = NODES.reduce((primitive, node) => {\n  const Node = React.forwardRef((props, forwardedRef) => {\n    const { asChild, ...primitiveProps } = props;\n    const Comp = asChild ? Slot : node;\n    if (typeof window !== \"undefined\") {\n      window[Symbol.for(\"radix-ui\")] = true;\n    }\n    return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });\n  });\n  Node.displayName = `Primitive.${node}`;\n  return { ...primitive, [node]: Node };\n}, {});\nfunction dispatchDiscreteCustomEvent(target, event) {\n  if (target) ReactDOM.flushSync(() => target.dispatchEvent(event));\n}\nvar Root = Primitive;\nexport {\n  Primitive,\n  Root,\n  dispatchDiscreteCustomEvent\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["NODES","Primitive","primitive","node","Node","React","props","forwardedRef","asChild","primitiveProps","Comp","Slot","jsx","dispatchDiscreteCustomEvent","target","event","ReactDOM"],"mappings":";;;;AAKA,IAAIA,IAAQ;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GACIC,IAAYD,EAAM,OAAO,CAACE,GAAWC,MAAS;AAChD,QAAMC,IAAOC,EAAM,WAAW,CAACC,GAAOC,MAAiB;AACrD,UAAM,EAAE,SAAAC,GAAS,GAAGC,EAAc,IAAKH,GACjCI,IAAOF,IAAUG,IAAOR;AAC9B,WAAI,OAAO,SAAW,QACpB,OAAO,OAAO,IAAI,UAAU,CAAC,IAAI,KAEZS,gBAAAA,EAAAA,IAAIF,GAAM,EAAE,GAAGD,GAAgB,KAAKF,GAAc;AAAA,EAC7E,CAAG;AACD,SAAAH,EAAK,cAAc,aAAaD,CAAI,IAC7B,EAAE,GAAGD,GAAW,CAACC,CAAI,GAAGC,EAAM;AACvC,GAAG,CAAE,CAAA;AACL,SAASS,EAA4BC,GAAQC,GAAO;AAClD,EAAID,KAAQE,EAAS,UAAU,MAAMF,EAAO,cAAcC,CAAK,CAAC;AAClE;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es276.js","sources":["../node_modules/@radix-ui/react-compose-refs/dist/index.mjs"],"sourcesContent":["// packages/react/compose-refs/src/composeRefs.tsx\nimport * as React from \"react\";\nfunction setRef(ref, value) {\n  if (typeof ref === \"function\") {\n    return ref(value);\n  } else if (ref !== null && ref !== void 0) {\n    ref.current = value;\n  }\n}\nfunction composeRefs(...refs) {\n  return (node) => {\n    let hasCleanup = false;\n    const cleanups = refs.map((ref) => {\n      const cleanup = setRef(ref, node);\n      if (!hasCleanup && typeof cleanup == \"function\") {\n        hasCleanup = true;\n      }\n      return cleanup;\n    });\n    if (hasCleanup) {\n      return () => {\n        for (let i = 0; i < cleanups.length; i++) {\n          const cleanup = cleanups[i];\n          if (typeof cleanup == \"function\") {\n            cleanup();\n          } else {\n            setRef(refs[i], null);\n          }\n        }\n      };\n    }\n  };\n}\nfunction useComposedRefs(...refs) {\n  return React.useCallback(composeRefs(...refs), refs);\n}\nexport {\n  composeRefs,\n  useComposedRefs\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["setRef","ref","value","composeRefs","refs","node","hasCleanup","cleanups","cleanup","i","useComposedRefs","React"],"mappings":";AAEA,SAASA,EAAOC,GAAKC,GAAO;AAC1B,MAAI,OAAOD,KAAQ;AACjB,WAAOA,EAAIC,CAAK;AACX,EAAID,KAAQ,SACjBA,EAAI,UAAUC;AAElB;AACA,SAASC,KAAeC,GAAM;AAC5B,SAAO,CAACC,MAAS;AACf,QAAIC,IAAa;AACjB,UAAMC,IAAWH,EAAK,IAAI,CAACH,MAAQ;AACjC,YAAMO,IAAUR,EAAOC,GAAKI,CAAI;AAChC,aAAI,CAACC,KAAc,OAAOE,KAAW,eACnCF,IAAa,KAERE;AAAA,IACb,CAAK;AACD,QAAIF;AACF,aAAO,MAAM;AACX,iBAASG,IAAI,GAAGA,IAAIF,EAAS,QAAQE,KAAK;AACxC,gBAAMD,IAAUD,EAASE,CAAC;AAC1B,UAAI,OAAOD,KAAW,aACpBA,EAAS,IAETR,EAAOI,EAAKK,CAAC,GAAG,IAAI;AAAA,QAEhC;AAAA,MACO;AAAA,EAEJ;AACH;AACA,SAASC,KAAmBN,GAAM;AAChC,SAAOO,EAAM,YAAYR,EAAY,GAAGC,CAAI,GAAGA,CAAI;AACrD;","x_google_ignoreList":[0]}