@epilot/volt-ui 1.1.2-alpha.4 → 1.1.2-alpha.6

package/dist/index.es7.js

@@ -0,0 +1,167 @@
+import { jsx as e } from "react/jsx-runtime";
+import * as r from "react";
+import { createContext as f, useContext as g, useMemo as p } from "react";
+import { cn as n } from "./index.es4.js";
+import { Label as m } from "./index.es13.js";
+import { cva as x } from "./index.es33.js";
+const u = f(null), C = () => {
+  const t = g(u);
+  if (!t)
+    throw new Error("FieldInput must be used within a Field component");
+  return t;
+}, k = ({ className: t, ...l }) => /* @__PURE__ */ e(
+  "div",
+  {
+    "data-slot": "field-group",
+    className: n(
+      "volt-group/field-group volt-@container/field-group volt-flex volt-w-full volt-flex-col volt-gap-2 volt-*:data-[slot=field-group]:gap-2 [&>div[data-slot=field]+[data-slot=field-description]]:pl-3",
+      t
+    ),
+    ...l
+  }
+), L = ({
+  className: t,
+  ...l
+}) => /* @__PURE__ */ e(
+  "fieldset",
+  {
+    "data-slot": "field-set",
+    className: n("volt-flex volt-flex-col volt-gap-6", t),
+    ...l
+  }
+), h = x(
+  "volt-relative volt-flex-col volt-*:w-full [&>.sr-only]:w-auto volt-group/field volt-flex volt-w-full volt-py-2 volt-px-3 volt-gap-1 volt-corner-squircle-lg volt-rounded-lg volt-transition-all volt-duration-75 volt-data-[focused=true]:outline-2 volt-data-[focused=true]:outline-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "volt-bg-gray-a3 volt-hover:bg-gray-a4 volt-data-[focused=true]:outline-gray-a8",
+        highlight: "volt-bg-accent-a3 volt-hover:bg-accent-a4 volt-data-[focused=true]:outline-accent-a8",
+        readonly: "volt-bg-gray-a3 volt-data-[focused=true]:outline-gray-a8",
+        destructive: "volt-bg-error-soft volt-hover:bg-error-a4 volt-data-[focused=true]:outline-error-a8"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), R = ({ className: t, variant: l, children: o, ...v }) => {
+  const i = r.useRef(null), [s, d] = r.useState(!1);
+  return /* @__PURE__ */ e(u.Provider, { value: { inputRef: i }, children: /* @__PURE__ */ e(
+    "div",
+    {
+      role: "group",
+      "data-slot": "field",
+      className: n(h({ variant: l }), t),
+      "data-focused": s ? "true" : "false",
+      onFocusCapture: () => d(!0),
+      onBlurCapture: () => d(!1),
+      ...v,
+      children: o
+    }
+  ) });
+}, I = ({ className: t, ...l }) => /* @__PURE__ */ e(
+  "div",
+  {
+    "data-slot": "field-content",
+    className: n(
+      "volt-group/field-content volt-flex volt-flex-1 volt-flex-col volt-gap-2 volt-leading-snug",
+      t
+    ),
+    ...l
+  }
+), M = ({
+  className: t,
+  ...l
+}) => /* @__PURE__ */ e(
+  m,
+  {
+    "data-slot": "field-label",
+    className: n(
+      "volt-group/field-label volt-min-h-5 volt-text-xs volt-peer/field-label volt-flex volt-w-fit volt-gap-2 volt-leading-snug volt-group-data-[disabled=true]/field:opacity-50",
+      "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border volt-*:data-[slot=field]:p-4",
+      "volt-has-data-[state=checked]:bg-accent-a3/5 volt-has-data-[state=checked]:border-accent-a3 volt-dark:has-data-[state=checked]:bg-accent-a3/10",
+      t
+    ),
+    ...l
+  }
+), S = ({
+  className: t,
+  showOnHover: l = !0,
+  ...o
+}) => /* @__PURE__ */ e(
+  "div",
+  {
+    "data-slot": "field-label-content",
+    className: n(
+      "volt-inline-flex volt-items-center volt-gap-1 volt-transition-opacity",
+      {
+        "volt-w-0 volt-h-0 volt-opacity-0 volt-pointer-events-none volt-group-hover/field:w-auto volt-group-hover/field:h-auto volt-group-hover/field:opacity-100 volt-group-hover/field:pointer-events-auto": l
+      },
+      t
+    ),
+    ...o
+  }
+), V = ({
+  className: t,
+  ...l
+}) => /* @__PURE__ */ e(
+  "p",
+  {
+    "data-slot": "field-description",
+    className: n(
+      "volt-text-gray-default volt-text-xs volt-leading-normal volt-font-normal",
+      "volt-last:mt-0 volt-nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5",
+      "[&>a:hover]:text-gray-default [&>a]:underline [&>a]:underline-offset-4",
+      t
+    ),
+    ...l
+  }
+), j = ({
+  className: t,
+  children: l,
+  errors: o,
+  ...v
+}) => {
+  const i = p(() => {
+    var d;
+    if (l)
+      return l;
+    if (!(o != null && o.length))
+      return null;
+    const s = [
+      ...new Map(o.map((a) => [a == null ? void 0 : a.message, a])).values()
+    ];
+    return (s == null ? void 0 : s.length) == 1 ? (d = s[0]) == null ? void 0 : d.message : /* @__PURE__ */ e("ul", { className: "volt-flex volt-list-disc volt-flex-col volt-m-0", children: s.map(
+      (a, c) => (a == null ? void 0 : a.message) && /* @__PURE__ */ e(
+        "li",
+        {
+          className: "volt-text-error-light volt-text-xs volt-font-normal volt-my-1 volt-marker:text-error-light",
+          children: a.message
+        },
+        c
+      )
+    ) });
+  }, [l, o]);
+  return i ? /* @__PURE__ */ e(
+    "div",
+    {
+      role: "alert",
+      "data-slot": "field-error",
+      className: n("volt-text-error-light volt-text-xs volt-font-normal", t),
+      ...v,
+      children: i
+    }
+  ) : null;
+};
+export {
+  R as Field,
+  I as FieldContent,
+  V as FieldDescription,
+  j as FieldError,
+  k as FieldGroup,
+  M as FieldLabel,
+  S as FieldLabelContent,
+  L as FieldSet,
+  h as fieldVariants,
+  C as useFieldContext
+};

package/dist/index.es70.js

@@ -0,0 +1,52 @@
+var S = function(r) {
+  if (typeof document > "u")
+    return null;
+  var u = Array.isArray(r) ? r[0] : r;
+  return u.ownerDocument.body;
+}, f = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), p = {}, h = 0, W = function(r) {
+  return r && (r.host || W(r.parentNode));
+}, D = function(r, u) {
+  return u.map(function(e) {
+    if (r.contains(e))
+      return e;
+    var n = W(e);
+    return n && r.contains(n) ? n : (console.error("aria-hidden", e, "in not contained inside", r, ". Doing nothing"), null);
+  }).filter(function(e) {
+    return !!e;
+  });
+}, E = function(r, u, e, n) {
+  var i = D(u, Array.isArray(r) ? r : [r]);
+  p[e] || (p[e] = /* @__PURE__ */ new WeakMap());
+  var s = p[e], l = [], o = /* @__PURE__ */ new Set(), b = new Set(i), y = function(t) {
+    !t || o.has(t) || (o.add(t), y(t.parentNode));
+  };
+  i.forEach(y);
+  var A = function(t) {
+    !t || b.has(t) || Array.prototype.forEach.call(t.children, function(a) {
+      if (o.has(a))
+        A(a);
+      else
+        try {
+          var c = a.getAttribute(n), w = c !== null && c !== "false", d = (f.get(a) || 0) + 1, M = (s.get(a) || 0) + 1;
+          f.set(a, d), s.set(a, M), l.push(a), d === 1 && w && v.set(a, !0), M === 1 && a.setAttribute(e, "true"), w || a.setAttribute(n, "true");
+        } catch (k) {
+          console.error("aria-hidden: cannot operate on ", a, k);
+        }
+    });
+  };
+  return A(u), o.clear(), h++, function() {
+    l.forEach(function(t) {
+      var a = f.get(t) - 1, c = s.get(t) - 1;
+      f.set(t, a), s.set(t, c), a || (v.has(t) || t.removeAttribute(n), v.delete(t)), c || t.removeAttribute(e);
+    }), h--, h || (f = /* @__PURE__ */ new WeakMap(), f = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), p = {});
+  };
+}, C = function(r, u, e) {
+  e === void 0 && (e = "data-aria-hidden");
+  var n = Array.from(Array.isArray(r) ? r : [r]), i = S(r);
+  return i ? (n.push.apply(n, Array.from(i.querySelectorAll("[aria-live], script"))), E(n, i, e, "aria-hidden")) : function() {
+    return null;
+  };
+};
+export {
+  C as hideOthers
+};

package/dist/index.es71.js

@@ -0,0 +1,11 @@
+import { __assign as m } from "./index.es86.js";
+import * as r from "react";
+import { RemoveScroll as e } from "./index.es87.js";
+import t from "./index.es88.js";
+var s = r.forwardRef(function(a, o) {
+  return r.createElement(e, m({}, a, { ref: o, sideCar: t }));
+});
+s.classNames = e.classNames;
+export {
+  s as default
+};

package/dist/index.es72.js

@@ -0,0 +1,32 @@
+import * as f from "react";
+import "react-dom";
+import { createSlot as l } from "./index.es32.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 Primitive
+};

package/dist/index.es73.js

@@ -0,0 +1,11 @@
+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;
+}
+export {
+  n as createSlottable
+};

package/dist/index.es74.js

@@ -0,0 +1,50 @@
+import * as l from "react";
+import { composeRefs as m } from "./index.es47.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 });
+    }
+    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 {
+  b as createSlot
+};

package/dist/index.es75.js

@@ -0,0 +1,50 @@
+import * as l from "react";
+import { composeRefs as m } from "./index.es47.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 });
+    }
+    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 {
+  b as createSlot
+};

package/dist/index.es76.js

@@ -0,0 +1,11 @@
+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;
+}
+export {
+  n as createSlottable
+};

package/dist/index.es77.js

@@ -0,0 +1,120 @@
+import * as o from "react";
+import { composeEventHandlers as T } from "./index.es49.js";
+import { createContextScope as S } from "./index.es50.js";
+import { useControllableState as D } from "./index.es51.js";
+import { useLayoutEffect as L } from "./index.es68.js";
+import { useComposedRefs as M } from "./index.es47.js";
+import { Primitive as v } from "./index.es54.js";
+import { Presence as k } from "./index.es57.js";
+import { useId as F } from "./index.es63.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
+};