@tipp/ui 1.0.0 → 1.0.2

package/dist/index-DQu1RzkN.js

@@ -1,41 +0,0 @@
-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

@@ -1,48 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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

@@ -1,178 +0,0 @@
-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

@@ -1,42 +0,0 @@
-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

@@ -1,32 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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
-};