@kosdev-code/kos-ddk-components 0.1.0-dev.5878 → 0.1.0-dev.5880

package/index.js

@@ -1,12 +1,12 @@
 import { jsx as k, jsxs as ot, Fragment as Yt } from "@emotion/react/jsx-runtime";
 import A from "@emotion/styled";
 import * as fe from "react";
-import ni, { createContext as oi, useContext as Ze, useMemo as Bt, forwardRef as Uo, useState as gt, useRef as Mt, useEffect as Et, useLayoutEffect as ri, useCallback as qt, Suspense as ii } from "react";
+import ni, { createContext as oi, useContext as Je, useMemo as Bt, forwardRef as Uo, useState as gt, useRef as Mt, useEffect as Et, useLayoutEffect as ri, useCallback as qt, Suspense as ii } from "react";
 import ve from "@emotion/is-prop-valid";
 import { SuccessIcon as ai, InformationIcon as si, QuestionIcon as ci, USBIcon as di, ChevronLeftIcon as wn, ChevronRightIcon as Ho, CloseIconWithBackground as li, CloseIcon as qo, CompactCloseIcon as ui, CompactMenuIcon as fi, MenuIcon as pi, SuccessIconWithBackground as hi, MessageQuestionIconWithBackground as mi, InformationQuestionIconWithBackground as gi, LoaderIconWithBackground as vi, MessageInformationIconWithBackground as bi, InformationIconWithBackground as yi, ErrorIconWithBackground as Go, DropdownIcon as ki, ErrorIcon as wi, EyeOpenIcon as xi, EyeOffIcon as Si, CloseSidebarIcon as Wo, StepStatus as Ci } from "@kosdev-code/kos-ddk-styles";
 import { useKosTranslation as oe, kosComponent as Qo, useKosDateFormats as Pi, useKosTimeFormats as Ii } from "@kosdev-code/kos-ui-sdk";
 import { css as wt } from "@emotion/react";
-import { unstable_batchedUpdates as Ei, createPortal as tn } from "react-dom";
+import { unstable_batchedUpdates as Ei, createPortal as Ze } from "react-dom";
 import { useGesture as Oi } from "@use-gesture/react";
 import { format as co } from "date-fns";
 import { useNavigate as Yo, useSearchParams as Ti, useParams as Ai, useLocation as Di } from "react-router-dom";
@@ -22,7 +22,7 @@ const Xo = {
   children: t,
   value: n = Xo
 }) => /* @__PURE__ */ k(Jo.Provider, { value: n, children: t }), Pt = () => {
-  const t = Ze(Jo);
+  const t = Je(Jo);
   if (!t)
     throw new Error(
       "useComponentConfigurationContext must be used within a ComponentConfigurationProvider"
@@ -150,7 +150,7 @@ const Xo = {
     width: var(--ddk-generic-font-size-large);
     height: var(--ddk-generic-font-size-large);
   }
-`, en = ({
+`, tn = ({
   children: t,
   disabled: n,
   unitStyle: o = "external",
@@ -539,7 +539,7 @@ const Xo = {
   color: var(--ddk-component-typography-label-information-color);
 `, Ql = A(Fi)`
   color: var(--ddk-component-typography-label-information-color);
-`, nn = A.label`
+`, en = A.label`
   color: var(--ddk-component-typography-label-color);
   font-family: var(--ddk-component-typography-label-font-family);
   font-size: var(--ddk-component-typography-label-font-size);
@@ -547,15 +547,15 @@ const Xo = {
   font-weight: var(--ddk-component-typography-label-font-weight);
   letter-spacing: var(--ddk-component-typography-label-letter-spacing);
   line-height: var(--ddk-component-typography-label-line-height);
-`, Ui = A(nn)`
+`, Ui = A(en)`
   font-size: var(--ddk-component-typography-label-font-size-small);
-`, zn = A(nn)`
+`, zn = A(en)`
   font-size: var(--ddk-component-typography-label-font-size-x-small);
 `, Yl = A(zn)`
   color: var(--ddk-component-typography-label-date-color);
 `, Hi = A(zn)`
   color: var(--ddk-component-typography-label-date-information-color);
-`, qi = A(nn)`
+`, qi = A(en)`
   color: var(--ddk-component-typography-label-information-color);
 `, Gi = A(Ui)`
   color: var(--ddk-component-typography-label-information-color);
@@ -617,7 +617,7 @@ const Xo = {
 
     color: ${(t) => !(t.active || t.disabled || t.state) && "var(--ddk-component-input-color-hover)"};
   }
-`, on = Uo(
+`, nn = Uo(
   ({ error: t, isError: n, ...o }, c) => /* @__PURE__ */ ot(Wi, { children: [
     t && /* @__PURE__ */ k(nr, { children: t }),
     /* @__PURE__ */ k(Qi, { ref: c, isError: n || !!t, ...o })
@@ -880,7 +880,7 @@ const Xo = {
     ...h,
     children: o ?? /* @__PURE__ */ k(aa, {})
   }
-), rn = ({
+), on = ({
   children: t,
   label: n,
   size: o = "medium",
@@ -900,7 +900,7 @@ const Xo = {
   padding: ${(t) => t.contain ? "var(--ddk-component-modal-content-padding)" : "initial"};
 
   width: 100%;
-`, Ne = ({ align: t, children: n, className: o, size: c }) => {
+`, rn = ({ align: t, children: n, className: o, size: c }) => {
   const { componentModeOverride: h } = Pt();
   return /* @__PURE__ */ k(me, { size: c, children: /* @__PURE__ */ k(
     sa,
@@ -966,7 +966,7 @@ const Xo = {
   display: flex;
   flex-direction: var(--ddk-component-modal-header-flex-direction);
   gap: var(--ddk-component-modal-header-gap);
-  height: var(--ddk-component-modal-header-height);
+  min-height: var(--ddk-component-modal-header-height);
   justify-content: space-between;
   padding: ${(t) => t.contain ? "var(--ddk-component-modal-header-padding-maximized)" : "var(--ddk-component-modal-header-padding)"};
   user-select: none;
@@ -1021,14 +1021,14 @@ const Xo = {
     }
   )
 ] });
-var Fn = Le(), ft = (t) => Be(t, Fn), Vn = Le();
-ft.write = (t) => Be(t, Vn);
-var sn = Le();
-ft.onStart = (t) => Be(t, sn);
-var Kn = Le();
-ft.onFrame = (t) => Be(t, Kn);
-var Un = Le();
-ft.onFinish = (t) => Be(t, Un);
+var Fn = Be(), ft = (t) => Ne(t, Fn), Vn = Be();
+ft.write = (t) => Ne(t, Vn);
+var sn = Be();
+ft.onStart = (t) => Ne(t, sn);
+var Kn = Be();
+ft.onFrame = (t) => Ne(t, Kn);
+var Un = Be();
+ft.onFinish = (t) => Ne(t, Un);
 var pe = [];
 ft.setTimeout = (t, n) => {
   const o = ft.now() + n, c = () => {
@@ -1076,7 +1076,7 @@ ft.advance = () => {
   ) : ur();
 };
 var te = -1, ee = 0, Sn = !1;
-function Be(t, n) {
+function Ne(t, n) {
   Sn ? (n.delete(t), t(0)) : (n.add(t), dr());
 }
 function dr() {
@@ -1098,7 +1098,7 @@ function ur() {
   }
   sn.flush(), Fn.flush(t ? Math.min(64, te - t) : 16.667), Kn.flush(), Vn.flush(), Un.flush();
 }
-function Le() {
+function Be() {
   let t = /* @__PURE__ */ new Set(), n = t;
   return {
     add(o) {
@@ -1173,19 +1173,19 @@ function Pe(t, n) {
 }
 var Ce = (t, ...n) => Pe(t, (o) => o(...n)), qn = () => typeof window > "u" || !window.navigator || /ServerSideRendering|^Deno\//.test(window.navigator.userAgent), Gn, pr, ne = null, hr = !1, Wn = Cn, ga = (t) => {
   t.to && (pr = t.to), t.now && (ft.now = t.now), t.colors !== void 0 && (ne = t.colors), t.skipAnimation != null && (hr = t.skipAnimation), t.createStringInterpolator && (Gn = t.createStringInterpolator), t.requestAnimationFrame && ft.use(t.requestAnimationFrame), t.batchedUpdates && (ft.batchedUpdates = t.batchedUpdates), t.willAdvance && (Wn = t.willAdvance), t.frameLoop && (ft.frameLoop = t.frameLoop);
-}, Ie = /* @__PURE__ */ new Set(), Nt = [], mn = [], Qe = 0, cn = {
+}, Ie = /* @__PURE__ */ new Set(), Nt = [], mn = [], We = 0, cn = {
   get idle() {
     return !Ie.size && !Nt.length;
   },
   /** Advance the given animation on every frame until idle. */
   start(t) {
-    Qe > t.priority ? (Ie.add(t), ft.onStart(va)) : (mr(t), ft(Pn));
+    We > t.priority ? (Ie.add(t), ft.onStart(va)) : (mr(t), ft(Pn));
   },
   /** Advance all animations by the given time. */
   advance: Pn,
   /** Call this when an animation's priority changes. */
   sort(t) {
-    if (Qe)
+    if (We)
       ft.onFrame(() => cn.sort(t));
     else {
       const n = Nt.indexOf(t);
@@ -1218,9 +1218,9 @@ function Pn(t) {
   const n = mn;
   for (let o = 0; o < Nt.length; o++) {
     const c = Nt[o];
-    Qe = c.priority, c.idle || (Wn(c), c.advance(t), c.idle || n.push(c));
+    We = c.priority, c.idle || (Wn(c), c.advance(t), c.idle || n.push(c));
   }
-  return Qe = 0, mn = Nt, mn.length = 0, Nt = n, Nt.length > 0;
+  return We = 0, mn = Nt, mn.length = 0, Nt = n, Nt.length > 0;
 }
 function ba(t, n) {
   const o = t.findIndex(n);
@@ -1377,12 +1377,12 @@ var ya = {
   whitesmoke: 4126537215,
   yellow: 4294902015,
   yellowgreen: 2597139199
-}, Kt = "[-+]?\\d*\\.?\\d+", Ye = Kt + "%";
+}, Kt = "[-+]?\\d*\\.?\\d+", Qe = Kt + "%";
 function dn(...t) {
   return "\\(\\s*(" + t.join(")\\s*,\\s*(") + ")\\s*\\)";
 }
-var ka = new RegExp("rgb" + dn(Kt, Kt, Kt)), wa = new RegExp("rgba" + dn(Kt, Kt, Kt, Kt)), xa = new RegExp("hsl" + dn(Kt, Ye, Ye)), Sa = new RegExp(
-  "hsla" + dn(Kt, Ye, Ye, Kt)
+var ka = new RegExp("rgb" + dn(Kt, Kt, Kt)), wa = new RegExp("rgba" + dn(Kt, Kt, Kt, Kt)), xa = new RegExp("hsl" + dn(Kt, Qe, Qe)), Sa = new RegExp(
+  "hsla" + dn(Kt, Qe, Qe, Kt)
 ), Ca = /^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, Pa = /^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, Ia = /^#([0-9a-fA-F]{6})$/, Ea = /^#([0-9a-fA-F]{8})$/;
 function Oa(t) {
   let n;
@@ -1411,17 +1411,17 @@ function Oa(t) {
   ) >>> 0 : (n = xa.exec(t)) ? (po(
     ho(n[1]),
     // h
-    Ue(n[2]),
+    Ke(n[2]),
     // s
-    Ue(n[3])
+    Ke(n[3])
     // l
   ) | 255) >>> // a
   0 : (n = Sa.exec(t)) ? (po(
     ho(n[1]),
     // h
-    Ue(n[2]),
+    Ke(n[2]),
     // s
-    Ue(n[3])
+    Ke(n[3])
     // l
   ) | mo(n[4])) >>> // a
   0 : null;
@@ -1444,7 +1444,7 @@ function mo(t) {
   const n = parseFloat(t);
   return n < 0 ? 0 : n > 1 ? 255 : Math.round(n * 255);
 }
-function Ue(t) {
+function Ke(t) {
   const n = parseFloat(t);
   return n < 0 ? 0 : n > 100 ? 1 : n / 100;
 }
@@ -1539,7 +1539,7 @@ var br = (t, n, o) => Object.defineProperty(t, n, {
   value: o,
   writable: !0,
   configurable: !0
-}), Ge = /[+\-]?(?:0|[1-9]\d*)(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, Ra = /(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d\.]+%?\))/gi, bo = new RegExp(`(${Ge.source})(%|[a-z]+)`, "i"), $a = /rgba\(([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+)\)/gi, ln = /var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/, yr = (t) => {
+}), qe = /[+\-]?(?:0|[1-9]\d*)(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, Ra = /(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d\.]+%?\))/gi, bo = new RegExp(`(${qe.source})(%|[a-z]+)`, "i"), $a = /rgba\(([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+)\)/gi, ln = /var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/, yr = (t) => {
   const [n, o] = ja(t);
   if (!n || qn())
     return t;
@@ -1570,7 +1570,7 @@ var br = (t, n, o) => Object.defineProperty(t, n, {
     // never match
     /^\b$/
   ));
-  const n = t.output.map((b) => Rt(b).replace(ln, yr).replace(Ra, go).replace(vn, go)), o = n.map((b) => b.match(Ge).map(Number)), h = o[0].map(
+  const n = t.output.map((b) => Rt(b).replace(ln, yr).replace(Ra, go).replace(vn, go)), o = n.map((b) => b.match(qe).map(Number)), h = o[0].map(
     (b, S) => o.map((P) => {
       if (!(S in P))
         throw Error('The arity of each "output" value must be equal');
@@ -1581,10 +1581,10 @@ var br = (t, n, o) => Object.defineProperty(t, n, {
   );
   return (b) => {
     var z;
-    const S = !bo.test(n[0]) && ((z = n.find(($) => bo.test($))) == null ? void 0 : z.replace(Ge, ""));
+    const S = !bo.test(n[0]) && ((z = n.find(($) => bo.test($))) == null ? void 0 : z.replace(qe, ""));
     let P = 0;
     return n[0].replace(
-      Ge,
+      qe,
       () => `${h[P++](b)}${S || ""}`
     ).replace($a, za);
   };
@@ -1662,13 +1662,13 @@ var _e = Symbol.for("Animated:node"), qa = (t) => !!t && t[_e] === t, Ht = (t) =
   getPayload() {
     return this.payload || [];
   }
-}, Fe = class extends xr {
+}, Le = class extends xr {
   constructor(t) {
     super(), this._value = t, this.done = !0, this.durationProgress = 0, tt.num(this._value) && (this.lastPosition = this._value);
   }
   /** @internal */
   static create(t) {
-    return new Fe(t);
+    return new Le(t);
   }
   getPayload() {
     return [this];
@@ -1683,7 +1683,7 @@ var _e = Symbol.for("Animated:node"), qa = (t) => !!t && t[_e] === t, Ht = (t) =
     const { done: t } = this;
     this.done = !1, tt.num(this._value) && (this.elapsedTime = 0, this.durationProgress = 0, this.lastPosition = this._value, t && (this.lastVelocity = null), this.v0 = null);
   }
-}, Re = class extends Fe {
+}, Re = class extends Le {
   constructor(t) {
     super(0), this._string = null, this._toString = Te({
       output: [t, t]
@@ -1713,7 +1713,7 @@ var _e = Symbol.for("Animated:node"), qa = (t) => !!t && t[_e] === t, Ht = (t) =
       output: [this.getValue(), t]
     })), this._value = 0, super.reset();
   }
-}, Xe = { dependencies: null }, pn = class extends xr {
+}, Ye = { dependencies: null }, pn = class extends xr {
   constructor(t) {
     super(), this.source = t, this.setValue(t);
   }
@@ -1739,7 +1739,7 @@ var _e = Symbol.for("Animated:node"), qa = (t) => !!t && t[_e] === t, Ht = (t) =
   }
   /** Add to a payload set. */
   _addToPayload(t) {
-    Xe.dependencies && zt(t) && Xe.dependencies.add(t);
+    Ye.dependencies && zt(t) && Ye.dependencies.add(t);
     const n = fn(t);
     n && lt(n, (o) => this.add(o));
   }
@@ -1760,11 +1760,11 @@ var _e = Symbol.for("Animated:node"), qa = (t) => !!t && t[_e] === t, Ht = (t) =
   }
 };
 function Ga(t) {
-  return (un(t) ? Re : Fe).create(t);
+  return (un(t) ? Re : Le).create(t);
 }
 function En(t) {
   const n = Ht(t);
-  return n ? n.constructor : tt.arr(t) ? Sr : un(t) ? Re : Fe;
+  return n ? n.constructor : tt.arr(t) ? Sr : un(t) ? Re : Le;
 }
 var yo = (t, n) => {
   const o = (
@@ -1807,10 +1807,10 @@ var yo = (t, n) => {
 };
 function Qa(t, n) {
   const o = /* @__PURE__ */ new Set();
-  return Xe.dependencies = o, t.style && (t = {
+  return Ye.dependencies = o, t.style && (t = {
     ...t,
     style: n.createAnimatedStyle(t.style)
-  }), t = new pn(t), Xe.dependencies = null, [t, o];
+  }), t = new pn(t), Ye.dependencies = null, [t, o];
 }
 function Ya(t, n) {
   return t && (tt.fun(t) ? t(n) : t.current = n), n;
@@ -2160,7 +2160,7 @@ var Co = class extends Error {
   }
   get velocity() {
     const t = Ht(this);
-    return t instanceof Fe ? t.lastVelocity || 0 : t.getPayload().map((n) => n.lastVelocity || 0);
+    return t instanceof Le ? t.lastVelocity || 0 : t.getPayload().map((n) => n.lastVelocity || 0);
   }
   /**
    * When true, this value has been animated at least once.
@@ -2736,17 +2736,17 @@ function Nr(t, n) {
     zr(t.springs, o, (c) => jr(c, t));
   });
 }
-var Ve = ({
+var Fe = ({
   children: t,
   ...n
 }) => {
-  const o = Ze(Je), c = n.pause || !!o.pause, h = n.immediate || !!o.immediate;
+  const o = Je(Xe), c = n.pause || !!o.pause, h = n.immediate || !!o.immediate;
   n = Ka(() => ({ pause: c, immediate: h }), [c, h]);
-  const { Provider: b } = Je;
+  const { Provider: b } = Xe;
   return /* @__PURE__ */ fe.createElement(b, { value: n }, t);
-}, Je = us(Ve, {});
-Ve.Provider = Je.Provider;
-Ve.Consumer = Je.Consumer;
+}, Xe = us(Fe, {});
+Fe.Provider = Xe.Provider;
+Fe.Consumer = Xe.Consumer;
 function us(t, n) {
   return Object.assign(t, fe.createContext(n)), t.Provider._context = t, t.Consumer._context = t, t;
 }
@@ -2831,7 +2831,7 @@ function fs(t, n, o) {
       p && ($[u] = ss(p));
     }
   }
-  const s = z.current.map((i, d) => $n(i, $[d])), m = Ze(Ve), e = In(m), r = m !== e && Ir(m);
+  const s = z.current.map((i, d) => $n(i, $[d])), m = Je(Fe), e = In(m), r = m !== e && Ir(m);
   se(() => {
     b.current++, P.ctrls = z.current;
     const { queue: i } = P;
@@ -2966,7 +2966,7 @@ function no(t, n, o) {
     const ct = $n(M.ctrl, rt);
     J === "leave" && z ? I.current.set(M, { phase: J, springs: ct, payload: rt }) : y.set(M, { phase: J, springs: ct, payload: rt });
   });
-  const O = Ze(Ve), D = In(O), N = O !== D && Ir(O);
+  const O = Je(Fe), D = In(O), N = O !== D && Ir(O);
   se(() => {
     N && lt(e, (M) => {
       M.ctrl.start({ default: O });
@@ -3150,13 +3150,13 @@ var Oe = {
   strokeWidth: !0
 }, ys = (t, n) => t + n.charAt(0).toUpperCase() + n.substring(1), ks = ["Webkit", "Ms", "Moz", "O"];
 Oe = Object.keys(Oe).reduce((t, n) => (ks.forEach((o) => t[ys(o, n)] = t[n]), t), Oe);
-var ws = /^(matrix|translate|scale|rotate|skew)/, xs = /^(translate)/, Ss = /^(rotate|skew)/, kn = (t, n) => tt.num(t) && t !== 0 ? t + n : t, We = (t, n) => tt.arr(t) ? t.every((o) => We(o, n)) : tt.num(t) ? t === n : parseFloat(t) === n, Cs = class extends pn {
+var ws = /^(matrix|translate|scale|rotate|skew)/, xs = /^(translate)/, Ss = /^(rotate|skew)/, kn = (t, n) => tt.num(t) && t !== 0 ? t + n : t, Ge = (t, n) => tt.arr(t) ? t.every((o) => Ge(o, n)) : tt.num(t) ? t === n : parseFloat(t) === n, Cs = class extends pn {
   constructor({ x: t, y: n, z: o, ...c }) {
     const h = [], b = [];
     (t || n || o) && (h.push([t || 0, n || 0, o || 0]), b.push((S) => [
       `translate3d(${S.map((P) => kn(P, "px")).join(",")})`,
       // prettier-ignore
-      We(S, 0)
+      Ge(S, 0)
     ])), Gt(c, (S, P) => {
       if (P === "transform")
         h.push([S || ""]), b.push((z) => [z, z === ""]);
@@ -3167,10 +3167,10 @@ var ws = /^(matrix|translate|scale|rotate|skew)/, xs = /^(translate)/, Ss = /^(r
         h.push(Dt(S)), b.push(
           P === "rotate3d" ? ([$, _, Y, s]) => [
             `rotate3d(${$},${_},${Y},${kn(s, z)})`,
-            We(s, 0)
+            Ge(s, 0)
           ] : ($) => [
             `${P}(${$.map((_) => kn(_, z)).join(",")})`,
-            We($, P.startsWith("scale") ? 1 : 0)
+            Ge($, P.startsWith("scale") ? 1 : 0)
           ]
         );
       }
@@ -3361,7 +3361,7 @@ var Es = Xa(Is, {
   createAnimatedStyle: (t) => new Cs(t),
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   getComponentProps: ({ scrollTop: t, scrollLeft: n, ...o }) => o
-}), Ke = Es.animated;
+}), Ve = Es.animated;
 const Os = A.div`
   display: flex;
   flex-direction: column;
@@ -3455,10 +3455,10 @@ const Os = A.div`
     onDestroyed: S,
     immediate: !s
   });
-  return tn(
+  return Ze(
     m(
       (e, r) => r && /* @__PURE__ */ k(
-        Ke.div,
+        Ve.div,
         {
           css: Ts(h, s),
           style: e,
@@ -3490,13 +3490,13 @@ const Os = A.div`
   flex-direction: column;
   overflow-y: auto;
   overflow-x: hidden;
-  gap: 40px;
+  gap: var(--ddk-component-base-modal-container-gap);
   height: 100%;
 `, Ms = A(le)`
   --ddk-component-modal-min-height: var(
     --ddk-component-workflow-modal-min-height
   );
-`, _s = A(Ne)`
+`, _s = A(rn)`
   align-items: center;
   gap: 24px;
 `, Rs = {
@@ -3564,10 +3564,10 @@ const Os = A.div`
             title: z
           }
         ),
-        /* @__PURE__ */ k(Ne, { children: /* @__PURE__ */ ot(_s, { children: [
+        /* @__PURE__ */ ot(_s, { contain: _ === "compact", children: [
           js(P, o),
           c
-        ] }) }),
+        ] }),
         /* @__PURE__ */ k(an, { children: n })
       ] })
     }
@@ -3766,13 +3766,13 @@ const Os = A.div`
       ]
     }
   );
-}, fu = (t) => /* @__PURE__ */ k(Kr, { ...t }), pu = (t) => /* @__PURE__ */ k(Kr, { ...t }), He = 10, Gs = A(Ke.div)`
+}, fu = (t) => /* @__PURE__ */ k(Kr, { ...t }), pu = (t) => /* @__PURE__ */ k(Kr, { ...t }), Ue = 10, Gs = A(Ve.div)`
   overflow: hidden;
   position: relative;
   touch-action: none;
   user-select: none;
   width: 100%;
-`, Ws = A(Ke.div)`
+`, Ws = A(Ve.div)`
   align-items: center;
   display: flex;
   justify-content: center;
@@ -3851,7 +3851,7 @@ const Os = A.div`
     onDrag: ({ delta: [, E], down: V, movement: [L, X] }) => {
       if (!V)
         return;
-      (Math.abs(L) > He || Math.abs(X) > He) && (i.current = !0), C.current = I(C.current - E);
+      (Math.abs(L) > Ue || Math.abs(X) > Ue) && (i.current = !0), C.current = I(C.current - E);
       const G = Math.floor(C.current / h);
       G !== f && (p(G), _ == null || _(v(G)), D.start({
         value: y(G),
@@ -3864,7 +3864,7 @@ const Os = A.div`
       direction: [, V],
       movement: [L, X]
     }) => {
-      if (Math.abs(L) < He && Math.abs(X) < He)
+      if (Math.abs(L) < Ue && Math.abs(X) < Ue)
         return;
       C.current = I(
         C.current - E * V * 10
@@ -3930,7 +3930,7 @@ const Os = A.div`
   children: t,
   Icon: n,
   ...o
-}) => /* @__PURE__ */ ot(en, { ...o, children: [
+}) => /* @__PURE__ */ ot(tn, { ...o, children: [
   t || /* @__PURE__ */ k("span", {}),
   n ? /* @__PURE__ */ k(n, {}) : /* @__PURE__ */ k(ki, {})
 ] }), Qs = A.div`
@@ -4251,7 +4251,7 @@ const qr = (t) => t <= 5 ? "var(--ddk-semantic-color-system-red)" : t <= 20 ? "v
   subtext: h,
   subtextColor: b
 }) => {
-  const { componentModeOverride: S } = Pt(), P = S === "compact", z = S === "standard" || c, $ = n === "small" ? 5 : 10, _ = n === "small" ? tr : nn, Y = n === "small" ? Bi : qi;
+  const { componentModeOverride: S } = Pt(), P = S === "compact", z = S === "standard" || c, $ = n === "small" ? 5 : 10, _ = n === "small" ? tr : en, Y = n === "small" ? Bi : qi;
   return b = b ?? t, /* @__PURE__ */ ot(lc, { children: [
     /* @__PURE__ */ ot(pc, { children: [
       /* @__PURE__ */ ot(
@@ -4319,10 +4319,10 @@ const qr = (t) => t <= 5 ? "var(--ddk-semantic-color-system-red)" : t <= 20 ? "v
     leave: { opacity: 0 },
     onDestroyed: c
   });
-  return tn(
+  return Ze(
     b(
       (S, P) => P && /* @__PURE__ */ k(
-        Ke.div,
+        Ve.div,
         {
           css: hc,
           style: S,
@@ -4420,6 +4420,7 @@ const qr = (t) => t <= 5 ? "var(--ddk-semantic-color-system-red)" : t <= 20 ? "v
   padding: var(--ddk-generic-padding-large) var(--ddk-generic-padding-x-large);
   display: flex;
   align-items: flex-start;
+  min-height: initial;
 `, xc = A(Go)`
   background-color: var(--ddk-semantic-color-system-orange);
   box-sizing: border-box;
@@ -4431,7 +4432,7 @@ const qr = (t) => t <= 5 ? "var(--ddk-semantic-color-system-red)" : t <= 20 ? "v
   flex: 1;
 `, Cu = ({ children: t, ...n }) => {
   const { componentModeOverride: o } = Pt();
-  return /* @__PURE__ */ ot(wc, { collapse: o === "compact", ...n, children: [
+  return /* @__PURE__ */ ot(wc, { ...n, children: [
     /* @__PURE__ */ k(xc, {}),
     /* @__PURE__ */ k(Sc, { children: t })
   ] });
@@ -7733,7 +7734,7 @@ const Ic = (t) => wt`
       o && /* @__PURE__ */ k(Bn, { children: o })
     ] }),
     /* @__PURE__ */ k(Rc, { children: /* @__PURE__ */ k(
-      en,
+      tn,
       {
         css: Ac,
         disabled: c,
@@ -7758,7 +7759,7 @@ const Ic = (t) => wt`
           /* @__PURE__ */ k(
             de,
             {
-              CloseButton: I === "compact" ? rn : void 0,
+              CloseButton: I === "compact" ? on : void 0,
               closeButtonLabel: t,
               onClose: () => d(!0),
               showCloseButton: !0,
@@ -7769,7 +7770,7 @@ const Ic = (t) => wt`
             /* @__PURE__ */ ot($o, { children: [
               p && /* @__PURE__ */ k(nr, { children: p }),
               /* @__PURE__ */ k(
-                on,
+                nn,
                 {
                   ref: y,
                   type: "text",
@@ -7921,7 +7922,7 @@ const Ic = (t) => wt`
     c(!o);
   };
   return /* @__PURE__ */ ot(Lc, { style: t, children: [
-    /* @__PURE__ */ k(on, { ...n, readOnly: !0, type: o ? "text" : "password" }),
+    /* @__PURE__ */ k(nn, { ...n, readOnly: !0, type: o ? "text" : "password" }),
     o ? /* @__PURE__ */ k(Si, { onPointerDown: h }) : /* @__PURE__ */ k(xi, { onPointerDown: h })
   ] });
 }, Fc = wt`
@@ -8090,10 +8091,10 @@ const Ic = (t) => wt`
               showCloseButton: !0,
               onClose: () => C(),
               closeButtonLabel: o,
-              CloseButton: d === "compact" ? rn : void 0
+              CloseButton: d === "compact" ? on : void 0
             }
           ),
-          /* @__PURE__ */ k(Ne, { children: /* @__PURE__ */ k(
+          /* @__PURE__ */ k(rn, { children: /* @__PURE__ */ k(
             Uc,
             {
               dials: c,
@@ -8205,7 +8206,7 @@ const Ic = (t) => wt`
           }
         ),
         /* @__PURE__ */ ot(Zc, { children: [
-          /* @__PURE__ */ k(on, { value: h }),
+          /* @__PURE__ */ k(nn, { value: h }),
           /* @__PURE__ */ k(ro, { layout: "numLogin", onKeyReleased: (z) => {
             h && (h == null ? void 0 : h.length) < 0 && z !== "{bksp}" && z !== "{enter}" || S(z);
           } })
@@ -8282,11 +8283,11 @@ const Ic = (t) => wt`
               showCloseButton: !0,
               onClose: () => d(!1),
               closeButtonLabel: n,
-              CloseButton: a === "compact" ? rn : void 0
+              CloseButton: a === "compact" ? on : void 0
             }
           ),
           /* @__PURE__ */ ot(ed, { children: [
-            /* @__PURE__ */ k(Ne, { children: /* @__PURE__ */ k(
+            /* @__PURE__ */ k(rn, { children: /* @__PURE__ */ k(
               Yr,
               {
                 enableAnimation: b,
@@ -8326,7 +8327,7 @@ const Ic = (t) => wt`
 }) => /* @__PURE__ */ ot(Yt, { children: [
   /* @__PURE__ */ k(n, {}),
   /* @__PURE__ */ k(nd, { children: t })
-] }), od = ({ children: t }) => tn(t, document.body), rd = A.div`
+] }), od = ({ children: t }) => Ze(t, document.body), rd = A.div`
   align-items: center;
   background-color: var(--ddk-component-status-bar-container-background-color);
   bottom: 0;
@@ -8359,7 +8360,7 @@ const Ic = (t) => wt`
   const [h, b] = gt(!0);
   return Et(() => {
     b(!!c);
-  }, [c]), h ? tn(
+  }, [c]), h ? Ze(
     /* @__PURE__ */ k(
       rd,
       {
@@ -8437,7 +8438,7 @@ const Ic = (t) => wt`
 }, Ru = (t) => {
   const { t: n } = oe("common");
   return /* @__PURE__ */ k(ud, { cancelLabel: n("cancel"), ...t });
-}, fd = A(en)`
+}, fd = A(tn)`
   align-items: center;
 
   background-color: ${(t) => t.active ? "var(--ddk-component-radio-card-background-color-active)" : "var(--ddk-component-radio-card-background-color)"};
@@ -8570,7 +8571,7 @@ const Ic = (t) => wt`
   border-collapse: collapse;
 `, Bo = wt`
   border-bottom: 1px solid var(--ddk-generic-color-grey-30);
-`, qe = wt`
+`, He = wt`
   padding: var(--ddk-component-schedule-table-div-padding);
   font-size: var(--ddk-generic-font-size-x-small);
   font-weight: var(--ddk-generic-font-weight-medium);
@@ -8599,17 +8600,17 @@ const Ic = (t) => wt`
     /* @__PURE__ */ k("tr", { children: /* @__PURE__ */ k(wd, { headings: c }) })
   ] }),
   /* @__PURE__ */ k("tbody", { children: o == null ? void 0 : o.map((h, b) => /* @__PURE__ */ ot("tr", { css: Bo, children: [
-    /* @__PURE__ */ k("td", { css: [qe, Cd], children: h == null ? void 0 : h.day }),
-    /* @__PURE__ */ k("td", { css: [qe, Pd], children: /* @__PURE__ */ k(Jr, { checked: h == null ? void 0 : h.isTrue }) }),
-    /* @__PURE__ */ k("td", { css: qe, children: /* @__PURE__ */ k(xn, { css: Lo, children: h == null ? void 0 : h.openTime }) }),
-    /* @__PURE__ */ k("td", { css: qe, children: /* @__PURE__ */ k(xn, { css: Lo, children: h == null ? void 0 : h.closeTime }) })
+    /* @__PURE__ */ k("td", { css: [He, Cd], children: h == null ? void 0 : h.day }),
+    /* @__PURE__ */ k("td", { css: [He, Pd], children: /* @__PURE__ */ k(Jr, { checked: h == null ? void 0 : h.isTrue }) }),
+    /* @__PURE__ */ k("td", { css: He, children: /* @__PURE__ */ k(xn, { css: Lo, children: h == null ? void 0 : h.openTime }) }),
+    /* @__PURE__ */ k("td", { css: He, children: /* @__PURE__ */ k(xn, { css: Lo, children: h == null ? void 0 : h.closeTime }) })
   ] }, b)) })
 ] }) }), Id = ({
   children: t,
   label: n,
   size: o = "medium",
   ...c
-}) => /* @__PURE__ */ k(be, { icon: Wo, size: o, ...c, children: n }), Ed = Ke(Xi), Od = A.div`
+}) => /* @__PURE__ */ k(be, { icon: Wo, size: o, ...c, children: n }), Ed = Ve(Xi), Od = A.div`
   background: transparent;
   position: fixed;
   top: 0;
@@ -8637,7 +8638,7 @@ const Ic = (t) => wt`
   font-family: var(--ddk-component-input-action-item-font-family);
 `, Nu = ({ label: t, value: n }) => /* @__PURE__ */ ot(At, { children: [
   t,
-  /* @__PURE__ */ k(en, { css: Td, children: n })
+  /* @__PURE__ */ k(tn, { css: Td, children: n })
 ] }), Ad = A.div`
   display: flex;
   flex-direction: column;
@@ -9055,11 +9056,11 @@ const Ic = (t) => wt`
               showCloseButton: !0,
               onClose: () => d(!1),
               closeButtonLabel: n,
-              CloseButton: a === "compact" ? rn : void 0
+              CloseButton: a === "compact" ? on : void 0
             }
           ),
           /* @__PURE__ */ ot(tl, { children: [
-            /* @__PURE__ */ ot(Ne, { children: [
+            /* @__PURE__ */ ot(rn, { children: [
               /* @__PURE__ */ k(
                 ao,
                 {
@@ -9301,7 +9302,7 @@ const Ic = (t) => wt`
         ),
         /* @__PURE__ */ ot(cl, { children: [
           c && /* @__PURE__ */ k(ao, { ...b }),
-          /* @__PURE__ */ k(on, { value: S, isError: z })
+          /* @__PURE__ */ k(nn, { value: S, isError: z })
         ] }),
         /* @__PURE__ */ k(ro, { layout: "numLogin", onKeyReleased: s }),
         /* @__PURE__ */ ot(an, { children: [
@@ -9431,7 +9432,7 @@ const Ic = (t) => wt`
 export {
   cu as ActionCard,
   xn as ActionItem,
-  en as ActionItemButton,
+  tn as ActionItemButton,
   lo as ActionItemButtonStyles,
   fu as AgitatorDashboardCard,
   _o as AvailableText,
@@ -9456,13 +9457,13 @@ export {
   Hs as CardNav,
   Vs as CardTitle,
   ar as CloseButton,
-  rn as CompactCloseButton,
+  on as CompactCloseButton,
   Jo as ComponentConfigurationContext,
   Dl as ComponentConfigurationProvider,
   lu as ConfirmationModal,
   lu as ConfirmationModalContainer,
   me as Container,
-  Ne as Content,
+  rn as Content,
   Ls as DashboardCardContainer,
   Bn as Description,
   Ur as Dial,
@@ -9495,7 +9496,7 @@ export {
   Cu as InfoMessage,
   ic as InfoTable,
   jl as InformationIconStyle,
-  on as Input,
+  nn as Input,
   jc as InputCard,
   jc as InputCardContainer,
   Iu as InputRangeCard,
@@ -9504,7 +9505,7 @@ export {
   Ou as InputTypePassword,
   Jl as InstructionCard,
   ro as Keyboard,
-  nn as Label,
+  en as Label,
   Yl as LabelDate,
   Hi as LabelDateInformation,
   zn as LabelExtraSmall,
@@ -9516,6 +9517,7 @@ export {
   Zl as ListContainer,
   da as MenuButton,
   le as Modal,
+  Ds as ModalContainer,
   Vc as MultiDial,
   Uc as MultiPicker,
   Tu as MultiPickerCard,