@krrli/cm-designsystem 1.20.0 → 1.20.1

package/dist/components/icons/IconBase.js

@@ -2,8 +2,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // src/components/icons/IconBase.tsx
 import { AccessibleIcon } from "@radix-ui/react-accessible-icon";
 import * as React from "react";
-import { tv } from "tailwind-variants";
+import { cnBase, tv } from "tailwind-variants";
 const iconStyles = tv({
     base: ["w-4", "h-4"],
 });
-export const IconBase = ({ label = "", children, ...props }) => (_jsx(AccessibleIcon, { label: label, children: _jsx("svg", { className: iconStyles(), fill: "currentColor", viewBox: props.viewBox || "0 0 16 16", ...props, children: children }) }));
+export const IconBase = ({ label = "", children, className, ...props }) => {
+    return (_jsx(AccessibleIcon, { label: label, children: _jsx("svg", { className: cnBase(className, iconStyles()), fill: "currentColor", viewBox: props.viewBox || "0 0 16 16", ...props, children: children }) }));
+};

package/dist/index.es.js

@@ -1,8 +1,8 @@
 import * as s from "react";
-import Y, { createElement as T2, useState as a2, useRef as Cr, useEffect as hr } from "react";
+import Y, { createElement as V2, useState as a2, useRef as Cr, useEffect as hr } from "react";
 import * as gr from "react-dom";
 import vr from "react-dom";
-var G2 = { exports: {} }, A2 = {};
+var Z2 = { exports: {} }, A2 = {};
 var t0;
 function br() {
   if (t0) return A2;
@@ -259,7 +259,7 @@ React keys must be passed directly to JSX without using spread:
 }
 var n0;
 function xr() {
-  return n0 || (n0 = 1, process.env.NODE_ENV === "production" ? G2.exports = br() : G2.exports = yr()), G2.exports;
+  return n0 || (n0 = 1, process.env.NODE_ENV === "production" ? Z2.exports = br() : Z2.exports = yr()), Z2.exports;
 }
 var u = xr();
 function wr(e, t = []) {
@@ -344,7 +344,7 @@ function r2(...e) {
 function e2(...e) {
   return s.useCallback(r2(...e), e);
 }
-var Sr = Symbol.for("react.lazy"), re = s[" use ".trim().toString()];
+var Sr = Symbol.for("react.lazy"), ne = s[" use ".trim().toString()];
 function _r(e) {
   return typeof e == "object" && e !== null && "then" in e;
 }
@@ -355,7 +355,7 @@ function M0(e) {
 function Rr(e) {
   const t = /* @__PURE__ */ Ar(e), r = s.forwardRef((n, o) => {
     let { children: i, ...l } = n;
-    M0(i) && typeof re == "function" && (i = re(i._payload));
+    M0(i) && typeof ne == "function" && (i = ne(i._payload));
     const a = s.Children.toArray(i), c = a.find(Mr);
     if (c) {
       const d = c.props.children, f = a.map((p) => p === c ? s.Children.count(d) > 1 ? s.Children.only(null) : s.isValidElement(d) ? d.props.children : null : p);
@@ -369,7 +369,7 @@ function Rr(e) {
 function Ar(e) {
   const t = s.forwardRef((r, n) => {
     let { children: o, ...i } = r;
-    if (M0(o) && typeof re == "function" && (o = re(o._payload)), s.isValidElement(o)) {
+    if (M0(o) && typeof ne == "function" && (o = ne(o._payload)), s.isValidElement(o)) {
       const l = jr(o), a = Pr(i, o.props);
       return o.type !== s.Fragment && (a.ref = n ? r2(n, l) : l), s.cloneElement(o, a);
     }
@@ -420,7 +420,7 @@ var Nr = [
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ u.jsx(c, { ...a, ref: i });
   });
   return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
-}, {}), Z2 = { exports: {} }, fe = {};
+}, {}), W2 = { exports: {} }, fe = {};
 var i0;
 function Tr() {
   if (i0) return fe;
@@ -518,7 +518,7 @@ function Vr() {
 }
 var s0;
 function Ir() {
-  return s0 || (s0 = 1, process.env.NODE_ENV === "production" ? Z2.exports = Tr() : Z2.exports = Vr()), Z2.exports;
+  return s0 || (s0 = 1, process.env.NODE_ENV === "production" ? W2.exports = Tr() : W2.exports = Vr()), W2.exports;
 }
 var Or = Ir();
 function Lr() {
@@ -591,7 +591,7 @@ function $r(e, { referrerPolicy: t, crossOrigin: r }) {
     };
   }, [i, r, t]), l;
 }
-var Gr = j0, Zr = T0, Wr = I0, Br = /\s+/g, _e = (e) => typeof e != "string" || !e ? e : e.replace(Br, " ").trim(), ne = (...e) => {
+var Gr = j0, Zr = T0, Wr = I0, Br = /\s+/g, _e = (e) => typeof e != "string" || !e ? e : e.replace(Br, " ").trim(), N2 = (...e) => {
   let t = [], r = (n) => {
     if (!n && n !== 0 && n !== 0n) return;
     if (Array.isArray(n)) {
@@ -632,7 +632,7 @@ var Gr = j0, Zr = T0, Wr = I0, Br = /\s+/g, _e = (e) => typeof e != "string" ||
 }, u0 = (e, t) => {
   for (let r in t) if (Object.prototype.hasOwnProperty.call(t, r)) {
     let n = t[r];
-    r in e ? e[r] = ne(e[r], n) : e[r] = n;
+    r in e ? e[r] = N2(e[r], n) : e[r] = n;
   }
   return e;
 }, O0 = (e, t) => {
@@ -678,9 +678,9 @@ function Yr() {
 }
 var l2 = Yr(), Kr = (e) => {
   let t = (r, n) => {
-    let { extend: o = null, slots: i = {}, variants: l = {}, compoundVariants: a = [], compoundSlots: c = [], defaultVariants: d = {} } = r, f = { ...Ur, ...n }, p = o?.base ? ne(o.base, r?.base) : r?.base, h = o?.variants && !Q(o.variants) ? Re(l, o.variants) : l, v = o?.defaultVariants && !Q(o.defaultVariants) ? { ...o.defaultVariants, ...d } : d;
+    let { extend: o = null, slots: i = {}, variants: l = {}, compoundVariants: a = [], compoundSlots: c = [], defaultVariants: d = {} } = r, f = { ...Ur, ...n }, p = o?.base ? N2(o.base, r?.base) : r?.base, h = o?.variants && !Q(o.variants) ? Re(l, o.variants) : l, v = o?.defaultVariants && !Q(o.defaultVariants) ? { ...o.defaultVariants, ...d } : d;
     !Q(f.twMergeConfig) && !zr(f.twMergeConfig, l2.cachedTwMergeConfig) && (l2.didTwMergeConfigChange = !0, l2.cachedTwMergeConfig = f.twMergeConfig);
-    let y = Q(o?.slots), m = Q(i) ? {} : { base: ne(r?.base, y && o?.base), ...i }, g = y ? m : u0({ ...o?.slots }, Q(m) ? { base: r?.base } : m), x = Q(o?.compoundVariants) ? a : L0(o?.compoundVariants, a), b = (_) => {
+    let y = Q(o?.slots), m = Q(i) ? {} : { base: N2(r?.base, y && o?.base), ...i }, g = y ? m : u0({ ...o?.slots }, Q(m) ? { base: r?.base } : m), x = Q(o?.compoundVariants) ? a : L0(o?.compoundVariants, a), b = (_) => {
       if (Q(h) && Q(i) && y) return e(p, _?.class, _?.className)(f);
       if (x && !Array.isArray(x)) throw new TypeError(`The "compoundVariants" prop must be an array. Received: ${typeof x}`);
       if (c && !Array.isArray(c)) throw new TypeError(`The "compoundSlots" prop must be an array. Received: ${typeof c}`);
@@ -1063,7 +1063,7 @@ const X = (e) => {
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   fn.test(e) && !pn.test(e)
-), G0 = () => !1, vn = (e) => mn.test(e), bn = (e) => Cn.test(e), yn = (e) => !R(e) && !A(e), xn = (e) => _2(e, B0, G0), R = (e) => H0.test(e), C2 = (e) => _2(e, z0, gn), Ce = (e) => _2(e, Rn, $), p0 = (e) => _2(e, Z0, G0), wn = (e) => _2(e, W0, bn), W2 = (e) => _2(e, U0, vn), A = (e) => $0.test(e), M2 = (e) => R2(e, z0), En = (e) => R2(e, An), m0 = (e) => R2(e, Z0), Sn = (e) => R2(e, B0), _n = (e) => R2(e, W0), B2 = (e) => R2(e, U0, !0), _2 = (e, t, r) => {
+), G0 = () => !1, vn = (e) => mn.test(e), bn = (e) => Cn.test(e), yn = (e) => !R(e) && !A(e), xn = (e) => _2(e, B0, G0), R = (e) => H0.test(e), C2 = (e) => _2(e, z0, gn), Ce = (e) => _2(e, Rn, $), p0 = (e) => _2(e, Z0, G0), wn = (e) => _2(e, W0, bn), B2 = (e) => _2(e, U0, vn), A = (e) => $0.test(e), M2 = (e) => R2(e, z0), En = (e) => R2(e, An), m0 = (e) => R2(e, Z0), Sn = (e) => R2(e, B0), _n = (e) => R2(e, W0), z2 = (e) => R2(e, U0, !0), _2 = (e, t, r) => {
   const n = H0.exec(e);
   return n ? n[1] ? t(n[1]) : r(n[2]) : !1;
 }, R2 = (e, t, r = !1) => {
@@ -1111,7 +1111,7 @@ const X = (e) => {
     y,
     A,
     R
-  ], c2 = () => ["none", $, A, R], b2 = () => ["none", $, A, R], de = () => [$, A, R], $2 = () => [y2, "full", ...E()];
+  ], c2 = () => ["none", $, A, R], b2 = () => ["none", $, A, R], de = () => [$, A, R], G2 = () => [y2, "full", ...E()];
   return {
     cacheSize: 500,
     theme: {
@@ -2461,8 +2461,8 @@ const X = (e) => {
           "",
           "none",
           f,
-          B2,
-          W2
+          z2,
+          B2
         ]
       }],
       /**
@@ -2477,7 +2477,7 @@ const X = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", p, B2, W2]
+        "inset-shadow": ["none", p, z2, B2]
       }],
       /**
        * Inset Box Shadow Color
@@ -2544,7 +2544,7 @@ const X = (e) => {
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", h, B2, W2]
+        "text-shadow": ["none", h, z2, B2]
       }],
       /**
        * Text Shadow Color
@@ -2817,8 +2817,8 @@ const X = (e) => {
           "",
           "none",
           v,
-          B2,
-          W2
+          z2,
+          B2
         ]
       }],
       /**
@@ -3161,28 +3161,28 @@ const X = (e) => {
        * @see https://tailwindcss.com/docs/translate
        */
       translate: [{
-        translate: $2()
+        translate: G2()
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": $2()
+        "translate-x": G2()
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": $2()
+        "translate-y": G2()
       }],
       /**
        * Translate Z
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-z": [{
-        "translate-z": $2()
+        "translate-z": G2()
       }],
       /**
        * Translate None
@@ -3545,13 +3545,13 @@ const X = (e) => {
   experimentalParseClassName: n,
   extend: o = {},
   override: i = {}
-}) => (j2(e, "cacheSize", t), j2(e, "prefix", r), j2(e, "experimentalParseClassName", n), z2(e.theme, i.theme), z2(e.classGroups, i.classGroups), z2(e.conflictingClassGroups, i.conflictingClassGroups), z2(e.conflictingClassGroupModifiers, i.conflictingClassGroupModifiers), j2(e, "orderSensitiveModifiers", i.orderSensitiveModifiers), U2(e.theme, o.theme), U2(e.classGroups, o.classGroups), U2(e.conflictingClassGroups, o.conflictingClassGroups), U2(e.conflictingClassGroupModifiers, o.conflictingClassGroupModifiers), Y0(e, o, "orderSensitiveModifiers"), e), j2 = (e, t, r) => {
+}) => (j2(e, "cacheSize", t), j2(e, "prefix", r), j2(e, "experimentalParseClassName", n), U2(e.theme, i.theme), U2(e.classGroups, i.classGroups), U2(e.conflictingClassGroups, i.conflictingClassGroups), U2(e.conflictingClassGroupModifiers, i.conflictingClassGroupModifiers), j2(e, "orderSensitiveModifiers", i.orderSensitiveModifiers), Y2(e.theme, o.theme), Y2(e.classGroups, o.classGroups), Y2(e.conflictingClassGroups, o.conflictingClassGroups), Y2(e.conflictingClassGroupModifiers, o.conflictingClassGroupModifiers), Y0(e, o, "orderSensitiveModifiers"), e), j2 = (e, t, r) => {
   r !== void 0 && (e[t] = r);
-}, z2 = (e, t) => {
+}, U2 = (e, t) => {
   if (t)
     for (const r in t)
       j2(e, r, t[r]);
-}, U2 = (e, t) => {
+}, Y2 = (e, t) => {
   if (t)
     for (const r in t)
       Y0(e, t, r);
@@ -3560,7 +3560,7 @@ const X = (e) => {
   n !== void 0 && (e[r] = e[r] ? e[r].concat(n) : n);
 }, Mn = (e, ...t) => typeof e == "function" ? Pe(je, e, ...t) : Pe(() => kn(je(), e), ...t), v2 = /* @__PURE__ */ Pe(je);
 var Pn = (e) => Q(e) ? v2 : Mn({ ...e, extend: { theme: e.theme, classGroups: e.classGroups, conflictingClassGroupModifiers: e.conflictingClassGroupModifiers, conflictingClassGroups: e.conflictingClassGroups, ...e.extend } }), jn = (...e) => (t) => {
-  let r = ne(e);
+  let r = N2(e);
   return !r || !t.twMerge ? r : ((!l2.cachedTwMerge || l2.didTwMergeConfigChange) && (l2.didTwMergeConfigChange = !1, l2.cachedTwMerge = Pn(l2.cachedTwMergeConfig)), l2.cachedTwMerge(r) || void 0);
 }, { tv: z } = Kr(jn), Nn = Object.freeze({
   // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
@@ -3603,14 +3603,15 @@ const On = z({
 }), m2 = ({
   label: e = "",
   children: t,
-  ...r
+  className: r,
+  ...n
 }) => /* @__PURE__ */ u.jsx(q0, { label: e, children: /* @__PURE__ */ u.jsx(
   "svg",
   {
-    className: On(),
+    className: N2(r, On()),
     fill: "currentColor",
-    viewBox: r.viewBox || "0 0 16 16",
-    ...r,
+    viewBox: n.viewBox || "0 0 16 16",
+    ...n,
     children: t
   }
 ) }), X0 = (e) => /* @__PURE__ */ u.jsx(m2, { label: "Cancel", ...e, children: /* @__PURE__ */ u.jsx(
@@ -4031,7 +4032,7 @@ const On = z({
       error: ["text-error"]
     }
   }
-}), t2 = ({ as: e = "label", className: t, ...r }) => T2(
+}), t2 = ({ as: e = "label", className: t, ...r }) => V2(
   e,
   { className: v2(t, et(r)) },
   r.children
@@ -4115,7 +4116,7 @@ const On = z({
   as: e = "p",
   className: t,
   ...r
-}) => T2(
+}) => V2(
   e,
   { className: v2(t, oo(r)) },
   r.children
@@ -4247,7 +4248,7 @@ function uo(e, t) {
   }
   return [n, o];
 }
-function V2(e, t = []) {
+function I2(e, t = []) {
   let r = [];
   function n(i, l) {
     const a = s.createContext(l), c = r.length;
@@ -4442,13 +4443,13 @@ var Po = [
   "span",
   "svg",
   "ul"
-], I2 = Po.reduce((e, t) => {
+], O2 = Po.reduce((e, t) => {
   const r = /* @__PURE__ */ So(`Primitive.${t}`), n = s.forwardRef((o, i) => {
     const { asChild: l, ...a } = o, c = l ? r : t;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ u.jsx(c, { ...a, ref: i });
   });
   return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
-}, {}), [He] = V2("Form"), $e = "Form", [jo, O2] = He($e), [No, nt] = He($e), ot = s.forwardRef(
+}, {}), [He] = I2("Form"), $e = "Form", [jo, L2] = He($e), [No, nt] = He($e), ot = s.forwardRef(
   (e, t) => {
     const { __scopeForm: r, onClearServerErrors: n = () => {
     }, ...o } = e, i = s.useRef(null), l = e2(t, i), [a, c] = s.useState({}), d = s.useCallback(
@@ -4519,7 +4520,7 @@ var Po = [
             onFieldMessageIdRemove: E,
             getFieldDescription: B,
             children: /* @__PURE__ */ u.jsx(
-              I2.form,
+              O2.form,
               {
                 ...o,
                 ref: l,
@@ -4542,9 +4543,9 @@ var Po = [
 ot.displayName = $e;
 var Ge = "FormField", [To, Ze] = He(Ge), it = s.forwardRef(
   (e, t) => {
-    const { __scopeForm: r, name: n, serverInvalid: o = !1, ...i } = e, a = O2(Ge, r).getFieldValidity(n), c = f2();
+    const { __scopeForm: r, name: n, serverInvalid: o = !1, ...i } = e, a = L2(Ge, r).getFieldValidity(n), c = f2();
     return /* @__PURE__ */ u.jsx(To, { scope: r, id: c, name: n, serverInvalid: o, children: /* @__PURE__ */ u.jsx(
-      I2.div,
+      O2.div,
       {
         "data-valid": Be(a, o),
         "data-invalid": ze(a, o),
@@ -4557,7 +4558,7 @@ var Ge = "FormField", [To, Ze] = He(Ge), it = s.forwardRef(
 it.displayName = Ge;
 var Ne = "FormLabel", at = s.forwardRef(
   (e, t) => {
-    const { __scopeForm: r, ...n } = e, o = O2(Ne, r), i = Ze(Ne, r), l = n.htmlFor || i.id, a = o.getFieldValidity(i.name);
+    const { __scopeForm: r, ...n } = e, o = L2(Ne, r), i = Ze(Ne, r), l = n.htmlFor || i.id, a = o.getFieldValidity(i.name);
     return /* @__PURE__ */ u.jsx(
       rt,
       {
@@ -4571,9 +4572,9 @@ var Ne = "FormLabel", at = s.forwardRef(
   }
 );
 at.displayName = Ne;
-var Q2 = "FormControl", st = s.forwardRef(
+var ee = "FormControl", st = s.forwardRef(
   (e, t) => {
-    const { __scopeForm: r, ...n } = e, o = O2(Q2, r), i = Ze(Q2, r), l = nt(Q2, r), a = s.useRef(null), c = e2(t, a), d = n.name || i.name, f = n.id || i.id, p = o.getFieldCustomMatcherEntries(d), { onFieldValidityChange: h, onFieldCustomErrorsChange: v, onFieldValiditionClear: y } = o, m = s.useCallback(
+    const { __scopeForm: r, ...n } = e, o = L2(ee, r), i = Ze(ee, r), l = nt(ee, r), a = s.useRef(null), c = e2(t, a), d = n.name || i.name, f = n.id || i.id, p = o.getFieldCustomMatcherEntries(d), { onFieldValidityChange: h, onFieldCustomErrorsChange: v, onFieldValiditionClear: y } = o, m = s.useCallback(
       async (b) => {
         if (dt(b.validity)) {
           const F = he(b.validity);
@@ -4585,13 +4586,13 @@ var Q2 = "FormControl", st = s.forwardRef(
           $o(F, _) ? G.push(F) : Go(F) && V.push(F);
         });
         const T = V.map(({ id: F, match: q }) => [F, q(..._)]), E = Object.fromEntries(T), B = Object.values(E).some(Boolean), j = B;
-        b.setCustomValidity(j ? N2 : "");
+        b.setCustomValidity(j ? T2 : "");
         const Z = he(b.validity);
         if (h(d, Z), v(d, E), !B && G.length > 0) {
           const F = G.map(
             ({ id: w, match: L }) => L(..._).then((W) => [w, W])
           ), q = await Promise.all(F), I = Object.fromEntries(q), P = Object.values(I).some(Boolean);
-          b.setCustomValidity(P ? N2 : "");
+          b.setCustomValidity(P ? T2 : "");
           const O = he(b.validity);
           h(d, O), v(d, I);
         }
@@ -4622,7 +4623,7 @@ var Q2 = "FormControl", st = s.forwardRef(
     }, [i.serverInvalid]);
     const x = o.getFieldValidity(d);
     return /* @__PURE__ */ u.jsx(
-      I2.input,
+      O2.input,
       {
         "data-valid": Be(x, i.serverInvalid),
         "data-invalid": ze(x, i.serverInvalid),
@@ -4644,9 +4645,9 @@ var Q2 = "FormControl", st = s.forwardRef(
     );
   }
 );
-st.displayName = Q2;
-var N2 = "This value is not valid", Vo = {
-  badInput: N2,
+st.displayName = ee;
+var T2 = "This value is not valid", Vo = {
+  badInput: T2,
   patternMismatch: "This value does not match the required pattern",
   rangeOverflow: "This value is too large",
   rangeUnderflow: "This value is too small",
@@ -4656,34 +4657,34 @@ var N2 = "This value is not valid", Vo = {
   typeMismatch: "This value does not match the required type",
   valid: void 0,
   valueMissing: "This value is missing"
-}, L2 = "FormMessage", lt = s.forwardRef(
+}, D2 = "FormMessage", lt = s.forwardRef(
   (e, t) => {
-    const { match: r, name: n, ...o } = e, i = Ze(L2, e.__scopeForm), l = n ?? i.name;
-    return r === void 0 ? /* @__PURE__ */ u.jsx(We, { ...o, ref: t, name: l, children: e.children || N2 }) : typeof r == "function" ? /* @__PURE__ */ u.jsx(Oo, { match: r, ...o, ref: t, name: l }) : /* @__PURE__ */ u.jsx(Io, { match: r, ...o, ref: t, name: l });
+    const { match: r, name: n, ...o } = e, i = Ze(D2, e.__scopeForm), l = n ?? i.name;
+    return r === void 0 ? /* @__PURE__ */ u.jsx(We, { ...o, ref: t, name: l, children: e.children || T2 }) : typeof r == "function" ? /* @__PURE__ */ u.jsx(Oo, { match: r, ...o, ref: t, name: l }) : /* @__PURE__ */ u.jsx(Io, { match: r, ...o, ref: t, name: l });
   }
 );
-lt.displayName = L2;
+lt.displayName = D2;
 var Io = s.forwardRef(
   (e, t) => {
-    const { match: r, forceMatch: n = !1, name: o, children: i, ...l } = e, c = O2(L2, l.__scopeForm).getFieldValidity(o);
+    const { match: r, forceMatch: n = !1, name: o, children: i, ...l } = e, c = L2(D2, l.__scopeForm).getFieldValidity(o);
     return n || c?.[r] ? /* @__PURE__ */ u.jsx(We, { ref: t, ...l, name: o, children: i ?? Vo[r] }) : null;
   }
 ), Oo = s.forwardRef(
   (e, t) => {
-    const { match: r, forceMatch: n = !1, name: o, id: i, children: l, ...a } = e, c = O2(L2, a.__scopeForm), d = s.useRef(null), f = e2(t, d), p = f2(), h = i ?? p, v = s.useMemo(() => ({ id: h, match: r }), [h, r]), { onFieldCustomMatcherEntryAdd: y, onFieldCustomMatcherEntryRemove: m } = c;
+    const { match: r, forceMatch: n = !1, name: o, id: i, children: l, ...a } = e, c = L2(D2, a.__scopeForm), d = s.useRef(null), f = e2(t, d), p = f2(), h = i ?? p, v = s.useMemo(() => ({ id: h, match: r }), [h, r]), { onFieldCustomMatcherEntryAdd: y, onFieldCustomMatcherEntryRemove: m } = c;
     s.useEffect(() => (y(o, v), () => m(o, v.id)), [v, o, y, m]);
     const g = c.getFieldValidity(o), b = c.getFieldCustomErrors(o)[h];
-    return n || g && !dt(g) && b ? /* @__PURE__ */ u.jsx(We, { id: h, ref: f, ...a, name: o, children: l ?? N2 }) : null;
+    return n || g && !dt(g) && b ? /* @__PURE__ */ u.jsx(We, { id: h, ref: f, ...a, name: o, children: l ?? T2 }) : null;
   }
 ), We = s.forwardRef(
   (e, t) => {
-    const { __scopeForm: r, id: n, name: o, ...i } = e, l = nt(L2, r), a = f2(), c = n ?? a, { onFieldMessageIdAdd: d, onFieldMessageIdRemove: f } = l;
-    return s.useEffect(() => (d(o, c), () => f(o, c)), [o, c, d, f]), /* @__PURE__ */ u.jsx(I2.span, { id: c, ...i, ref: t });
+    const { __scopeForm: r, id: n, name: o, ...i } = e, l = nt(D2, r), a = f2(), c = n ?? a, { onFieldMessageIdAdd: d, onFieldMessageIdRemove: f } = l;
+    return s.useEffect(() => (d(o, c), () => f(o, c)), [o, c, d, f]), /* @__PURE__ */ u.jsx(O2.span, { id: c, ...i, ref: t });
   }
 ), Lo = "FormSubmit", ct = s.forwardRef(
   (e, t) => {
     const { __scopeForm: r, ...n } = e;
-    return /* @__PURE__ */ u.jsx(I2.button, { type: "submit", ...n, ref: t });
+    return /* @__PURE__ */ u.jsx(O2.button, { type: "submit", ...n, ref: t });
   }
 );
 ct.displayName = Lo;
@@ -4798,7 +4799,7 @@ const Uo = z({
   type: t = "error",
   className: r,
   ...n
-}) => T2(
+}) => V2(
   e,
   {
     className: v2(
@@ -5708,11 +5709,11 @@ _t.displayName = U1;
 function Y1(e, t) {
   return s.useReducer((r, n) => t[r][n] ?? r, e);
 }
-var D2 = (e) => {
+var F2 = (e) => {
   const { present: t, children: r } = e, n = K1(t), o = typeof r == "function" ? r({ present: n.isPresent }) : s.Children.only(r), i = e2(n.ref, q1(o));
   return typeof r == "function" || n.isPresent ? s.cloneElement(o, { ref: i }) : null;
 };
-D2.displayName = "Presence";
+F2.displayName = "Presence";
 function K1(e) {
   const [t, r] = s.useState(), n = s.useRef(null), o = s.useRef(e), i = s.useRef("none"), l = e ? "mounted" : "unmounted", [a, c] = Y1(l, {
     mounted: {
@@ -5728,19 +5729,19 @@ function K1(e) {
     }
   });
   return s.useEffect(() => {
-    const d = Y2(n.current);
+    const d = K2(n.current);
     i.current = a === "mounted" ? d : "none";
   }, [a]), p2(() => {
     const d = n.current, f = o.current;
     if (f !== e) {
-      const h = i.current, v = Y2(d);
+      const h = i.current, v = K2(d);
       e ? c("MOUNT") : v === "none" || d?.display === "none" ? c("UNMOUNT") : c(f && h !== v ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e;
     }
   }, [e, c]), p2(() => {
     if (t) {
       let d;
       const f = t.ownerDocument.defaultView ?? window, p = (v) => {
-        const m = Y2(n.current).includes(CSS.escape(v.animationName));
+        const m = K2(n.current).includes(CSS.escape(v.animationName));
         if (v.target === t && m && (c("ANIMATION_END"), !o.current)) {
           const g = t.style.animationFillMode;
           t.style.animationFillMode = "forwards", d = f.setTimeout(() => {
@@ -5748,7 +5749,7 @@ function K1(e) {
           });
         }
       }, h = (v) => {
-        v.target === t && (i.current = Y2(n.current));
+        v.target === t && (i.current = K2(n.current));
       };
       return t.addEventListener("animationstart", h), t.addEventListener("animationcancel", p), t.addEventListener("animationend", p), () => {
         f.clearTimeout(d), t.removeEventListener("animationstart", h), t.removeEventListener("animationcancel", p), t.removeEventListener("animationend", p);
@@ -5762,7 +5763,7 @@ function K1(e) {
     }, [])
   };
 }
-function Y2(e) {
+function K2(e) {
   return e?.animationName || "none";
 }
 function q1(e) {
@@ -5830,7 +5831,7 @@ var ri = [
   "span",
   "svg",
   "ul"
-], F2 = ri.reduce((e, t) => {
+], H2 = ri.reduce((e, t) => {
   const r = /* @__PURE__ */ Rt(`Primitive.${t}`), n = s.forwardRef((o, i) => {
     const { asChild: l, ...a } = o, c = l ? r : t;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ u.jsx(c, { ...a, ref: i });
@@ -5871,7 +5872,7 @@ function oi(e, t, r) {
     (i || !(n in t)) && (i || (i = Array.prototype.slice.call(t, 0, n)), i[n] = t[n]);
   return e.concat(i || Array.prototype.slice.call(t));
 }
-var ee = "right-scroll-bar-position", te = "width-before-scroll-bar", ii = "with-scroll-bars-hidden", ai = "--removed-body-scroll-bar-size";
+var te = "right-scroll-bar-position", re = "width-before-scroll-bar", ii = "with-scroll-bars-hidden", ai = "--removed-body-scroll-bar-size";
 function ye(e, t) {
   return typeof e == "function" ? e(t) : e && (e.current = t), e;
 }
@@ -6012,8 +6013,8 @@ se.defaultProps = {
   inert: !1
 };
 se.classNames = {
-  fullWidth: te,
-  zeroRight: ee
+  fullWidth: re,
+  zeroRight: te
 };
 var mi = function() {
   if (typeof __webpack_nonce__ < "u")
@@ -6103,19 +6104,19 @@ var vi = function() {
   ].filter(Boolean).join(""), `
   }
   
-  .`).concat(ee, ` {
+  .`).concat(te, ` {
     right: `).concat(a, "px ").concat(n, `;
   }
   
-  .`).concat(te, ` {
+  .`).concat(re, ` {
     margin-right: `).concat(a, "px ").concat(n, `;
   }
   
-  .`).concat(ee, " .").concat(ee, ` {
+  .`).concat(te, " .").concat(te, ` {
     right: 0 `).concat(n, `;
   }
   
-  .`).concat(te, " .").concat(te, ` {
+  .`).concat(re, " .").concat(re, ` {
     margin-right: 0 `).concat(n, `;
   }
   
@@ -6143,12 +6144,12 @@ var vi = function() {
 }, Oe = !1;
 if (typeof window < "u")
   try {
-    var K2 = Object.defineProperty({}, "passive", {
+    var q2 = Object.defineProperty({}, "passive", {
       get: function() {
         return Oe = !0, !0;
       }
     });
-    window.addEventListener("test", K2, K2), window.removeEventListener("test", K2, K2);
+    window.addEventListener("test", q2, q2), window.removeEventListener("test", q2, q2);
   } catch {
     Oe = !1;
   }
@@ -6215,7 +6216,7 @@ var x2 = Oe ? { passive: !1 } : !1, Ai = function(e) {
     c && (t.contains(a) || t === a)
   );
   return (f && Math.abs(p) < 1 || !f && Math.abs(h) < 1) && (d = !0), d;
-}, q2 = function(e) {
+}, X2 = function(e) {
   return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
 }, R0 = function(e) {
   return [e.deltaX, e.deltaY];
@@ -6249,7 +6250,7 @@ function Li(e) {
   var a = s.useCallback(function(m, g) {
     if ("touches" in m && m.touches.length === 2 || m.type === "wheel" && m.ctrlKey)
       return !l.current.allowPinchZoom;
-    var x = q2(m), b = r.current, S = "deltaX" in m ? m.deltaX : b[0] - x[0], _ = "deltaY" in m ? m.deltaY : b[1] - x[1], V, G = m.target, T = Math.abs(S) > Math.abs(_) ? "h" : "v";
+    var x = X2(m), b = r.current, S = "deltaX" in m ? m.deltaX : b[0] - x[0], _ = "deltaY" in m ? m.deltaY : b[1] - x[1], V, G = m.target, T = Math.abs(S) > Math.abs(_) ? "h" : "v";
     if ("touches" in m && T === "h" && G.type === "range")
       return !1;
     var E = _0(T, G);
@@ -6264,7 +6265,7 @@ function Li(e) {
   }, []), c = s.useCallback(function(m) {
     var g = m;
     if (!(!w2.length || w2[w2.length - 1] !== i)) {
-      var x = "deltaY" in g ? R0(g) : q2(g), b = t.current.filter(function(V) {
+      var x = "deltaY" in g ? R0(g) : X2(g), b = t.current.filter(function(V) {
         return V.name === g.type && (V.target === g.target || g.target === V.shadowParent) && Vi(V.delta, x);
       })[0];
       if (b && b.should) {
@@ -6286,11 +6287,11 @@ function Li(e) {
       });
     }, 1);
   }, []), f = s.useCallback(function(m) {
-    r.current = q2(m), n.current = void 0;
+    r.current = X2(m), n.current = void 0;
   }, []), p = s.useCallback(function(m) {
     d(m.type, R0(m), m.target, a(m, e.lockRef.current));
   }, []), h = s.useCallback(function(m) {
-    d(m.type, q2(m), m.target, a(m, e.lockRef.current));
+    d(m.type, X2(m), m.target, a(m, e.lockRef.current));
   }, []);
   s.useEffect(function() {
     return w2.push(i), e.setCallbacks({
@@ -6326,7 +6327,7 @@ var Hi = function(e) {
     return null;
   var t = Array.isArray(e) ? e[0] : e;
   return t.ownerDocument.body;
-}, E2 = /* @__PURE__ */ new WeakMap(), X2 = /* @__PURE__ */ new WeakMap(), J2 = {}, Ee = 0, It = function(e) {
+}, E2 = /* @__PURE__ */ new WeakMap(), J2 = /* @__PURE__ */ new WeakMap(), Q2 = {}, Ee = 0, It = function(e) {
   return e && (e.host || It(e.parentNode));
 }, $i = function(e, t) {
   return t.map(function(r) {
@@ -6339,8 +6340,8 @@ var Hi = function(e) {
   });
 }, Gi = function(e, t, r, n) {
   var o = $i(t, Array.isArray(e) ? e : [e]);
-  J2[r] || (J2[r] = /* @__PURE__ */ new WeakMap());
-  var i = J2[r], l = [], a = /* @__PURE__ */ new Set(), c = new Set(o), d = function(p) {
+  Q2[r] || (Q2[r] = /* @__PURE__ */ new WeakMap());
+  var i = Q2[r], l = [], a = /* @__PURE__ */ new Set(), c = new Set(o), d = function(p) {
     !p || a.has(p) || (a.add(p), d(p.parentNode));
   };
   o.forEach(d);
@@ -6351,7 +6352,7 @@ var Hi = function(e) {
       else
         try {
           var v = h.getAttribute(n), y = v !== null && v !== "false", m = (E2.get(h) || 0) + 1, g = (i.get(h) || 0) + 1;
-          E2.set(h, m), i.set(h, g), l.push(h), m === 1 && y && X2.set(h, !0), g === 1 && h.setAttribute(r, "true"), y || h.setAttribute(n, "true");
+          E2.set(h, m), i.set(h, g), l.push(h), m === 1 && y && J2.set(h, !0), g === 1 && h.setAttribute(r, "true"), y || h.setAttribute(n, "true");
         } catch (x) {
           console.error("aria-hidden: cannot operate on ", h, x);
         }
@@ -6360,8 +6361,8 @@ var Hi = function(e) {
   return f(t), a.clear(), Ee++, function() {
     l.forEach(function(p) {
       var h = E2.get(p) - 1, v = i.get(p) - 1;
-      E2.set(p, h), i.set(p, v), h || (X2.has(p) || p.removeAttribute(n), X2.delete(p)), v || p.removeAttribute(r);
-    }), Ee--, Ee || (E2 = /* @__PURE__ */ new WeakMap(), E2 = /* @__PURE__ */ new WeakMap(), X2 = /* @__PURE__ */ new WeakMap(), J2 = {});
+      E2.set(p, h), i.set(p, v), h || (J2.has(p) || p.removeAttribute(n), J2.delete(p)), v || p.removeAttribute(r);
+    }), Ee--, Ee || (E2 = /* @__PURE__ */ new WeakMap(), E2 = /* @__PURE__ */ new WeakMap(), J2 = /* @__PURE__ */ new WeakMap(), Q2 = {});
   };
 }, Zi = function(e, t, r) {
   r === void 0 && (r = "data-aria-hidden");
@@ -6369,7 +6370,7 @@ var Hi = function(e) {
   return o ? (n.push.apply(n, Array.from(o.querySelectorAll("[aria-live], script"))), Gi(n, o, r, "aria-hidden")) : function() {
     return null;
   };
-}, le = "Dialog", [Ot] = V2(le), [Wi, o2] = Ot(le), Lt = (e) => {
+}, le = "Dialog", [Ot] = I2(le), [Wi, o2] = Ot(le), Lt = (e) => {
   const {
     __scopeDialog: t,
     children: r,
@@ -6405,7 +6406,7 @@ var Dt = "DialogTrigger", Bi = s.forwardRef(
   (e, t) => {
     const { __scopeDialog: r, ...n } = e, o = o2(Dt, r), i = e2(t, o.triggerRef);
     return /* @__PURE__ */ u.jsx(
-      F2.button,
+      H2.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
@@ -6424,13 +6425,13 @@ var Ke = "DialogPortal", [zi, Ft] = Ot(Ke, {
   forceMount: void 0
 }), Ht = (e) => {
   const { __scopeDialog: t, forceMount: r, children: n, container: o } = e, i = o2(Ke, t);
-  return /* @__PURE__ */ u.jsx(zi, { scope: t, forceMount: r, children: s.Children.map(n, (l) => /* @__PURE__ */ u.jsx(D2, { present: r || i.open, children: /* @__PURE__ */ u.jsx(_t, { asChild: !0, container: o, children: l }) })) });
+  return /* @__PURE__ */ u.jsx(zi, { scope: t, forceMount: r, children: s.Children.map(n, (l) => /* @__PURE__ */ u.jsx(F2, { present: r || i.open, children: /* @__PURE__ */ u.jsx(_t, { asChild: !0, container: o, children: l }) })) });
 };
 Ht.displayName = Ke;
 var oe = "DialogOverlay", $t = s.forwardRef(
   (e, t) => {
     const r = Ft(oe, e.__scopeDialog), { forceMount: n = r.forceMount, ...o } = e, i = o2(oe, e.__scopeDialog);
-    return i.modal ? /* @__PURE__ */ u.jsx(D2, { present: n || i.open, children: /* @__PURE__ */ u.jsx(Yi, { ...o, ref: t }) }) : null;
+    return i.modal ? /* @__PURE__ */ u.jsx(F2, { present: n || i.open, children: /* @__PURE__ */ u.jsx(Yi, { ...o, ref: t }) }) : null;
   }
 );
 $t.displayName = oe;
@@ -6441,7 +6442,7 @@ var Ui = /* @__PURE__ */ Rt("DialogOverlay.RemoveScroll"), Yi = s.forwardRef(
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
       /* @__PURE__ */ u.jsx(Vt, { as: Ui, allowPinchZoom: !0, shards: [o.contentRef], children: /* @__PURE__ */ u.jsx(
-        F2.div,
+        H2.div,
         {
           "data-state": Xe(o.open),
           ...n,
@@ -6454,7 +6455,7 @@ var Ui = /* @__PURE__ */ Rt("DialogOverlay.RemoveScroll"), Yi = s.forwardRef(
 ), g2 = "DialogContent", Gt = s.forwardRef(
   (e, t) => {
     const r = Ft(g2, e.__scopeDialog), { forceMount: n = r.forceMount, ...o } = e, i = o2(g2, e.__scopeDialog);
-    return /* @__PURE__ */ u.jsx(D2, { present: n || i.open, children: i.modal ? /* @__PURE__ */ u.jsx(Ki, { ...o, ref: t }) : /* @__PURE__ */ u.jsx(qi, { ...o, ref: t }) });
+    return /* @__PURE__ */ u.jsx(F2, { present: n || i.open, children: i.modal ? /* @__PURE__ */ u.jsx(Ki, { ...o, ref: t }) : /* @__PURE__ */ u.jsx(qi, { ...o, ref: t }) });
   }
 );
 Gt.displayName = g2;
@@ -6542,14 +6543,14 @@ var Ki = s.forwardRef(
 ), qe = "DialogTitle", Wt = s.forwardRef(
   (e, t) => {
     const { __scopeDialog: r, ...n } = e, o = o2(qe, r);
-    return /* @__PURE__ */ u.jsx(F2.h2, { id: o.titleId, ...n, ref: t });
+    return /* @__PURE__ */ u.jsx(H2.h2, { id: o.titleId, ...n, ref: t });
   }
 );
 Wt.displayName = qe;
 var Bt = "DialogDescription", Xi = s.forwardRef(
   (e, t) => {
     const { __scopeDialog: r, ...n } = e, o = o2(Bt, r);
-    return /* @__PURE__ */ u.jsx(F2.p, { id: o.descriptionId, ...n, ref: t });
+    return /* @__PURE__ */ u.jsx(H2.p, { id: o.descriptionId, ...n, ref: t });
   }
 );
 Xi.displayName = Bt;
@@ -6557,7 +6558,7 @@ var zt = "DialogClose", Ut = s.forwardRef(
   (e, t) => {
     const { __scopeDialog: r, ...n } = e, o = o2(zt, r);
     return /* @__PURE__ */ u.jsx(
-      F2.button,
+      H2.button,
       {
         type: "button",
         ...n,
@@ -6591,7 +6592,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
     t && o && (document.getElementById(t) || console.warn(n));
   }, [n, e, t]), null;
 }, ta = Lt, ra = Ht, na = $t, oa = Gt, ia = Wt, aa = Ut;
-const sa = ({ as: e, className: t, ...r }) => T2(
+const sa = ({ as: e, className: t, ...r }) => V2(
   e,
   {
     role: "heading",
@@ -6777,7 +6778,7 @@ function Ca(e) {
   return r ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
 }
 function ha(e) {
-  const t = e + "CollectionProvider", [r, n] = V2(t), [o, i] = r(
+  const t = e + "CollectionProvider", [r, n] = I2(t), [o, i] = r(
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
   ), l = (m) => {
@@ -6888,13 +6889,13 @@ function Jt(e) {
   const t = s.useContext(Sa);
   return e || t || "ltr";
 }
-var Se = "rovingFocusGroup.onEntryFocus", _a = { bubbles: !1, cancelable: !0 }, H2 = "RovingFocusGroup", [Le, Qt, Ra] = ha(H2), [Aa, er] = V2(
-  H2,
+var Se = "rovingFocusGroup.onEntryFocus", _a = { bubbles: !1, cancelable: !0 }, $2 = "RovingFocusGroup", [Le, Qt, Ra] = ha($2), [Aa, er] = I2(
+  $2,
   [Ra]
-), [ka, Ma] = Aa(H2), tr = s.forwardRef(
+), [ka, Ma] = Aa($2), tr = s.forwardRef(
   (e, t) => /* @__PURE__ */ u.jsx(Le.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ u.jsx(Le.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ u.jsx(Pa, { ...e, ref: t }) }) })
 );
-tr.displayName = H2;
+tr.displayName = $2;
 var Pa = s.forwardRef((e, t) => {
   const {
     __scopeRovingFocusGroup: r,
@@ -6911,7 +6912,7 @@ var Pa = s.forwardRef((e, t) => {
     prop: l,
     defaultProp: a ?? null,
     onChange: c,
-    caller: H2
+    caller: $2
   }), [x, b] = s.useState(!1), S = h2(d), _ = Qt(r), V = s.useRef(!1), [G, T] = s.useState(0);
   return s.useEffect(() => {
     const E = h.current;
@@ -7120,7 +7121,7 @@ var Za = [
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ u.jsx(c, { ...a, ref: i });
   });
   return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
-}, {}), ue = "Tabs", [Wa] = V2(ue, [
+}, {}), ue = "Tabs", [Wa] = I2(ue, [
   er
 ]), ir = er(), [Ba, e0] = Wa(ue), ar = s.forwardRef(
   (e, t) => {
@@ -7234,7 +7235,7 @@ var dr = "TabsContent", fr = s.forwardRef(
     return s.useEffect(() => {
       const h = requestAnimationFrame(() => p.current = !1);
       return () => cancelAnimationFrame(h);
-    }, []), /* @__PURE__ */ u.jsx(D2, { present: o || f, children: ({ present: h }) => /* @__PURE__ */ u.jsx(
+    }, []), /* @__PURE__ */ u.jsx(F2, { present: o || f, children: ({ present: h }) => /* @__PURE__ */ u.jsx(
       ce.div,
       {
         "data-state": f ? "active" : "inactive",
@@ -7570,7 +7571,7 @@ const qa = z({}), ms = (e) => /* @__PURE__ */ u.jsx(Ka, { value: e.value, classN
   as: e = "span",
   className: t,
   ...r
-}) => T2(
+}) => V2(
   e,
   { className: v2(t, tt(r)) },
   r.children

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krrli/cm-designsystem",
-  "version": "1.20.0",
+  "version": "1.20.1",
   "files": [
     "dist/",
     "dist/cm-designsystem.css"