@companycam/slab-web 1.21.0 → 1.22.0

package/index.js

@@ -1367,7 +1367,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[Ho]+=1);const j_=G.span`
   flex-shrink: 0;
 `,$M=({type:e})=>{switch(e){case"email":return"email-outline";case"tel":return"phone-outline";case"search":return"magnify";case"url":return"web";default:return null}},_m=w.forwardRef(({label:e,onChange:n,contentBefore:t,contentAfter:r,hideLabel:i=!1,inputSize:s="medium",name:a,testId:c,type:u="text",value:f,...p},g)=>{const{status:y="normal",className:_,disabled:b=!1,style:x,message:E,...T}=p,z=$M({type:u}),L=t||z,W=()=>L?P.jsx(Rh,{children:t||P.jsx(EM,{className:`mdi mdi-${z}`,$inputSize:s})}):null;return P.jsxs(ri,{inputId:p.id,message:E,className:_,status:y,style:x,children:[P.jsx(SM,{htmlFor:p.id,$hideLabel:i,children:P.jsx(ws,{children:e})}),P.jsxs(CM,{$disabled:p.disabled||!1,$status:y,$type:u,$message:E,children:[W(),P.jsx(kM,{ref:g,disabled:b,"aria-describedby":E?`${p.id}-message`:"","aria-invalid":y==="error",onChange:n,name:a||p.id,$inputSize:s,"data-testid":c,type:u,value:f,...T}),r?P.jsx(Rh,{children:r}):null]})]})}),MM=G(Sl)`
   margin-inline-end: var(--cc_size_spacing_s);
-`;function PM({...e}){const[n,t]=w.useState(),r=()=>{t(i=>!i)};return P.jsx(_m,{type:n?"text":"password",contentAfter:P.jsx(MM,{onClick:r,design:"minimal",size:"small",iconName:n?"eye-outline":"eye-off-outline",accessibilityLabel:n?"Hide Password":"Show Password",disabled:e.disabled}),...e})}const ym=G.span`
+`,PM=w.forwardRef((e,n)=>{const[t,r]=w.useState(),i=()=>{r(s=>!s)};return P.jsx(_m,{ref:n,type:t?"text":"password",contentAfter:P.jsx(MM,{onClick:i,design:"minimal",size:"small",iconName:t?"eye-outline":"eye-off-outline",accessibilityLabel:t?"Hide Password":"Show Password",disabled:e.disabled}),...e})}),ym=G.span`
   box-sizing: border-box;
   position: relative;
   flex-shrink: 0;

package/index.mjs

@@ -3,7 +3,7 @@ var G0 = (e, n, t) => n in e ? j0(e, n, { enumerable: !0, configurable: !0, writ
 var $e = (e, n, t) => G0(e, typeof n != "symbol" ? n + "" : n, t);
 import { jsx as L, jsxs as we, Fragment as hi } from "react/jsx-runtime";
 import * as J from "react";
-import K, { useRef as Ie, useContext as wt, useDebugValue as xf, createElement as Nu, useLayoutEffect as pl, useEffect as ut, forwardRef as Gr, useState as nt, isValidElement as gl, cloneElement as Ps, Children as q0, useMemo as Tt, createRef as In, Component as Gt, useCallback as ht, createContext as sr, Fragment as Tr, useId as Ir, useSyncExternalStore as U0, useReducer as K0 } from "react";
+import K, { useRef as Ie, useContext as wt, useDebugValue as xf, createElement as Nu, useLayoutEffect as pl, useEffect as ut, forwardRef as Ir, useState as nt, isValidElement as gl, cloneElement as Ps, Children as q0, useMemo as Tt, createRef as In, Component as Gt, useCallback as ht, createContext as sr, Fragment as Tr, useId as Fr, useSyncExternalStore as U0, useReducer as K0 } from "react";
 import * as vo from "react-dom";
 import Q0, { createPortal as X0, flushSync as Xc } from "react-dom";
 var nr = function() {
@@ -92,7 +92,7 @@ function s_() {
 function o_() {
   return Dt = Rr > 0 ? zt(Ds, --Rr) : 0, gs--, Dt === 10 && (gs = 1, vl--), Dt;
 }
-function Hr() {
+function Br() {
   return Dt = Rr < Wp ? zt(Ds, Rr++) : 0, gs++, Dt === 10 && (gs = 1, vl++), Dt;
 }
 function Fi() {
@@ -153,16 +153,16 @@ function fc(e) {
 }
 function c_(e) {
   for (; (Dt = Fi()) && Dt < 33; )
-    Hr();
+    Br();
   return Jc(e) > 2 || Jc(Dt) > 3 ? "" : " ";
 }
 function u_(e, n) {
-  for (; --n && Hr() && !(Dt < 48 || Dt > 102 || Dt > 57 && Dt < 65 || Dt > 70 && Dt < 97); )
+  for (; --n && Br() && !(Dt < 48 || Dt > 102 || Dt > 57 && Dt < 65 || Dt > 70 && Dt < 97); )
     ;
-  return yl(e, ka() + (n < 6 && Fi() == 32 && Hr() == 32));
+  return yl(e, ka() + (n < 6 && Fi() == 32 && Br() == 32));
 }
 function eu(e) {
-  for (; Hr(); )
+  for (; Br(); )
     switch (Dt) {
       // ] ) " '
       case e:
@@ -178,20 +178,20 @@ function eu(e) {
         break;
       // \
       case 92:
-        Hr();
+        Br();
         break;
     }
   return Rr;
 }
 function d_(e, n) {
-  for (; Hr() && e + Dt !== 57; )
+  for (; Br() && e + Dt !== 57; )
     if (e + Dt === 84 && Fi() === 47)
       break;
-  return "/*" + yl(n, Rr - 1) + "*" + Vu(e === 47 ? e : Hr());
+  return "/*" + yl(n, Rr - 1) + "*" + Vu(e === 47 ? e : Br());
 }
 function f_(e) {
   for (; !Jc(Fi()); )
-    Hr();
+    Br();
   return yl(e, Rr);
 }
 function h_(e) {
@@ -199,7 +199,7 @@ function h_(e) {
 }
 function Ca(e, n, t, r, i, s, a, c, u) {
   for (var f = 0, p = 0, g = a, y = 0, _ = 0, b = 0, w = 1, C = 1, P = 1, N = 0, F = "", W = i, X = s, U = r, ee = F; C; )
-    switch (b = N, N = Hr()) {
+    switch (b = N, N = Br()) {
       // (
       case 40:
         if (b != 108 && zt(ee, g - 1) == 58) {
@@ -228,7 +228,7 @@ function Ca(e, n, t, r, i, s, a, c, u) {
         switch (Fi()) {
           case 42:
           case 47:
-            ro(p_(d_(Hr(), ka()), n, t, u), u);
+            ro(p_(d_(Br(), ka()), n, t, u), u);
             break;
           default:
             ee += "/";
@@ -294,7 +294,7 @@ function Ca(e, n, t, r, i, s, a, c, u) {
             break;
           // @
           case 64:
-            Fi() === 45 && (ee += fc(Hr())), y = Fi(), p = g = tn(F = ee += f_(ka())), N++;
+            Fi() === 45 && (ee += fc(Br())), y = Fi(), p = g = tn(F = ee += f_(ka())), N++;
             break;
           // -
           case 45:
@@ -1363,7 +1363,7 @@ const iy = "#0967d2", sy = "#142334", oy = "#ffd000", ay = "#0ce8d6", ly = "#794
 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;`, Ai = me`
   outline-width: var(--cc_size_border_width_m);
   outline-style: solid;
-`, Fr = me`
+`, Ar = me`
   opacity: 0.5;
   cursor: not-allowed;
 `, Vt = (e) => {
@@ -1582,7 +1582,7 @@ const pi = ({ disabled: e = !1, readOnly: n = !1 }) => `
       ${e || n ? me`
               pointer-events: none;
             ` : ""}
-      ${e ? Fr : ""}
+      ${e ? Ar : ""}
     `, xl = {
   small: "var(--cc_size_avatar_m)",
   medium: "var(--cc_size_avatar_l)",
@@ -4021,10 +4021,10 @@ function Vg(e) {
       let {
         open: Ur,
         reason: Ki,
-        event: Ar,
+        event: Lr,
         nested: Ls
       } = It;
-      Ur && (Pe = Ar), Ki === "escape-key" && _.domReference.current && Sc(_.domReference.current), Ki === "hover" && Ar.type === "mouseleave" && (ve.current = !0), Ki === "outside-press" && (Ls ? (ve.current = !1, He = !0) : ve.current = !(J1(Ar) || gg(Ar)));
+      Ur && (Pe = Lr), Ki === "escape-key" && _.domReference.current && Sc(_.domReference.current), Ki === "hover" && Lr.type === "mouseleave" && (ve.current = !0), Ki === "outside-press" && (Ls ? (ve.current = !1, He = !0) : ve.current = !(J1(Lr) || gg(Lr)));
     }
     C.on("openchange", Ke);
     const at = Ye.createElement("span");
@@ -4039,13 +4039,13 @@ function Vg(e) {
         return Zt((Oo = Ls.context) == null ? void 0 : Oo.elements.floating, It);
       });
       (Ur || Pe && ["click", "mousedown"].includes(Pe.type)) && _.domReference.current && Sc(_.domReference.current);
-      const Ar = Me();
+      const Lr = Me();
       queueMicrotask(() => {
         // eslint-disable-next-line react-hooks/exhaustive-deps
-        ce.current && !ve.current && At(Ar) && // If the focus moved somewhere else after mount, avoid returning focus
+        ce.current && !ve.current && At(Lr) && // If the focus moved somewhere else after mount, avoid returning focus
         // since it likely entered a different element which should be
         // respected: https://github.com/floating-ui/floating-ui/issues/2607
-        (!(Ar !== It && It !== Ye.body) || Ur) && Ar.focus({
+        (!(Lr !== It && It !== Ye.body) || Ur) && Lr.focus({
           preventScroll: He
         }), at.remove();
       });
@@ -4839,7 +4839,7 @@ const Gx = fn`
   display: inline-flex;
 `, Qx = j(Sx)`
   fill: var(--cc_color_button_background_secondary);
-`, Bg = Gr(
+`, Bg = Ir(
   ({
     children: e,
     title: n,
@@ -4971,7 +4971,7 @@ const Gx = fn`
 `, tS = ({
   onClick: e,
   href: n
-}) => e ? "button" : n ? "a" : "span", sd = Gr(
+}) => e ? "button" : n ? "a" : "span", sd = Ir(
   ({
     borderColor: e,
     ccMargin: n,
@@ -5191,7 +5191,7 @@ function yA({
     ) }) : null
   ] });
 }
-const Vr = {
+const Hr = {
   add_on: "add_on",
   assigned: "assigned",
   info: "info",
@@ -5201,26 +5201,26 @@ const Vr = {
   medium: "medium"
 }, lS = (e) => {
   switch (e) {
-    case Vr.info:
+    case Hr.info:
       return "var(--cc_color_background_2)";
-    case Vr.upgrade:
+    case Hr.upgrade:
       return "var(--cc_color_brand_upgrade_alpha_20)";
-    case Vr.assigned:
+    case Hr.assigned:
       return "var(--cc_color_utility_assigned_alpha_20)";
-    case Vr.add_on:
+    case Hr.add_on:
       return "var(--cc_color_brand_add_on_alpha_20)";
     default:
       return `var(--cc_color_utility_${e}_alpha_20)`;
   }
 }, cS = (e) => {
   switch (e) {
-    case Vr.info:
+    case Hr.info:
       return "var(--cc_color_border_default)";
-    case Vr.upgrade:
+    case Hr.upgrade:
       return "var(--cc_color_brand_upgrade_alpha_60)";
-    case Vr.assigned:
+    case Hr.assigned:
       return "var(--cc_color_utility_assigned_alpha_60)";
-    case Vr.add_on:
+    case Hr.add_on:
       return "var(--cc_color_brand_add_on_alpha_60)";
     default:
       return `var(--cc_color_utility_${e}_alpha_60)`;
@@ -5230,10 +5230,10 @@ const Vr = {
   align-items: center;
   justify-content: center;
   gap: var(--cc_size_spacing_xs);
-  background-color: ${(e) => lS(e.color || Vr.info)};
+  background-color: ${(e) => lS(e.color || Hr.info)};
   border-radius: var(--cc_size_border_radius_pill);
   border: var(--cc_size_border_width_s) solid
-    ${(e) => cS(e.color || Vr.info)};
+    ${(e) => cS(e.color || Hr.info)};
   padding: ${(e) => e.size === xo.small ? "6px" : "var(--cc_size_spacing_s)"};
   height: ${(e) => e.size === xo.small ? "var(--cc_size_avatar_xs)" : "var(--cc_size_avatar_s)"};
   line-height: 1.5;
@@ -5258,7 +5258,7 @@ const Vr = {
 `;
 function bA({
   children: e,
-  color: n = Vr.info,
+  color: n = Hr.info,
   iconName: t,
   size: r = xo.medium,
   testId: i,
@@ -5559,7 +5559,7 @@ function jg({
   );
 }
 jg.displayName = "BaseButton";
-const ws = Gr(
+const ws = Ir(
   jg
 );
 ws.displayName = "Button";
@@ -5678,7 +5678,7 @@ function Gg(e, n) {
   return /* @__PURE__ */ L(OS, { design: "minimal", ...e, ref: n });
 }
 Gg.displayName = "BaseButtonCondensed";
-const qg = Gr(Gg);
+const qg = Ir(Gg);
 qg.displayName = "ButtonCondensed";
 const NS = (e) => {
   switch (e) {
@@ -5742,7 +5742,7 @@ const NS = (e) => {
   min-width: var(--cc_size_avatar_xs);
   height: var(--cc_size_avatar_xs);
   border-radius: var(--cc_size_border_radius_pill);
-`, wA = Gr(
+`, wA = Ir(
   ({ count: e, icon: n, status: t = "normal", loading: r, ...i }, s) => {
     const a = t === "active" && e && e >= 1;
     return /* @__PURE__ */ we(
@@ -5795,7 +5795,7 @@ function Ug({
   );
 }
 Ug.displayName = "BaseButtonIcon";
-const ad = Gr(
+const ad = Ir(
   Ug
 );
 ad.displayName = "ButtonIcon";
@@ -5827,7 +5827,7 @@ function Kg(e, n) {
   );
 }
 Kg.displayName = "BaseButtonIconCondensed";
-const So = Gr(Kg);
+const So = Ir(Kg);
 So.displayName = "ButtonIconCondensed";
 const WS = j.div`
   position: relative;
@@ -5984,7 +5984,7 @@ const ek = j.span`
     background: var(--cc_color_button_background_subtle_alpha_70);
   }
   &:disabled {
-    ${Fr}
+    ${Ar}
   }
 `, rk = j.i`
   color: var(--cc_color_link_subtle);
@@ -6030,7 +6030,7 @@ const nk = j.button`
           background: var(--cc_color_button_background_secondary);
           color: var(--cc_color_button_text_secondary);
         ` : null}
-  ${(e) => e.disabled ? Fr : null}
+  ${(e) => e.disabled ? Ar : null}
 `;
 function kA({ pressed: e = !1, ...n }) {
   const {
@@ -6462,7 +6462,7 @@ const Qa = {
   gap: ${(e) => e.$hideLabel ? "normal" : "var(--cc_size_spacing_s)"};
   ${(e) => e.$message ? "margin-block-end: var(--cc_size_spacing_xs);" : null}
   cursor: ${(e) => e.$disabled ? "not-allowed;" : "pointer"};
-  ${(e) => e.$disabled ? Fr : null}
+  ${(e) => e.$disabled ? Ar : null}
 
   &:hover ${ko} {
     ${(e) => e.$disabled ? null : me`
@@ -6507,7 +6507,7 @@ const Qa = {
       outline-offset: var(--cc_size_spacing_xxs);
     }
   }
-`, wk = Gr(
+`, wk = Ir(
   ({
     design: e = "default",
     hideLabel: n = !1,
@@ -6715,11 +6715,11 @@ function dt(e, n) {
 function Fe(e, n) {
   return dt(n || e, e);
 }
-function Br(e, n, t) {
+function Yr(e, n, t) {
   const r = Fe(e, t == null ? void 0 : t.in);
   return isNaN(n) ? dt((t == null ? void 0 : t.in) || e, NaN) : (n && r.setDate(r.getDate() + n), r);
 }
-function Wr(e, n, t) {
+function jr(e, n, t) {
   const r = Fe(e, t == null ? void 0 : t.in);
   if (isNaN(n)) return dt(e, NaN);
   if (!n)
@@ -6801,16 +6801,16 @@ function mu(e, n, t) {
   return r.setTime(r.getTime() + n * Ol), r;
 }
 function ld(e, n, t) {
-  return Wr(e, n * 3, t);
+  return jr(e, n * 3, t);
 }
 function Rk(e, n, t) {
   return am(e, n * 1e3);
 }
 function Za(e, n, t) {
-  return Br(e, n * 7, t);
+  return Yr(e, n * 7, t);
 }
 function En(e, n, t) {
-  return Wr(e, n * 12, t);
+  return jr(e, n * 12, t);
 }
 function bh(e, n) {
   let t, r = n == null ? void 0 : n.in;
@@ -8971,7 +8971,7 @@ class rE extends it {
 function fd(e, n, t) {
   var g, y, _, b;
   const r = ji(), i = (t == null ? void 0 : t.weekStartsOn) ?? ((y = (g = t == null ? void 0 : t.locale) == null ? void 0 : g.options) == null ? void 0 : y.weekStartsOn) ?? r.weekStartsOn ?? ((b = (_ = r.locale) == null ? void 0 : _.options) == null ? void 0 : b.weekStartsOn) ?? 0, s = Fe(e, t == null ? void 0 : t.in), a = s.getDay(), u = (n % 7 + 7) % 7, f = 7 - i, p = n < 0 || n > 6 ? n - (a + f) % 7 : (u + f) % 7 - (a + f) % 7;
-  return Br(s, p, t);
+  return Yr(s, p, t);
 }
 class nE extends it {
   constructor() {
@@ -9158,7 +9158,7 @@ class sE extends it {
 }
 function oE(e, n, t) {
   const r = Fe(e, t == null ? void 0 : t.in), i = IC(r, t), s = n - i;
-  return Br(r, s, t);
+  return Yr(r, s, t);
 }
 class aE extends it {
   constructor() {
@@ -9771,7 +9771,7 @@ function Co(e, n, t) {
   return r >= i && r <= s;
 }
 function FE(e, n, t) {
-  return Br(e, -1, t);
+  return Yr(e, -1, t);
 }
 function AE(e, n) {
   const t = () => dt(n == null ? void 0 : n.in, NaN), i = zE(e);
@@ -9915,7 +9915,7 @@ function en(e, n, t) {
   return isNaN(+r) ? dt(e, NaN) : (r.setFullYear(n), r);
 }
 function Oi(e, n, t) {
-  return Wr(e, -n, t);
+  return jr(e, -n, t);
 }
 function wm(e, n, t) {
   return ld(e, -1, t);
@@ -10509,7 +10509,7 @@ function Nh(e, n) {
   }) || !1;
 }
 function zh(e, n) {
-  var t = n === void 0 ? {} : n, r = t.maxDate, i = t.includeDates, s = Wr(e, 1);
+  var t = n === void 0 ? {} : n, r = t.maxDate, i = t.includeDates, s = jr(e, 1);
   return r && el(s, r) > 0 || i && i.every(function(a) {
     return el(s, a) > 0;
   }) || !1;
@@ -10946,10 +10946,10 @@ var z$ = (
       }, t.formatWeekNumber = function(r) {
         return t.props.formatWeekNumber ? t.props.formatWeekNumber(r) : w$(r);
       }, t.isWeekDisabled = function() {
-        for (var r = t.startOfWeek(), i = Br(r, 6), s = new Date(r); s <= i; ) {
+        for (var r = t.startOfWeek(), i = Yr(r, 6), s = new Date(r); s <= i; ) {
           if (!t.isDisabled(s))
             return !1;
-          s = Br(s, 1);
+          s = Yr(s, 1);
         }
         return !0;
       }, t.renderDays = function() {
@@ -10959,7 +10959,7 @@ var z$ = (
           i.push(K.createElement(H$, Je({ key: "W" }, n.defaultProps, t.props, { weekNumber: s, isWeekDisabled: t.isWeekDisabled(), date: r, onClick: a })));
         }
         return i.concat([0, 1, 2, 3, 4, 5, 6].map(function(c) {
-          var u = Br(r, c);
+          var u = Yr(r, c);
           return K.createElement(V$, Je({}, n.defaultProps, t.props, { ariaLabelPrefixWhenEnabled: t.props.chooseDayAriaLabelPrefix, ariaLabelPrefixWhenDisabled: t.props.disabledDayAriaLabelPrefix, key: u.valueOf(), day: u, onClick: t.handleDayClick.bind(t, u), onMouseEnter: t.handleDayMouseEnter.bind(t, u) }));
         }));
       }, t.startOfWeek = function() {
@@ -11083,7 +11083,7 @@ var W$ = (
         var i, s = t.props, a = s.day, c = s.selectsStart, u = s.selectsEnd, f = s.selectsRange, p = s.startDate, g = s.endDate, y = (i = t.props.selectingDate) !== null && i !== void 0 ? i : t.props.preSelection;
         return !(c || u || f) || !y ? !1 : c && g ? ha(y, g, r, a) : u && p || f && p && !g ? ha(p, y, r, a) : !1;
       }, t.isWeekInMonth = function(r) {
-        var i = t.props.day, s = Br(r, 6);
+        var i = t.props.day, s = Yr(r, 6);
         return ar(r, i) || ar(s, i);
       }, t.isCurrentMonth = function(r, i) {
         return Xe(r) === Xe(ot()) && i === rr(ot());
@@ -11133,7 +11133,7 @@ var W$ = (
             var ce, de, fe = oe, ue = ae;
             switch (ee) {
               case Ce.ArrowRight:
-                fe = Wr(oe, pa), ue = ae === 11 ? 0 : ae + pa;
+                fe = jr(oe, pa), ue = ae === 11 ? 0 : ae + pa;
                 break;
               case Ce.ArrowLeft:
                 fe = Oi(oe, pa), ue = ae === 0 ? 11 : ae - pa;
@@ -11142,7 +11142,7 @@ var W$ = (
                 fe = Oi(oe, C), ue = !((ce = P == null ? void 0 : P[0]) === null || ce === void 0) && ce.includes(ae) ? ae + 12 - C : ae - C;
                 break;
               case Ce.ArrowDown:
-                fe = Wr(oe, C), ue = !((de = P == null ? void 0 : P[P.length - 1]) === null || de === void 0) && de.includes(ae) ? ae - 12 + C : ae + C;
+                fe = jr(oe, C), ue = !((de = P == null ? void 0 : P[P.length - 1]) === null || de === void 0) && de.includes(ae) ? ae - 12 + C : ae + C;
                 break;
             }
             return { newCalculatedDate: fe, newCalculatedMonth: ue };
@@ -11425,7 +11425,7 @@ var W$ = (
 );
 function q$(e, n) {
   for (var t = [], r = Dn(e), i = Dn(n); !di(r, i); )
-    t.push(ot(r)), r = Wr(r, 1);
+    t.push(ot(r)), r = jr(r, 1);
   return t;
 }
 var U$ = (
@@ -11471,7 +11471,7 @@ var U$ = (
       }, t.renderSelectOptions = function() {
         for (var r = Dn(t.props.minDate), i = Dn(t.props.maxDate), s = []; !di(r, i); ) {
           var a = yu(r);
-          s.push(K.createElement("option", { key: a, value: a }, vt(r, t.props.dateFormat, t.props.locale))), r = Wr(r, 1);
+          s.push(K.createElement("option", { key: a, value: a }, vt(r, t.props.dateFormat, t.props.locale))), r = jr(r, 1);
         }
         return s;
       }, t.onSelectChange = function(r) {
@@ -11970,7 +11970,7 @@ var J$ = (
         r.setState(function(i) {
           var s = i.date;
           return {
-            date: Wr(s, 1)
+            date: jr(s, 1)
           };
         }, function() {
           return r.handleMonthChange(r.state.date);
@@ -12001,7 +12001,7 @@ var J$ = (
         if (!$r(i, r.props))
           return i;
         for (var s = Dn(i), a = k$(i), c = Fk(a, s), u = null, f = 0; f <= c; f++) {
-          var p = Br(s, f);
+          var p = Yr(s, f);
           if (!$r(p, r.props)) {
             u = p;
             break;
@@ -12052,7 +12052,7 @@ var J$ = (
           K.createElement("span", { className: "react-datepicker__sr-only" }, "Week number"),
           K.createElement("span", { "aria-hidden": "true" }, r.props.weekLabel || "#")
         )), a.concat([0, 1, 2, 3, 4, 5, 6].map(function(c) {
-          var u = Br(s, c), f = r.formatWeekday(u, r.props.locale), p = r.props.weekDayClassName ? r.props.weekDayClassName(u) : void 0;
+          var u = Yr(s, c), f = r.formatWeekday(u, r.props.locale), p = r.props.weekDayClassName ? r.props.weekDayClassName(u) : void 0;
           return K.createElement(
             "div",
             { key: c, role: "columnheader", className: Yt("react-datepicker__day-name", p) },
@@ -12219,7 +12219,7 @@ var J$ = (
         var i, s;
         if (!(r.props.showTimeSelectOnly || r.props.showYearPicker)) {
           for (var a = [], c = (i = r.props.monthsShown) !== null && i !== void 0 ? i : n.defaultProps.monthsShown, u = r.props.showPreviousMonths ? c - 1 : 0, f = r.props.showMonthYearPicker || r.props.showQuarterYearPicker ? En(r.state.date, u) : Oi(r.state.date, u), p = (s = r.props.monthSelectedIn) !== null && s !== void 0 ? s : u, g = 0; g < c; ++g) {
-            var y = g - p + u, _ = r.props.showMonthYearPicker || r.props.showQuarterYearPicker ? En(f, y) : Wr(f, y), b = "month-".concat(g), w = g < c - 1, C = g > 0;
+            var y = g - p + u, _ = r.props.showMonthYearPicker || r.props.showQuarterYearPicker ? En(f, y) : jr(f, y), b = "month-".concat(g), w = g < c - 1, C = g > 0;
             a.push(K.createElement(
               "div",
               { key: b, ref: function(P) {
@@ -12669,7 +12669,7 @@ var Ic = "Date input not valid.", dM = (
             var he = _e;
             switch (ve) {
               case Ce.ArrowRight:
-                he = w ? Za(_e, 1) : Br(_e, 1);
+                he = w ? Za(_e, 1) : Yr(_e, 1);
                 break;
               case Ce.ArrowLeft:
                 he = w ? Ph(_e) : FE(_e);
@@ -12684,7 +12684,7 @@ var Ic = "Date input not valid.", dM = (
                 he = U ? Cs(_e, 1) : Oi(_e, 1);
                 break;
               case Ce.PageDown:
-                he = U ? En(_e, 1) : Wr(_e, 1);
+                he = U ? En(_e, 1) : jr(_e, 1);
                 break;
               case Ce.Home:
                 he = li(_e, P, N);
@@ -13085,7 +13085,7 @@ const yM = me`
     transition: border-color 0.2s;
 
     ${(e) => e.$disabled ? me`
-            ${Fr}
+            ${Ar}
             background-color: var(--cc_color_background_3);
           ` : me`
             &:hover {
@@ -13397,7 +13397,7 @@ const TA = ({
   background: var(--cc_color_background_1);
   ${(e) => e.$message ? "margin-block-end: var(--cc_size_spacing_xs);" : null}
   ${(e) => e.$disabled ? me`
-          ${Fr}
+          ${Ar}
           background-color: var(--cc_color_background_3);
         ` : me`
           &:hover {
@@ -13432,7 +13432,7 @@ const TA = ({
     default:
       return null;
   }
-}, FM = Gr(
+}, FM = Ir(
   ({
     label: e,
     onChange: n,
@@ -13499,31 +13499,32 @@ const TA = ({
   }
 ), AM = j(ad)`
   margin-inline-end: var(--cc_size_spacing_s);
-`;
-function RA({ ...e }) {
-  const [n, t] = nt();
-  return /* @__PURE__ */ L(
-    FM,
-    {
-      type: n ? "text" : "password",
-      contentAfter: /* @__PURE__ */ L(
-        AM,
-        {
-          onClick: () => {
-            t((i) => !i);
-          },
-          design: "minimal",
-          size: "small",
-          iconName: n ? "eye-outline" : "eye-off-outline",
-          accessibilityLabel: n ? "Hide Password" : "Show Password",
-          disabled: e.disabled
-        }
-      ),
-      ...e
-    }
-  );
-}
-const Im = j.span`
+`, RA = Ir(
+  (e, n) => {
+    const [t, r] = nt();
+    return /* @__PURE__ */ L(
+      FM,
+      {
+        ref: n,
+        type: t ? "text" : "password",
+        contentAfter: /* @__PURE__ */ L(
+          AM,
+          {
+            onClick: () => {
+              r((s) => !s);
+            },
+            design: "minimal",
+            size: "small",
+            iconName: t ? "eye-outline" : "eye-off-outline",
+            accessibilityLabel: t ? "Hide Password" : "Show Password",
+            disabled: e.disabled
+          }
+        ),
+        ...e
+      }
+    );
+  }
+), Im = j.span`
   box-sizing: border-box;
   position: relative;
   flex-shrink: 0;
@@ -13584,7 +13585,7 @@ const Im = j.span`
   user-select: none;
 `, OM = j.div`
   position: relative;
-  ${(e) => e.$disabled ? Fr : null}
+  ${(e) => e.$disabled ? Ar : null}
   display: flex;
   align-items: center;
   gap: var(--cc_size_spacing_xxs);
@@ -13686,7 +13687,7 @@ const zM = j.span`
   min-height: var(--cc_size_spacing_l);
   display: flex;
   align-items: center;
-  ${(e) => e.$disabled ? Fr : null}
+  ${(e) => e.$disabled ? Ar : null}
 `, Qh = j.span`
   flex-shrink: 0;
 `, VM = j.label`
@@ -13852,7 +13853,7 @@ const YM = j.label`
   border-color: ${(e) => e.$status === "error" ? "var(--cc_color_utility_destroy)" : "var(--cc_color_border_input_inactive)"};
   ${(e) => e.$message ? "margin-block-end: var(--cc_size_spacing_xs);" : null}
   ${(e) => e.$disabled ? me`
-          ${Fr}
+          ${Ar}
           background-color: var(--cc_color_background_3);
         ` : me`
           &:hover {
@@ -13986,7 +13987,7 @@ const qM = j.textarea`
   }
 
   ${(e) => e.disabled ? me`
-          ${Fr}
+          ${Ar}
           background-color: var(--cc_color_background_3);
         ` : me`
           &:hover {
@@ -14116,7 +14117,7 @@ function Lm({ component: e, ...n }, t) {
   ] });
 }
 Lm.displayName = "BaseLink";
-const JM = Gr(
+const JM = Ir(
   Lm
 );
 JM.displayName = "Link";
@@ -14849,9 +14850,9 @@ function tP() {
           setCacheType: B
         }, Z;
       }();
-      function Ar() {
+      function Lr() {
       }
-      Ar.prototype = {
+      Lr.prototype = {
         triggerEvent: function(l, d) {
           if (this._cbs[l])
             for (var h = this._cbs[l], v = 0; v < h.length; v += 1)
@@ -14942,7 +14943,7 @@ function tP() {
       var Ne = function() {
         this._cbs = [], this.name = "", this.path = "", this.isLoaded = !1, this.currentFrame = 0, this.currentRawFrame = 0, this.firstFrame = 0, this.totalFrames = 0, this.frameRate = 0, this.frameMult = 0, this.playSpeed = 1, this.playDirection = 1, this.playCount = 0, this.animationData = {}, this.assets = [], this.isPaused = !0, this.autoplay = !1, this.loop = !0, this.renderer = null, this.animationID = ne(), this.assetsPath = "", this.timeCompleted = 0, this.segmentPos = 0, this.isSubframeEnabled = Ye(), this.segments = [], this._idle = !0, this._completedLoop = !1, this.projectInterface = Oo(), this.imagePreloader = new Ki(), this.audioController = _(), this.markers = [], this.configAnimation = this.configAnimation.bind(this), this.onSetupError = this.onSetupError.bind(this), this.onSegmentComplete = this.onSegmentComplete.bind(this), this.drawnFrameEvent = new de("drawnFrame", 0, 0, 0), this.expressionsPlugin = Le();
       };
-      g([Ar], Ne), Ne.prototype.setParams = function(o) {
+      g([Lr], Ne), Ne.prototype.setParams = function(o) {
         (o.wrapper || o.container) && (this.wrapper = o.wrapper || o.container);
         var l = "svg";
         o.animType ? l = o.animType : o.renderer && (l = o.renderer);
@@ -15997,8 +15998,8 @@ function tP() {
           var Te = this.props;
           if (x === 1 && E === 0 && ie === 0 && Q === 0 && Ee === 0 && Ve === 1 && je === 0 && et === 0 && tt === 0 && Ft === 0 && dr === 1 && Xr === 0)
             return Te[12] = Te[12] * x + Te[15] * fr, Te[13] = Te[13] * Ve + Te[15] * Bt, Te[14] = Te[14] * dr + Te[15] * vr, Te[15] *= ft, this._identityCalculated = !1, this;
-          var _n = Te[0], Un = Te[1], yn = Te[2], Zr = Te[3], bn = Te[4], wn = Te[5], hr = Te[6], Kn = Te[7], Qn = Te[8], Or = Te[9], Xn = Te[10], Nr = Te[11], Si = Te[12], Ko = Te[13], Qo = Te[14], Xo = Te[15];
-          return Te[0] = _n * x + Un * Ee + yn * tt + Zr * fr, Te[1] = _n * E + Un * Ve + yn * Ft + Zr * Bt, Te[2] = _n * ie + Un * je + yn * dr + Zr * vr, Te[3] = _n * Q + Un * et + yn * Xr + Zr * ft, Te[4] = bn * x + wn * Ee + hr * tt + Kn * fr, Te[5] = bn * E + wn * Ve + hr * Ft + Kn * Bt, Te[6] = bn * ie + wn * je + hr * dr + Kn * vr, Te[7] = bn * Q + wn * et + hr * Xr + Kn * ft, Te[8] = Qn * x + Or * Ee + Xn * tt + Nr * fr, Te[9] = Qn * E + Or * Ve + Xn * Ft + Nr * Bt, Te[10] = Qn * ie + Or * je + Xn * dr + Nr * vr, Te[11] = Qn * Q + Or * et + Xn * Xr + Nr * ft, Te[12] = Si * x + Ko * Ee + Qo * tt + Xo * fr, Te[13] = Si * E + Ko * Ve + Qo * Ft + Xo * Bt, Te[14] = Si * ie + Ko * je + Qo * dr + Xo * vr, Te[15] = Si * Q + Ko * et + Qo * Xr + Xo * ft, this._identityCalculated = !1, this;
+          var _n = Te[0], Un = Te[1], yn = Te[2], Zr = Te[3], bn = Te[4], wn = Te[5], hr = Te[6], Kn = Te[7], Qn = Te[8], Nr = Te[9], Xn = Te[10], zr = Te[11], Si = Te[12], Ko = Te[13], Qo = Te[14], Xo = Te[15];
+          return Te[0] = _n * x + Un * Ee + yn * tt + Zr * fr, Te[1] = _n * E + Un * Ve + yn * Ft + Zr * Bt, Te[2] = _n * ie + Un * je + yn * dr + Zr * vr, Te[3] = _n * Q + Un * et + yn * Xr + Zr * ft, Te[4] = bn * x + wn * Ee + hr * tt + Kn * fr, Te[5] = bn * E + wn * Ve + hr * Ft + Kn * Bt, Te[6] = bn * ie + wn * je + hr * dr + Kn * vr, Te[7] = bn * Q + wn * et + hr * Xr + Kn * ft, Te[8] = Qn * x + Nr * Ee + Xn * tt + zr * fr, Te[9] = Qn * E + Nr * Ve + Xn * Ft + zr * Bt, Te[10] = Qn * ie + Nr * je + Xn * dr + zr * vr, Te[11] = Qn * Q + Nr * et + Xn * Xr + zr * ft, Te[12] = Si * x + Ko * Ee + Qo * tt + Xo * fr, Te[13] = Si * E + Ko * Ve + Qo * Ft + Xo * Bt, Te[14] = Si * ie + Ko * je + Qo * dr + Xo * vr, Te[15] = Si * Q + Ko * et + Qo * Xr + Xo * ft, this._identityCalculated = !1, this;
         }
         function Z(x) {
           var E = x.props;
@@ -16205,13 +16206,13 @@ function tP() {
       }, xr.prototype.processKeys = function() {
         this.elem.globalData.frameId !== this.frameId && (this.frameId = this.elem.globalData.frameId, this.iterateDynamicProperties());
       }, g([Ht], xr);
-      function Lr() {
+      function Or() {
       }
-      g([xr], Lr), Lr.prototype.initModifierProperties = function(o, l) {
+      g([xr], Or), Or.prototype.initModifierProperties = function(o, l) {
         this.s = ke.getProp(o, l.s, 0, 0.01, this), this.e = ke.getProp(o, l.e, 0, 0.01, this), this.o = ke.getProp(o, l.o, 0, 0, this), this.sValue = 0, this.eValue = 0, this.getValue = this.processKeys, this.m = l.m, this._isAnimated = !!this.s.effectsSequence.length || !!this.e.effectsSequence.length || !!this.o.effectsSequence.length;
-      }, Lr.prototype.addShapeToModifier = function(o) {
+      }, Or.prototype.addShapeToModifier = function(o) {
         o.pathsData = [];
-      }, Lr.prototype.calculateShapeEdges = function(o, l, d, h, v) {
+      }, Or.prototype.calculateShapeEdges = function(o, l, d, h, v) {
         var m = [];
         l <= 1 ? m.push({
           s: o,
@@ -16233,12 +16234,12 @@ function tP() {
             A.s * v <= h ? V = 0 : V = (A.s * v - h) / d, A.e * v >= h + d ? re = 1 : re = (A.e * v - h) / d, S.push([V, re]);
           }
         return S.length || S.push([0, 0]), S;
-      }, Lr.prototype.releasePathsData = function(o) {
+      }, Or.prototype.releasePathsData = function(o) {
         var l, d = o.length;
         for (l = 0; l < d; l += 1)
           Vd.release(o[l]);
         return o.length = 0, o;
-      }, Lr.prototype.processShapes = function(o) {
+      }, Or.prototype.processShapes = function(o) {
         var l, d;
         if (this._mdf || o) {
           var h = this.o.v % 360 / 360;
@@ -16305,15 +16306,15 @@ function tP() {
               B.shape.paths = Z;
             }
         }
-      }, Lr.prototype.addPaths = function(o, l) {
+      }, Or.prototype.addPaths = function(o, l) {
         var d, h = o.length;
         for (d = 0; d < h; d += 1)
           l.addShape(o[d]);
-      }, Lr.prototype.addSegment = function(o, l, d, h, v, m, S) {
+      }, Or.prototype.addSegment = function(o, l, d, h, v, m, S) {
         v.setXYAt(l[0], l[1], "o", m), v.setXYAt(d[0], d[1], "i", m + 1), S && v.setXYAt(o[0], o[1], "v", m), v.setXYAt(h[0], h[1], "v", m + 1);
-      }, Lr.prototype.addSegmentFromArray = function(o, l, d, h) {
+      }, Or.prototype.addSegmentFromArray = function(o, l, d, h) {
         l.setXYAt(o[1], o[5], "o", d), l.setXYAt(o[2], o[6], "i", d + 1), h && l.setXYAt(o[0], o[4], "v", d), l.setXYAt(o[3], o[7], "v", d + 1);
-      }, Lr.prototype.addShapes = function(o, l, d) {
+      }, Or.prototype.addShapes = function(o, l, d) {
         var h = o.pathsData, v = o.shape.paths.shapes, m, S = o.shape.paths._length, T, k, A = 0, V, re, M, H, G = [], B, Z = !0;
         for (d ? (re = d._length, B = d._length) : (d = Ut.newElement(), re = 0, B = 0), G.push(d), m = 0; m < S; m += 1) {
           for (M = h[m].lengths, d.c = v[m].c, k = v[m].c ? M.length : M.length + 1, T = 1; T < k; T += 1)
@@ -18477,19 +18478,19 @@ function tP() {
           E = h.length;
           var Q, Ee = -1, Ve, je, et, tt = G, Ft = $, dr = I, Xr = -1, fr, Bt, vr, ft, Te, _n, Un, yn, Zr = "", bn = this.defaultPropsArray, wn;
           if (o.j === 2 || o.j === 1) {
-            var hr = 0, Kn = 0, Qn = o.j === 2 ? -0.5 : -1, Or = 0, Xn = !0;
+            var hr = 0, Kn = 0, Qn = o.j === 2 ? -0.5 : -1, Nr = 0, Xn = !0;
             for (V = 0; V < re; V += 1)
               if (M[V].n) {
-                for (hr && (hr += Kn); Or < V; )
-                  M[Or].animatorJustifyOffset = hr, Or += 1;
+                for (hr && (hr += Kn); Nr < V; )
+                  M[Nr].animatorJustifyOffset = hr, Nr += 1;
                 hr = 0, Xn = !0;
               } else {
                 for (x = 0; x < E; x += 1)
                   R = h[x].a, R.t.propType && (Xn && o.j === 2 && (Kn += R.t.v * Qn), Y = h[x].s, Q = Y.getMult(M[V].anIndexes[x], v.a[x].s.totalChars), Q.length ? hr += R.t.v * Q[0] * Qn : hr += R.t.v * Q * Qn);
                 Xn = !1;
               }
-            for (hr && (hr += Kn); Or < V; )
-              M[Or].animatorJustifyOffset = hr, Or += 1;
+            for (hr && (hr += Kn); Nr < V; )
+              M[Nr].animatorJustifyOffset = hr, Nr += 1;
           }
           for (V = 0; V < re; V += 1) {
             if (m.reset(), fr = 1, M[V].n)
@@ -18508,11 +18509,11 @@ function tP() {
                   Xr = M[V].line;
                 }
                 Ee !== M[V].ind && (M[Ee] && (G += M[Ee].extra), G += M[V].an / 2, Ee = M[V].ind), G += d[0] * M[V].an * 5e-3;
-                var Nr = 0;
+                var zr = 0;
                 for (x = 0; x < E; x += 1)
-                  R = h[x].a, R.p.propType && (Y = h[x].s, Q = Y.getMult(M[V].anIndexes[x], v.a[x].s.totalChars), Q.length ? Nr += R.p.v[0] * Q[0] : Nr += R.p.v[0] * Q), R.a.propType && (Y = h[x].s, Q = Y.getMult(M[V].anIndexes[x], v.a[x].s.totalChars), Q.length ? Nr += R.a.v[0] * Q[0] : Nr += R.a.v[0] * Q);
+                  R = h[x].a, R.p.propType && (Y = h[x].s, Q = Y.getMult(M[V].anIndexes[x], v.a[x].s.totalChars), Q.length ? zr += R.p.v[0] * Q[0] : zr += R.p.v[0] * Q), R.a.propType && (Y = h[x].s, Q = Y.getMult(M[V].anIndexes[x], v.a[x].s.totalChars), Q.length ? zr += R.a.v[0] * Q[0] : zr += R.a.v[0] * Q);
                 for (z = !0, this._pathData.a.v && (G = M[0].an * 0.5 + (se - this._pathData.f.v - M[0].an * 0.5 - M[M.length - 1].an * 0.5) * Ee / (re - 1), G += this._pathData.f.v); z; )
-                  Z + te >= G + Nr || !O ? (ge = (G + Nr - Z) / B.partialLength, je = D.point[0] + (B.point[0] - D.point[0]) * ge, et = D.point[1] + (B.point[1] - D.point[1]) * ge, m.translate(-d[0] * M[V].an * 5e-3, -(d[1] * De) * 0.01), z = !1) : O && (Z += B.partialLength, I += 1, I >= O.length && (I = 0, $ += 1, q[$] ? O = q[$].points : Ae.v.c ? (I = 0, $ = 0, O = q[$].points) : (Z -= B.partialLength, O = null)), O && (D = B, B = O[I], te = B.partialLength));
+                  Z + te >= G + zr || !O ? (ge = (G + zr - Z) / B.partialLength, je = D.point[0] + (B.point[0] - D.point[0]) * ge, et = D.point[1] + (B.point[1] - D.point[1]) * ge, m.translate(-d[0] * M[V].an * 5e-3, -(d[1] * De) * 0.01), z = !1) : O && (Z += B.partialLength, I += 1, I >= O.length && (I = 0, $ += 1, q[$] ? O = q[$].points : Ae.v.c ? (I = 0, $ = 0, O = q[$].points) : (Z -= B.partialLength, O = null)), O && (D = B, B = O[I], te = B.partialLength));
                 Ve = M[V].an / 2 - M[V].add, m.translate(-Ve, 0, 0);
               } else
                 Ve = M[V].an / 2 - M[V].add, m.translate(-Ve, 0, 0), m.translate(-d[0] * M[V].an * 5e-3, -d[1] * De * 0.01, 0);
@@ -18904,7 +18905,7 @@ function tP() {
       }
       return g([Ot], dc), dc.prototype.createComp = function(o) {
         return new Qs(o, this.globalData, this);
-      }, e0("svg", dc), Bn.registerModifier("tm", Lr), Bn.registerModifier("pb", zs), Bn.registerModifier("rp", Qr), Bn.registerModifier("rd", Vs), Bn.registerModifier("zz", Bs), Bn.registerModifier("op", Ys), lt;
+      }, e0("svg", dc), Bn.registerModifier("tm", Or), Bn.registerModifier("pb", zs), Bn.registerModifier("rp", Qr), Bn.registerModifier("rd", Vs), Bn.registerModifier("zz", Bs), Bn.registerModifier("op", Ys), lt;
     });
   }(so, so.exports)), so.exports;
 }
@@ -19533,13 +19534,13 @@ function Um() {
 function Eu(...e) {
   return Array.from(new Set(e.flatMap((n) => typeof n == "string" ? n.split(" ") : []))).filter(Boolean).join(" ");
 }
-function jr(e, n, ...t) {
+function Gr(e, n, ...t) {
   if (e in n) {
     let i = n[e];
     return typeof i == "function" ? i(...t) : i;
   }
   let r = new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(n).map((i) => `"${i}"`).join(", ")}.`);
-  throw Error.captureStackTrace && Error.captureStackTrace(r, jr), r;
+  throw Error.captureStackTrace && Error.captureStackTrace(r, Gr), r;
 }
 var $s = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))($s || {}), ri = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(ri || {});
 function Rt() {
@@ -19557,7 +19558,7 @@ function OP({ ourProps: e, theirProps: n, slot: t, defaultTag: r, features: i, v
   }
   if (f & 1) {
     let { unmount: p = !0, ...g } = u;
-    return jr(p ? 0 : 1, { 0() {
+    return Gr(p ? 0 : 1, { 0() {
       return null;
     }, 1() {
       return ma({ ...g, hidden: !0, style: { display: "none" } }, t, r, a, c);
@@ -19633,7 +19634,7 @@ function Qm(...e) {
 }
 function St(e) {
   var n;
-  return Object.assign(Gr(e), { displayName: (n = e.displayName) != null ? n : e.name });
+  return Object.assign(Ir(e), { displayName: (n = e.displayName) != null ? n : e.name });
 }
 function $i(e) {
   let n = Object.assign({}, e);
@@ -19749,7 +19750,7 @@ function rv() {
 }
 let JP = "p";
 function eD(e, n) {
-  let t = Ir(), r = Um(), { id: i = `headlessui-description-${t}`, ...s } = e, a = tv(), c = cr(n);
+  let t = Fr(), r = Um(), { id: i = `headlessui-description-${t}`, ...s } = e, a = tv(), c = cr(n);
   _t(() => a.register(i), [i, a.register]);
   let u = pn({ ...a.slot, disabled: r || !1 }), f = { ref: c, ...a.props, id: i };
   return Rt()({ ourProps: f, theirProps: s, slot: u, defaultTag: JP, name: a.name || "Description" });
@@ -19784,7 +19785,7 @@ function nv({ inherit: e = !1 } = {}) {
 let iD = "label";
 function sD(e, n) {
   var t;
-  let r = Ir(), i = xd(), s = jP(), a = Um(), { id: c = `headlessui-label-${r}`, htmlFor: u = s ?? ((t = i.props) == null ? void 0 : t.htmlFor), passive: f = !1, ...p } = e, g = cr(n);
+  let r = Fr(), i = xd(), s = jP(), a = Um(), { id: c = `headlessui-label-${r}`, htmlFor: u = s ?? ((t = i.props) == null ? void 0 : t.htmlFor), passive: f = !1, ...p } = e, g = cr(n);
   _t(() => i.register(c), [c, i.register]);
   let y = Be((w) => {
     let C = w.currentTarget;
@@ -19924,7 +19925,7 @@ let gD = { 0(e, n) {
     return new cv({ stack: [] });
   }
   reduce(n, t) {
-    return jr(t.type, gD, n, t);
+    return Gr(t.type, gD, n, t);
   }
 };
 const jl = new iv(() => mD.new());
@@ -20063,7 +20064,7 @@ function wD(e) {
   return e;
 }
 function Ao(e, n) {
-  let t = Ir(), r = jl.get(n), [i, s] = Dr(r, ht((a) => [r.selectors.isTop(a, t), r.selectors.inStack(a, t)], [r, t]));
+  let t = Fr(), r = jl.get(n), [i, s] = Dr(r, ht((a) => [r.selectors.isTop(a, t), r.selectors.inStack(a, t)], [r, t]));
   return _t(() => {
     if (e) return r.actions.push(t), () => r.actions.pop(t);
   }, [r, e, t]), e ? s ? i : !0 : !1;
@@ -20124,7 +20125,7 @@ function dv(e, n, t) {
   }, [n, r, e]);
 }
 let cl = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "details>summary", "textarea:not([disabled])"].map((e) => `${e}:not([tabindex='-1'])`).join(","), xD = ["[data-autofocus]"].map((e) => `${e}:not([tabindex='-1'])`).join(",");
-var zr = ((e) => (e[e.First = 1] = "First", e[e.Previous = 2] = "Previous", e[e.Next = 4] = "Next", e[e.Last = 8] = "Last", e[e.WrapAround = 16] = "WrapAround", e[e.NoScroll = 32] = "NoScroll", e[e.AutoFocus = 64] = "AutoFocus", e))(zr || {}), Pu = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(Pu || {}), SD = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(SD || {});
+var Vr = ((e) => (e[e.First = 1] = "First", e[e.Previous = 2] = "Previous", e[e.Next = 4] = "Next", e[e.Last = 8] = "Last", e[e.WrapAround = 16] = "WrapAround", e[e.NoScroll = 32] = "NoScroll", e[e.AutoFocus = 64] = "AutoFocus", e))(Vr || {}), Pu = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(Pu || {}), SD = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(SD || {});
 function fv(e = document.body) {
   return e == null ? [] : Array.from(e.querySelectorAll(cl)).sort((n, t) => Math.sign((n.tabIndex || Number.MAX_SAFE_INTEGER) - (t.tabIndex || Number.MAX_SAFE_INTEGER)));
 }
@@ -20134,7 +20135,7 @@ function kD(e = document.body) {
 var Sd = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(Sd || {});
 function kd(e, n = 0) {
   var t;
-  return e === ((t = Gi(e)) == null ? void 0 : t.body) ? !1 : jr(n, { 0() {
+  return e === ((t = Gi(e)) == null ? void 0 : t.body) ? !1 : Gr(n, { 0() {
     return e.matches(cl);
   }, 1() {
     let r = e;
@@ -20885,10 +20886,10 @@ function bT(e, n) {
     if (!_r(t.current)) return;
     let F = t.current;
     ((W) => W())(() => {
-      jr(g.current, { [lo.Forwards]: () => {
-        hs(F, zr.First, { skipElements: [N.relatedTarget, s] });
+      Gr(g.current, { [lo.Forwards]: () => {
+        hs(F, Vr.First, { skipElements: [N.relatedTarget, s] });
       }, [lo.Backwards]: () => {
-        hs(F, zr.Last, { skipElements: [N.relatedTarget, s] });
+        hs(F, Vr.Last, { skipElements: [N.relatedTarget, s] });
       } });
     });
   }), _ = Ao(!!(c & 2), "focus-trap#tab-lock"), b = qi(), w = Ie(!1), C = { ref: r, onKeyDown(N) {
@@ -20900,7 +20901,7 @@ function bT(e, n) {
     let F = Iv(a);
     _r(t.current) && F.add(t.current);
     let W = N.relatedTarget;
-    cn(W) && W.dataset.headlessuiFocusGuard !== "true" && (Fv(F, W) || (w.current ? hs(t.current, jr(g.current, { [lo.Forwards]: () => zr.Next, [lo.Backwards]: () => zr.Previous }) | zr.WrapAround, { relativeTo: N.target }) : cn(N.target) && dn(N.target)));
+    cn(W) && W.dataset.headlessuiFocusGuard !== "true" && (Fv(F, W) || (w.current ? hs(t.current, Gr(g.current, { [lo.Forwards]: () => Vr.Next, [lo.Backwards]: () => Vr.Previous }) | Vr.WrapAround, { relativeTo: N.target }) : cn(N.target) && dn(N.target)));
   } }, P = Rt();
   return K.createElement(K.Fragment, null, _ && K.createElement($u, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: y, features: ll.Focusable }), P({ ourProps: C, theirProps: u, defaultTag: yT, name: "FocusTrap" }), _ && K.createElement($u, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: y, features: ll.Focusable }));
 }
@@ -20948,8 +20949,8 @@ function CT(e, { ownerDocument: n, container: t, initialFocus: r, initialFocusFa
       if (r != null && r.current) dn(r.current);
       else {
         if (e & 16) {
-          if (hs(u, zr.First | zr.AutoFocus) !== Pu.Error) return;
-        } else if (hs(u, zr.First) !== Pu.Error) return;
+          if (hs(u, Vr.First | Vr.AutoFocus) !== Pu.Error) return;
+        } else if (hs(u, Vr.First) !== Pu.Error) return;
         if (i != null && i.current && (dn(i.current), (n == null ? void 0 : n.activeElement) === i.current)) return;
         console.warn("There are no focusable elements inside the <FocusTrap />");
       }
@@ -20998,7 +20999,7 @@ function Ql(e) {
 function Lv(e, n) {
   let t = Ui(e), r = Ie([]), i = Md(), s = qi(), a = Be((_, b = ri.Hidden) => {
     let w = r.current.findIndex(({ el: C }) => C === _);
-    w !== -1 && (jr(b, { [ri.Unmount]() {
+    w !== -1 && (Gr(b, { [ri.Unmount]() {
       r.current.splice(w, 1);
     }, [ri.Hidden]() {
       r.current[w].state = "hidden";
@@ -21033,7 +21034,7 @@ function DT(e, n) {
         de("visible");
         return;
       }
-      return jr(ce, { hidden: () => be(F), visible: () => ue(F) });
+      return Gr(ce, { hidden: () => be(F), visible: () => ue(F) });
     }
   }, [ce, F, ue, be, ee, U]);
   let ve = ql();
@@ -21105,10 +21106,10 @@ function Xl(e) {
   return n;
 }
 function OT(e, n) {
-  return jr(n.type, LT, e, n);
+  return Gr(n.type, LT, e, n);
 }
 let xp = St(function(e, n) {
-  let t = Ir(), { id: r = `headlessui-dialog-${t}`, open: i, onClose: s, initialFocus: a, role: c = "dialog", autoFocus: u = !0, __demoMode: f = !1, unmount: p = !1, ...g } = e, y = Ie(!1);
+  let t = Fr(), { id: r = `headlessui-dialog-${t}`, open: i, onClose: s, initialFocus: a, role: c = "dialog", autoFocus: u = !0, __demoMode: f = !1, unmount: p = !1, ...g } = e, y = Ie(!1);
   c = function() {
     return c === "dialog" || c === "alertdialog" ? c : (y.current || (y.current = !0, console.warn(`Invalid role [${c}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)), "dialog");
   }();
@@ -21151,7 +21152,7 @@ function VT(e, n) {
 }
 let HT = "div";
 function BT(e, n) {
-  let t = Ir(), { id: r = `headlessui-dialog-panel-${t}`, transition: i = !1, ...s } = e, [{ dialogState: a, unmount: c }, u] = Xl("Dialog.Panel"), f = cr(n, u.panelRef), p = pn({ open: a === 0 }), g = Be((C) => {
+  let t = Fr(), { id: r = `headlessui-dialog-panel-${t}`, transition: i = !1, ...s } = e, [{ dialogState: a, unmount: c }, u] = Xl("Dialog.Panel"), f = cr(n, u.panelRef), p = pn({ open: a === 0 }), g = Be((C) => {
     C.stopPropagation();
   }), y = { ref: f, id: r, onClick: g }, _ = i ? Pd : Tr, b = i ? { unmount: c } : {}, w = Rt();
   return K.createElement(_, { ...b }, w({ ourProps: y, theirProps: s, slot: p, defaultTag: HT, name: "Dialog.Panel" }));
@@ -21163,7 +21164,7 @@ function WT(e, n) {
 }
 let jT = "h2";
 function GT(e, n) {
-  let t = Ir(), { id: r = `headlessui-dialog-title-${t}`, ...i } = e, [{ dialogState: s, setTitleId: a }] = Xl("Dialog.Title"), c = cr(n);
+  let t = Fr(), { id: r = `headlessui-dialog-title-${t}`, ...i } = e, [{ dialogState: s, setTitleId: a }] = Xl("Dialog.Title"), c = cr(n);
   ut(() => (a(r), () => a(null)), [r, a]);
   let u = pn({ open: s === 0 }), f = { ref: c, id: r };
   return Rt()({ ourProps: f, theirProps: i, slot: u, defaultTag: jT, name: "Dialog.Title" });
@@ -21313,7 +21314,7 @@ class Rd extends ov {
     return new Rd({ id: n, __demoMode: t, menuState: t ? 0 : 1, buttonElement: null, itemsElement: null, items: [], searchQuery: "", activeItemIndex: null, activationTrigger: 1, pendingShouldSort: !1, pendingFocus: { focus: Pt.Nothing }, buttonPositionState: Aa.Idle });
   }
   reduce(n, t) {
-    return jr(t.type, eR, n, t);
+    return Gr(t.type, eR, n, t);
   }
 }
 const Vv = sr(null);
@@ -21331,7 +21332,7 @@ function Hv({ id: e, __demoMode: n = !1 }) {
 }
 let tR = Tr;
 function rR(e, n) {
-  let t = Ir(), { __demoMode: r = !1, ...i } = e, s = Hv({ id: t, __demoMode: r }), [a, c, u] = Dr(s, (C) => [C.menuState, C.itemsElement, C.buttonElement]), f = cr(n), p = jl.get(null), g = Dr(p, ht((C) => p.selectors.isTop(C, t), [p, t]));
+  let t = Fr(), { __demoMode: r = !1, ...i } = e, s = Hv({ id: t, __demoMode: r }), [a, c, u] = Dr(s, (C) => [C.menuState, C.itemsElement, C.buttonElement]), f = cr(n), p = jl.get(null), g = Dr(p, ht((C) => p.selectors.isTop(C, t), [p, t]));
   vv(g, [u, c], (C, P) => {
     var N;
     s.send({ type: pt.CloseMenu }), kd(P, Sd.Loose) || (C.preventDefault(), (N = s.state.buttonElement) == null || N.focus());
@@ -21339,11 +21340,11 @@ function rR(e, n) {
   let y = Be(() => {
     s.send({ type: pt.CloseMenu });
   }), _ = pn({ open: a === er.Open, close: y }), b = { ref: f }, w = Rt();
-  return K.createElement(JD, null, K.createElement(Vv.Provider, { value: s }, K.createElement(Sv, { value: jr(a, { [er.Open]: lr.Open, [er.Closed]: lr.Closed }) }, w({ ourProps: b, theirProps: i, slot: _, defaultTag: tR, name: "Menu" }))));
+  return K.createElement(JD, null, K.createElement(Vv.Provider, { value: s }, K.createElement(Sv, { value: Gr(a, { [er.Open]: lr.Open, [er.Closed]: lr.Closed }) }, w({ ourProps: b, theirProps: i, slot: _, defaultTag: tR, name: "Menu" }))));
 }
 let nR = "button";
 function iR(e, n) {
-  let t = Id("Menu.Button"), r = Ir(), { id: i = `headlessui-menu-button-${r}`, disabled: s = !1, autoFocus: a = !1, ...c } = e, u = Ie(null), f = QD(), p = cr(n, u, KD(), Be((ue) => t.send({ type: pt.SetButtonElement, element: ue }))), g = Be((ue) => {
+  let t = Id("Menu.Button"), r = Fr(), { id: i = `headlessui-menu-button-${r}`, disabled: s = !1, autoFocus: a = !1, ...c } = e, u = Ie(null), f = QD(), p = cr(n, u, KD(), Be((ue) => t.send({ type: pt.SetButtonElement, element: ue }))), g = Be((ue) => {
     switch (ue.key) {
       case Nt.Space:
       case Nt.Enter:
@@ -21381,7 +21382,7 @@ function iR(e, n) {
 }
 let sR = "div", oR = $s.RenderStrategy | $s.Static;
 function aR(e, n) {
-  let t = Ir(), { id: r = `headlessui-menu-items-${t}`, anchor: i, portal: s = !1, modal: a = !0, transition: c = !1, ...u } = e, f = UD(i), p = Id("Menu.Items"), [g, y] = ZD(f), _ = XD(), [b, w] = nt(null), C = cr(n, f ? g : null, Be((ne) => p.send({ type: pt.SetItemsElement, element: ne })), w), [P, N] = Dr(p, (ne) => [ne.menuState, ne.buttonElement]), F = Ms(N), W = Ms(b);
+  let t = Fr(), { id: r = `headlessui-menu-items-${t}`, anchor: i, portal: s = !1, modal: a = !0, transition: c = !1, ...u } = e, f = UD(i), p = Id("Menu.Items"), [g, y] = ZD(f), _ = XD(), [b, w] = nt(null), C = cr(n, f ? g : null, Be((ne) => p.send({ type: pt.SetItemsElement, element: ne })), w), [P, N] = Dr(p, (ne) => [ne.menuState, ne.buttonElement]), F = Ms(N), W = Ms(b);
   f && (s = !0);
   let X = Lo(), [U, ee] = wv(c, b, X !== null ? (X & lr.Open) === lr.Open : P === er.Open);
   dv(U, N, () => {
@@ -21426,7 +21427,7 @@ function aR(e, n) {
         ne.preventDefault(), ne.stopPropagation(), Xc(() => p.send({ type: pt.CloseMenu })), (ye = p.state.buttonElement) == null || ye.focus({ preventScroll: !0 });
         break;
       case Nt.Tab:
-        ne.preventDefault(), ne.stopPropagation(), Xc(() => p.send({ type: pt.CloseMenu })), MD(p.state.buttonElement, ne.shiftKey ? zr.Previous : zr.Next);
+        ne.preventDefault(), ne.stopPropagation(), Xc(() => p.send({ type: pt.CloseMenu })), MD(p.state.buttonElement, ne.shiftKey ? Vr.Previous : Vr.Next);
         break;
       default:
         ne.key.length === 1 && (p.send({ type: pt.Search, value: ne.key }), fe.setTimeout(() => p.send({ type: pt.ClearSearch }), 350));
@@ -21446,7 +21447,7 @@ function aR(e, n) {
 }
 let lR = Tr;
 function cR(e, n) {
-  let t = Ir(), { id: r = `headlessui-menu-item-${t}`, disabled: i = !1, ...s } = e, a = Id("Menu.Item"), c = Dr(a, (de) => a.selectors.isActive(de, r)), u = Ie(null), f = cr(n, u), p = Dr(a, (de) => a.selectors.shouldScrollIntoView(de, r));
+  let t = Fr(), { id: r = `headlessui-menu-item-${t}`, disabled: i = !1, ...s } = e, a = Id("Menu.Item"), c = Dr(a, (de) => a.selectors.isActive(de, r)), u = Ie(null), f = cr(n, u), p = Dr(a, (de) => a.selectors.shouldScrollIntoView(de, r));
   _t(() => {
     if (p) return mr().requestAnimationFrame(() => {
       var de, fe;
@@ -21481,7 +21482,7 @@ function dR(e, n) {
 }
 let fR = "header";
 function hR(e, n) {
-  let t = Ir(), { id: r = `headlessui-menu-heading-${t}`, ...i } = e, s = xd();
+  let t = Fr(), { id: r = `headlessui-menu-heading-${t}`, ...i } = e, s = xd();
   _t(() => s.register(r), [r, s.register]);
   let a = { id: r, ref: n, role: "presentation", ...s.props };
   return Rt()({ ourProps: a, theirProps: i, slot: {}, defaultTag: fR, name: "Menu.Heading" });
@@ -21590,7 +21591,7 @@ const MR = j.button`
   background-color: ${({ $active: e }) => e ? "var(--cc_color_button_background_subtle)" : "transparent"};
   color: var(--cc_color_link_secondary);
   border-radius: var(--cc_size_border_radius_l);
-  ${(e) => e.disabled ? Fr : null}
+  ${(e) => e.disabled ? Ar : null}
 `, PR = j.i`
   font-size: var(--cc_size_text_m);
   line-height: 1;
@@ -22728,7 +22729,7 @@ function JA({
   size: f = "small",
   style: p
 }) {
-  const [g, y] = nt(0), _ = Ir(), b = (C) => {
+  const [g, y] = nt(0), _ = Fr(), b = (C) => {
     y(C), c == null || c(C);
   }, w = () => {
     y(0), c == null || c(0);
@@ -22847,7 +22848,7 @@ const qI = (e, n) => e ? wr : n === "group" ? me`
   &:focus-visible {
     outline-offset: var(--cc_size_spacing_xs);
   }
-  ${(e) => e.disabled ? Fr : null}
+  ${(e) => e.disabled ? Ar : null}
   ${(e) => e.$isPressed ? me`
           background-color: ${e.$status !== "normal" ? Vt(e.$status).accentColor : "var(--cc_color_button_background_secondary)"};
         ` : me`
@@ -23230,36 +23231,36 @@ const iF = (e, n, t, r, i, s, a) => {
   const s = t == null || (r = t.toString()) == null ? void 0 : r.toLowerCase();
   return !!(!((i = e.getValue(n)) == null || (i = i.toString()) == null || (i = i.toLowerCase()) == null) && i.includes(s));
 };
-jv.autoRemove = (e) => Yr(e);
+jv.autoRemove = (e) => Wr(e);
 const Gv = (e, n, t) => {
   var r;
   return !!(!((r = e.getValue(n)) == null || (r = r.toString()) == null) && r.includes(t));
 };
-Gv.autoRemove = (e) => Yr(e);
+Gv.autoRemove = (e) => Wr(e);
 const qv = (e, n, t) => {
   var r;
   return ((r = e.getValue(n)) == null || (r = r.toString()) == null ? void 0 : r.toLowerCase()) === (t == null ? void 0 : t.toLowerCase());
 };
-qv.autoRemove = (e) => Yr(e);
+qv.autoRemove = (e) => Wr(e);
 const Uv = (e, n, t) => {
   var r;
   return (r = e.getValue(n)) == null ? void 0 : r.includes(t);
 };
-Uv.autoRemove = (e) => Yr(e);
+Uv.autoRemove = (e) => Wr(e);
 const Kv = (e, n, t) => !t.some((r) => {
   var i;
   return !((i = e.getValue(n)) != null && i.includes(r));
 });
-Kv.autoRemove = (e) => Yr(e) || !(e != null && e.length);
+Kv.autoRemove = (e) => Wr(e) || !(e != null && e.length);
 const Qv = (e, n, t) => t.some((r) => {
   var i;
   return (i = e.getValue(n)) == null ? void 0 : i.includes(r);
 });
-Qv.autoRemove = (e) => Yr(e) || !(e != null && e.length);
+Qv.autoRemove = (e) => Wr(e) || !(e != null && e.length);
 const Xv = (e, n, t) => e.getValue(n) === t;
-Xv.autoRemove = (e) => Yr(e);
+Xv.autoRemove = (e) => Wr(e);
 const Zv = (e, n, t) => e.getValue(n) == t;
-Zv.autoRemove = (e) => Yr(e);
+Zv.autoRemove = (e) => Wr(e);
 const Ad = (e, n, t) => {
   let [r, i] = t;
   const s = e.getValue(n);
@@ -23273,7 +23274,7 @@ Ad.resolveFilterValue = (e) => {
   }
   return [s, a];
 };
-Ad.autoRemove = (e) => Yr(e) || Yr(e[0]) && Yr(e[1]);
+Ad.autoRemove = (e) => Wr(e) || Wr(e[0]) && Wr(e[1]);
 const Sn = {
   includesString: jv,
   includesStringSensitive: Gv,
@@ -23285,7 +23286,7 @@ const Sn = {
   weakEquals: Zv,
   inNumberRange: Ad
 };
-function Yr(e) {
+function Wr(e) {
   return e == null || e === "";
 }
 const oF = {

package/lib/InputPassword/InputPassword.d.ts

@@ -1,7 +1,8 @@
 import { InputTextProps } from '../InputText/InputText';
 export type InputPasswordProps = Omit<InputTextProps, 'type' | 'contentAfter'>;
 /**
-InputPassword inherits all props from [InputText](/docs/inputtext--docs), except `type` and `contentAfter`.
+- InputPassword inherits all props from [InputText](/docs/inputtext--docs), except `type` and `contentAfter`.
+- InputPassword supports both controlled and uncontrolled patterns (inherited from InputText).
 */
-export declare function InputPassword({ ...props }: InputPasswordProps): import("react/jsx-runtime").JSX.Element;
+export declare const InputPassword: import('react').ForwardRefExoticComponent<Omit<InputPasswordProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
 export default InputPassword;

package/lib/InputText/InputText.d.ts

@@ -1,11 +1,9 @@
-import { ChangeEvent, ComponentPropsWithRef, ReactNode } from 'react';
+import { ComponentPropsWithRef, ReactNode } from 'react';
 import { UseMessageProps } from '../shared/types';
 type HTMLInputProps = ComponentPropsWithRef<'input'>;
 type InputType = 'email' | 'password' | 'search' | 'tel' | 'text' | 'url';
 export type InputTextProps = HTMLInputProps & UseMessageProps & {
     label: ReactNode;
-    value: string;
-    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
     contentBefore?: ReactNode;
     contentAfter?: ReactNode;
     hideLabel?: boolean;
@@ -15,7 +13,9 @@ export type InputTextProps = HTMLInputProps & UseMessageProps & {
     type?: InputType;
 };
 /**
- * - InputText is a controlled component: You must provide an `onChange` handler to update the `value`.
+ * - InputText supports both controlled and uncontrolled patterns:
+ *   - **Controlled**: Provide `value` and `onChange` props. Use for inputs with complex interactions or when you need to programmatically control the value.
+ *   - **Uncontrolled**: Provide `defaultValue` prop and access the value via a ref. Use for simple forms or when integrating with form libraries like react-hook-form.
  * - Use title case for the required `label` (e.g., "Project Name", not "Project name").
  * - InputText can render a `type="password"` input. However, if you need a password input with a show/hide button, use [InputPassword](/docs/inputpassword--docs).
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@companycam/slab-web",
-  "version": "1.21.0",
+  "version": "1.22.0",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {