@boxcustodia/library 1.6.3 → 1.7.1-canary.0

package/dist/index.es486.js

@@ -1,122 +1,9 @@
-import { getCollectionId as R, isNonContiguousSelectionModifier as N } from "./index.es489.js";
-import { usePress as j } from "./index.es455.js";
-import { useLongPress as q } from "./index.es461.js";
-import { focusSafely as z } from "./index.es462.js";
-import { useId as G } from "./index.es283.js";
-import { mergeProps as K } from "./index.es284.js";
-import { useRouter as H, openLink as J } from "./index.es425.js";
-import { isCtrlKeyPressed as Q } from "./index.es442.js";
-import { moveVirtualFocus as W } from "./index.es469.js";
-import { useEffect as X, useRef as k } from "react";
-function le(r) {
-  let { id: $, selectionManager: o, key: t, ref: i, shouldSelectOnPressUp: O, shouldUseVirtualFocus: l, focus: T, isDisabled: c, onAction: g, allowsDifferentPressOrigin: C, linkBehavior: p = "action" } = r, D = H();
-  $ = G($);
-  let a = (e) => {
-    if (e.pointerType === "keyboard" && N(e)) o.toggleSelection(t);
-    else {
-      if (o.selectionMode === "none") return;
-      if (o.isLink(t)) {
-        if (p === "selection" && i.current) {
-          let y = o.getItemProps(t);
-          D.open(i.current, e, y.href, y.routerOptions), o.setSelectedKeys(o.selectedKeys);
-          return;
-        } else if (p === "override" || p === "none") return;
-      }
-      o.selectionMode === "single" ? o.isSelected(t) && !o.disallowEmptySelection ? o.toggleSelection(t) : o.replaceSelection(t) : e && e.shiftKey ? o.extendSelection(t) : o.selectionBehavior === "toggle" || e && (Q(e) || e.pointerType === "touch" || e.pointerType === "virtual") ? o.toggleSelection(t) : o.replaceSelection(t);
-    }
-  };
-  X(() => {
-    t === o.focusedKey && o.isFocused && (l ? W(i.current) : T ? T() : document.activeElement !== i.current && i.current && z(i.current));
-  }, [
-    i,
-    t,
-    o.focusedKey,
-    o.childFocusStrategy,
-    o.isFocused,
-    l
-  ]), c = c || o.isDisabled(t);
-  let u = {};
-  !l && !c ? u = {
-    tabIndex: t === o.focusedKey ? 0 : -1,
-    onFocus(e) {
-      e.target === i.current && o.setFocusedKey(t);
-    }
-  } : c && (u.onMouseDown = (e) => {
-    e.preventDefault();
-  });
-  let L = o.isLink(t) && p === "override", F = o.isLink(t) && p !== "selection" && p !== "none", s = !c && o.canSelectItem(t) && !L, S = (g || F) && !c, f = S && (o.selectionBehavior === "replace" ? !s : !s || o.isEmpty), v = S && s && o.selectionBehavior === "replace", d = f || v, b = k(null), m = d && s, h = k(!1), x = k(!1), P = (e) => {
-    if (g && g(), F && i.current) {
-      let y = o.getItemProps(t);
-      D.open(i.current, e, y.href, y.routerOptions);
-    }
-  }, n = {};
-  O ? (n.onPressStart = (e) => {
-    b.current = e.pointerType, h.current = m, e.pointerType === "keyboard" && (!d || A()) && a(e);
-  }, C ? (n.onPressUp = f ? void 0 : (e) => {
-    e.pointerType === "mouse" && s && a(e);
-  }, n.onPress = f ? P : (e) => {
-    e.pointerType !== "keyboard" && e.pointerType !== "mouse" && s && a(e);
-  }) : n.onPress = (e) => {
-    if (f || v && e.pointerType !== "mouse") {
-      if (e.pointerType === "keyboard" && !w()) return;
-      P(e);
-    } else e.pointerType !== "keyboard" && s && a(e);
-  }) : (n.onPressStart = (e) => {
-    b.current = e.pointerType, h.current = m, x.current = f, s && (e.pointerType === "mouse" && !f || e.pointerType === "keyboard" && (!S || A())) && a(e);
-  }, n.onPress = (e) => {
-    (e.pointerType === "touch" || e.pointerType === "pen" || e.pointerType === "virtual" || e.pointerType === "keyboard" && d && w() || e.pointerType === "mouse" && x.current) && (d ? P(e) : s && a(e));
-  }), u["data-collection"] = R(o.collection), u["data-key"] = t, n.preventFocusOnPress = l, l && (n = K(n, {
-    onPressStart(e) {
-      e.pointerType !== "touch" && (o.setFocused(!0), o.setFocusedKey(t));
-    },
-    onPress(e) {
-      e.pointerType === "touch" && (o.setFocused(!0), o.setFocusedKey(t));
-    }
-  }));
-  let { pressProps: E, isPressed: I } = j(n), B = v ? (e) => {
-    b.current === "mouse" && (e.stopPropagation(), e.preventDefault(), P(e));
-  } : void 0, { longPressProps: M } = q({
-    isDisabled: !m,
-    onLongPress(e) {
-      e.pointerType === "touch" && (a(e), o.setSelectionBehavior("toggle"));
-    }
-  }), U = (e) => {
-    b.current === "touch" && h.current && e.preventDefault();
-  }, V = o.isLink(t) ? (e) => {
-    J.isOpening || e.preventDefault();
-  } : void 0;
-  return {
-    itemProps: K(
-      u,
-      s || f || l ? E : {},
-      m ? M : {},
-      {
-        onDoubleClick: B,
-        onDragStartCapture: U,
-        onClick: V,
-        id: $
-      },
-      // Prevent DOM focus from moving on mouse down when using virtual focus
-      l ? {
-        onMouseDown: (e) => e.preventDefault()
-      } : void 0
-    ),
-    isPressed: I,
-    isSelected: o.isSelected(t),
-    isFocused: o.isFocused && o.focusedKey === t,
-    isDisabled: c,
-    allowsSelection: s,
-    hasAction: d
-  };
-}
-function w() {
-  let r = window.event;
-  return (r == null ? void 0 : r.key) === "Enter";
-}
-function A() {
-  let r = window.event;
-  return (r == null ? void 0 : r.key) === " " || (r == null ? void 0 : r.code) === "Space";
-}
+import e from "react";
+const t = e.createContext({
+  register: () => {
+  }
+});
+t.displayName = "PressResponderContext";
 export {
-  le as useSelectableItem
+  t as PressResponderContext
 };

package/dist/index.es487.js

@@ -1,22 +1,9 @@
-import s from "./index.es549.js";
-import { useId as d } from "./index.es283.js";
-import { useLocalizedStringFormatter as f } from "./index.es476.js";
-function b(e) {
-  return e && e.__esModule ? e.default : e;
-}
-function p(e, t) {
-  let { key: r } = e, a = t.selectionManager, o = d(), c = !t.selectionManager.canSelectItem(r), i = t.selectionManager.isSelected(r), l = () => a.toggleSelection(r);
-  const n = f(b(s), "@react-aria/grid");
-  return {
-    checkboxProps: {
-      id: o,
-      "aria-label": n.format("select"),
-      isSelected: i,
-      isDisabled: c,
-      onChange: l
-    }
-  };
+import { _ as s } from "./index.es696.js";
+import { _ as a } from "./index.es697.js";
+function p(_, r) {
+  var t = a(_, r, "get");
+  return s(_, t);
 }
 export {
-  p as useGridSelectionCheckbox
+  p as _
 };

package/dist/index.es488.js

@@ -1,234 +1,7 @@
-import { getItemElement as V, useCollectionId as ue, isNonContiguousSelectionModifier as H } from "./index.es489.js";
-import { useTypeSelect as se } from "./index.es490.js";
-import { mergeProps as G } from "./index.es284.js";
-import { focusWithoutScrolling as j } from "./index.es424.js";
-import { useRouter as ae } from "./index.es425.js";
-import { useUpdateLayoutEffect as q } from "./index.es431.js";
-import { useEvent as w } from "./index.es437.js";
-import { scrollIntoView as de, scrollIntoViewport as J } from "./index.es439.js";
-import { useEffectEvent as Q } from "./index.es438.js";
-import { FOCUS_EVENT as pe, CLEAR_FOCUS_EVENT as ve } from "./index.es441.js";
-import { isCtrlKeyPressed as $ } from "./index.es442.js";
-import { flushSync as ye } from "react-dom";
-import { useRef as K, useEffect as X } from "react";
-import { getInteractionModality as Y } from "./index.es451.js";
-import { focusSafely as Z } from "./index.es462.js";
-import { getFocusableTreeWalker as be } from "./index.es296.js";
-import { moveVirtualFocus as me } from "./index.es469.js";
-import { useLocale as $e } from "./index.es474.js";
-function Ne(g) {
-  let { selectionManager: e, keyboardDelegate: o, ref: i, autoFocus: S = !1, shouldFocusWrap: F = !1, disallowEmptySelection: _ = !1, disallowSelectAll: ee = !1, selectOnFocus: b = e.selectionBehavior === "replace", disallowTypeAhead: le = !1, shouldUseVirtualFocus: y, allowsTabNavigation: oe = !1, isVirtualized: C, scrollRef: s = i, linkBehavior: N = "action" } = g, { direction: x } = $e(), te = ae(), re = (l) => {
-    var r;
-    if (l.altKey && l.key === "Tab" && l.preventDefault(), !(!((r = i.current) === null || r === void 0) && r.contains(l.target))) return;
-    const c = (t, p) => {
-      if (t != null) {
-        if (e.isLink(t) && N === "selection" && b && !H(l)) {
-          ye(() => {
-            e.setFocusedKey(t, p);
-          });
-          let v = V(i, t), W = e.getItemProps(t);
-          v && te.open(v, l, W.href, W.routerOptions);
-          return;
-        }
-        if (e.setFocusedKey(t, p), e.isLink(t) && N === "override") return;
-        l.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(t) : b && !H(l) && e.replaceSelection(t);
-      }
-    };
-    switch (l.key) {
-      case "ArrowDown":
-        if (o.getKeyBelow) {
-          var f, u, n;
-          let t = e.focusedKey != null ? (f = o.getKeyBelow) === null || f === void 0 ? void 0 : f.call(o, e.focusedKey) : (u = o.getFirstKey) === null || u === void 0 ? void 0 : u.call(o);
-          t == null && F && (t = (n = o.getFirstKey) === null || n === void 0 ? void 0 : n.call(o, e.focusedKey)), t != null && (l.preventDefault(), c(t));
-        }
-        break;
-      case "ArrowUp":
-        if (o.getKeyAbove) {
-          var a, d, P;
-          let t = e.focusedKey != null ? (a = o.getKeyAbove) === null || a === void 0 ? void 0 : a.call(o, e.focusedKey) : (d = o.getLastKey) === null || d === void 0 ? void 0 : d.call(o);
-          t == null && F && (t = (P = o.getLastKey) === null || P === void 0 ? void 0 : P.call(o, e.focusedKey)), t != null && (l.preventDefault(), c(t));
-        }
-        break;
-      case "ArrowLeft":
-        if (o.getKeyLeftOf) {
-          var k, A, I;
-          let t = e.focusedKey != null ? (k = o.getKeyLeftOf) === null || k === void 0 ? void 0 : k.call(o, e.focusedKey) : null;
-          t == null && F && (t = x === "rtl" ? (A = o.getFirstKey) === null || A === void 0 ? void 0 : A.call(o, e.focusedKey) : (I = o.getLastKey) === null || I === void 0 ? void 0 : I.call(o, e.focusedKey)), t != null && (l.preventDefault(), c(t, x === "rtl" ? "first" : "last"));
-        }
-        break;
-      case "ArrowRight":
-        if (o.getKeyRightOf) {
-          var M, R, O;
-          let t = e.focusedKey != null ? (M = o.getKeyRightOf) === null || M === void 0 ? void 0 : M.call(o, e.focusedKey) : null;
-          t == null && F && (t = x === "rtl" ? (R = o.getLastKey) === null || R === void 0 ? void 0 : R.call(o, e.focusedKey) : (O = o.getFirstKey) === null || O === void 0 ? void 0 : O.call(o, e.focusedKey)), t != null && (l.preventDefault(), c(t, x === "rtl" ? "last" : "first"));
-        }
-        break;
-      case "Home":
-        if (o.getFirstKey) {
-          if (e.focusedKey === null && l.shiftKey) return;
-          l.preventDefault();
-          let t = o.getFirstKey(e.focusedKey, $(l));
-          e.setFocusedKey(t), t != null && ($(l) && l.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(t) : b && e.replaceSelection(t));
-        }
-        break;
-      case "End":
-        if (o.getLastKey) {
-          if (e.focusedKey === null && l.shiftKey) return;
-          l.preventDefault();
-          let t = o.getLastKey(e.focusedKey, $(l));
-          e.setFocusedKey(t), t != null && ($(l) && l.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(t) : b && e.replaceSelection(t));
-        }
-        break;
-      case "PageDown":
-        if (o.getKeyPageBelow && e.focusedKey != null) {
-          let t = o.getKeyPageBelow(e.focusedKey);
-          t != null && (l.preventDefault(), c(t));
-        }
-        break;
-      case "PageUp":
-        if (o.getKeyPageAbove && e.focusedKey != null) {
-          let t = o.getKeyPageAbove(e.focusedKey);
-          t != null && (l.preventDefault(), c(t));
-        }
-        break;
-      case "a":
-        $(l) && e.selectionMode === "multiple" && ee !== !0 && (l.preventDefault(), e.selectAll());
-        break;
-      case "Escape":
-        !_ && e.selectedKeys.size !== 0 && (l.stopPropagation(), l.preventDefault(), e.clearSelection());
-        break;
-      case "Tab":
-        if (!oe) {
-          if (l.shiftKey) i.current.focus();
-          else {
-            let t = be(i.current, {
-              tabbable: !0
-            }), p, v;
-            do
-              v = t.lastChild(), v && (p = v);
-            while (v);
-            p && !p.contains(document.activeElement) && j(p);
-          }
-          break;
-        }
-    }
-  }, h = K({
-    top: 0,
-    left: 0
-  });
-  w(s, "scroll", C ? void 0 : () => {
-    var l, r, c, f;
-    h.current = {
-      top: (c = (l = s.current) === null || l === void 0 ? void 0 : l.scrollTop) !== null && c !== void 0 ? c : 0,
-      left: (f = (r = s.current) === null || r === void 0 ? void 0 : r.scrollLeft) !== null && f !== void 0 ? f : 0
-    };
-  });
-  let ce = (l) => {
-    if (e.isFocused) {
-      l.currentTarget.contains(l.target) || e.setFocused(!1);
-      return;
-    }
-    if (l.currentTarget.contains(l.target)) {
-      if (e.setFocused(!0), e.focusedKey == null) {
-        var r, c;
-        let n = (d) => {
-          d != null && (e.setFocusedKey(d), b && !e.isSelected(d) && e.replaceSelection(d));
-        }, a = l.relatedTarget;
-        var f, u;
-        a && l.currentTarget.compareDocumentPosition(a) & Node.DOCUMENT_POSITION_FOLLOWING ? n((f = e.lastSelectedKey) !== null && f !== void 0 ? f : (r = o.getLastKey) === null || r === void 0 ? void 0 : r.call(o)) : n((u = e.firstSelectedKey) !== null && u !== void 0 ? u : (c = o.getFirstKey) === null || c === void 0 ? void 0 : c.call(o));
-      } else !C && s.current && (s.current.scrollTop = h.current.top, s.current.scrollLeft = h.current.left);
-      if (e.focusedKey != null && s.current) {
-        let n = V(i, e.focusedKey);
-        n instanceof HTMLElement && (!n.contains(document.activeElement) && !y && j(n), Y() === "keyboard" && J(n, {
-          containingElement: i.current
-        }));
-      }
-    }
-  }, ie = (l) => {
-    l.currentTarget.contains(l.relatedTarget) || e.setFocused(!1);
-  }, m = K(!1);
-  w(i, pe, y ? (l) => {
-    let { detail: r } = l;
-    l.stopPropagation(), e.setFocused(!0), (r == null ? void 0 : r.focusStrategy) === "first" && (m.current = !0);
-  } : void 0);
-  let U = Q(() => {
-    var l, r;
-    let c = (r = (l = o.getFirstKey) === null || l === void 0 ? void 0 : l.call(o)) !== null && r !== void 0 ? r : null;
-    c == null ? (me(i.current), e.collection.size > 0 && (m.current = !1)) : (e.setFocusedKey(c), m.current = !1);
-  });
-  q(() => {
-    m.current && U();
-  }, [
-    e.collection,
-    U
-  ]);
-  let z = Q(() => {
-    e.collection.size > 0 && (m.current = !1);
-  });
-  q(() => {
-    z();
-  }, [
-    e.focusedKey,
-    z
-  ]), w(i, ve, y ? (l) => {
-    var r;
-    l.stopPropagation(), e.setFocused(!1), !((r = l.detail) === null || r === void 0) && r.clearFocusKey && e.setFocusedKey(null);
-  } : void 0);
-  const B = K(S), T = K(!1);
-  X(() => {
-    if (B.current) {
-      var l, r;
-      let u = null;
-      var c;
-      S === "first" && (u = (c = (l = o.getFirstKey) === null || l === void 0 ? void 0 : l.call(o)) !== null && c !== void 0 ? c : null);
-      var f;
-      S === "last" && (u = (f = (r = o.getLastKey) === null || r === void 0 ? void 0 : r.call(o)) !== null && f !== void 0 ? f : null);
-      let n = e.selectedKeys;
-      if (n.size) {
-        for (let a of n) if (e.canSelectItem(a)) {
-          u = a;
-          break;
-        }
-      }
-      e.setFocused(!0), e.setFocusedKey(u), u == null && !y && i.current && Z(i.current), e.collection.size > 0 && (B.current = !1, T.current = !0);
-    }
-  });
-  let D = K(e.focusedKey);
-  X(() => {
-    if (e.isFocused && e.focusedKey != null && (e.focusedKey !== D.current || T.current) && s.current && i.current) {
-      let l = Y(), r = V(i, e.focusedKey);
-      if (!(r instanceof HTMLElement))
-        return;
-      (l === "keyboard" || T.current) && (de(s.current, r), l !== "virtual" && J(r, {
-        containingElement: i.current
-      }));
-    }
-    !y && e.isFocused && e.focusedKey == null && D.current != null && i.current && Z(i.current), D.current = e.focusedKey, T.current = !1;
-  }), w(i, "react-aria-focus-scope-restore", (l) => {
-    l.preventDefault(), e.setFocused(!0);
-  });
-  let E = {
-    onKeyDown: re,
-    onFocus: ce,
-    onBlur: ie,
-    onMouseDown(l) {
-      s.current === l.target && l.preventDefault();
-    }
-  }, { typeSelectProps: fe } = se({
-    keyboardDelegate: o,
-    selectionManager: e
-  });
-  le || (E = G(fe, E));
-  let L;
-  y || (L = e.focusedKey == null ? 0 : -1);
-  let ne = ue(e.collection);
-  return {
-    collectionProps: G(E, {
-      tabIndex: L,
-      "data-collection": ne
-    })
-  };
+import { _ as t } from "./index.es695.js";
+function a(_, e, i) {
+  t(_, e), e.set(_, i);
 }
 export {
-  Ne as useSelectableCollection
+  a as _
 };

package/dist/index.es489.js

@@ -1,24 +1,9 @@
-import { useId as l } from "./index.es283.js";
-import { isAppleDevice as a } from "./index.es426.js";
-function d(e) {
-  return a() ? e.altKey : e.ctrlKey;
-}
-function u(e, t) {
-  var o, f;
-  let c = `[data-key="${CSS.escape(String(t))}"]`, r = (o = e.current) === null || o === void 0 ? void 0 : o.dataset.collection;
-  return r && (c = `[data-collection="${CSS.escape(r)}"]${c}`), (f = e.current) === null || f === void 0 ? void 0 : f.querySelector(c);
-}
-const n = /* @__PURE__ */ new WeakMap();
-function b(e) {
-  let t = l();
-  return n.set(e, t), t;
-}
-function s(e) {
-  return n.get(e);
+import { _ as a } from "./index.es698.js";
+import { _ as o } from "./index.es697.js";
+function i(s, r, _) {
+  var t = o(s, r, "set");
+  return a(s, t, _), _;
 }
 export {
-  s as getCollectionId,
-  u as getItemElement,
-  d as isNonContiguousSelectionModifier,
-  b as useCollectionId
+  i as _
 };

package/dist/index.es49.js

@@ -1,127 +1,137 @@
 import { j as o } from "./index.es104.js";
-import { Root as b } from "./index.es108.js";
-import { l as y } from "./index.es109.js";
-import * as d from "react";
-import { FormProvider as v, useFormContext as C, Controller as D } from "./index.es110.js";
-import { useFormField as a } from "./index.es51.js";
-import { FormFieldContextProvider as M } from "./index.es111.js";
-import { FormItemContextProvider as S } from "./index.es112.js";
-import { cn as n } from "./index.es91.js";
+import { Root as b } from "./index.es106.js";
+import { l as y } from "./index.es118.js";
+import * as c from "react";
+import { FormProvider as v, useFormContext as C, Controller as D } from "./index.es124.js";
+import { useFormField as n } from "./index.es51.js";
+import { FormFieldContextProvider as M } from "./index.es125.js";
+import { FormItemContextProvider as S } from "./index.es126.js";
+import { cn as a } from "./index.es91.js";
 import { Label as E } from "./index.es55.js";
 const B = ({
   onSubmit: e,
-  id: t,
+  id: s,
   form: r,
-  children: s,
+  children: t,
   className: m
 }) => /* @__PURE__ */ o.jsx(v, { ...r, children: /* @__PURE__ */ o.jsx(
   "form",
   {
-    id: t,
+    id: s,
     onSubmit: r.handleSubmit(e),
     className: m,
-    children: s
+    "data-slot": "form",
+    children: t
   }
 ) }), G = ({
   name: e,
-  label: t,
+  label: s,
   description: r,
-  render: s,
+  render: t,
   itemProps: m,
   labelProps: i,
   controlProps: j,
   descriptionProps: h,
   messageProps: I
 }) => {
-  const { control: N } = C();
+  const { control: g } = C();
   return /* @__PURE__ */ o.jsx(M, { value: { name: e }, children: /* @__PURE__ */ o.jsx(
     D,
     {
       name: e,
-      control: N,
-      render: ({ field: l, fieldState: g }) => {
-        var c;
+      control: g,
+      render: ({ field: l, fieldState: N }) => {
+        var d;
         return /* @__PURE__ */ o.jsxs(x, { ...m, children: [
-          /* @__PURE__ */ o.jsx(p, { ...i, children: t }),
-          /* @__PURE__ */ o.jsx(u, { ...j, children: y.isFunction(s) ? s(l) : d.createElement(s, l) }),
-          r && /* @__PURE__ */ o.jsx(F, { ...h, children: r }),
-          /* @__PURE__ */ o.jsx(f, { ...I, children: (c = g.error) == null ? void 0 : c.message })
+          /* @__PURE__ */ o.jsx(p, { ...i, children: s }),
+          /* @__PURE__ */ o.jsx(f, { ...j, children: y.isFunction(t) ? t(l) : c.createElement(t, l) }),
+          r && /* @__PURE__ */ o.jsx(u, { ...h, children: r }),
+          /* @__PURE__ */ o.jsx(F, { ...I, children: (d = N.error) == null ? void 0 : d.message })
         ] });
       }
     }
   ) });
-}, x = ({ className: e, ...t }) => {
-  const r = d.useId();
-  return /* @__PURE__ */ o.jsx(S, { value: { id: r }, children: /* @__PURE__ */ o.jsx("div", { className: n("space-y-2", e), ...t }) });
+}, x = ({ className: e, ...s }) => {
+  const r = c.useId();
+  return /* @__PURE__ */ o.jsx(S, { value: { id: r }, children: /* @__PURE__ */ o.jsx(
+    "div",
+    {
+      className: a("space-y-2", e),
+      "data-slot": "form-item",
+      ...s
+    }
+  ) });
 };
 x.displayName = "FormItem";
-const p = ({ className: e, ...t }) => {
-  const { error: r, formItemId: s } = a();
+const p = ({ className: e, ...s }) => {
+  const { error: r, formItemId: t } = n();
   return /* @__PURE__ */ o.jsx(
     E,
     {
-      className: n(r && "text-error", e),
-      htmlFor: s,
-      ...t
+      className: a(r && "text-error", e),
+      htmlFor: t,
+      ...s
     }
   );
 };
 p.displayName = "FormLabel";
-const u = ({
+const f = ({
   className: e,
-  ...t
+  ...s
 }) => {
-  const { error: r, formItemId: s, formDescriptionId: m, formMessageId: i } = a();
+  const { error: r, formItemId: t, formDescriptionId: m, formMessageId: i } = n();
   return /* @__PURE__ */ o.jsx(
     b,
     {
-      id: s,
+      id: t,
       "aria-describedby": r ? `${m} ${i}` : `${m}`,
       "aria-invalid": !!r,
-      className: n("group", e),
-      ...t
+      className: a("group", e),
+      ...s
     }
   );
 };
-u.displayName = "FormControl";
-const F = ({
+f.displayName = "FormControl";
+const u = ({
   className: e,
-  ...t
+  ...s
 }) => {
-  const { formDescriptionId: r } = a();
+  const { formDescriptionId: r } = n();
   return /* @__PURE__ */ o.jsx(
     "p",
     {
       id: r,
-      className: n("text-sm text-muted-foreground", e),
-      ...t
+      className: a("text-sm text-muted-foreground", e),
+      "data-slot": "form-description",
+      ...s
     }
   );
 };
-F.displayName = "FormDescription";
-const f = ({
+u.displayName = "FormDescription";
+const F = ({
   className: e,
-  children: t,
+  children: s,
   ...r
 }) => {
-  const { error: s, formMessageId: m } = a(), i = s ? String(s == null ? void 0 : s.message) : t;
+  const { error: t, formMessageId: m } = n(), i = t ? String(t == null ? void 0 : t.message) : s;
   return i ? /* @__PURE__ */ o.jsx(
     "p",
     {
       id: m,
-      className: n("text-sm font-medium text-error", e),
+      className: a("text-sm font-medium text-error", e),
+      "data-slot": "form-message",
       ...r,
       children: i
     }
   ) : null;
 };
-f.displayName = "FormMessage";
+F.displayName = "FormMessage";
 export {
   B as Form,
-  u as FormControl,
-  F as FormDescription,
+  f as FormControl,
+  u as FormDescription,
   G as FormField,
   x as FormItem,
   p as FormLabel,
-  f as FormMessage
+  F as FormMessage
 };