@clearstory/drywall-react 4.1.1 → 4.1.2

package/dist/{SelectControl-KPSefyi3.js → SelectControl-Cwf0nfyr.js}

@@ -32,13 +32,13 @@ function Xe(e, r) {
     helperText: a,
     id: i,
     label: o,
-    required: d,
-    slotProps: m,
+    required: c,
+    slotProps: s,
     sublabel: g,
-    tooltip: s,
-    ...v
-  } = e, h = ue("autocomplete"), c = i || h, u = a ? `${c}-helper` : void 0;
-  return /* @__PURE__ */ Z(ce, { disabled: t, error: n, ...m?.root, children: [
+    tooltip: v,
+    ...m
+  } = e, h = ue("autocomplete"), d = i || h, u = a ? `${d}-helper` : void 0;
+  return /* @__PURE__ */ Z(ce, { disabled: t, error: n, ...s?.root, children: [
     /* @__PURE__ */ Z(
       de,
       {
@@ -48,8 +48,8 @@ function Xe(e, r) {
           gap: "0.25rem"
         },
         children: [
-          /* @__PURE__ */ I(se, { htmlFor: c, required: d, ...m?.label, children: o }),
-          s && /* @__PURE__ */ I(ve, { title: s, arrow: !0, children: /* @__PURE__ */ I(
+          /* @__PURE__ */ I(se, { htmlFor: d, required: c, ...s?.label, children: o }),
+          v && /* @__PURE__ */ I(ve, { title: v, arrow: !0, children: /* @__PURE__ */ I(
             fe,
             {
               sx: ({ vars: S }) => ({
@@ -63,19 +63,20 @@ function Xe(e, r) {
         ]
       }
     ),
-    g && /* @__PURE__ */ I(me, { ...m?.sublabel, children: g }),
+    g && /* @__PURE__ */ I(me, { ...s?.sublabel, children: g }),
     /* @__PURE__ */ I(
       He,
       {
         disabled: t,
         ref: r,
         error: n,
-        id: c,
-        "aria-describedby": u ? v["aria-describedby"] ? `${v["aria-describedby"]} ${u}` : u : v["aria-describedby"],
-        ...v
+        id: d,
+        "aria-describedby": u ? m["aria-describedby"] ? `${m["aria-describedby"]} ${u}` : u : m["aria-describedby"],
+        slotProps: s?.autocomplete,
+        ...m
       }
     ),
-    a && /* @__PURE__ */ I(ne, { id: u, ...m?.helperText, children: a })
+    a && /* @__PURE__ */ I(ne, { id: u, ...s?.helperText, children: a })
   ] });
 }
 const Ye = ae(
@@ -91,13 +92,13 @@ const er = ae(
     label: a,
     required: i = !1,
     slotProps: o = {},
-    sublabel: d,
-    tooltip: m,
+    sublabel: c,
+    tooltip: s,
     name: g,
-    value: s,
-    onChange: v,
+    value: v,
+    onChange: m,
     onAccept: h,
-    onClose: c,
+    onClose: d,
     onOpen: u,
     format: S,
     views: V,
@@ -105,11 +106,11 @@ const er = ae(
     disableFuture: E,
     disablePast: F,
     minDate: j,
-    maxDate: _,
+    maxDate: k,
     closeOnSelect: K,
     readOnly: U,
     clearable: w,
-    reduceAnimations: k,
+    reduceAnimations: _,
     ...G
   }, M) => {
     const W = ue("datepicker"), L = g || W, q = n ? `${L}-helper` : void 0;
@@ -131,7 +132,7 @@ const er = ae(
               },
               children: [
                 /* @__PURE__ */ I(se, { htmlFor: L, required: i, ...o.label, children: a }),
-                m && /* @__PURE__ */ I(ve, { title: m, arrow: !0, children: /* @__PURE__ */ I(
+                s && /* @__PURE__ */ I(ve, { title: s, arrow: !0, children: /* @__PURE__ */ I(
                   fe,
                   {
                     sx: ({ vars: Q }) => ({
@@ -145,17 +146,17 @@ const er = ae(
               ]
             }
           ),
-          d && /* @__PURE__ */ I(me, { ...o.sublabel, children: d }),
+          c && /* @__PURE__ */ I(me, { ...o.sublabel, children: c }),
           /* @__PURE__ */ I(
             ze,
             {
               ref: M,
               disabled: e,
               name: L,
-              value: s,
-              onChange: v,
+              value: v,
+              onChange: m,
               onAccept: h,
-              onClose: c,
+              onClose: d,
               onOpen: u,
               format: S,
               views: V,
@@ -163,11 +164,11 @@ const er = ae(
               disableFuture: E,
               disablePast: F,
               minDate: j,
-              maxDate: _,
+              maxDate: k,
               closeOnSelect: K,
               readOnly: U,
               clearable: w,
-              reduceAnimations: k,
+              reduceAnimations: _,
               error: r,
               slotProps: {
                 field: {
@@ -177,7 +178,8 @@ const er = ae(
                 },
                 popper: {
                   "aria-label": `Date picker${typeof a == "string" && ` for ${a}`}`
-                }
+                },
+                ...o?.datepicker
               },
               ...G
             }
@@ -202,19 +204,19 @@ const me = Qe(ne)(() => ({
     id: a,
     label: i,
     required: o,
-    slotProps: d,
-    sublabel: m,
+    slotProps: c,
+    sublabel: s,
     tooltip: g,
-    ...s
-  }, v) => {
-    const h = ue("input"), c = a || h, u = n ? `${c}-helper` : void 0;
+    ...v
+  }, m) => {
+    const h = ue("input"), d = a || h, u = n ? `${d}-helper` : void 0;
     return /* @__PURE__ */ Z(
       ce,
       {
         disabled: e,
         error: r,
         fullWidth: t,
-        ...d?.root,
+        ...c?.root,
         children: [
           /* @__PURE__ */ Z(
             de,
@@ -228,9 +230,9 @@ const me = Qe(ne)(() => ({
                 /* @__PURE__ */ I(
                   se,
                   {
-                    htmlFor: c,
+                    htmlFor: d,
                     required: o,
-                    ...d?.label,
+                    ...c?.label,
                     children: i
                   }
                 ),
@@ -248,20 +250,21 @@ const me = Qe(ne)(() => ({
               ]
             }
           ),
-          m && /* @__PURE__ */ I(me, { ...d?.sublabel, children: m }),
+          s && /* @__PURE__ */ I(me, { ...c?.sublabel, children: s }),
           /* @__PURE__ */ I(
             Ee,
             {
-              ref: v,
+              ref: m,
               disabled: e,
               error: r,
               fullWidth: t,
-              id: c,
-              "aria-describedby": u ? s["aria-describedby"] ? `${s["aria-describedby"]} ${u}` : u : s["aria-describedby"],
-              ...s
+              id: d,
+              "aria-describedby": u ? v["aria-describedby"] ? `${v["aria-describedby"]} ${u}` : u : v["aria-describedby"],
+              slotProps: c?.input,
+              ...v
             }
           ),
-          n && /* @__PURE__ */ I(ne, { id: u, ...d?.helperText, children: n })
+          n && /* @__PURE__ */ I(ne, { id: u, ...c?.helperText, children: n })
         ]
       }
     );
@@ -359,25 +362,25 @@ function Re(e, r, t) {
 function Ve(e, r) {
   return Array(r + 1).join(e);
 }
-function _e(e) {
+function ke(e) {
   var r = e + "", t = r[0] === "-" ? "-" : "";
   t && (r = r.substring(1));
   var n = r.split(/[eE]/g), a = n[0], i = n[1];
   if (i = Number(i), !i)
     return t + a;
   a = a.replace(".", "");
-  var o = 1 + i, d = a.length;
-  return o < 0 ? a = "0." + Ve("0", Math.abs(o)) + a : o >= d ? a = a + Ve("0", o - d) : a = (a.substring(0, o) || "0") + "." + a.substring(o), t + a;
+  var o = 1 + i, c = a.length;
+  return o < 0 ? a = "0." + Ve("0", Math.abs(o)) + a : o >= c ? a = a + Ve("0", o - c) : a = (a.substring(0, o) || "0") + "." + a.substring(o), t + a;
 }
 function De(e, r, t) {
   if (["", "-"].indexOf(e) !== -1)
     return e;
-  var n = (e.indexOf(".") !== -1 || t) && r, a = we(e), i = a.beforeDecimal, o = a.afterDecimal, d = a.hasNegation, m = parseFloat("0." + (o || "0")), g = o.length <= r ? "0." + o : m.toFixed(r), s = g.split("."), v = i;
-  i && Number(s[0]) && (v = i.split("").reverse().reduce(function(S, V, b) {
+  var n = (e.indexOf(".") !== -1 || t) && r, a = we(e), i = a.beforeDecimal, o = a.afterDecimal, c = a.hasNegation, s = parseFloat("0." + (o || "0")), g = o.length <= r ? "0." + o : s.toFixed(r), v = g.split("."), m = i;
+  i && Number(v[0]) && (m = i.split("").reverse().reduce(function(S, V, b) {
     return S.length > b ? (Number(S[0]) + Number(V)).toString() + S.substring(1, S.length) : V + S;
-  }, s[0]));
-  var h = Re(s[1] || "", r, t), c = d ? "-" : "", u = n ? "." : "";
-  return "" + c + v + u + h;
+  }, v[0]));
+  var h = Re(v[1] || "", r, t), d = c ? "-" : "", u = n ? "." : "";
+  return "" + d + m + u + h;
 }
 function X(e, r) {
   if (e.value = e.value, e !== null) {
@@ -388,7 +391,7 @@ function X(e, r) {
     return e.selectionStart || e.selectionStart === 0 ? (e.focus(), e.setSelectionRange(r, r), !0) : (e.focus(), !1);
   }
 }
-var ke = tr(function(e, r) {
+var _e = tr(function(e, r) {
   for (var t = 0, n = 0, a = e.length, i = r.length; e[t] === r[t] && t < a; )
     t++;
   for (; e[a - 1 - n] === r[i - 1 - n] && i - n > t && a - n > t; )
@@ -432,29 +435,29 @@ function sr(e) {
 }
 function vr(e, r, t, n, a, i, o) {
   o === void 0 && (o = sr);
-  var d = a.findIndex(function(j) {
+  var c = a.findIndex(function(j) {
     return j;
-  }), m = e.slice(0, d);
-  !r && !t.startsWith(m) && (r = m, t = m + t, n = n + m.length);
-  for (var g = t.length, s = e.length, v = {}, h = new Array(g), c = 0; c < g; c++) {
-    h[c] = -1;
-    for (var u = 0, S = s; u < S; u++) {
+  }), s = e.slice(0, c);
+  !r && !t.startsWith(s) && (r = s, t = s + t, n = n + s.length);
+  for (var g = t.length, v = e.length, m = {}, h = new Array(g), d = 0; d < g; d++) {
+    h[d] = -1;
+    for (var u = 0, S = v; u < S; u++) {
       var V = o({
         currentValue: t,
         lastValue: r,
         formattedValue: e,
-        currentValueIndex: c,
+        currentValueIndex: d,
         formattedValueIndex: u
       });
-      if (V && v[u] !== !0) {
-        h[c] = u, v[u] = !0;
+      if (V && m[u] !== !0) {
+        h[d] = u, m[u] = !0;
         break;
       }
     }
   }
   for (var b = n; b < g && (h[b] === -1 || !i(t[b])); )
     b++;
-  var E = b === g || h[b] === -1 ? s : h[b];
+  var E = b === g || h[b] === -1 ? v : h[b];
   for (b = n - 1; b > 0 && h[b] === -1; )
     b--;
   var F = b === -1 || h[b] === -1 ? 0 : h[b] + 1;
@@ -484,20 +487,20 @@ function $e(e, r, t, n, a, i) {
   i === void 0 && (i = J);
   var o = or(function(u, S) {
     var V, b;
-    return Te(u) ? (b = "", V = "") : typeof u == "number" || S ? (b = typeof u == "number" ? _e(u) : u, V = n(b)) : (b = a(u, void 0), V = n(b)), { formattedValue: V, numAsString: b };
-  }), d = Be(function() {
+    return Te(u) ? (b = "", V = "") : typeof u == "number" || S ? (b = typeof u == "number" ? ke(u) : u, V = n(b)) : (b = a(u, void 0), V = n(b)), { formattedValue: V, numAsString: b };
+  }), c = Be(function() {
     return o(te(e) ? r : e, t);
-  }), m = d[0], g = d[1], s = function(u, S) {
-    u.formattedValue !== m.formattedValue && g({
+  }), s = c[0], g = c[1], v = function(u, S) {
+    u.formattedValue !== s.formattedValue && g({
       formattedValue: u.formattedValue,
       numAsString: u.value
     }), i(u, S);
-  }, v = e, h = t;
-  te(e) && (v = m.numAsString, h = !0);
-  var c = o(v, h);
+  }, m = e, h = t;
+  te(e) && (m = s.numAsString, h = !0);
+  var d = o(m, h);
   return Pe(function() {
-    g(c);
-  }, [c.formattedValue]), [m, s];
+    g(d);
+  }, [d.formattedValue]), [s, v];
 }
 function gr(e) {
   return e.replace(/[^0-9]/g, "");
@@ -512,12 +515,12 @@ function pr(e) {
   t === void 0 && (t = "input");
   var n = e.customInput, a = e.renderText, i = e.getInputRef, o = e.format;
   o === void 0 && (o = hr);
-  var d = e.removeFormatting;
-  d === void 0 && (d = gr);
-  var m = e.defaultValue, g = e.valueIsNumericString, s = e.onValueChange, v = e.isAllowed, h = e.onChange;
+  var c = e.removeFormatting;
+  c === void 0 && (c = gr);
+  var s = e.defaultValue, g = e.valueIsNumericString, v = e.onValueChange, m = e.isAllowed, h = e.onChange;
   h === void 0 && (h = J);
-  var c = e.onKeyDown;
-  c === void 0 && (c = J);
+  var d = e.onKeyDown;
+  d === void 0 && (d = J);
   var u = e.onMouseUp;
   u === void 0 && (u = J);
   var S = e.onFocus;
@@ -528,7 +531,7 @@ function pr(e) {
   E === void 0 && (E = mr);
   var F = e.isValidInputCharacter;
   F === void 0 && (F = le);
-  var j = e.isCharacterSame, _ = Fe(e, ["type", "displayType", "customInput", "renderText", "getInputRef", "format", "removeFormatting", "defaultValue", "valueIsNumericString", "onValueChange", "isAllowed", "onChange", "onKeyDown", "onMouseUp", "onFocus", "onBlur", "value", "getCaretBoundary", "isValidInputCharacter", "isCharacterSame"]), K = $e(b, m, !!g, o, d, s), U = K[0], w = U.formattedValue, k = U.numAsString, G = K[1], M = re(), W = re({ formattedValue: w, numAsString: k }), L = function(l, f) {
+  var j = e.isCharacterSame, k = Fe(e, ["type", "displayType", "customInput", "renderText", "getInputRef", "format", "removeFormatting", "defaultValue", "valueIsNumericString", "onValueChange", "isAllowed", "onChange", "onKeyDown", "onMouseUp", "onFocus", "onBlur", "value", "getCaretBoundary", "isValidInputCharacter", "isCharacterSame"]), K = $e(b, s, !!g, o, c, v), U = K[0], w = U.formattedValue, _ = U.numAsString, G = K[1], M = re(), W = re({ formattedValue: w, numAsString: _ }), L = function(l, f) {
     W.current = { formattedValue: l.formattedValue, numAsString: l.value }, G(l, f);
   }, q = Be(!1), Q = q[0], y = q[1], p = re(null), D = re({
     setCaretTimeout: null,
@@ -567,11 +570,11 @@ function pr(e) {
   };
   Se(function() {
     var l = W.current, f = l.formattedValue, x = l.numAsString;
-    (w !== f || k !== x) && L(O(w, k), {
+    (w !== f || _ !== x) && L(O(w, _), {
       event: void 0,
       source: oe.props
     });
-  }, [w, k]);
+  }, [w, _]);
   var ie = p.current ? Ie(p.current) : void 0, ge = typeof window < "u" ? qe : Se;
   ge(function() {
     var l = p.current;
@@ -581,8 +584,8 @@ function pr(e) {
     }
   }, [w]);
   var be = function(l, f, x) {
-    var C = f.target, $ = M.current ? ur(M.current, C.selectionEnd) : ke(w, l), A = Object.assign(Object.assign({}, $), { lastValue: w }), N = d(l, A), P = T(N);
-    if (N = d(P, void 0), v && !v(O(P, N))) {
+    var C = f.target, $ = M.current ? ur(M.current, C.selectionEnd) : _e(w, l), A = Object.assign(Object.assign({}, $), { lastValue: w }), N = c(l, A), P = T(N);
+    if (N = c(P, void 0), m && !m(O(P, N))) {
       var H = f.target, z = Ie(H), ye = Y(l, w, z);
       return H.value = w, B(H, ye, w), !1;
     }
@@ -610,7 +613,7 @@ function pr(e) {
     x === "Delete" && C === $ && (P = 1);
     var H = x === "ArrowLeft" || x === "ArrowRight";
     if (N === void 0 || C !== $ && !H) {
-      c(l), xe(f, P);
+      d(l), xe(f, P);
       return;
     }
     var z = N;
@@ -618,7 +621,7 @@ function pr(e) {
       var ye = x === "ArrowLeft" ? "left" : "right";
       z = R(A, N, ye), z !== N && l.preventDefault();
     } else x === "Delete" && !F(A[N]) ? z = R(A, N, "right") : x === "Backspace" && !F(A[N]) && (z = R(A, N, "left"));
-    z !== N && B(f, z, A), c(l), xe(f, P);
+    z !== N && B(f, z, A), d(l), xe(f, P);
   }, Ke = function(l) {
     var f = l.target, x = function() {
       var C = f.selectionStart, $ = f.selectionEnd, A = f.value;
@@ -641,7 +644,7 @@ function pr(e) {
     }, 0);
   }, Ge = function(l) {
     p.current = null, clearTimeout(D.current.focusTimeout), clearTimeout(D.current.setCaretTimeout), V(l);
-  }, We = Q && cr() ? "numeric" : void 0, Ne = Object.assign({ inputMode: We }, _, {
+  }, We = Q && cr() ? "numeric" : void 0, Ne = Object.assign({ inputMode: We }, k, {
     type: r,
     value: w,
     onChange: Le,
@@ -651,7 +654,7 @@ function pr(e) {
     onBlur: Ge
   });
   if (t === "text")
-    return a ? ee.createElement(ee.Fragment, null, a(w, _) || null) : ee.createElement("span", Object.assign({}, _, { ref: i }), w);
+    return a ? ee.createElement(ee.Fragment, null, a(w, k) || null) : ee.createElement("span", Object.assign({}, k, { ref: i }), w);
   if (n) {
     var Ze = n;
     return ee.createElement(Ze, Object.assign({}, Ne, { ref: i }));
@@ -663,11 +666,11 @@ function Ae(e, r) {
   a === void 0 && (a = "");
   var i = r.suffix;
   i === void 0 && (i = "");
-  var o = r.allowNegative, d = r.thousandsGroupStyle;
-  if (d === void 0 && (d = "thousand"), e === "" || e === "-")
+  var o = r.allowNegative, c = r.thousandsGroupStyle;
+  if (c === void 0 && (c = "thousand"), e === "" || e === "-")
     return e;
-  var m = he(r), g = m.thousandSeparator, s = m.decimalSeparator, v = t !== 0 && e.indexOf(".") !== -1 || t && n, h = we(e, o), c = h.beforeDecimal, u = h.afterDecimal, S = h.addNegation;
-  return t !== void 0 && (u = Re(u, t, !!n)), g && (c = ir(c, g, d)), a && (c = a + c), i && (u = u + i), S && (c = "-" + c), e = c + (v && s || "") + u, e;
+  var s = he(r), g = s.thousandSeparator, v = s.decimalSeparator, m = t !== 0 && e.indexOf(".") !== -1 || t && n, h = we(e, o), d = h.beforeDecimal, u = h.afterDecimal, S = h.addNegation;
+  return t !== void 0 && (u = Re(u, t, !!n)), g && (d = ir(d, g, c)), a && (d = a + d), i && (u = u + i), S && (d = "-" + d), e = d + (m && v || "") + u, e;
 }
 function he(e) {
   var r = e.decimalSeparator;
@@ -697,32 +700,32 @@ function Sr(e, r, t) {
   i === void 0 && (i = "");
   var o = t.suffix;
   o === void 0 && (o = "");
-  var d = t.decimalScale, m = r.from, g = r.to, s = g.start, v = g.end, h = he(t), c = h.allowedDecimalSeparators, u = h.decimalSeparator, S = e[v] === u;
+  var c = t.decimalScale, s = r.from, g = r.to, v = g.start, m = g.end, h = he(t), d = h.allowedDecimalSeparators, u = h.decimalSeparator, S = e[m] === u;
   if (le(e) && (e === i || e === o) && r.lastValue === "")
     return e;
-  if (v - s === 1 && c.indexOf(e[s]) !== -1) {
-    var V = d === 0 ? "" : u;
-    e = e.substring(0, s) + V + e.substring(s + 1, e.length);
+  if (m - v === 1 && d.indexOf(e[v]) !== -1) {
+    var V = c === 0 ? "" : u;
+    e = e.substring(0, v) + V + e.substring(v + 1, e.length);
   }
   var b = function(p, D, T) {
     var O = !1, B = !1;
     i.startsWith("-") ? O = !1 : p.startsWith("--") ? (O = !1, B = !0) : o.startsWith("-") && p.length === o.length ? O = !1 : p[0] === "-" && (O = !0);
     var R = O ? 1 : 0;
     return B && (R = 2), R && (p = p.substring(R), D -= R, T -= R), { value: p, start: D, end: T, hasNegation: O };
-  }, E = b(e, s, v), F = E.hasNegation;
-  n = E, e = n.value, s = n.start, v = n.end;
-  var j = b(r.lastValue, m.start, m.end), _ = j.start, K = j.end, U = j.value, w = e.substring(s, v);
-  e.length && U.length && (_ > U.length - o.length || K < i.length) && !(w && o.startsWith(w)) && (e = U);
-  var k = 0;
-  e.startsWith(i) ? k += i.length : s < i.length && (k = s), e = e.substring(k), v -= k;
+  }, E = b(e, v, m), F = E.hasNegation;
+  n = E, e = n.value, v = n.start, m = n.end;
+  var j = b(r.lastValue, s.start, s.end), k = j.start, K = j.end, U = j.value, w = e.substring(v, m);
+  e.length && U.length && (k > U.length - o.length || K < i.length) && !(w && o.startsWith(w)) && (e = U);
+  var _ = 0;
+  e.startsWith(i) ? _ += i.length : v < i.length && (_ = v), e = e.substring(_), m -= _;
   var G = e.length, M = e.length - o.length;
-  e.endsWith(o) ? G = M : (v > M || v > e.length - o.length) && (G = v), e = e.substring(0, G), e = br(F ? "-" + e : e, a), e = (e.match(xr(u)) || []).join("");
+  e.endsWith(o) ? G = M : (m > M || m > e.length - o.length) && (G = m), e = e.substring(0, G), e = br(F ? "-" + e : e, a), e = (e.match(xr(u)) || []).join("");
   var W = e.indexOf(u);
   e = e.replace(new RegExp(Oe(u), "g"), function(p, D) {
     return D === W ? "." : "";
   });
   var L = we(e, a), q = L.beforeDecimal, Q = L.afterDecimal, y = L.addNegation;
-  return g.end - g.start < m.end - m.start && q === "" && S && !parseFloat(Q) && (e = y ? "-" : ""), e;
+  return g.end - g.start < s.end - s.start && q === "" && S && !parseFloat(Q) && (e = y ? "-" : ""), e;
 }
 function Ir(e, r) {
   var t = r.prefix;
@@ -758,17 +761,17 @@ function Nr(e) {
   a === void 0 && (a = J);
   var i = e.onBlur;
   i === void 0 && (i = J);
-  var o = e.thousandSeparator, d = e.decimalScale, m = e.fixedDecimalScale, g = e.prefix;
+  var o = e.thousandSeparator, c = e.decimalScale, s = e.fixedDecimalScale, g = e.prefix;
   g === void 0 && (g = "");
-  var s = e.defaultValue, v = e.value, h = e.valueIsNumericString, c = e.onValueChange, u = Fe(e, ["decimalSeparator", "allowedDecimalSeparators", "thousandsGroupStyle", "suffix", "allowNegative", "allowLeadingZeros", "onKeyDown", "onBlur", "thousandSeparator", "decimalScale", "fixedDecimalScale", "prefix", "defaultValue", "value", "valueIsNumericString", "onValueChange"]), S = he(e), V = S.decimalSeparator, b = S.allowedDecimalSeparators, E = function(y) {
+  var v = e.defaultValue, m = e.value, h = e.valueIsNumericString, d = e.onValueChange, u = Fe(e, ["decimalSeparator", "allowedDecimalSeparators", "thousandsGroupStyle", "suffix", "allowNegative", "allowLeadingZeros", "onKeyDown", "onBlur", "thousandSeparator", "decimalScale", "fixedDecimalScale", "prefix", "defaultValue", "value", "valueIsNumericString", "onValueChange"]), S = he(e), V = S.decimalSeparator, b = S.allowedDecimalSeparators, E = function(y) {
     return Ae(y, e);
   }, F = function(y, p) {
     return Sr(y, p, e);
-  }, j = te(v) ? s : v, _ = h ?? yr(j, g, r);
-  te(v) ? te(s) || (_ = _ || typeof s == "number") : _ = _ || typeof v == "number";
+  }, j = te(m) ? v : m, k = h ?? yr(j, g, r);
+  te(m) ? te(v) || (k = k || typeof v == "number") : k = k || typeof m == "number";
   var K = function(y) {
-    return Te(y) ? y : (typeof y == "number" && (y = _e(y)), _ && typeof d == "number" ? De(y, d, !!m) : y);
-  }, U = $e(K(v), K(s), !!_, E, F, c), w = U[0], k = w.numAsString, G = w.formattedValue, M = U[1], W = function(y) {
+    return Te(y) ? y : (typeof y == "number" && (y = ke(y)), k && typeof c == "number" ? De(y, c, !!s) : y);
+  }, U = $e(K(m), K(v), !!k, E, F, d), w = U[0], _ = w.numAsString, G = w.formattedValue, M = U[1], W = function(y) {
     var p = y.target, D = y.key, T = p.selectionStart, O = p.selectionEnd, B = p.value;
     if (B === void 0 && (B = ""), (D === "Backspace" || D === "Delete") && O < g.length) {
       y.preventDefault();
@@ -778,12 +781,12 @@ function Nr(e) {
       a(y);
       return;
     }
-    D === "Backspace" && B[0] === "-" && T === g.length + 1 && t && X(p, 1), d && m && (D === "Backspace" && B[T - 1] === V ? (X(p, T - 1), y.preventDefault()) : D === "Delete" && B[T] === V && y.preventDefault()), b?.includes(D) && B[T] === V && X(p, T + 1);
+    D === "Backspace" && B[0] === "-" && T === g.length + 1 && t && X(p, 1), c && s && (D === "Backspace" && B[T - 1] === V ? (X(p, T - 1), y.preventDefault()) : D === "Delete" && B[T] === V && y.preventDefault()), b?.includes(D) && B[T] === V && X(p, T + 1);
     var R = o === !0 ? "," : o;
     D === "Backspace" && B[T - 1] === R && X(p, T - 1), D === "Delete" && B[T] === R && X(p, T + 1), a(y);
   }, L = function(y) {
-    var p = k;
-    if (p.match(/\d/g) || (p = ""), n || (p = lr(p)), m && d && (p = De(p, d, m)), p !== k) {
+    var p = _;
+    if (p.match(/\d/g) || (p = ""), n || (p = lr(p)), s && c && (p = De(p, c, s)), p !== _) {
       var D = Ae(p, e);
       M({
         formattedValue: D,
@@ -798,10 +801,10 @@ function Nr(e) {
   }, q = function(y) {
     return y === V ? !0 : le(y);
   }, Q = function(y) {
-    var p = y.currentValue, D = y.lastValue, T = y.formattedValue, O = y.currentValueIndex, B = y.formattedValueIndex, R = p[O], Y = T[B], pe = ke(D, p), ie = pe.to, ge = function(be) {
+    var p = y.currentValue, D = y.lastValue, T = y.formattedValue, O = y.currentValueIndex, B = y.formattedValueIndex, R = p[O], Y = T[B], pe = _e(D, p), ie = pe.to, ge = function(be) {
       return F(be).indexOf(".") + g.length;
     };
-    return v === 0 && m && d && p[ie.start] === V && ge(p) < O && ge(T) > B ? !1 : O >= ie.start && O < ie.end && b && b.includes(R) && Y === V ? !0 : R === Y;
+    return m === 0 && s && c && p[ie.start] === V && ge(p) < O && ge(T) > B ? !1 : O >= ie.start && O < ie.end && b && b.includes(R) && Y === V ? !0 : R === Y;
   };
   return Object.assign(Object.assign({}, u), {
     value: G,
@@ -831,13 +834,13 @@ const je = ae(
     prefix: a,
     suffix: i,
     isAllowed: o,
-    onValueChange: d,
-    defaultValue: m,
+    onValueChange: c,
+    defaultValue: s,
     value: g,
-    id: s,
-    name: v,
+    id: v,
+    name: m,
     placeholder: h,
-    disabled: c,
+    disabled: d,
     error: u,
     fullWidth: S = !0,
     size: V = "small",
@@ -845,7 +848,7 @@ const je = ae(
     onFocus: E,
     onKeyDown: F,
     valueIsNumericString: j,
-    ..._
+    ...k
   }, K) => /* @__PURE__ */ I(
     Vr,
     {
@@ -858,21 +861,21 @@ const je = ae(
       prefix: a,
       suffix: i,
       isAllowed: o,
-      onValueChange: d,
-      defaultValue: m,
+      onValueChange: c,
+      defaultValue: s,
       value: g,
       valueIsNumericString: j,
-      id: s,
-      name: v,
+      id: v,
+      name: m,
       placeholder: h,
-      disabled: c,
+      disabled: d,
       error: u,
       fullWidth: S,
       size: V,
       onBlur: b,
       onFocus: E,
       onKeyDown: F,
-      ..._
+      ...k
     }
   )
 );
@@ -886,11 +889,11 @@ const Dr = ae(
     label: a,
     required: i,
     slotProps: o,
-    sublabel: d,
-    tooltip: m,
+    sublabel: c,
+    tooltip: s,
     ...g
-  }, s) => {
-    const v = ue("number-input"), h = n || v, c = t ? `${h}-helper` : void 0, u = g.error;
+  }, v) => {
+    const m = ue("number-input"), h = n || m, d = t ? `${h}-helper` : void 0, u = g.error;
     return /* @__PURE__ */ Z(
       ce,
       {
@@ -917,7 +920,7 @@ const Dr = ae(
                     children: a
                   }
                 ),
-                m && /* @__PURE__ */ I(ve, { title: m, arrow: !0, children: /* @__PURE__ */ I(
+                s && /* @__PURE__ */ I(ve, { title: s, arrow: !0, children: /* @__PURE__ */ I(
                   fe,
                   {
                     sx: ({ vars: S }) => ({
@@ -931,20 +934,20 @@ const Dr = ae(
               ]
             }
           ),
-          d && /* @__PURE__ */ I(me, { ...o?.sublabel, children: d }),
+          c && /* @__PURE__ */ I(me, { ...o?.sublabel, children: c }),
           /* @__PURE__ */ I(
             je,
             {
-              ref: s,
+              ref: v,
               disabled: e,
               id: h,
               error: u,
               fullWidth: r,
-              "aria-describedby": c ? g["aria-describedby"] ? `${g["aria-describedby"]} ${c}` : c : g["aria-describedby"],
+              "aria-describedby": d ? g["aria-describedby"] ? `${g["aria-describedby"]} ${d}` : d : g["aria-describedby"],
               ...g
             }
           ),
-          t && /* @__PURE__ */ I(ne, { id: c, ...o?.helperText, children: t })
+          t && /* @__PURE__ */ I(ne, { id: d, ...o?.helperText, children: t })
         ]
       }
     );
@@ -960,19 +963,19 @@ const Cr = ae(
     id: a,
     label: i,
     required: o,
-    slotProps: d,
-    sublabel: m,
+    slotProps: c,
+    sublabel: s,
     tooltip: g,
-    ...s
-  }, v) => {
-    const h = ue("select"), c = a || h, u = n ? `${c}-helper` : void 0;
+    ...v
+  }, m) => {
+    const h = ue("select"), d = a || h, u = n ? `${d}-helper` : void 0;
     return /* @__PURE__ */ Z(
       ce,
       {
         disabled: e,
         error: r,
         fullWidth: t,
-        ...d?.root,
+        ...c?.root,
         children: [
           /* @__PURE__ */ Z(
             de,
@@ -986,10 +989,10 @@ const Cr = ae(
                 /* @__PURE__ */ I(
                   se,
                   {
-                    id: `${c}-label`,
-                    htmlFor: c,
+                    id: `${d}-label`,
+                    htmlFor: d,
                     required: o,
-                    ...d?.label,
+                    ...c?.label,
                     children: i
                   }
                 ),
@@ -1007,21 +1010,22 @@ const Cr = ae(
               ]
             }
           ),
-          m && /* @__PURE__ */ I(me, { ...d?.sublabel, children: m }),
+          s && /* @__PURE__ */ I(me, { ...c?.sublabel, children: s }),
           /* @__PURE__ */ I(
             Je,
             {
-              ref: v,
+              ref: m,
               disabled: e,
               error: r,
               fullWidth: t,
-              labelId: `${c}-label`,
-              id: c,
-              "aria-describedby": u ? s["aria-describedby"] ? `${s["aria-describedby"]} ${u}` : u : s["aria-describedby"],
-              ...s
+              labelId: `${d}-label`,
+              id: d,
+              "aria-describedby": u ? v["aria-describedby"] ? `${v["aria-describedby"]} ${u}` : u : v["aria-describedby"],
+              slotProps: c?.select,
+              ...v
             }
           ),
-          n && /* @__PURE__ */ I(ne, { id: u, ...d?.helperText, children: n })
+          n && /* @__PURE__ */ I(ne, { id: u, ...c?.helperText, children: n })
         ]
       }
     );

package/dist/components/AutocompleteControl/AutocompleteControl.d.ts

@@ -10,6 +10,7 @@ export interface AutocompleteControlProps<Value, Multiple extends boolean | unde
         label?: Partial<Omit<FormLabelProps, "children" | DOMEventHandlers>>;
         sublabel?: Partial<Omit<FormSublabelProps, "children" | DOMEventHandlers>>;
         helperText?: Partial<Omit<FormHelperTextProps, "children" | DOMEventHandlers>>;
+        autocomplete?: AutocompleteProps<Value, Multiple, DisableClearable, FreeSolo, ChipComponent>["slotProps"];
     };
     sublabel?: ReactNode;
     tooltip?: ReactNode;

package/dist/components/AutocompleteControl/AutocompleteControl.js

@@ -8,7 +8,7 @@ import "../../icons/MoreCircleOutlineIcon.js";
 import "../../Info-CULapxL8.js";
 import "../../theme/index.js";
 import "../../Autocomplete-sKm5nu7E.js";
-import { A as B } from "../../SelectControl-KPSefyi3.js";
+import { A as B } from "../../SelectControl-Cwf0nfyr.js";
 import "../../Datepicker-ohrh8fVt.js";
 import "../DescriptionDetails/DescriptionDetails.js";
 import "../DescriptionList/DescriptionList.js";

package/dist/components/AutocompleteControl/index.js

@@ -1,4 +1,4 @@
-import { A as e } from "../../SelectControl-KPSefyi3.js";
+import { A as e } from "../../SelectControl-Cwf0nfyr.js";
 export {
   e as AutocompleteControl
 };

package/dist/components/DatepickerControl/DatepickerControl.d.ts

@@ -1,5 +1,5 @@
 import { DOMAttributes, ReactNode, ForwardRefExoticComponent, RefAttributes } from 'react';
-import { FormControlProps, FormLabelProps, FormHelperTextProps, FormSublabelProps } from '../../main';
+import { FormControlProps, FormLabelProps, FormHelperTextProps, FormSublabelProps, DatepickerProps } from '../../main';
 import { Dayjs } from 'dayjs';
 type DOMEventHandlers = keyof DOMAttributes<HTMLElement>;
 export interface DatepickerControlProps {
@@ -31,6 +31,7 @@ export interface DatepickerControlProps {
         label?: Partial<Omit<FormLabelProps, "children" | DOMEventHandlers>>;
         sublabel?: Partial<Omit<FormSublabelProps, "children" | DOMEventHandlers>>;
         helperText?: Partial<Omit<FormHelperTextProps, "children" | DOMEventHandlers>>;
+        datepicker?: DatepickerProps["slotProps"];
     };
     sublabel?: ReactNode;
     tooltip?: ReactNode;

package/dist/components/DatepickerControl/DatepickerControl.js

@@ -8,7 +8,7 @@ import "../../icons/MoreCircleOutlineIcon.js";
 import "../../Info-CULapxL8.js";
 import "../../theme/index.js";
 import "../../Autocomplete-sKm5nu7E.js";
-import { D as A } from "../../SelectControl-KPSefyi3.js";
+import { D as A } from "../../SelectControl-Cwf0nfyr.js";
 import "../../Datepicker-ohrh8fVt.js";
 import "../DescriptionDetails/DescriptionDetails.js";
 import "../DescriptionList/DescriptionList.js";

package/dist/components/DatepickerControl/index.js

@@ -1,4 +1,4 @@
-import { D as e } from "../../SelectControl-KPSefyi3.js";
+import { D as e } from "../../SelectControl-Cwf0nfyr.js";
 export {
   e as DatepickerControl
 };

package/dist/components/DialogClose/DialogClose.js

@@ -7,7 +7,7 @@ import "../../icons/MoreCircleOutlineIcon.js";
 import { C as i } from "../../Close-BQl12sEw.js";
 import "../../theme/index.js";
 import "../../Autocomplete-sKm5nu7E.js";
-import "../../SelectControl-KPSefyi3.js";
+import "../../SelectControl-Cwf0nfyr.js";
 import "../../Datepicker-ohrh8fVt.js";
 import "../DescriptionDetails/DescriptionDetails.js";
 import "../DescriptionList/DescriptionList.js";

package/dist/components/FormSublabel/FormSublabel.js

@@ -5,7 +5,7 @@ import "../../icons/MoneyBucketIcon.js";
 import "../../icons/MoreCircleOutlineIcon.js";
 import "../../theme/index.js";
 import "../../Autocomplete-sKm5nu7E.js";
-import { F as q } from "../../SelectControl-KPSefyi3.js";
+import { F as q } from "../../SelectControl-Cwf0nfyr.js";
 import "../../Datepicker-ohrh8fVt.js";
 import "../DescriptionDetails/DescriptionDetails.js";
 import "../DescriptionList/DescriptionList.js";

package/dist/components/FormSublabel/index.js

@@ -1,4 +1,4 @@
-import { F as a } from "../../SelectControl-KPSefyi3.js";
+import { F as a } from "../../SelectControl-Cwf0nfyr.js";
 export {
   a as FormSublabel
 };

package/dist/components/InputControl/InputControl.d.ts

@@ -1,7 +1,7 @@
 import { DOMAttributes, ReactNode, ForwardRefExoticComponent, RefAttributes } from 'react';
 import { InputProps, FormControlProps, FormLabelProps, FormHelperTextProps, FormSublabelProps } from '../../main';
 type DOMEventHandlers = keyof DOMAttributes<HTMLElement>;
-export interface InputControlProps extends Omit<InputProps, "ref"> {
+export interface InputControlProps extends Omit<InputProps, "ref" | "slotProps"> {
     helperText?: ReactNode;
     label: ReactNode;
     slotProps?: {
@@ -9,6 +9,7 @@ export interface InputControlProps extends Omit<InputProps, "ref"> {
         label?: Partial<Omit<FormLabelProps, "children" | DOMEventHandlers>>;
         sublabel?: Partial<Omit<FormSublabelProps, "children" | DOMEventHandlers>>;
         helperText?: Partial<Omit<FormHelperTextProps, "children" | DOMEventHandlers>>;
+        input?: InputProps["slotProps"];
     };
     sublabel?: ReactNode;
     tooltip?: ReactNode;

package/dist/components/InputControl/InputControl.js

@@ -8,7 +8,7 @@ import "../../icons/MoreCircleOutlineIcon.js";
 import "../../Info-CULapxL8.js";
 import "../../theme/index.js";
 import "../../Autocomplete-sKm5nu7E.js";
-import { I as A } from "../../SelectControl-KPSefyi3.js";
+import { I as A } from "../../SelectControl-Cwf0nfyr.js";
 import "../../Datepicker-ohrh8fVt.js";
 import "../DescriptionDetails/DescriptionDetails.js";
 import "../DescriptionList/DescriptionList.js";

package/dist/components/InputControl/index.js

@@ -1,4 +1,4 @@
-import { I as t } from "../../SelectControl-KPSefyi3.js";
+import { I as t } from "../../SelectControl-Cwf0nfyr.js";
 export {
   t as InputControl
 };

package/dist/components/NumberInput/NumberInput.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { N as j, N as k } from "../../SelectControl-KPSefyi3.js";
+import { N as j, N as k } from "../../SelectControl-Cwf0nfyr.js";
 import "../../icons/ClearstoryIcon.js";
 import "../../icons/InternalOnlyIcon.js";
 import "../../icons/MoneyBucketIcon.js";

package/dist/components/NumberInput/index.js

@@ -1,4 +1,4 @@
-import { N as m } from "../../SelectControl-KPSefyi3.js";
+import { N as m } from "../../SelectControl-Cwf0nfyr.js";
 export {
   m as NumberInput
 };

package/dist/components/NumberInputControl/NumberInputControl.js

@@ -8,7 +8,7 @@ import "../../icons/MoreCircleOutlineIcon.js";
 import "../../Info-CULapxL8.js";
 import "../../theme/index.js";
 import "../../Autocomplete-sKm5nu7E.js";
-import { a as z } from "../../SelectControl-KPSefyi3.js";
+import { a as z } from "../../SelectControl-Cwf0nfyr.js";
 import "../../Datepicker-ohrh8fVt.js";
 import "../DescriptionDetails/DescriptionDetails.js";
 import "../DescriptionList/DescriptionList.js";

package/dist/components/NumberInputControl/index.js

@@ -1,4 +1,4 @@
-import { a as t } from "../../SelectControl-KPSefyi3.js";
+import { a as t } from "../../SelectControl-Cwf0nfyr.js";
 export {
   t as NumberInputControl
 };

package/dist/components/SelectControl/SelectControl.d.ts

@@ -9,6 +9,7 @@ export interface SelectControlProps extends Omit<SelectProps, "ref"> {
         label?: Partial<Omit<FormLabelProps, "children" | DOMEventHandlers>>;
         sublabel?: Partial<Omit<FormSublabelProps, "children" | DOMEventHandlers>>;
         helperText?: Partial<Omit<FormHelperTextProps, "children" | DOMEventHandlers>>;
+        select?: SelectProps["slotProps"];
     };
     sublabel?: ReactNode;
     tooltip?: ReactNode;

package/dist/components/SelectControl/SelectControl.js

@@ -8,7 +8,7 @@ import "../../icons/MoreCircleOutlineIcon.js";
 import "../../Info-CULapxL8.js";
 import "../../theme/index.js";
 import "../../Autocomplete-sKm5nu7E.js";
-import { S as A } from "../../SelectControl-KPSefyi3.js";
+import { S as A } from "../../SelectControl-Cwf0nfyr.js";
 import "../../Datepicker-ohrh8fVt.js";
 import "../DescriptionDetails/DescriptionDetails.js";
 import "../DescriptionList/DescriptionList.js";

package/dist/components/SelectControl/index.js

@@ -1,4 +1,4 @@
-import { S as r } from "../../SelectControl-KPSefyi3.js";
+import { S as r } from "../../SelectControl-Cwf0nfyr.js";
 export {
   r as SelectControl
 };

package/dist/main.js

@@ -10,7 +10,7 @@ import { C as Da } from "./Close-BQl12sEw.js";
 import { I as ha } from "./Info-CULapxL8.js";
 import { StyledEngineProvider as Pa } from "./theme/index.js";
 import { A as Fa, a as va, c as Oa, g as Ma } from "./Autocomplete-sKm5nu7E.js";
-import { A as Ga, D as Ha, F as Ea, I as Na, N as Va, a as Ka, S as za } from "./SelectControl-KPSefyi3.js";
+import { A as Ga, D as Ha, F as Ea, I as Na, N as Va, a as Ka, S as za } from "./SelectControl-Cwf0nfyr.js";
 import { c as Za, a as ja, b as Qa, D as qa, L as Ja, M as Xa, P as Ya, e as _a, d as $a, f as st, g as at, j as tt, i as ot, p as et, h as rt } from "./Datepicker-ohrh8fVt.js";
 import { DescriptionDetails as it } from "./components/DescriptionDetails/DescriptionDetails.js";
 import { DescriptionList as Ct } from "./components/DescriptionList/DescriptionList.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clearstory/drywall-react",
-  "version": "4.1.1",
+  "version": "4.1.2",
   "license": "UNLICENSED",
   "description": "a Clearstory software design system",
   "type": "module",