mimir-ui-kit 1.10.2 → 1.12.0

package/dist/label-C_5Syaoj.js

@@ -0,0 +1,159 @@
+import React__default, { createContext, useContext, useState, useRef, useEffect, useMemo, useId } from "react";
+import { o as o$1, p as p$1, m, W, y, n, H } from "./keyboard-B256ZoM-.js";
+import { createPortal } from "react-dom";
+import { T as T$1, s } from "./hidden-BuVoeHNy.js";
+let e$2 = createContext(void 0);
+function a$1() {
+  return useContext(e$2);
+}
+function T(l2, r, c2) {
+  let [i, s2] = useState(c2), e2 = l2 !== void 0, t = useRef(e2), u2 = useRef(false), d = useRef(false);
+  return e2 && !t.current && !u2.current ? (u2.current = true, t.current = e2, console.error("A component is changing from uncontrolled to controlled. This may be caused by the value changing from undefined to a defined value, which should not happen.")) : !e2 && t.current && !d.current && (d.current = true, t.current = e2, console.error("A component is changing from controlled to uncontrolled. This may be caused by the value changing from a defined value to undefined, which should not happen.")), [e2 ? l2 : i, o$1((n2) => (e2 || s2(n2), r == null ? void 0 : r(n2)))];
+}
+function l(e2) {
+  let [t] = useState(e2);
+  return t;
+}
+function e$1(i = {}, s2 = null, t = []) {
+  for (let [r, n2] of Object.entries(i)) o(t, f$2(s2, r), n2);
+  return t;
+}
+function f$2(i, s2) {
+  return i ? i + "[" + s2 + "]" : s2;
+}
+function o(i, s2, t) {
+  if (Array.isArray(t)) for (let [r, n2] of t.entries()) o(i, f$2(s2, r.toString()), n2);
+  else t instanceof Date ? i.push([s2, t.toISOString()]) : typeof t == "boolean" ? i.push([s2, t ? "1" : "0"]) : typeof t == "string" ? i.push([s2, t]) : typeof t == "number" ? i.push([s2, `${t}`]) : t == null ? i.push([s2, ""]) : e$1(t, s2, i);
+}
+function p(i) {
+  var t, r;
+  let s2 = (t = i == null ? void 0 : i.form) != null ? t : i.closest("form");
+  if (s2) {
+    for (let n2 of s2.elements) if (n2 !== i && (n2.tagName === "INPUT" && n2.type === "submit" || n2.tagName === "BUTTON" && n2.type === "submit" || n2.nodeName === "INPUT" && n2.type === "image")) {
+      n2.click();
+      return;
+    }
+    (r = s2.requestSubmit) == null || r.call(s2);
+  }
+}
+let f$1 = createContext(null);
+function c$1({ children: t }) {
+  let e2 = useContext(f$1);
+  if (!e2) return React__default.createElement(React__default.Fragment, null, t);
+  let { target: r } = e2;
+  return r ? createPortal(React__default.createElement(React__default.Fragment, null, t), r) : null;
+}
+function j({ data: t, form: e2, disabled: r, onReset: n2, overrides: F }) {
+  let [i, a2] = useState(null), p2 = p$1();
+  return useEffect(() => {
+    if (n2 && i) return p2.addEventListener(i, "reset", n2);
+  }, [i, e2, n2]), React__default.createElement(c$1, null, React__default.createElement(C$1, { setForm: a2, formId: e2 }), e$1(t).map(([s$1, v]) => React__default.createElement(T$1, { features: s.Hidden, ...m({ key: s$1, as: "input", type: "hidden", hidden: true, readOnly: true, form: e2, disabled: r, name: s$1, value: v, ...F }) })));
+}
+function C$1({ setForm: t, formId: e2 }) {
+  return useEffect(() => {
+    if (e2) {
+      let r = document.getElementById(e2);
+      r && t(r);
+    }
+  }, [t, e2]), e2 ? null : React__default.createElement(T$1, { features: s.Hidden, as: "input", type: "hidden", hidden: true, readOnly: true, ref: (r) => {
+    if (!r) return;
+    let n2 = r.closest("form");
+    n2 && t(n2);
+  } });
+}
+let e = createContext(void 0);
+function u() {
+  return useContext(e);
+}
+let a = createContext(null);
+a.displayName = "DescriptionContext";
+function f() {
+  let r = useContext(a);
+  if (r === null) {
+    let e2 = new Error("You used a <Description /> component, but it is not inside a relevant parent.");
+    throw Error.captureStackTrace && Error.captureStackTrace(e2, f), e2;
+  }
+  return r;
+}
+function G$1() {
+  var r, e2;
+  return (e2 = (r = useContext(a)) == null ? void 0 : r.value) != null ? e2 : void 0;
+}
+function U$1() {
+  let [r, e2] = useState([]);
+  return [r.length > 0 ? r.join(" ") : void 0, useMemo(() => function(t) {
+    let i = o$1((n2) => (e2((s2) => [...s2, n2]), () => e2((s2) => {
+      let o2 = s2.slice(), p2 = o2.indexOf(n2);
+      return p2 !== -1 && o2.splice(p2, 1), o2;
+    }))), l2 = useMemo(() => ({ register: i, slot: t.slot, name: t.name, props: t.props, value: t.value }), [i, t.slot, t.name, t.props, t.value]);
+    return React__default.createElement(a.Provider, { value: l2 }, t.children);
+  }, [e2])];
+}
+let S = "p";
+function C(r, e2) {
+  let d = useId(), t = a$1(), { id: i = `headlessui-description-${d}`, ...l2 } = r, n$1 = f(), s2 = y(e2);
+  n(() => n$1.register(i), [i, n$1.register]);
+  let o2 = t || false, p2 = useMemo(() => ({ ...n$1.slot, disabled: o2 }), [n$1.slot, o2]), D = { ref: s2, ...n$1.props, id: i };
+  return H({ ourProps: D, theirProps: l2, slot: p2, defaultTag: S, name: n$1.name || "Description" });
+}
+let _ = W(C), w = Object.assign(_, {});
+let c = createContext(null);
+c.displayName = "LabelContext";
+function P() {
+  let r = useContext(c);
+  if (r === null) {
+    let l2 = new Error("You used a <Label /> component, but it is not inside a relevant parent.");
+    throw Error.captureStackTrace && Error.captureStackTrace(l2, P), l2;
+  }
+  return r;
+}
+function I(r) {
+  var a2, e2, o2;
+  let l2 = (e2 = (a2 = useContext(c)) == null ? void 0 : a2.value) != null ? e2 : void 0;
+  return ((o2 = r == null ? void 0 : r.length) != null ? o2 : 0) > 0 ? [l2, ...r].filter(Boolean).join(" ") : l2;
+}
+function z({ inherit: r = false } = {}) {
+  let l2 = I(), [a2, e2] = useState([]), o2 = r ? [l2, ...a2].filter(Boolean) : a2;
+  return [o2.length > 0 ? o2.join(" ") : void 0, useMemo(() => function(t) {
+    let s2 = o$1((i) => (e2((p2) => [...p2, i]), () => e2((p2) => {
+      let u2 = p2.slice(), d = u2.indexOf(i);
+      return d !== -1 && u2.splice(d, 1), u2;
+    }))), m2 = useMemo(() => ({ register: s2, slot: t.slot, name: t.name, props: t.props, value: t.value }), [s2, t.slot, t.name, t.props, t.value]);
+    return React__default.createElement(c.Provider, { value: m2 }, t.children);
+  }, [e2])];
+}
+let N = "label";
+function G(r, l2) {
+  var y$1;
+  let a2 = useId(), e2 = P(), o2 = u(), g = a$1(), { id: t = `headlessui-label-${a2}`, htmlFor: s2 = o2 != null ? o2 : (y$1 = e2.props) == null ? void 0 : y$1.htmlFor, passive: m2 = false, ...i } = r, p2 = y(l2);
+  n(() => e2.register(t), [t, e2.register]);
+  let u$1 = o$1((L) => {
+    let b = L.currentTarget;
+    if (b instanceof HTMLLabelElement && L.preventDefault(), e2.props && "onClick" in e2.props && typeof e2.props.onClick == "function" && e2.props.onClick(L), b instanceof HTMLLabelElement) {
+      let n2 = document.getElementById(b.htmlFor);
+      if (n2) {
+        let E = n2.getAttribute("disabled");
+        if (E === "true" || E === "") return;
+        let x = n2.getAttribute("aria-disabled");
+        if (x === "true" || x === "") return;
+        (n2 instanceof HTMLInputElement && (n2.type === "radio" || n2.type === "checkbox") || n2.role === "radio" || n2.role === "checkbox" || n2.role === "switch") && n2.click(), n2.focus({ preventScroll: true });
+      }
+    }
+  }), d = g || false, C2 = useMemo(() => ({ ...e2.slot, disabled: d }), [e2.slot, d]), f2 = { ref: p2, ...e2.props, id: t, htmlFor: s2, onClick: u$1 };
+  return m2 && ("onClick" in f2 && (delete f2.htmlFor, delete f2.onClick), "onClick" in i && delete i.onClick), H({ ourProps: f2, theirProps: i, slot: C2, defaultTag: s2 ? N : "div", name: e2.name || "Label" });
+}
+let U = W(G), K = Object.assign(U, {});
+export {
+  G$1 as G,
+  I,
+  K,
+  T,
+  U$1 as U,
+  a$1 as a,
+  j,
+  l,
+  p,
+  u,
+  w,
+  z
+};

package/dist/open-closed-CbXq00et.js

@@ -0,0 +1,93 @@
+import React__default, { useState, useCallback, useRef, createContext, useContext } from "react";
+import { p, n as n$1, d as o } from "./keyboard-B256ZoM-.js";
+function l(r) {
+  let e = { called: false };
+  return (...t) => {
+    if (!e.called) return e.called = true, r(...t);
+  };
+}
+function c$1(u2 = 0) {
+  let [t, l2] = useState(u2), g = useCallback((e) => l2(e), [t]), s2 = useCallback((e) => l2((a) => a | e), [t]), m = useCallback((e) => (t & e) === e, [t]), n2 = useCallback((e) => l2((a) => a & ~e), [l2]), F2 = useCallback((e) => l2((a) => a ^ e), [l2]);
+  return { flags: t, setFlag: g, addFlag: s2, hasFlag: m, removeFlag: n2, toggleFlag: F2 };
+}
+var D = ((i2) => (i2[i2.None = 0] = "None", i2[i2.Closed = 1] = "Closed", i2[i2.Enter = 2] = "Enter", i2[i2.Leave = 4] = "Leave", i2))(D || {});
+function A(e) {
+  let a = {};
+  for (let t in e) e[t] === true && (a[`data-${t}`] = "");
+  return a;
+}
+function V(e, a, t, r) {
+  let [i2, u2] = useState(t), { hasFlag: d, addFlag: f, removeFlag: s2 } = c$1(e && i2 ? 3 : 0), l2 = useRef(false), n2 = useRef(false), o2 = p();
+  return n$1(function p2() {
+    var T;
+    if (!e) return;
+    t && u2(true);
+    let c2 = a.current;
+    return c2 ? ((T = void 0) == null || T.call(r, t), M(c2, { inFlight: l2, prepare() {
+      n2.current ? n2.current = false : n2.current = l2.current, l2.current = true, !n2.current && (t ? (f(3), s2(4)) : (f(4), s2(2)));
+    }, run() {
+      n2.current ? t ? (s2(3), f(4)) : (s2(4), f(3)) : t ? s2(1) : f(1);
+    }, done() {
+      var m;
+      n2.current && typeof c2.getAnimations == "function" && c2.getAnimations().length > 0 || (l2.current = false, s2(7), t || u2(false), (m = void 0) == null || m.call(r, t));
+    } })) : t ? (f(3), o2.nextFrame(() => p2())) : void 0;
+  }, [e, t, a, o2]), e ? [i2, { closed: d(1), enter: d(2), leave: d(4), transition: d(2) || d(4) }] : [t, { closed: void 0, enter: void 0, leave: void 0, transition: void 0 }];
+}
+function M(e, { prepare: a, run: t, done: r, inFlight: i2 }) {
+  let u2 = o();
+  return R(e, { prepare: a, inFlight: i2 }), u2.nextFrame(() => {
+    u2.add(F(e, r)), t();
+  }), u2.dispose;
+}
+function F(e, a) {
+  let t = l(a), r = o();
+  if (!e) return r.dispose;
+  let { transitionDuration: i2, transitionDelay: u2 } = getComputedStyle(e), [d, f] = [i2, u2].map((l2) => {
+    let [n2 = 0] = l2.split(",").filter(Boolean).map((o2) => o2.includes("ms") ? parseFloat(o2) : parseFloat(o2) * 1e3).sort((o2, p2) => p2 - o2);
+    return n2;
+  }), s2 = d + f;
+  if (s2 !== 0) {
+    let l2 = r.group((n2) => {
+      let o2 = n2.setTimeout(() => {
+        t(), n2.dispose();
+      }, s2);
+      n2.addEventListener(e, "transitionrun", (p2) => {
+        p2.target === p2.currentTarget && (o2(), n2.addEventListener(e, "transitioncancel", (c2) => {
+          c2.target === c2.currentTarget && (t(), l2());
+        }));
+      });
+    });
+    r.addEventListener(e, "transitionend", (n2) => {
+      n2.target === n2.currentTarget && (t(), r.dispose());
+    });
+  } else t();
+  return r.dispose;
+}
+function R(e, { inFlight: a, prepare: t }) {
+  if (a != null && a.current) {
+    t();
+    return;
+  }
+  let r = e.style.transition;
+  e.style.transition = "none", t(), e.offsetHeight, e.style.transition = r;
+}
+let n = createContext(null);
+n.displayName = "OpenClosedContext";
+var i = ((e) => (e[e.Open = 1] = "Open", e[e.Closed = 2] = "Closed", e[e.Closing = 4] = "Closing", e[e.Opening = 8] = "Opening", e))(i || {});
+function u() {
+  return useContext(n);
+}
+function c({ value: o2, children: t }) {
+  return React__default.createElement(n.Provider, { value: o2 }, t);
+}
+function s({ children: o2 }) {
+  return React__default.createElement(n.Provider, { value: null }, o2);
+}
+export {
+  A,
+  V,
+  c,
+  i,
+  s,
+  u
+};

package/dist/{use-active-press-9MCrfRZk.js → use-active-press-B6yeSopF.js}

@@ -1,5 +1,5 @@
 import { useRef, useState } from "react";
-import { p, o, u } from "./label-BXAcSLy0.js";
+import { p, o, u } from "./keyboard-B256ZoM-.js";
 function E(e) {
   let t = e.width / 2, n = e.height / 2;
   return { top: e.clientY - n, right: e.clientX + t, bottom: e.clientY + n, left: e.clientX - t };

package/dist/use-by-comparator-BUO78DGe.js

@@ -0,0 +1,16 @@
+import { useCallback } from "react";
+function l(e, r) {
+  return e !== null && r !== null && typeof e == "object" && typeof r == "object" && "id" in e && "id" in r ? e.id === r.id : e === r;
+}
+function u(e = l) {
+  return useCallback((r, t) => {
+    if (typeof e == "string") {
+      let o = e;
+      return (r == null ? void 0 : r[o]) === (t == null ? void 0 : t[o]);
+    }
+    return e(r, t);
+  }, [e]);
+}
+export {
+  u
+};

package/dist/use-resolve-button-type-B6LE6gU3.js

@@ -0,0 +1,19 @@
+import { useState } from "react";
+import { n } from "./keyboard-B256ZoM-.js";
+function i(t) {
+  var n2;
+  if (t.type) return t.type;
+  let e = (n2 = t.as) != null ? n2 : "button";
+  if (typeof e == "string" && e.toLowerCase() === "button") return "button";
+}
+function T(t, e) {
+  let [n$1, u] = useState(() => i(t));
+  return n(() => {
+    u(i(t));
+  }, [t.type, t.as]), n(() => {
+    n$1 || e.current && e.current instanceof HTMLButtonElement && !e.current.hasAttribute("type") && u("button");
+  }, [n$1, e]), n$1;
+}
+export {
+  T
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.10.2",
+  "version": "1.12.0",
   "type": "module",
   "exports": {
     ".": {