@still-forest/canopy 0.34.1 → 0.35.0

package/dist/chunks/{Textarea-CBsXqwyy.js → Textarea-BpQRN4Xn.js}

@@ -141,7 +141,7 @@ function zr(e) {
     value: f = "on",
     // @ts-expect-error
     internal_do_not_use_render: m
-  } = e, [g, x] = ye({
+  } = e, [x, g] = ye({
     prop: n,
     defaultProp: r ?? !1,
     onChange: u,
@@ -150,9 +150,9 @@ function zr(e) {
     // We set this to true by default so that events bubble to forms without JS (SSR)
     !0
   ), A = {
-    checked: g,
+    checked: x,
     disabled: s,
-    setChecked: x,
+    setChecked: g,
     control: w,
     setControl: h,
     name: d,
@@ -184,8 +184,8 @@ var Ut = "CheckboxTrigger", Gt = a.forwardRef(
       required: l,
       setControl: f,
       setChecked: m,
-      hasConsumerStoppedPropagationRef: g,
-      isFormControl: x,
+      hasConsumerStoppedPropagationRef: x,
+      isFormControl: g,
       bubbleInput: w
     } = pt(Ut, e), h = V(r, f), v = a.useRef(u);
     return a.useEffect(() => {
@@ -211,7 +211,7 @@ var Ut = "CheckboxTrigger", Gt = a.forwardRef(
           S.key === "Enter" && S.preventDefault();
         }),
         onClick: L(n, (S) => {
-          m((y) => oe(y) ? !0 : !y), w && x && (g.current = S.isPropagationStopped(), g.current || S.stopPropagation());
+          m((y) => oe(y) ? !0 : !y), w && g && (x.current = S.isPropagationStopped(), x.current || S.stopPropagation());
         })
       }
     );
@@ -244,7 +244,7 @@ var Wt = a.forwardRef(
         name: o,
         form: f,
         value: u,
-        internal_do_not_use_render: ({ isFormControl: g }) => /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+        internal_do_not_use_render: ({ isFormControl: x }) => /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
           /* @__PURE__ */ i.jsx(
             Gt,
             {
@@ -253,7 +253,7 @@ var Wt = a.forwardRef(
               __scopeCheckbox: n
             }
           ),
-          g && /* @__PURE__ */ i.jsx(
+          x && /* @__PURE__ */ i.jsx(
             qt,
             {
               __scopeCheckbox: n
@@ -299,11 +299,11 @@ var zt = "CheckboxBubbleInput", qt = a.forwardRef(
       name: l,
       value: f,
       form: m,
-      bubbleInput: g,
-      setBubbleInput: x
-    } = pt(zt, e), w = V(n, x), h = ft(s), v = Pt(o);
+      bubbleInput: x,
+      setBubbleInput: g
+    } = pt(zt, e), w = V(n, g), h = ft(s), v = Pt(o);
     a.useEffect(() => {
-      const y = g;
+      const y = x;
       if (!y) return;
       const I = window.HTMLInputElement.prototype, M = Object.getOwnPropertyDescriptor(
         I,
@@ -313,7 +313,7 @@ var zt = "CheckboxBubbleInput", qt = a.forwardRef(
         const E = new Event("click", { bubbles: j });
         y.indeterminate = oe(s), M.call(y, oe(s) ? !1 : s), y.dispatchEvent(E);
       }
-    }, [g, h, s, r]);
+    }, [x, h, s, r]);
     const S = a.useRef(oe(s) ? !1 : s);
     return /* @__PURE__ */ i.jsx(
       k.input,
@@ -374,14 +374,14 @@ var eo = a.forwardRef((e, t) => {
     onEntryFocus: l,
     preventScrollOnEntryFocus: f = !1,
     ...m
-  } = e, g = a.useRef(null), x = V(t, g), w = dt(s), [h, v] = ye({
+  } = e, x = a.useRef(null), g = V(t, x), w = dt(s), [h, v] = ye({
     prop: c,
     defaultProp: d ?? null,
     onChange: u,
     caller: ke
   }), [S, y] = a.useState(!1), I = Me(l), A = Xt(n), M = a.useRef(!1), [j, E] = a.useState(0);
   return a.useEffect(() => {
-    const P = g.current;
+    const P = x.current;
     if (P)
       return P.addEventListener(qe, I), () => P.removeEventListener(qe, I);
   }, [I]), /* @__PURE__ */ i.jsx(
@@ -411,7 +411,7 @@ var eo = a.forwardRef((e, t) => {
           tabIndex: S || j === 0 ? -1 : 0,
           "data-orientation": o,
           ...m,
-          ref: x,
+          ref: g,
           style: { outline: "none", ...e.style },
           onMouseDown: L(e.onMouseDown, () => {
             M.current = !0;
@@ -443,11 +443,11 @@ var eo = a.forwardRef((e, t) => {
       tabStopId: s,
       children: c,
       ...d
-    } = e, u = Z(), l = s || u, f = Qr(Qt, n), m = f.currentTabStopId === l, g = Xt(n), { onFocusableItemAdd: x, onFocusableItemRemove: w, currentTabStopId: h } = f;
+    } = e, u = Z(), l = s || u, f = Qr(Qt, n), m = f.currentTabStopId === l, x = Xt(n), { onFocusableItemAdd: g, onFocusableItemRemove: w, currentTabStopId: h } = f;
     return a.useEffect(() => {
       if (o)
-        return x(), () => w();
-    }, [o, x, w]), /* @__PURE__ */ i.jsx(
+        return g(), () => w();
+    }, [o, g, w]), /* @__PURE__ */ i.jsx(
       Qe.ItemSlot,
       {
         scope: n,
@@ -475,7 +475,7 @@ var eo = a.forwardRef((e, t) => {
               if (S !== void 0) {
                 if (v.metaKey || v.ctrlKey || v.altKey || v.shiftKey) return;
                 v.preventDefault();
-                let I = g().filter((A) => A.focusable).map((A) => A.ref.current);
+                let I = x().filter((A) => A.focusable).map((A) => A.ref.current);
                 if (S === "last") I.reverse();
                 else if (S === "prev" || S === "next") {
                   S === "prev" && I.reverse();
@@ -546,7 +546,7 @@ var mt = "Radio", [lo, rn] = we(mt), [uo, fo] = lo(mt), on = a.forwardRef(
       onCheck: u,
       form: l,
       ...f
-    } = e, [m, g] = a.useState(null), x = V(t, (v) => g(v)), w = a.useRef(!1), h = m ? l || !!m.closest("form") : !0;
+    } = e, [m, x] = a.useState(null), g = V(t, (v) => x(v)), w = a.useRef(!1), h = m ? l || !!m.closest("form") : !0;
     return /* @__PURE__ */ i.jsxs(uo, { scope: n, checked: r, disabled: c, children: [
       /* @__PURE__ */ i.jsx(
         k.button,
@@ -559,7 +559,7 @@ var mt = "Radio", [lo, rn] = we(mt), [uo, fo] = lo(mt), on = a.forwardRef(
           disabled: c,
           value: d,
           ...f,
-          ref: x,
+          ref: g,
           onClick: L(e.onClick, (v) => {
             r || u?.(), h && (w.current = v.isPropagationStopped(), w.current || v.stopPropagation());
           })
@@ -610,13 +610,13 @@ var po = "RadioBubbleInput", cn = a.forwardRef(
     return a.useEffect(() => {
       const f = c.current;
       if (!f) return;
-      const m = window.HTMLInputElement.prototype, x = Object.getOwnPropertyDescriptor(
+      const m = window.HTMLInputElement.prototype, g = Object.getOwnPropertyDescriptor(
         m,
         "checked"
       ).set;
-      if (u !== n && x) {
+      if (u !== n && g) {
         const w = new Event("click", { bubbles: o });
-        x.call(f, n), f.dispatchEvent(w);
+        g.call(f, n), f.dispatchEvent(w);
       }
     }, [u, n, o]), /* @__PURE__ */ i.jsx(
       k.input,
@@ -659,8 +659,8 @@ var mo = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Le = "RadioGroup",
       dir: l,
       loop: f = !0,
       onValueChange: m,
-      ...g
-    } = e, x = dn(n), w = dt(l), [h, v] = ye({
+      ...x
+    } = e, g = dn(n), w = dt(l), [h, v] = ye({
       prop: s,
       defaultProp: r ?? null,
       onChange: m,
@@ -679,7 +679,7 @@ var mo = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Le = "RadioGroup",
           so,
           {
             asChild: !0,
-            ...x,
+            ...g,
             orientation: u,
             dir: w,
             loop: f,
@@ -691,7 +691,7 @@ var mo = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Le = "RadioGroup",
                 "aria-orientation": u,
                 "data-disabled": d ? "" : void 0,
                 dir: w,
-                ...g,
+                ...x,
                 ref: t
               }
             )
@@ -704,13 +704,13 @@ var mo = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Le = "RadioGroup",
 fn.displayName = Le;
 var pn = "RadioGroupItem", mn = a.forwardRef(
   (e, t) => {
-    const { __scopeRadioGroup: n, disabled: o, ...r } = e, s = go(pn, n), c = s.disabled || o, d = dn(n), u = un(n), l = a.useRef(null), f = V(t, l), m = s.value === r.value, g = a.useRef(!1);
+    const { __scopeRadioGroup: n, disabled: o, ...r } = e, s = go(pn, n), c = s.disabled || o, d = dn(n), u = un(n), l = a.useRef(null), f = V(t, l), m = s.value === r.value, x = a.useRef(!1);
     return a.useEffect(() => {
-      const x = (h) => {
-        mo.includes(h.key) && (g.current = !0);
-      }, w = () => g.current = !1;
-      return document.addEventListener("keydown", x), document.addEventListener("keyup", w), () => {
-        document.removeEventListener("keydown", x), document.removeEventListener("keyup", w);
+      const g = (h) => {
+        mo.includes(h.key) && (x.current = !0);
+      }, w = () => x.current = !1;
+      return document.addEventListener("keydown", g), document.addEventListener("keyup", w), () => {
+        document.removeEventListener("keydown", g), document.removeEventListener("keyup", w);
       };
     }, []), /* @__PURE__ */ i.jsx(
       ao,
@@ -730,11 +730,11 @@ var pn = "RadioGroupItem", mn = a.forwardRef(
             name: s.name,
             ref: f,
             onCheck: () => s.onValueChange(r.value),
-            onKeyDown: L((x) => {
-              x.key === "Enter" && x.preventDefault();
+            onKeyDown: L((g) => {
+              g.key === "Enter" && g.preventDefault();
             }),
             onFocus: L(r.onFocus, () => {
-              g.current && l.current?.click();
+              x.current && l.current?.click();
             })
           }
         )
@@ -766,8 +766,8 @@ var bo = fn, yo = mn, wo = hn, Co = [" ", "Enter", "ArrowUp", "ArrowDown"], So =
     dir: l,
     name: f,
     autoComplete: m,
-    disabled: g,
-    required: x,
+    disabled: x,
+    required: g,
     form: w
   } = e, h = $e(t), [v, S] = a.useState(null), [y, I] = a.useState(null), [A, M] = a.useState(!1), j = dt(l), [E, P] = ye({
     prop: o,
@@ -783,7 +783,7 @@ var bo = fn, yo = mn, wo = hn, Co = [" ", "Enter", "ArrowUp", "ArrowDown"], So =
   return /* @__PURE__ */ i.jsx(gr, { ...h, children: /* @__PURE__ */ i.jsxs(
     Io,
     {
-      required: x,
+      required: g,
       scope: t,
       trigger: v,
       onTriggerChange: S,
@@ -798,7 +798,7 @@ var bo = fn, yo = mn, wo = hn, Co = [" ", "Enter", "ArrowUp", "ArrowDown"], So =
       onOpenChange: P,
       dir: j,
       triggerPointerDownPosRef: W,
-      disabled: g,
+      disabled: x,
       children: [
         /* @__PURE__ */ i.jsx(Fe.Provider, { scope: t, children: /* @__PURE__ */ i.jsx(
           Ro,
@@ -820,13 +820,13 @@ var bo = fn, yo = mn, wo = hn, Co = [" ", "Enter", "ArrowUp", "ArrowDown"], So =
           Fn,
           {
             "aria-hidden": !0,
-            required: x,
+            required: g,
             tabIndex: -1,
             name: f,
             autoComplete: m,
             value: z,
             onChange: (F) => U(F.target.value),
-            disabled: g,
+            disabled: x,
             form: w,
             children: [
               z === void 0 ? /* @__PURE__ */ i.jsx("option", { value: "" }) : null,
@@ -842,11 +842,11 @@ var bo = fn, yo = mn, wo = hn, Co = [" ", "Enter", "ArrowUp", "ArrowDown"], So =
 vn.displayName = pe;
 var gn = "SelectTrigger", xn = a.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, disabled: o = !1, ...r } = e, s = $e(n), c = ce(gn, n), d = c.disabled || o, u = V(t, c.onTriggerChange), l = Be(n), f = a.useRef("touch"), [m, g, x] = $n((h) => {
+    const { __scopeSelect: n, disabled: o = !1, ...r } = e, s = $e(n), c = ce(gn, n), d = c.disabled || o, u = V(t, c.onTriggerChange), l = Be(n), f = a.useRef("touch"), [m, x, g] = $n((h) => {
       const v = l().filter((I) => !I.disabled), S = v.find((I) => I.value === c.value), y = Vn(v, h, S);
       y !== void 0 && c.onValueChange(y.value);
     }), w = (h) => {
-      d || (c.onOpenChange(!0), x()), h && (c.triggerPointerDownPosRef.current = {
+      d || (c.onOpenChange(!0), g()), h && (c.triggerPointerDownPosRef.current = {
         x: Math.round(h.pageX),
         y: Math.round(h.pageY)
       });
@@ -877,7 +877,7 @@ var gn = "SelectTrigger", xn = a.forwardRef(
         }),
         onKeyDown: L(r.onKeyDown, (h) => {
           const v = m.current !== "";
-          !(h.ctrlKey || h.altKey || h.metaKey) && h.key.length === 1 && g(h.key), !(v && h.key === " ") && Co.includes(h.key) && (w(), h.preventDefault());
+          !(h.ctrlKey || h.altKey || h.metaKey) && h.key.length === 1 && x(h.key), !(v && h.key === " ") && Co.includes(h.key) && (w(), h.preventDefault());
         })
       }
     ) });
@@ -941,8 +941,8 @@ var ee = 10, [En, le] = Ce(me), Po = "SelectContentImpl", _o = kt("SelectContent
       align: l,
       alignOffset: f,
       arrowPadding: m,
-      collisionBoundary: g,
-      collisionPadding: x,
+      collisionBoundary: x,
+      collisionPadding: g,
       sticky: w,
       hideWhenDetached: h,
       avoidCollisions: v,
@@ -1011,8 +1011,8 @@ var ee = 10, [En, le] = Ce(me), Po = "SelectContentImpl", _o = kt("SelectContent
       align: l,
       alignOffset: f,
       arrowPadding: m,
-      collisionBoundary: g,
-      collisionPadding: x,
+      collisionBoundary: x,
+      collisionPadding: g,
       sticky: w,
       hideWhenDetached: h,
       avoidCollisions: v
@@ -1096,7 +1096,7 @@ var ee = 10, [En, le] = Ce(me), Po = "SelectContentImpl", _o = kt("SelectContent
 );
 In.displayName = Po;
 var To = "SelectItemAlignedPosition", Rn = a.forwardRef((e, t) => {
-  const { __scopeSelect: n, onPlaced: o, ...r } = e, s = ce(me, n), c = le(me, n), [d, u] = a.useState(null), [l, f] = a.useState(null), m = V(t, (E) => f(E)), g = Be(n), x = a.useRef(!1), w = a.useRef(!0), { viewport: h, selectedItem: v, selectedItemText: S, focusSelectedItem: y } = c, I = a.useCallback(() => {
+  const { __scopeSelect: n, onPlaced: o, ...r } = e, s = ce(me, n), c = le(me, n), [d, u] = a.useState(null), [l, f] = a.useState(null), m = V(t, (E) => f(E)), x = Be(n), g = a.useRef(!1), w = a.useRef(!0), { viewport: h, selectedItem: v, selectedItemText: S, focusSelectedItem: y } = c, I = a.useCallback(() => {
     if (s.trigger && s.valueNode && d && l && h && v && S) {
       const E = s.trigger.getBoundingClientRect(), P = l.getBoundingClientRect(), z = s.valueNode.getBoundingClientRect(), U = S.getBoundingClientRect();
       if (s.dir !== "rtl") {
@@ -1117,7 +1117,7 @@ var To = "SelectItemAlignedPosition", Rn = a.forwardRef((e, t) => {
         ]);
         d.style.minWidth = fe + "px", d.style.right = Ke + "px";
       }
-      const W = g(), q = window.innerHeight - ee * 2, X = h.scrollHeight, H = window.getComputedStyle(l), K = parseInt(H.borderTopWidth, 10), F = parseInt(H.paddingTop, 10), Y = parseInt(H.borderBottomWidth, 10), J = parseInt(H.paddingBottom, 10), Q = K + F + X + J + Y, ge = Math.min(v.offsetHeight * 5, Q), de = window.getComputedStyle(h), p = parseInt(de.paddingTop, 10), R = parseInt(de.paddingBottom, 10), N = E.top + E.height / 2 - ee, C = q - N, _ = v.offsetHeight / 2, b = v.offsetTop + _, T = K + F + b, D = Q - T;
+      const W = x(), q = window.innerHeight - ee * 2, X = h.scrollHeight, H = window.getComputedStyle(l), K = parseInt(H.borderTopWidth, 10), F = parseInt(H.paddingTop, 10), Y = parseInt(H.borderBottomWidth, 10), J = parseInt(H.paddingBottom, 10), Q = K + F + X + J + Y, ge = Math.min(v.offsetHeight * 5, Q), de = window.getComputedStyle(h), p = parseInt(de.paddingTop, 10), R = parseInt(de.paddingBottom, 10), N = E.top + E.height / 2 - ee, C = q - N, _ = v.offsetHeight / 2, b = v.offsetTop + _, T = K + F + b, D = Q - T;
       if (T <= N) {
         const B = W.length > 0 && v === W[W.length - 1].ref.current;
         d.style.bottom = "0px";
@@ -1137,10 +1137,10 @@ var To = "SelectItemAlignedPosition", Rn = a.forwardRef((e, t) => {
         ) + D;
         d.style.height = ue + "px", h.scrollTop = T - N + h.offsetTop;
       }
-      d.style.margin = `${ee}px 0`, d.style.minHeight = ge + "px", d.style.maxHeight = q + "px", o?.(), requestAnimationFrame(() => x.current = !0);
+      d.style.margin = `${ee}px 0`, d.style.minHeight = ge + "px", d.style.maxHeight = q + "px", o?.(), requestAnimationFrame(() => g.current = !0);
     }
   }, [
-    g,
+    x,
     s.trigger,
     s.valueNode,
     d,
@@ -1167,7 +1167,7 @@ var To = "SelectItemAlignedPosition", Rn = a.forwardRef((e, t) => {
     {
       scope: n,
       contentWrapper: d,
-      shouldExpandOnScrollRef: x,
+      shouldExpandOnScrollRef: g,
       onScrollButtonChange: j,
       children: /* @__PURE__ */ i.jsx(
         "div",
@@ -1263,13 +1263,13 @@ var [Ao, ht] = Ce(me, {}), tt = "SelectViewport", Nn = a.forwardRef(
             ...r.style
           },
           onScroll: L(r.onScroll, (l) => {
-            const f = l.currentTarget, { contentWrapper: m, shouldExpandOnScrollRef: g } = c;
-            if (g?.current && m) {
-              const x = Math.abs(u.current - f.scrollTop);
-              if (x > 0) {
+            const f = l.currentTarget, { contentWrapper: m, shouldExpandOnScrollRef: x } = c;
+            if (x?.current && m) {
+              const g = Math.abs(u.current - f.scrollTop);
+              if (g > 0) {
                 const w = window.innerHeight - ee * 2, h = parseFloat(m.style.minHeight), v = parseFloat(m.style.height), S = Math.max(h, v);
                 if (S < w) {
-                  const y = S + x, I = Math.min(w, y), A = y - I;
+                  const y = S + g, I = Math.min(w, y), A = y - I;
                   m.style.height = I + "px", m.style.bottom === "0px" && (f.scrollTop = A > 0 ? A : 0, m.style.justifyContent = "flex-end");
                 }
               }
@@ -1304,7 +1304,7 @@ var Te = "SelectItem", [Bo, Pn] = Ce(Te), _n = a.forwardRef(
       disabled: r = !1,
       textValue: s,
       ...c
-    } = e, d = ce(Te, n), u = le(Te, n), l = d.value === o, [f, m] = a.useState(s ?? ""), [g, x] = a.useState(!1), w = V(
+    } = e, d = ce(Te, n), u = le(Te, n), l = d.value === o, [f, m] = a.useState(s ?? ""), [x, g] = a.useState(!1), w = V(
       t,
       (y) => u.itemRefCallback?.(y, o, r)
     ), h = Z(), v = a.useRef("touch"), S = () => {
@@ -1337,16 +1337,16 @@ var Te = "SelectItem", [Bo, Pn] = Ce(Te), _n = a.forwardRef(
               {
                 role: "option",
                 "aria-labelledby": h,
-                "data-highlighted": g ? "" : void 0,
-                "aria-selected": l && g,
+                "data-highlighted": x ? "" : void 0,
+                "aria-selected": l && x,
                 "data-state": l ? "checked" : "unchecked",
                 "aria-disabled": r || void 0,
                 "data-disabled": r ? "" : void 0,
                 tabIndex: r ? void 0 : -1,
                 ...c,
                 ref: w,
-                onFocus: L(c.onFocus, () => x(!0)),
-                onBlur: L(c.onBlur, () => x(!1)),
+                onFocus: L(c.onFocus, () => g(!0)),
+                onBlur: L(c.onBlur, () => g(!1)),
                 onClick: L(c.onClick, () => {
                   v.current !== "mouse" && S();
                 }),
@@ -1376,17 +1376,17 @@ var Te = "SelectItem", [Bo, Pn] = Ce(Te), _n = a.forwardRef(
 _n.displayName = Te;
 var Re = "SelectItemText", Tn = a.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, className: o, style: r, ...s } = e, c = ce(Re, n), d = le(Re, n), u = Pn(Re, n), l = No(Re, n), [f, m] = a.useState(null), g = V(
+    const { __scopeSelect: n, className: o, style: r, ...s } = e, c = ce(Re, n), d = le(Re, n), u = Pn(Re, n), l = No(Re, n), [f, m] = a.useState(null), x = V(
       t,
       (S) => m(S),
       u.onItemTextChange,
       (S) => d.itemTextRefCallback?.(S, u.value, u.disabled)
-    ), x = f?.textContent, w = a.useMemo(
-      () => /* @__PURE__ */ i.jsx("option", { value: u.value, disabled: u.disabled, children: x }, u.value),
-      [u.disabled, u.value, x]
+    ), g = f?.textContent, w = a.useMemo(
+      () => /* @__PURE__ */ i.jsx("option", { value: u.value, disabled: u.disabled, children: g }, u.value),
+      [u.disabled, u.value, g]
     ), { onNativeOptionAdd: h, onNativeOptionRemove: v } = l;
     return ne(() => (h(w), () => v(w)), [h, v, w]), /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-      /* @__PURE__ */ i.jsx(k.span, { id: u.textId, ...s, ref: g }),
+      /* @__PURE__ */ i.jsx(k.span, { id: u.textId, ...s, ref: x }),
       u.isSelected && c.valueNode && !c.valueNodeHasChildren ? Vt.createPortal(s.children, c.valueNode) : null
     ] });
   }
@@ -1571,7 +1571,7 @@ const _a = ({ disabled: e = !1, handleDelete: t, ...n }) => /* @__PURE__ */ i.js
   const l = n || Lr;
   if (!wt[o])
     throw new Error(`Invalid action: ${o}`);
-  const f = wt[o], m = r || f.label, g = s || f.submittingLabel, x = c || f.IconComponent, w = e ? /* @__PURE__ */ i.jsx(l, { className: "animate-spin" }) : /* @__PURE__ */ i.jsx(x, {});
+  const f = wt[o], m = r || f.label, x = s || f.submittingLabel, g = c || f.IconComponent, w = e ? /* @__PURE__ */ i.jsx(l, { className: "animate-spin" }) : /* @__PURE__ */ i.jsx(g, {});
   return /* @__PURE__ */ i.jsx(
     ct,
     {
@@ -1580,7 +1580,7 @@ const _a = ({ disabled: e = !1, handleDelete: t, ...n }) => /* @__PURE__ */ i.js
       type: "submit",
       variant: "primary",
       ...u,
-      children: e ? g : m
+      children: e ? x : m
     }
   );
 };
@@ -1908,32 +1908,44 @@ const Fa = ({
   value: d,
   onValueChange: u,
   error: l,
-  ...f
-}) => /* @__PURE__ */ i.jsxs(ae, { className: "w-full", direction: "col", gap: "2", children: [
-  o && /* @__PURE__ */ i.jsx(Se, { htmlFor: e, children: o }),
-  /* @__PURE__ */ i.jsxs(
-    cs,
-    {
-      defaultValue: t,
-      name: e,
-      onValueChange: u,
-      value: d,
-      ...f,
-      children: [
-        /* @__PURE__ */ i.jsx(ds, { className: $("min-w-[180px]", c), "data-testid": `select-input-${e}`, children: /* @__PURE__ */ i.jsx(ls, { placeholder: r }) }),
-        /* @__PURE__ */ i.jsx(us, { children: n.map(({ value: m, label: g }) => /* @__PURE__ */ i.jsx(fs, { value: m, children: g }, `option-${m}`)) })
-      ]
-    }
-  ),
-  s && /* @__PURE__ */ i.jsx(Ae, { size: "sm", variant: "muted", children: s }),
-  l && /* @__PURE__ */ i.jsx(je, { message: l })
-] });
+  size: f = "md",
+  ...m
+}) => {
+  const x = $(
+    "min-w-[180px]",
+    f === "xs" && "h-7 text-xs md:text-xs",
+    f === "sm" && "h-8 text-sm md:text-xs",
+    f === "md" && "h-9 text-base md:text-sm",
+    f === "lg" && "h-10 text-lg md:text-base",
+    f === "xl" && "h-11 text-xl md:text-lg",
+    c
+  ), g = f === "xs" || f === "sm" ? "sm" : "default";
+  return /* @__PURE__ */ i.jsxs(ae, { className: "w-full", direction: "col", gap: "2", children: [
+    o && /* @__PURE__ */ i.jsx(Se, { htmlFor: e, children: o }),
+    /* @__PURE__ */ i.jsxs(
+      cs,
+      {
+        defaultValue: t,
+        name: e,
+        onValueChange: u,
+        value: d,
+        ...m,
+        children: [
+          /* @__PURE__ */ i.jsx(ds, { className: x, "data-testid": `select-input-${e}`, size: g, children: /* @__PURE__ */ i.jsx(ls, { placeholder: r }) }),
+          /* @__PURE__ */ i.jsx(us, { children: n.map(({ value: w, label: h }) => /* @__PURE__ */ i.jsx(fs, { value: w, children: h }, `option-${w}`)) })
+        ]
+      }
+    ),
+    s && /* @__PURE__ */ i.jsx(Ae, { size: "sm", variant: "muted", children: s }),
+    l && /* @__PURE__ */ i.jsx(je, { message: l })
+  ] });
+};
 var Ct = 1, hs = 0.9, vs = 0.8, gs = 0.17, Ye = 0.1, Xe = 0.999, xs = 0.9999, bs = 0.99, ys = /[\\\/_+.#"@\[\(\{&]/, ws = /[\\\/_+.#"@\[\(\{&]/g, Cs = /[\s-]/, Gn = /[\s-]/g;
 function st(e, t, n, o, r, s, c) {
   if (s === t.length) return r === e.length ? Ct : bs;
   var d = `${r},${s}`;
   if (c[d] !== void 0) return c[d];
-  for (var u = o.charAt(s), l = n.indexOf(u, r), f = 0, m, g, x, w; l >= 0; ) m = st(e, t, n, o, l + 1, s + 1, c), m > f && (l === r ? m *= Ct : ys.test(e.charAt(l - 1)) ? (m *= vs, x = e.slice(r, l - 1).match(ws), x && r > 0 && (m *= Math.pow(Xe, x.length))) : Cs.test(e.charAt(l - 1)) ? (m *= hs, w = e.slice(r, l - 1).match(Gn), w && r > 0 && (m *= Math.pow(Xe, w.length))) : (m *= gs, r > 0 && (m *= Math.pow(Xe, l - r))), e.charAt(l) !== t.charAt(s) && (m *= xs)), (m < Ye && n.charAt(l - 1) === o.charAt(s + 1) || o.charAt(s + 1) === o.charAt(s) && n.charAt(l - 1) !== o.charAt(s)) && (g = st(e, t, n, o, l + 1, s + 2, c), g * Ye > m && (m = g * Ye)), m > f && (f = m), l = n.indexOf(u, l + 1);
+  for (var u = o.charAt(s), l = n.indexOf(u, r), f = 0, m, x, g, w; l >= 0; ) m = st(e, t, n, o, l + 1, s + 1, c), m > f && (l === r ? m *= Ct : ys.test(e.charAt(l - 1)) ? (m *= vs, g = e.slice(r, l - 1).match(ws), g && r > 0 && (m *= Math.pow(Xe, g.length))) : Cs.test(e.charAt(l - 1)) ? (m *= hs, w = e.slice(r, l - 1).match(Gn), w && r > 0 && (m *= Math.pow(Xe, w.length))) : (m *= gs, r > 0 && (m *= Math.pow(Xe, l - r))), e.charAt(l) !== t.charAt(s) && (m *= xs)), (m < Ye && n.charAt(l - 1) === o.charAt(s + 1) || o.charAt(s + 1) === o.charAt(s) && n.charAt(l - 1) !== o.charAt(s)) && (x = st(e, t, n, o, l + 1, s + 2, c), x * Ye > m && (m = x * Ye)), m > f && (f = m), l = n.indexOf(u, l + 1);
   return c[d] = f, f;
 }
 function St(e) {
@@ -1962,24 +1974,24 @@ var Es = "DismissableLayer", at = "dismissableLayer.update", Is = "dismissableLa
       onInteractOutside: c,
       onDismiss: d,
       ...u
-    } = e, l = a.useContext(Wn), [f, m] = a.useState(null), g = f?.ownerDocument ?? globalThis?.document, [, x] = a.useState({}), w = V(t, (E) => m(E)), h = Array.from(l.layers), [v] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), S = h.indexOf(v), y = f ? h.indexOf(f) : -1, I = l.layersWithOutsidePointerEventsDisabled.size > 0, A = y >= S, M = js((E) => {
+    } = e, l = a.useContext(Wn), [f, m] = a.useState(null), x = f?.ownerDocument ?? globalThis?.document, [, g] = a.useState({}), w = V(t, (E) => m(E)), h = Array.from(l.layers), [v] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), S = h.indexOf(v), y = f ? h.indexOf(f) : -1, I = l.layersWithOutsidePointerEventsDisabled.size > 0, A = y >= S, M = js((E) => {
       const P = E.target, z = [...l.branches].some((U) => U.contains(P));
       !A || z || (r?.(E), c?.(E), E.defaultPrevented || d?.());
-    }, g), j = Ps((E) => {
+    }, x), j = Ps((E) => {
       const P = E.target;
       [...l.branches].some((U) => U.contains(P)) || (s?.(E), c?.(E), E.defaultPrevented || d?.());
-    }, g);
+    }, x);
     return Er((E) => {
       y === l.layers.size - 1 && (o?.(E), !E.defaultPrevented && d && (E.preventDefault(), d()));
-    }, g), a.useEffect(() => {
+    }, x), a.useEffect(() => {
       if (f)
-        return n && (l.layersWithOutsidePointerEventsDisabled.size === 0 && (Et = g.body.style.pointerEvents, g.body.style.pointerEvents = "none"), l.layersWithOutsidePointerEventsDisabled.add(f)), l.layers.add(f), It(), () => {
-          n && l.layersWithOutsidePointerEventsDisabled.size === 1 && (g.body.style.pointerEvents = Et);
+        return n && (l.layersWithOutsidePointerEventsDisabled.size === 0 && (Et = x.body.style.pointerEvents, x.body.style.pointerEvents = "none"), l.layersWithOutsidePointerEventsDisabled.add(f)), l.layers.add(f), It(), () => {
+          n && l.layersWithOutsidePointerEventsDisabled.size === 1 && (x.body.style.pointerEvents = Et);
         };
-    }, [f, g, n, l]), a.useEffect(() => () => {
+    }, [f, x, n, l]), a.useEffect(() => () => {
       f && (l.layers.delete(f), l.layersWithOutsidePointerEventsDisabled.delete(f), It());
     }, [f, l]), a.useEffect(() => {
-      const E = () => x({});
+      const E = () => g({});
       return document.addEventListener(at, E), () => document.removeEventListener(at, E);
     }, []), /* @__PURE__ */ i.jsx(
       k.div,
@@ -2092,25 +2104,25 @@ function Ts(e) {
   }, [d]), ne(() => {
     const l = o.current, f = r.current;
     if (f !== e) {
-      const g = s.current, x = _e(l);
-      e ? u("MOUNT") : x === "none" || l?.display === "none" ? u("UNMOUNT") : u(f && g !== x ? "ANIMATION_OUT" : "UNMOUNT"), r.current = e;
+      const x = s.current, g = _e(l);
+      e ? u("MOUNT") : g === "none" || l?.display === "none" ? u("UNMOUNT") : u(f && x !== g ? "ANIMATION_OUT" : "UNMOUNT"), r.current = e;
     }
   }, [e, u]), ne(() => {
     if (t) {
       let l;
-      const f = t.ownerDocument.defaultView ?? window, m = (x) => {
-        const h = _e(o.current).includes(x.animationName);
-        if (x.target === t && h && (u("ANIMATION_END"), !r.current)) {
+      const f = t.ownerDocument.defaultView ?? window, m = (g) => {
+        const h = _e(o.current).includes(g.animationName);
+        if (g.target === t && h && (u("ANIMATION_END"), !r.current)) {
           const v = t.style.animationFillMode;
           t.style.animationFillMode = "forwards", l = f.setTimeout(() => {
             t.style.animationFillMode === "forwards" && (t.style.animationFillMode = v);
           });
         }
-      }, g = (x) => {
-        x.target === t && (s.current = _e(o.current));
+      }, x = (g) => {
+        g.target === t && (s.current = _e(o.current));
       };
-      return t.addEventListener("animationstart", g), t.addEventListener("animationcancel", m), t.addEventListener("animationend", m), () => {
-        f.clearTimeout(l), t.removeEventListener("animationstart", g), t.removeEventListener("animationcancel", m), t.removeEventListener("animationend", m);
+      return t.addEventListener("animationstart", x), t.addEventListener("animationcancel", m), t.addEventListener("animationend", m), () => {
+        f.clearTimeout(l), t.removeEventListener("animationstart", x), t.removeEventListener("animationcancel", m), t.removeEventListener("animationend", m);
       };
     } else
       u("ANIMATION_END");
@@ -2366,7 +2378,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
   let n = be(() => {
     var p, R;
     return { search: "", value: (R = (p = e.value) != null ? p : e.defaultValue) != null ? R : "", selectedItemId: void 0, filtered: { count: 0, items: /* @__PURE__ */ new Map(), groups: /* @__PURE__ */ new Set() } };
-  }), o = be(() => /* @__PURE__ */ new Set()), r = be(() => /* @__PURE__ */ new Map()), s = be(() => /* @__PURE__ */ new Map()), c = be(() => /* @__PURE__ */ new Set()), d = dr(e), { label: u, children: l, value: f, onValueChange: m, filter: g, shouldFilter: x, loop: w, disablePointerSelection: h = !1, vimBindings: v = !0, ...S } = e, y = Z(), I = Z(), A = Z(), M = a.useRef(null), j = da();
+  }), o = be(() => /* @__PURE__ */ new Set()), r = be(() => /* @__PURE__ */ new Map()), s = be(() => /* @__PURE__ */ new Map()), c = be(() => /* @__PURE__ */ new Set()), d = dr(e), { label: u, children: l, value: f, onValueChange: m, filter: x, shouldFilter: g, loop: w, disablePointerSelection: h = !1, vimBindings: v = !0, ...S } = e, y = Z(), I = Z(), A = Z(), M = a.useRef(null), j = da();
   ve(() => {
     if (f !== void 0) {
       let p = f.trim();
@@ -2543,11 +2555,11 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
   ve(() => {
     if (!l) return d.item(r, c?.id);
   }, [l]);
-  let f = ur(r, s, [e.value, e.children, s], e.keywords), m = bt(), g = ie((j) => j.value && j.value === f.current), x = ie((j) => l || d.filter() === !1 ? !0 : j.search ? j.filtered.items.get(r) > 0 : !0);
+  let f = ur(r, s, [e.value, e.children, s], e.keywords), m = bt(), x = ie((j) => j.value && j.value === f.current), g = ie((j) => l || d.filter() === !1 ? !0 : j.search ? j.filtered.items.get(r) > 0 : !0);
   a.useEffect(() => {
     let j = s.current;
     if (!(!j || e.disabled)) return j.addEventListener(it, w), () => j.removeEventListener(it, w);
-  }, [x, e.onSelect, e.disabled]);
+  }, [g, e.onSelect, e.disabled]);
   function w() {
     var j, E;
     h(), (E = (j = u.current).onSelect) == null || E.call(j, f.current);
@@ -2555,14 +2567,14 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
   function h() {
     m.setState("value", f.current, !0);
   }
-  if (!x) return null;
+  if (!g) return null;
   let { disabled: v, value: S, onSelect: y, forceMount: I, keywords: A, ...M } = e;
-  return a.createElement(k.div, { ref: Ne(s, t), ...M, id: r, "cmdk-item": "", role: "option", "aria-disabled": !!v, "aria-selected": !!g, "data-disabled": !!v, "data-selected": !!g, onPointerMove: v || d.getDisablePointerSelection() ? void 0 : h, onClick: v ? void 0 : w }, e.children);
+  return a.createElement(k.div, { ref: Ne(s, t), ...M, id: r, "cmdk-item": "", role: "option", "aria-disabled": !!v, "aria-selected": !!x, "data-disabled": !!v, "data-selected": !!x, onPointerMove: v || d.getDisablePointerSelection() ? void 0 : h, onClick: v ? void 0 : w }, e.children);
 }), ta = a.forwardRef((e, t) => {
-  let { heading: n, children: o, forceMount: r, ...s } = e, c = Z(), d = a.useRef(null), u = a.useRef(null), l = Z(), f = Pe(), m = ie((x) => r || f.filter() === !1 ? !0 : x.search ? x.filtered.groups.has(c) : !0);
+  let { heading: n, children: o, forceMount: r, ...s } = e, c = Z(), d = a.useRef(null), u = a.useRef(null), l = Z(), f = Pe(), m = ie((g) => r || f.filter() === !1 ? !0 : g.search ? g.filtered.groups.has(c) : !0);
   ve(() => f.group(c), []), ur(c, d, [e.value, e.heading, u]);
-  let g = a.useMemo(() => ({ id: c, forceMount: r }), [r]);
-  return a.createElement(k.div, { ref: Ne(d, t), ...s, "cmdk-group": "", role: "presentation", hidden: m ? void 0 : !0 }, n && a.createElement("div", { ref: u, "cmdk-group-heading": "", "aria-hidden": !0, id: l }, n), Ge(e, (x) => a.createElement("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": n ? l : void 0 }, a.createElement(cr.Provider, { value: g }, x))));
+  let x = a.useMemo(() => ({ id: c, forceMount: r }), [r]);
+  return a.createElement(k.div, { ref: Ne(d, t), ...s, "cmdk-group": "", role: "presentation", hidden: m ? void 0 : !0 }, n && a.createElement("div", { ref: u, "cmdk-group-heading": "", "aria-hidden": !0, id: l }, n), Ge(e, (g) => a.createElement("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": n ? l : void 0 }, a.createElement(cr.Provider, { value: x }, g))));
 }), na = a.forwardRef((e, t) => {
   let { alwaysRender: n, ...o } = e, r = a.useRef(null), s = ie((c) => !c.search);
   return !n && !s ? null : a.createElement(k.div, { ref: Ne(r, t), ...o, "cmdk-separator": "", role: "separator" });
@@ -2577,14 +2589,14 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
   let { children: n, label: o = "Suggestions", ...r } = e, s = a.useRef(null), c = a.useRef(null), d = ie((l) => l.selectedItemId), u = Pe();
   return a.useEffect(() => {
     if (c.current && s.current) {
-      let l = c.current, f = s.current, m, g = new ResizeObserver(() => {
+      let l = c.current, f = s.current, m, x = new ResizeObserver(() => {
         m = requestAnimationFrame(() => {
-          let x = l.offsetHeight;
-          f.style.setProperty("--cmdk-list-height", x.toFixed(1) + "px");
+          let g = l.offsetHeight;
+          f.style.setProperty("--cmdk-list-height", g.toFixed(1) + "px");
         });
       });
-      return g.observe(l), () => {
-        cancelAnimationFrame(m), g.unobserve(l);
+      return x.observe(l), () => {
+        cancelAnimationFrame(m), x.unobserve(l);
       };
     }
   }, []), a.createElement(k.div, { ref: Ne(s, t), ...r, "cmdk-list": "", role: "listbox", tabIndex: -1, "aria-activedescendant": d, "aria-label": o, id: u.listId }, Ge(e, (l) => a.createElement("div", { ref: Ne(c, u.listInnerRef), "cmdk-list-sizer": "" }, l)));

package/dist/forms.d.ts

@@ -120,9 +120,9 @@ declare interface RadioSelectProps {
     error?: string;
 }
 
-export declare const SelectInput: ({ name, defaultValue, options, label, placeholder, note, className, value, onValueChange, error, ...props }: SelectInputProps) => JSX.Element;
+export declare const SelectInput: ({ name, defaultValue, options, label, placeholder, note, className, value, onValueChange, error, size, ...props }: SelectInputProps) => JSX.Element;
 
-export declare interface SelectInputProps extends Omit<React.ComponentProps<"select">, "dir"> {
+export declare interface SelectInputProps extends Omit<React.ComponentProps<"select">, "dir" | "size"> {
     name: string;
     value?: string;
     onValueChange: (value: string) => void;
@@ -132,6 +132,7 @@ export declare interface SelectInputProps extends Omit<React.ComponentProps<"sel
     note?: string;
     className?: string;
     error?: string;
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
 }
 
 export declare const SelectPicker: ({ options, value, placeholder, className, onSelect, renderSelected, }: SelectPickerProps) => JSX.Element;

package/dist/forms.js

@@ -1,5 +1,5 @@
 import { B as e, a as s } from "./chunks/calendar-DKwGFkIw.js";
-import { C as o, a as r, b as n, D as p, I as c, c as I, L as b, N as l, R as x, d as B, e as S, S as i, f as m, T as D } from "./chunks/Textarea-CBsXqwyy.js";
+import { C as o, a as r, b as n, D as p, I as c, c as I, L as b, N as l, R as x, d as B, e as S, S as i, f as m, T as D } from "./chunks/Textarea-BpQRN4Xn.js";
 export {
   e as Button,
   s as ButtonGroup,

package/dist/index.d.ts

@@ -546,9 +546,9 @@ declare const ROUNDED_SIZES: readonly ["none", "xs", "sm", "md", "lg", "xl", "2x
 
 declare type RoundedSize = (typeof ROUNDED_SIZES)[number];
 
-export declare const SelectInput: ({ name, defaultValue, options, label, placeholder, note, className, value, onValueChange, error, ...props }: SelectInputProps) => JSX.Element;
+export declare const SelectInput: ({ name, defaultValue, options, label, placeholder, note, className, value, onValueChange, error, size, ...props }: SelectInputProps) => JSX.Element;
 
-export declare interface SelectInputProps extends Omit<React.ComponentProps<"select">, "dir"> {
+export declare interface SelectInputProps extends Omit<React.ComponentProps<"select">, "dir" | "size"> {
     name: string;
     value?: string;
     onValueChange: (value: string) => void;
@@ -558,6 +558,7 @@ export declare interface SelectInputProps extends Omit<React.ComponentProps<"sel
     note?: string;
     className?: string;
     error?: string;
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
 }
 
 export declare const SelectPicker: ({ options, value, placeholder, className, onSelect, renderSelected, }: SelectPickerProps) => JSX.Element;

package/dist/index.js

@@ -7,8 +7,8 @@ import { c as i } from "./chunks/index-CRiPKpXj.js";
 import * as x from "react";
 import { Fragment as W, useState as Y, useEffect as Z, useMemo as ee } from "react";
 import { u as ae, a as te, c as re, b as se, P as h, d as ne, e as j } from "./chunks/popover-ByOImpZC.js";
-import { g as _, h as oe, i as ie } from "./chunks/Textarea-CBsXqwyy.js";
-import { C as Ha, a as qa, b as Ka, D as Xa, I as Ja, c as Qa, L as Ua, N as Wa, R as Ya, d as Za, e as et, S as at, f as tt, T as rt } from "./chunks/Textarea-CBsXqwyy.js";
+import { g as _, h as oe, i as ie } from "./chunks/Textarea-BpQRN4Xn.js";
+import { C as Ha, a as qa, b as Ka, D as Xa, I as Ja, c as Qa, L as Ua, N as Wa, R as Ya, d as Za, e as et, S as at, f as tt, T as rt } from "./chunks/Textarea-BpQRN4Xn.js";
 import { E as nt, a as ot, I as it, P as lt, b as ct } from "./chunks/PageNotFound-p3jnz0na.js";
 import { B as ut, C as bt, F as mt, a as gt, G as pt, H as xt, L as ft } from "./chunks/Layout-CvVv48kM.js";
 import { C as ht } from "./chunks/Code-zUdzRHTD.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@still-forest/canopy",
-  "version": "0.34.1",
+  "version": "0.35.0",
   "author": "John Szymanowski",
   "license": "MIT",
   "description": "React components, built with Tailwind CSS, Shadcn, and VisX",