@arolariu/components 0.0.16 → 0.0.17

package/dist/es/node_modules/@radix-ui/react-aspect-ratio/dist/index.js

@@ -0,0 +1,43 @@
+import * as s from "react";
+import { Primitive as d } from "../../react-primitive/dist/index.js";
+import { jsx as t } from "react/jsx-runtime";
+var m = "AspectRatio", o = s.forwardRef(
+  (r, i) => {
+    const { ratio: a = 1 / 1, style: e, ...p } = r;
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        style: {
+          // ensures inner element is contained
+          position: "relative",
+          // ensures padding bottom trick maths works
+          width: "100%",
+          paddingBottom: `${100 / a}%`
+        },
+        "data-radix-aspect-ratio-wrapper": "",
+        children: /* @__PURE__ */ t(
+          d.div,
+          {
+            ...p,
+            ref: i,
+            style: {
+              ...e,
+              // ensures children expand in ratio
+              position: "absolute",
+              top: 0,
+              right: 0,
+              bottom: 0,
+              left: 0
+            }
+          }
+        )
+      }
+    );
+  }
+);
+o.displayName = m;
+var f = o;
+export {
+  o as AspectRatio,
+  f as Root
+};

package/dist/es/node_modules/@radix-ui/react-avatar/dist/index.js

@@ -0,0 +1,71 @@
+import * as i from "react";
+import { createContextScope as C } from "../../react-context/dist/index.js";
+import { useCallbackRef as I } from "../../react-use-callback-ref/dist/index.js";
+import { useLayoutEffect as g } from "../../react-use-layout-effect/dist/index.js";
+import { Primitive as m } from "../../react-primitive/dist/index.js";
+import { jsx as c } from "react/jsx-runtime";
+var l = "Avatar", [R, b] = C(l), [_, v] = R(l), p = i.forwardRef(
+  (e, r) => {
+    const { __scopeAvatar: s, ...a } = e, [o, t] = i.useState("idle");
+    return /* @__PURE__ */ c(
+      _,
+      {
+        scope: s,
+        imageLoadingStatus: o,
+        onImageLoadingStatusChange: t,
+        children: /* @__PURE__ */ c(m.span, { ...a, ref: r })
+      }
+    );
+  }
+);
+p.displayName = l;
+var A = "AvatarImage", S = i.forwardRef(
+  (e, r) => {
+    const { __scopeAvatar: s, src: a, onLoadingStatusChange: o = () => {
+    }, ...t } = e, d = v(A, s), n = x(a, t.referrerPolicy), u = I((f) => {
+      o(f), d.onImageLoadingStatusChange(f);
+    });
+    return g(() => {
+      n !== "idle" && u(n);
+    }, [n, u]), n === "loaded" ? /* @__PURE__ */ c(m.img, { ...t, ref: r, src: a }) : null;
+  }
+);
+S.displayName = A;
+var L = "AvatarFallback", w = i.forwardRef(
+  (e, r) => {
+    const { __scopeAvatar: s, delayMs: a, ...o } = e, t = v(L, s), [d, n] = i.useState(a === void 0);
+    return i.useEffect(() => {
+      if (a !== void 0) {
+        const u = window.setTimeout(() => n(!0), a);
+        return () => window.clearTimeout(u);
+      }
+    }, [a]), d && t.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ c(m.span, { ...o, ref: r }) : null;
+  }
+);
+w.displayName = L;
+function x(e, r) {
+  const [s, a] = i.useState("idle");
+  return g(() => {
+    if (!e) {
+      a("error");
+      return;
+    }
+    let o = !0;
+    const t = new window.Image(), d = (n) => () => {
+      o && a(n);
+    };
+    return a("loading"), t.onload = d("loaded"), t.onerror = d("error"), t.src = e, r && (t.referrerPolicy = r), () => {
+      o = !1;
+    };
+  }, [e, r]), s;
+}
+var k = p, P = S, F = w;
+export {
+  p as Avatar,
+  w as AvatarFallback,
+  S as AvatarImage,
+  F as Fallback,
+  P as Image,
+  k as Root,
+  b as createAvatarScope
+};

package/dist/es/node_modules/@radix-ui/react-checkbox/dist/index.js

@@ -0,0 +1,135 @@
+import * as n from "react";
+import { useComposedRefs as M } from "../../react-compose-refs/dist/index.js";
+import { createContextScope as O } from "../../react-context/dist/index.js";
+import { composeEventHandlers as S } from "../../primitive/dist/index.js";
+import { useControllableState as j } from "../../react-use-controllable-state/dist/index.js";
+import { usePrevious as A } from "../../react-use-previous/dist/index.js";
+import { useSize as B } from "../../react-use-size/dist/index.js";
+import { Presence as H } from "../../react-presence/dist/index.js";
+import { Primitive as I } from "../../react-primitive/dist/index.js";
+import { jsxs as K, jsx as h } from "react/jsx-runtime";
+var P = "Checkbox", [L, Z] = O(P), [q, z] = L(P), g = n.forwardRef(
+  (e, f) => {
+    const {
+      __scopeCheckbox: t,
+      name: i,
+      checked: l,
+      defaultChecked: r,
+      required: p,
+      disabled: a,
+      value: k = "on",
+      onCheckedChange: b,
+      form: d,
+      ...v
+    } = e, [c, C] = n.useState(null), x = M(f, (o) => C(o)), y = n.useRef(!1), R = c ? d || !!c.closest("form") : !0, [u = !1, E] = j({
+      prop: l,
+      defaultProp: r,
+      onChange: b
+    }), N = n.useRef(u);
+    return n.useEffect(() => {
+      const o = c == null ? void 0 : c.form;
+      if (o) {
+        const m = () => E(N.current);
+        return o.addEventListener("reset", m), () => o.removeEventListener("reset", m);
+      }
+    }, [c, E]), /* @__PURE__ */ K(q, { scope: t, state: u, disabled: a, children: [
+      /* @__PURE__ */ h(
+        I.button,
+        {
+          type: "button",
+          role: "checkbox",
+          "aria-checked": s(u) ? "mixed" : u,
+          "aria-required": p,
+          "data-state": D(u),
+          "data-disabled": a ? "" : void 0,
+          disabled: a,
+          value: k,
+          ...v,
+          ref: x,
+          onKeyDown: S(e.onKeyDown, (o) => {
+            o.key === "Enter" && o.preventDefault();
+          }),
+          onClick: S(e.onClick, (o) => {
+            E((m) => s(m) ? !0 : !m), R && (y.current = o.isPropagationStopped(), y.current || o.stopPropagation());
+          })
+        }
+      ),
+      R && /* @__PURE__ */ h(
+        T,
+        {
+          control: c,
+          bubbles: !y.current,
+          name: i,
+          value: k,
+          checked: u,
+          required: p,
+          disabled: a,
+          form: d,
+          style: { transform: "translateX(-100%)" },
+          defaultChecked: s(r) ? !1 : r
+        }
+      )
+    ] });
+  }
+);
+g.displayName = P;
+var w = "CheckboxIndicator", _ = n.forwardRef(
+  (e, f) => {
+    const { __scopeCheckbox: t, forceMount: i, ...l } = e, r = z(w, t);
+    return /* @__PURE__ */ h(H, { present: i || s(r.state) || r.state === !0, children: /* @__PURE__ */ h(
+      I.span,
+      {
+        "data-state": D(r.state),
+        "data-disabled": r.disabled ? "" : void 0,
+        ...l,
+        ref: f,
+        style: { pointerEvents: "none", ...e.style }
+      }
+    ) });
+  }
+);
+_.displayName = w;
+var T = (e) => {
+  const { control: f, checked: t, bubbles: i = !0, defaultChecked: l, ...r } = e, p = n.useRef(null), a = A(t), k = B(f);
+  n.useEffect(() => {
+    const d = p.current, v = window.HTMLInputElement.prototype, C = Object.getOwnPropertyDescriptor(v, "checked").set;
+    if (a !== t && C) {
+      const x = new Event("click", { bubbles: i });
+      d.indeterminate = s(t), C.call(d, s(t) ? !1 : t), d.dispatchEvent(x);
+    }
+  }, [a, t, i]);
+  const b = n.useRef(s(t) ? !1 : t);
+  return /* @__PURE__ */ h(
+    "input",
+    {
+      type: "checkbox",
+      "aria-hidden": !0,
+      defaultChecked: l ?? b.current,
+      ...r,
+      tabIndex: -1,
+      ref: p,
+      style: {
+        ...e.style,
+        ...k,
+        position: "absolute",
+        pointerEvents: "none",
+        opacity: 0,
+        margin: 0
+      }
+    }
+  );
+};
+function s(e) {
+  return e === "indeterminate";
+}
+function D(e) {
+  return s(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+var $ = g, ee = _;
+export {
+  g as Checkbox,
+  _ as CheckboxIndicator,
+  ee as Indicator,
+  $ as Root,
+  Z as createCheckboxScope
+};

package/dist/es/node_modules/@radix-ui/react-collapsible/dist/index.js

@@ -0,0 +1,119 @@
+import * as o from "react";
+import { composeEventHandlers as T } from "../../primitive/dist/index.js";
+import { createContextScope as S } from "../../react-context/dist/index.js";
+import { useControllableState as D } from "../../react-use-controllable-state/dist/index.js";
+import { useLayoutEffect as L } from "../../react-use-layout-effect/dist/index.js";
+import { useComposedRefs as M } from "../../react-compose-refs/dist/index.js";
+import { Primitive as b } from "../../react-primitive/dist/index.js";
+import { Presence as k } from "../../react-presence/dist/index.js";
+import { useId as F } from "../../react-id/dist/index.js";
+import { jsx as c } from "react/jsx-runtime";
+var v = "Collapsible", [B, W] = S(v), [G, g] = B(v), w = o.forwardRef(
+  (e, a) => {
+    const {
+      __scopeCollapsible: i,
+      open: r,
+      defaultOpen: t,
+      disabled: l,
+      onOpenChange: s,
+      ...u
+    } = e, [d = !1, p] = D({
+      prop: r,
+      defaultProp: t,
+      onChange: s
+    });
+    return /* @__PURE__ */ c(
+      G,
+      {
+        scope: i,
+        disabled: l,
+        contentId: F(),
+        open: d,
+        onOpenToggle: o.useCallback(() => p((m) => !m), [p]),
+        children: /* @__PURE__ */ c(
+          b.div,
+          {
+            "data-state": h(d),
+            "data-disabled": l ? "" : void 0,
+            ...u,
+            ref: a
+          }
+        )
+      }
+    );
+  }
+);
+w.displayName = v;
+var A = "CollapsibleTrigger", I = o.forwardRef(
+  (e, a) => {
+    const { __scopeCollapsible: i, ...r } = e, t = g(A, i);
+    return /* @__PURE__ */ c(
+      b.button,
+      {
+        type: "button",
+        "aria-controls": t.contentId,
+        "aria-expanded": t.open || !1,
+        "data-state": h(t.open),
+        "data-disabled": t.disabled ? "" : void 0,
+        disabled: t.disabled,
+        ...r,
+        ref: a,
+        onClick: T(e.onClick, t.onOpenToggle)
+      }
+    );
+  }
+);
+I.displayName = A;
+var R = "CollapsibleContent", O = o.forwardRef(
+  (e, a) => {
+    const { forceMount: i, ...r } = e, t = g(R, e.__scopeCollapsible);
+    return /* @__PURE__ */ c(k, { present: i || t.open, children: ({ present: l }) => /* @__PURE__ */ c($, { ...r, ref: a, present: l }) });
+  }
+);
+O.displayName = R;
+var $ = o.forwardRef((e, a) => {
+  const { __scopeCollapsible: i, present: r, children: t, ...l } = e, s = g(R, i), [u, d] = o.useState(r), p = o.useRef(null), m = M(a, p), y = o.useRef(0), x = y.current, N = o.useRef(0), P = N.current, C = s.open || u, _ = o.useRef(C), f = o.useRef(void 0);
+  return o.useEffect(() => {
+    const n = requestAnimationFrame(() => _.current = !1);
+    return () => cancelAnimationFrame(n);
+  }, []), L(() => {
+    const n = p.current;
+    if (n) {
+      f.current = f.current || {
+        transitionDuration: n.style.transitionDuration,
+        animationName: n.style.animationName
+      }, n.style.transitionDuration = "0s", n.style.animationName = "none";
+      const E = n.getBoundingClientRect();
+      y.current = E.height, N.current = E.width, _.current || (n.style.transitionDuration = f.current.transitionDuration, n.style.animationName = f.current.animationName), d(r);
+    }
+  }, [s.open, r]), /* @__PURE__ */ c(
+    b.div,
+    {
+      "data-state": h(s.open),
+      "data-disabled": s.disabled ? "" : void 0,
+      id: s.contentId,
+      hidden: !C,
+      ...l,
+      ref: m,
+      style: {
+        "--radix-collapsible-content-height": x ? `${x}px` : void 0,
+        "--radix-collapsible-content-width": P ? `${P}px` : void 0,
+        ...e.style
+      },
+      children: C && t
+    }
+  );
+});
+function h(e) {
+  return e ? "open" : "closed";
+}
+var X = w, Y = I, Z = O;
+export {
+  w as Collapsible,
+  O as CollapsibleContent,
+  I as CollapsibleTrigger,
+  Z as Content,
+  X as Root,
+  Y as Trigger,
+  W as createCollapsibleScope
+};

package/dist/es/node_modules/@radix-ui/react-collection/dist/index.js

@@ -0,0 +1,48 @@
+import n from "react";
+import { createContextScope as O } from "../../react-context/dist/index.js";
+import { useComposedRefs as S } from "../../react-compose-refs/dist/index.js";
+import { Slot as x } from "../../react-slot/dist/index.js";
+import { jsx as d } from "react/jsx-runtime";
+function h(s) {
+  const f = s + "CollectionProvider", [A, N] = O(f), [_, m] = A(
+    f,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  ), u = (c) => {
+    const { scope: e, children: l } = c, o = n.useRef(null), t = n.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ d(_, { scope: e, itemMap: t, collectionRef: o, children: l });
+  };
+  u.displayName = f;
+  const a = s + "CollectionSlot", p = n.forwardRef(
+    (c, e) => {
+      const { scope: l, children: o } = c, t = m(a, l), r = S(e, t.collectionRef);
+      return /* @__PURE__ */ d(x, { ref: r, children: o });
+    }
+  );
+  p.displayName = a;
+  const C = s + "CollectionItemSlot", R = "data-radix-collection-item", M = n.forwardRef(
+    (c, e) => {
+      const { scope: l, children: o, ...t } = c, r = n.useRef(null), I = S(e, r), i = m(C, l);
+      return n.useEffect(() => (i.itemMap.set(r, { ref: r, ...t }), () => void i.itemMap.delete(r))), /* @__PURE__ */ d(x, { [R]: "", ref: I, children: o });
+    }
+  );
+  M.displayName = C;
+  function E(c) {
+    const e = m(s + "CollectionConsumer", c);
+    return n.useCallback(() => {
+      const o = e.collectionRef.current;
+      if (!o) return [];
+      const t = Array.from(o.querySelectorAll(`[${R}]`));
+      return Array.from(e.itemMap.values()).sort(
+        (i, T) => t.indexOf(i.ref.current) - t.indexOf(T.ref.current)
+      );
+    }, [e.collectionRef, e.itemMap]);
+  }
+  return [
+    { Provider: u, Slot: p, ItemSlot: M },
+    E,
+    N
+  ];
+}
+export {
+  h as createCollection
+};

package/dist/es/node_modules/@radix-ui/react-compose-refs/dist/index.js

@@ -0,0 +1,29 @@
+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 {
+  i as composeRefs,
+  s as useComposedRefs
+};

package/dist/es/node_modules/@radix-ui/react-context/dist/index.js

@@ -0,0 +1,70 @@
+import * as u from "react";
+import { jsx as h } from "react/jsx-runtime";
+function w(e, c) {
+  const o = u.createContext(c), a = (r) => {
+    const { children: t, ...n } = r, s = u.useMemo(() => n, Object.values(n));
+    return /* @__PURE__ */ h(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 _(e, c = []) {
+  let o = [];
+  function a(r, t) {
+    const n = u.createContext(t), s = o.length;
+    o = [...o, t];
+    const p = (d) => {
+      var S;
+      const { scope: x, children: C, ...m } = d, v = ((S = x == null ? void 0 : x[e]) == null ? void 0 : S[s]) || n, P = u.useMemo(() => m, Object.values(m));
+      return /* @__PURE__ */ h(v.Provider, { value: P, children: C });
+    };
+    p.displayName = r + "Provider";
+    function f(d, x) {
+      var v;
+      const C = ((v = x == null ? void 0 : x[e]) == null ? void 0 : v[s]) || n, m = u.useContext(C);
+      if (m) return m;
+      if (t !== void 0) return t;
+      throw new Error(`\`${d}\` must be used within \`${r}\``);
+    }
+    return [p, 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: p }) => {
+        const d = s(r)[`__scope${p}`];
+        return { ...n, ...d };
+      }, {});
+      return u.useMemo(() => ({ [`__scope${c.scopeName}`]: t }), [t]);
+    };
+  };
+  return o.scopeName = c.scopeName, o;
+}
+export {
+  w as createContext,
+  _ as createContextScope
+};