@tipp/ui 0.0.0

package/dist/index-DQu1RzkN.js

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

package/dist/index-DbtrAyPY.js

@@ -0,0 +1,48 @@
+import n from "react";
+import { c as O } from "./index-CWqnkG-p.js";
+import { u as I } from "./index-DIx1pnae.js";
+import { S as x } from "./index-BGU-u5wR.js";
+import { jsx as a } 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__ */ a(_, { scope: e, itemMap: t, collectionRef: o, children: l });
+  };
+  u.displayName = f;
+  const d = s + "CollectionSlot", p = n.forwardRef(
+    (c, e) => {
+      const { scope: l, children: o } = c, t = m(d, l), r = I(e, t.collectionRef);
+      return /* @__PURE__ */ a(x, { ref: r, children: o });
+    }
+  );
+  p.displayName = d;
+  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), S = I(e, r), i = m(C, l);
+      return n.useEffect(() => (i.itemMap.set(r, { ref: r, ...t }), () => void i.itemMap.delete(r))), /* @__PURE__ */ a(x, { [R]: "", ref: S, 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 c
+};

package/dist/index-Dei2uCbS.js

@@ -0,0 +1,16 @@
+import * as t from "react";
+var r = globalThis != null && globalThis.document ? t.useLayoutEffect : () => {
+};
+function f(u) {
+  const e = t.useRef(u);
+  return t.useEffect(() => {
+    e.current = u;
+  }), t.useMemo(() => (...s) => {
+    var o;
+    return (o = e.current) == null ? void 0 : o.call(e, ...s);
+  }, []);
+}
+export {
+  r as a,
+  f as u
+};

package/dist/index-DgaYqXVD.js

@@ -0,0 +1,178 @@
+import * as s from "react";
+import { c as p } from "./index-DLeNytVF.js";
+import { c as V } from "./index-DbtrAyPY.js";
+import { u as j } from "./index-DIx1pnae.js";
+import { c as z } from "./index-CWqnkG-p.js";
+import { u as q } from "./index-J-pu07YR.js";
+import { P as x } from "./index-BLlMKB6v.js";
+import { u as J } from "./index-Dei2uCbS.js";
+import { u as Q } from "./index-CMas7-m1.js";
+import { u as W } from "./index-BQ0fI5eo.js";
+import { jsx as d } from "react/jsx-runtime";
+var h = "rovingFocusGroup.onEntryFocus", X = { bubbles: !1, cancelable: !0 }, b = "RovingFocusGroup", [y, G, Z] = V(b), [$, Fe] = z(
+  b,
+  [Z]
+), [ee, oe] = $(b), N = s.forwardRef(
+  (e, r) => /* @__PURE__ */ d(y.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d(y.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d(te, { ...e, ref: r }) }) })
+);
+N.displayName = b;
+var te = s.forwardRef((e, r) => {
+  const {
+    __scopeRovingFocusGroup: c,
+    orientation: o,
+    loop: F = !1,
+    dir: g,
+    currentTabStopId: R,
+    defaultCurrentTabStopId: E,
+    onCurrentTabStopIdChange: m,
+    onEntryFocus: a,
+    preventScrollOnEntryFocus: w = !1,
+    ...C
+  } = e, v = s.useRef(null), I = j(r, v), t = W(g), [f = null, T] = Q({
+    prop: R,
+    defaultProp: E,
+    onChange: m
+  }), [u, i] = s.useState(!1), S = J(a), k = G(c), A = s.useRef(!1), [L, P] = s.useState(0);
+  return s.useEffect(() => {
+    const n = v.current;
+    if (n)
+      return n.addEventListener(h, S), () => n.removeEventListener(h, S);
+  }, [S]), /* @__PURE__ */ d(
+    ee,
+    {
+      scope: c,
+      orientation: o,
+      dir: t,
+      loop: F,
+      currentTabStopId: f,
+      onItemFocus: s.useCallback(
+        (n) => T(n),
+        [T]
+      ),
+      onItemShiftTab: s.useCallback(() => i(!0), []),
+      onFocusableItemAdd: s.useCallback(
+        () => P((n) => n + 1),
+        []
+      ),
+      onFocusableItemRemove: s.useCallback(
+        () => P((n) => n - 1),
+        []
+      ),
+      children: /* @__PURE__ */ d(
+        x.div,
+        {
+          tabIndex: u || L === 0 ? -1 : 0,
+          "data-orientation": o,
+          ...C,
+          ref: I,
+          style: { outline: "none", ...e.style },
+          onMouseDown: p(e.onMouseDown, () => {
+            A.current = !0;
+          }),
+          onFocus: p(e.onFocus, (n) => {
+            const U = !A.current;
+            if (n.target === n.currentTarget && U && !u) {
+              const D = new CustomEvent(h, X);
+              if (n.currentTarget.dispatchEvent(D), !D.defaultPrevented) {
+                const _ = k().filter((l) => l.focusable), B = _.find((l) => l.active), Y = _.find((l) => l.id === f), H = [B, Y, ..._].filter(
+                  Boolean
+                ).map((l) => l.ref.current);
+                M(H, w);
+              }
+            }
+            A.current = !1;
+          }),
+          onBlur: p(e.onBlur, () => i(!1))
+        }
+      )
+    }
+  );
+}), O = "RovingFocusGroupItem", K = s.forwardRef(
+  (e, r) => {
+    const {
+      __scopeRovingFocusGroup: c,
+      focusable: o = !0,
+      active: F = !1,
+      tabStopId: g,
+      ...R
+    } = e, E = q(), m = g || E, a = oe(O, c), w = a.currentTabStopId === m, C = G(c), { onFocusableItemAdd: v, onFocusableItemRemove: I } = a;
+    return s.useEffect(() => {
+      if (o)
+        return v(), () => I();
+    }, [o, v, I]), /* @__PURE__ */ d(
+      y.ItemSlot,
+      {
+        scope: c,
+        id: m,
+        focusable: o,
+        active: F,
+        children: /* @__PURE__ */ d(
+          x.span,
+          {
+            tabIndex: w ? 0 : -1,
+            "data-orientation": a.orientation,
+            ...R,
+            ref: r,
+            onMouseDown: p(e.onMouseDown, (t) => {
+              o ? a.onItemFocus(m) : t.preventDefault();
+            }),
+            onFocus: p(e.onFocus, () => a.onItemFocus(m)),
+            onKeyDown: p(e.onKeyDown, (t) => {
+              if (t.key === "Tab" && t.shiftKey) {
+                a.onItemShiftTab();
+                return;
+              }
+              if (t.target !== t.currentTarget) return;
+              const f = se(t, a.orientation, a.dir);
+              if (f !== void 0) {
+                if (t.metaKey || t.ctrlKey || t.altKey || t.shiftKey) return;
+                t.preventDefault();
+                let u = C().filter((i) => i.focusable).map((i) => i.ref.current);
+                if (f === "last") u.reverse();
+                else if (f === "prev" || f === "next") {
+                  f === "prev" && u.reverse();
+                  const i = u.indexOf(t.currentTarget);
+                  u = a.loop ? ce(u, i + 1) : u.slice(i + 1);
+                }
+                setTimeout(() => M(u));
+              }
+            })
+          }
+        )
+      }
+    );
+  }
+);
+K.displayName = O;
+var re = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
+};
+function ne(e, r) {
+  return r !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
+}
+function se(e, r, c) {
+  const o = ne(e.key, c);
+  if (!(r === "vertical" && ["ArrowLeft", "ArrowRight"].includes(o)) && !(r === "horizontal" && ["ArrowUp", "ArrowDown"].includes(o)))
+    return re[o];
+}
+function M(e, r = !1) {
+  const c = document.activeElement;
+  for (const o of e)
+    if (o === c || (o.focus({ preventScroll: r }), document.activeElement !== c)) return;
+}
+function ce(e, r) {
+  return e.map((c, o) => e[(r + o) % e.length]);
+}
+var ge = N, Re = K;
+export {
+  Re as I,
+  ge as R,
+  Fe as c
+};

package/dist/index-DoIe4nVR.js

@@ -0,0 +1,42 @@
+import { g as c } from "./_commonjsHelpers-DaMA6jEr.js";
+var a = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(i) {
+  (function() {
+    var l = {}.hasOwnProperty;
+    function s() {
+      for (var n = [], o = 0; o < arguments.length; o++) {
+        var t = arguments[o];
+        if (t) {
+          var e = typeof t;
+          if (e === "string" || e === "number")
+            n.push(t);
+          else if (Array.isArray(t)) {
+            if (t.length) {
+              var f = s.apply(null, t);
+              f && n.push(f);
+            }
+          } else if (e === "object") {
+            if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]")) {
+              n.push(t.toString());
+              continue;
+            }
+            for (var r in t)
+              l.call(t, r) && t[r] && n.push(r);
+          }
+        }
+      }
+      return n.join(" ");
+    }
+    i.exports ? (s.default = s, i.exports = s) : window.classNames = s;
+  })();
+})(a);
+var p = a.exports;
+const v = /* @__PURE__ */ c(p);
+export {
+  v as y
+};

package/dist/index-DxFjXziY.js

@@ -0,0 +1,32 @@
+import * as e from "react";
+import { P as o } from "./index-BLlMKB6v.js";
+import { jsx as t } from "react/jsx-runtime";
+var d = "VisuallyHidden", a = e.forwardRef(
+  (r, i) => /* @__PURE__ */ t(
+    o.span,
+    {
+      ...r,
+      ref: i,
+      style: {
+        // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
+        position: "absolute",
+        border: 0,
+        width: 1,
+        height: 1,
+        padding: 0,
+        margin: -1,
+        overflow: "hidden",
+        clip: "rect(0, 0, 0, 0)",
+        whiteSpace: "nowrap",
+        wordWrap: "normal",
+        ...r.style
+      }
+    }
+  )
+);
+a.displayName = d;
+var m = a;
+export {
+  m as R,
+  a as V
+};

package/dist/index-J-pu07YR.js

@@ -0,0 +1,13 @@
+import * as e from "react";
+import { a as s } from "./index-Dei2uCbS.js";
+var u = e.useId || (() => {
+}), i = 0;
+function n(r) {
+  const [t, a] = e.useState(u());
+  return s(() => {
+    a((o) => o ?? String(i++));
+  }, [r]), t ? `radix-${t}` : "";
+}
+export {
+  n as u
+};