laif-ds 0.1.45 → 0.1.47

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

@@ -0,0 +1,44 @@
+"use client";
+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(
+  (i, r) => {
+    const { ratio: a = 1 / 1, style: e, ...p } = i;
+    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: r,
+            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/node_modules/@radix-ui/react-avatar/dist/index.js

@@ -0,0 +1,77 @@
+"use client";
+import * as i from "react";
+import { createContextScope as C } from "../../react-context/dist/index.js";
+import { useCallbackRef as h } from "../../react-use-callback-ref/dist/index.js";
+import { useLayoutEffect as f } from "../../react-use-layout-effect/dist/index.js";
+import { Primitive as v } from "../../react-primitive/dist/index.js";
+import { useIsHydrated as _ } from "../../react-use-is-hydrated/dist/index.js";
+import { jsx as l } from "react/jsx-runtime";
+var m = "Avatar", [y, H] = C(m), [x, A] = y(m), L = i.forwardRef(
+  (e, t) => {
+    const { __scopeAvatar: o, ...r } = e, [n, a] = i.useState("idle");
+    return /* @__PURE__ */ l(
+      x,
+      {
+        scope: o,
+        imageLoadingStatus: n,
+        onImageLoadingStatusChange: a,
+        children: /* @__PURE__ */ l(v.span, { ...r, ref: t })
+      }
+    );
+  }
+);
+L.displayName = m;
+var S = "AvatarImage", E = i.forwardRef(
+  (e, t) => {
+    const { __scopeAvatar: o, src: r, onLoadingStatusChange: n = () => {
+    }, ...a } = e, u = A(S, o), s = N(r, a), d = h((c) => {
+      n(c), u.onImageLoadingStatusChange(c);
+    });
+    return f(() => {
+      s !== "idle" && d(s);
+    }, [s, d]), s === "loaded" ? /* @__PURE__ */ l(v.img, { ...a, ref: t, src: r }) : null;
+  }
+);
+E.displayName = S;
+var I = "AvatarFallback", R = i.forwardRef(
+  (e, t) => {
+    const { __scopeAvatar: o, delayMs: r, ...n } = e, a = A(I, o), [u, s] = i.useState(r === void 0);
+    return i.useEffect(() => {
+      if (r !== void 0) {
+        const d = window.setTimeout(() => s(!0), r);
+        return () => window.clearTimeout(d);
+      }
+    }, [r]), u && a.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ l(v.span, { ...n, ref: t }) : null;
+  }
+);
+R.displayName = I;
+function p(e, t) {
+  return e ? t ? (e.src !== t && (e.src = t), e.complete && e.naturalWidth > 0 ? "loaded" : "loading") : "error" : "idle";
+}
+function N(e, { referrerPolicy: t, crossOrigin: o }) {
+  const r = _(), n = i.useRef(null), a = r ? (n.current || (n.current = new window.Image()), n.current) : null, [u, s] = i.useState(
+    () => p(a, e)
+  );
+  return f(() => {
+    s(p(a, e));
+  }, [a, e]), f(() => {
+    const d = (w) => () => {
+      s(w);
+    };
+    if (!a) return;
+    const c = d("loaded"), g = d("error");
+    return a.addEventListener("load", c), a.addEventListener("error", g), t && (a.referrerPolicy = t), typeof o == "string" && (a.crossOrigin = o), () => {
+      a.removeEventListener("load", c), a.removeEventListener("error", g);
+    };
+  }, [a, o, t]), u;
+}
+var j = L, B = E, G = R;
+export {
+  L as Avatar,
+  R as AvatarFallback,
+  E as AvatarImage,
+  G as Fallback,
+  B as Image,
+  j as Root,
+  H as createAvatarScope
+};

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

@@ -0,0 +1,253 @@
+"use client";
+import * as s from "react";
+import { useComposedRefs as B } from "../../react-compose-refs/dist/index.js";
+import { createContextScope as L } from "../../react-context/dist/index.js";
+import { composeEventHandlers as S } from "../../primitive/dist/index.js";
+import { useControllableState as O } from "../../react-use-controllable-state/dist/index.js";
+import { usePrevious as j } from "../../react-use-previous/dist/index.js";
+import { useSize as H } from "../../react-use-size/dist/index.js";
+import { Presence as z } from "../../react-presence/dist/index.js";
+import { Primitive as P } from "../../react-primitive/dist/index.js";
+import { jsx as b, jsxs as G, Fragment as K } from "react/jsx-runtime";
+var g = "Checkbox", [U, se] = L(g), [X, E] = U(g);
+function J(t) {
+  const {
+    __scopeCheckbox: a,
+    checked: c,
+    children: u,
+    defaultChecked: r,
+    disabled: e,
+    form: p,
+    name: f,
+    onCheckedChange: i,
+    required: m,
+    value: C = "on",
+    // @ts-expect-error
+    internal_do_not_use_render: d
+  } = t, [l, v] = O({
+    prop: c,
+    defaultProp: r ?? !1,
+    onChange: i,
+    caller: g
+  }), [k, x] = s.useState(null), [_, o] = s.useState(null), n = s.useRef(!1), I = k ? !!p || !!k.closest("form") : (
+    // We set this to true by default so that events bubble to forms without JS (SSR)
+    !0
+  ), R = {
+    checked: l,
+    disabled: e,
+    setChecked: v,
+    control: k,
+    setControl: x,
+    name: f,
+    form: p,
+    value: C,
+    hasConsumerStoppedPropagationRef: n,
+    required: m,
+    defaultChecked: h(r) ? !1 : r,
+    isFormControl: I,
+    bubbleInput: _,
+    setBubbleInput: o
+  };
+  return /* @__PURE__ */ b(
+    X,
+    {
+      scope: a,
+      ...R,
+      children: W(d) ? d(R) : u
+    }
+  );
+}
+var N = "CheckboxTrigger", w = s.forwardRef(
+  ({ __scopeCheckbox: t, onKeyDown: a, onClick: c, ...u }, r) => {
+    const {
+      control: e,
+      value: p,
+      disabled: f,
+      checked: i,
+      required: m,
+      setControl: C,
+      setChecked: d,
+      hasConsumerStoppedPropagationRef: l,
+      isFormControl: v,
+      bubbleInput: k
+    } = E(N, t), x = B(r, C), _ = s.useRef(i);
+    return s.useEffect(() => {
+      const o = e == null ? void 0 : e.form;
+      if (o) {
+        const n = () => d(_.current);
+        return o.addEventListener("reset", n), () => o.removeEventListener("reset", n);
+      }
+    }, [e, d]), /* @__PURE__ */ b(
+      P.button,
+      {
+        type: "button",
+        role: "checkbox",
+        "aria-checked": h(i) ? "mixed" : i,
+        "aria-required": m,
+        "data-state": A(i),
+        "data-disabled": f ? "" : void 0,
+        disabled: f,
+        value: p,
+        ...u,
+        ref: x,
+        onKeyDown: S(a, (o) => {
+          o.key === "Enter" && o.preventDefault();
+        }),
+        onClick: S(c, (o) => {
+          d((n) => h(n) ? !0 : !n), k && v && (l.current = o.isPropagationStopped(), l.current || o.stopPropagation());
+        })
+      }
+    );
+  }
+);
+w.displayName = N;
+var Q = s.forwardRef(
+  (t, a) => {
+    const {
+      __scopeCheckbox: c,
+      name: u,
+      checked: r,
+      defaultChecked: e,
+      required: p,
+      disabled: f,
+      value: i,
+      onCheckedChange: m,
+      form: C,
+      ...d
+    } = t;
+    return /* @__PURE__ */ b(
+      J,
+      {
+        __scopeCheckbox: c,
+        checked: r,
+        defaultChecked: e,
+        disabled: f,
+        required: p,
+        onCheckedChange: m,
+        name: u,
+        form: C,
+        value: i,
+        internal_do_not_use_render: ({ isFormControl: l }) => /* @__PURE__ */ G(K, { children: [
+          /* @__PURE__ */ b(
+            w,
+            {
+              ...d,
+              ref: a,
+              __scopeCheckbox: c
+            }
+          ),
+          l && /* @__PURE__ */ b(
+            q,
+            {
+              __scopeCheckbox: c
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+Q.displayName = g;
+var T = "CheckboxIndicator", V = s.forwardRef(
+  (t, a) => {
+    const { __scopeCheckbox: c, forceMount: u, ...r } = t, e = E(T, c);
+    return /* @__PURE__ */ b(
+      z,
+      {
+        present: u || h(e.checked) || e.checked === !0,
+        children: /* @__PURE__ */ b(
+          P.span,
+          {
+            "data-state": A(e.checked),
+            "data-disabled": e.disabled ? "" : void 0,
+            ...r,
+            ref: a,
+            style: { pointerEvents: "none", ...t.style }
+          }
+        )
+      }
+    );
+  }
+);
+V.displayName = T;
+var M = "CheckboxBubbleInput", q = s.forwardRef(
+  ({ __scopeCheckbox: t, ...a }, c) => {
+    const {
+      control: u,
+      hasConsumerStoppedPropagationRef: r,
+      checked: e,
+      defaultChecked: p,
+      required: f,
+      disabled: i,
+      name: m,
+      value: C,
+      form: d,
+      bubbleInput: l,
+      setBubbleInput: v
+    } = E(M, t), k = B(c, v), x = j(e), _ = H(u);
+    s.useEffect(() => {
+      const n = l;
+      if (!n) return;
+      const I = window.HTMLInputElement.prototype, y = Object.getOwnPropertyDescriptor(
+        I,
+        "checked"
+      ).set, D = !r.current;
+      if (x !== e && y) {
+        const F = new Event("click", { bubbles: D });
+        n.indeterminate = h(e), y.call(n, h(e) ? !1 : e), n.dispatchEvent(F);
+      }
+    }, [l, x, e, r]);
+    const o = s.useRef(h(e) ? !1 : e);
+    return /* @__PURE__ */ b(
+      P.input,
+      {
+        type: "checkbox",
+        "aria-hidden": !0,
+        defaultChecked: p ?? o.current,
+        required: f,
+        disabled: i,
+        name: m,
+        value: C,
+        form: d,
+        ...a,
+        tabIndex: -1,
+        ref: k,
+        style: {
+          ...a.style,
+          ..._,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0,
+          // We transform because the input is absolutely positioned but we have
+          // rendered it **after** the button. This pulls it back to sit on top
+          // of the button.
+          transform: "translateX(-100%)"
+        }
+      }
+    );
+  }
+);
+q.displayName = M;
+function W(t) {
+  return typeof t == "function";
+}
+function h(t) {
+  return t === "indeterminate";
+}
+function A(t) {
+  return h(t) ? "indeterminate" : t ? "checked" : "unchecked";
+}
+export {
+  Q as Checkbox,
+  V as CheckboxIndicator,
+  V as Indicator,
+  Q as Root,
+  se as createCheckboxScope,
+  q as unstable_BubbleInput,
+  q as unstable_CheckboxBubbleInput,
+  J as unstable_CheckboxProvider,
+  w as unstable_CheckboxTrigger,
+  J as unstable_Provider,
+  w as unstable_Trigger
+};

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

@@ -0,0 +1,121 @@
+"use client";
+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 v } 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 u = "Collapsible", [B, W] = S(u), [G, g] = B(u), w = o.forwardRef(
+  (e, a) => {
+    const {
+      __scopeCollapsible: i,
+      open: r,
+      defaultOpen: t,
+      disabled: l,
+      onOpenChange: s,
+      ...m
+    } = e, [d, p] = D({
+      prop: r,
+      defaultProp: t ?? !1,
+      onChange: s,
+      caller: u
+    });
+    return /* @__PURE__ */ c(
+      G,
+      {
+        scope: i,
+        disabled: l,
+        contentId: F(),
+        open: d,
+        onOpenToggle: o.useCallback(() => p((C) => !C), [p]),
+        children: /* @__PURE__ */ c(
+          v.div,
+          {
+            "data-state": h(d),
+            "data-disabled": l ? "" : void 0,
+            ...m,
+            ref: a
+          }
+        )
+      }
+    );
+  }
+);
+w.displayName = u;
+var A = "CollapsibleTrigger", I = o.forwardRef(
+  (e, a) => {
+    const { __scopeCollapsible: i, ...r } = e, t = g(A, i);
+    return /* @__PURE__ */ c(
+      v.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), [m, d] = o.useState(r), p = o.useRef(null), C = M(a, p), y = o.useRef(0), x = y.current, N = o.useRef(0), P = N.current, b = s.open || m, _ = o.useRef(b), 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(
+    v.div,
+    {
+      "data-state": h(s.open),
+      "data-disabled": s.disabled ? "" : void 0,
+      id: s.contentId,
+      hidden: !b,
+      ...l,
+      ref: C,
+      style: {
+        "--radix-collapsible-content-height": x ? `${x}px` : void 0,
+        "--radix-collapsible-content-width": P ? `${P}px` : void 0,
+        ...e.style
+      },
+      children: b && 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/node_modules/@radix-ui/react-collection/dist/index.js

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

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

@@ -0,0 +1,30 @@
+"use client";
+import * as i from "react";
+function l(n, o) {
+  if (typeof n == "function")
+    return n(o);
+  n != null && (n.current = o);
+}
+function s(...n) {
+  return (o) => {
+    let u = !1;
+    const c = n.map((e) => {
+      const t = l(e, o);
+      return !u && typeof t == "function" && (u = !0), t;
+    });
+    if (u)
+      return () => {
+        for (let e = 0; e < c.length; e++) {
+          const t = c[e];
+          typeof t == "function" ? t() : l(n[e], null);
+        }
+      };
+  };
+}
+function f(...n) {
+  return i.useCallback(s(...n), n);
+}
+export {
+  s as composeRefs,
+  f as useComposedRefs
+};

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

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