@epilot/volt-ui 1.1.2-alpha.1 → 1.1.2-alpha.2

package/dist/index.es69.js

@@ -1,120 +1,32 @@
-import * as o from "react";
-import { composeEventHandlers as T } from "./index.es48.js";
-import { createContextScope as S } from "./index.es49.js";
-import { useControllableState as D } from "./index.es50.js";
-import { useLayoutEffect as L } from "./index.es77.js";
-import { useComposedRefs as M } from "./index.es46.js";
-import { Primitive as v } from "./index.es53.js";
-import { Presence as k } from "./index.es56.js";
-import { useId as F } from "./index.es60.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;
+import * as f from "react";
+import "react-dom";
+import { createSlot as l } from "./index.es31.js";
+import { jsx as n } from "react/jsx-runtime";
+var u = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], w = u.reduce((t, i) => {
+  const o = l(`Primitive.${i}`), r = f.forwardRef((e, m) => {
+    const { asChild: a, ...p } = e, s = a ? o : i;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ n(s, { ...p, ref: m });
+  });
+  return r.displayName = `Primitive.${i}`, { ...t, [i]: r };
+}, {});
 export {
-  w as Collapsible,
-  O as CollapsibleContent,
-  I as CollapsibleTrigger,
-  Z as Content,
-  X as Root,
-  Y as Trigger,
-  W as createCollapsibleScope
+  w as Primitive
 };

package/dist/index.es70.js

@@ -1,11 +1,48 @@
-import "react";
-import { jsx as e, Fragment as o } from "react/jsx-runtime";
-var l = Symbol("radix.slottable");
-// @__NO_SIDE_EFFECTS__
-function n(r) {
-  const t = ({ children: a }) => /* @__PURE__ */ e(o, { children: a });
-  return t.displayName = `${r}.Slottable`, t.__radixId = l, t;
+import r from "react";
+import { createContextScope as y } from "./index.es49.js";
+import { useComposedRefs as M } from "./index.es46.js";
+import { createSlot as x } from "./index.es78.js";
+import { jsx as u } 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__ */ u(_, { scope: e, itemMap: t, collectionRef: o, children: l });
+  };
+  p.displayName = m;
+  const a = s + "CollectionSlot", E = x(a), C = r.forwardRef(
+    (c, e) => {
+      const { scope: l, children: o } = c, t = f(a, l), n = M(e, t.collectionRef);
+      return /* @__PURE__ */ u(E, { ref: n, children: o });
+    }
+  );
+  C.displayName = a;
+  const d = s + "CollectionItemSlot", R = "data-radix-collection-item", T = x(d), I = r.forwardRef(
+    (c, e) => {
+      const { scope: l, children: o, ...t } = c, n = r.useRef(null), S = M(e, n), i = f(d, l);
+      return r.useEffect(() => (i.itemMap.set(n, { ref: n, ...t }), () => void i.itemMap.delete(n))), /* @__PURE__ */ u(T, { [R]: "", ref: S, children: o });
+    }
+  );
+  I.displayName = d;
+  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 {
-  n as createSlottable
+  g as createCollection
 };

package/dist/index.es71.js

@@ -1,11 +1,120 @@
-import "react";
-import { jsx as e, Fragment as o } from "react/jsx-runtime";
-var l = Symbol("radix.slottable");
-// @__NO_SIDE_EFFECTS__
-function n(r) {
-  const t = ({ children: a }) => /* @__PURE__ */ e(o, { children: a });
-  return t.displayName = `${r}.Slottable`, t.__radixId = l, t;
+import * as o from "react";
+import { composeEventHandlers as T } from "./index.es48.js";
+import { createContextScope as S } from "./index.es49.js";
+import { useControllableState as D } from "./index.es59.js";
+import { useLayoutEffect as L } from "./index.es77.js";
+import { useComposedRefs as M } from "./index.es46.js";
+import { Primitive as v } from "./index.es57.js";
+import { Presence as k } from "./index.es56.js";
+import { useId as F } from "./index.es53.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 {
-  n as createSlottable
+  w as Collapsible,
+  O as CollapsibleContent,
+  I as CollapsibleTrigger,
+  Z as Content,
+  X as Root,
+  Y as Trigger,
+  W as createCollapsibleScope
 };

package/dist/index.es72.js

@@ -1,32 +1,50 @@
-import * as a from "react";
-import { Primitive as o } from "./index.es53.js";
-import { jsx as t } from "react/jsx-runtime";
-var d = Object.freeze({
-  // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.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"
-}), l = "VisuallyHidden", e = a.forwardRef(
-  (r, i) => /* @__PURE__ */ t(
-    o.span,
-    {
-      ...r,
-      ref: i,
-      style: { ...d, ...r.style }
+import * as l from "react";
+import { composeRefs as m } from "./index.es46.js";
+import { jsx as u } from "react/jsx-runtime";
+// @__NO_SIDE_EFFECTS__
+function b(e) {
+  const n = /* @__PURE__ */ y(e), o = l.forwardRef((t, r) => {
+    const { children: i, ...c } = t, s = l.Children.toArray(i), a = s.find(E);
+    if (a) {
+      const f = a.props.children, d = s.map((p) => p === a ? l.Children.count(f) > 1 ? l.Children.only(null) : l.isValidElement(f) ? f.props.children : null : p);
+      return /* @__PURE__ */ u(n, { ...c, ref: r, children: l.isValidElement(f) ? l.cloneElement(f, void 0, d) : null });
     }
-  )
-);
-e.displayName = l;
-var p = e;
+    return /* @__PURE__ */ u(n, { ...c, ref: r, children: i });
+  });
+  return o.displayName = `${e}.Slot`, o;
+}
+// @__NO_SIDE_EFFECTS__
+function y(e) {
+  const n = l.forwardRef((o, t) => {
+    const { children: r, ...i } = o;
+    if (l.isValidElement(r)) {
+      const c = S(r), s = C(i, r.props);
+      return r.type !== l.Fragment && (s.ref = t ? m(t, c) : c), l.cloneElement(r, s);
+    }
+    return l.Children.count(r) > 1 ? l.Children.only(null) : null;
+  });
+  return n.displayName = `${e}.SlotClone`, n;
+}
+var g = Symbol("radix.slottable");
+function E(e) {
+  return l.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === g;
+}
+function C(e, n) {
+  const o = { ...n };
+  for (const t in n) {
+    const r = e[t], i = n[t];
+    /^on[A-Z]/.test(t) ? r && i ? o[t] = (...s) => {
+      const a = i(...s);
+      return r(...s), a;
+    } : r && (o[t] = r) : t === "style" ? o[t] = { ...r, ...i } : t === "className" && (o[t] = [r, i].filter(Boolean).join(" "));
+  }
+  return { ...e, ...o };
+}
+function S(e) {
+  var t, r;
+  let n = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, o = n && "isReactWarning" in n && n.isReactWarning;
+  return o ? e.ref : (n = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, o = n && "isReactWarning" in n && n.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
+}
 export {
-  p as Root,
-  d as VISUALLY_HIDDEN_STYLES,
-  e as VisuallyHidden
+  b as createSlot
 };