npm - @protonradio/proton-ui - Versions diffs - 0.13.0 → 0.13.1 - Mend

@protonradio/proton-ui 0.13.0 → 0.13.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (607) hide show

package/dist/components/Checkbox/CheckboxInput/CheckboxInput.es.js CHANGED Viewed

@@ -1,98 +1,98 @@
-import { j as e } from "../../../node_modules/react/jsx-runtime.es.js";
-import { forwardRef as R, useRef as B, useId as $, useEffect as E } from "react";
-import { useMergedRef as w } from "../../../hooks/useMergedRef.es.js";
-import { CheckboxIndicator as F } from "../CheckboxIndicator.es.js";
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { forwardRef as j, useRef as $, useId as w, useEffect as E } from "react";
+import { useMergedRef as F } from "../../../hooks/useMergedRef.es.js";
+import { CheckboxIndicator as M } from "../CheckboxIndicator.es.js";
 /* empty css                     */
-import { csx as s } from "../../../utils/string.es.js";
-const M = R(
+import { csx as n } from "../../../utils/string.es.js";
+const P = j(
   ({
-    checked: p,
-    defaultChecked: m,
-    onChange: i,
-    name: l,
-    value: k,
-    isDisabled: x = !1,
-    isRequired: h = !1,
-    id: I,
-    "data-testid": _,
+    checked: l,
+    defaultChecked: k,
+    onChange: c,
+    name: h,
+    value: I,
+    isDisabled: f = !1,
+    isRequired: u = !1,
+    id: _,
+    "data-testid": v,
     label: t,
     description: r,
-    error: o,
-    indeterminate: f = !1,
-    round: n = !1
-  }, j) => {
-    const c = B(null), v = w(c, j), C = p !== void 0, a = $();
+    error: e,
+    indeterminate: b = !1,
+    round: s = !1
+  }, C) => {
+    const a = $(null), y = F(a, C), N = l !== void 0, d = w();
     E(() => {
-      c.current && (c.current.indeterminate = f);
-    }, [f]);
-    const y = (g) => {
-      i == null || i(g.target.checked);
-    }, u = I || `${a}-checkbox`, d = typeof o == "string" ? `${a}-error` : void 0, b = typeof r == "string" ? `${a}-description` : void 0, N = [d, b].filter(Boolean).join(" ") || void 0;
-    return /* @__PURE__ */ e.jsxs("div", { children: [
-      /* @__PURE__ */ e.jsx("div", { className: s(x && "proton-CheckboxInput--disabled"), children: /* @__PURE__ */ e.jsxs(
+      a.current && (a.current.indeterminate = b);
+    }, [b]);
+    const g = (R) => {
+      c == null || c(R.target.checked);
+    }, x = _ || `${d}-checkbox`, p = typeof e == "string" ? `${d}-error` : void 0, m = typeof r == "string" ? `${d}-description` : void 0, B = [p, m].filter(Boolean).join(" ") || void 0;
+    return /* @__PURE__ */ i("div", { children: [
+      /* @__PURE__ */ o("div", { className: n(f && "proton-CheckboxInput--disabled"), children: /* @__PURE__ */ i(
         "div",
         {
-          className: s(
+          className: n(
             "proton-CheckboxInput__container",
-            n && "proton-CheckboxInput__container--round"
+            s && "proton-CheckboxInput__container--round"
           ),
           children: [
-            typeof t == "string" ? /* @__PURE__ */ e.jsx(
+            typeof t == "string" ? /* @__PURE__ */ o(
               "label",
               {
-                htmlFor: u,
+                htmlFor: x,
                 className: "proton-CheckboxInput__label",
                 children: t
               }
             ) : t,
-            /* @__PURE__ */ e.jsxs("span", { className: "proton-CheckboxInput__box", children: [
-              /* @__PURE__ */ e.jsx(
+            /* @__PURE__ */ i("span", { className: "proton-CheckboxInput__box", children: [
+              /* @__PURE__ */ o(
                 "input",
                 {
-                  ref: v,
-                  id: u,
-                  name: l,
+                  ref: y,
+                  id: x,
+                  name: h,
                   type: "checkbox",
-                  ...C ? { checked: p } : { defaultChecked: m },
-                  value: k,
-                  disabled: x,
-                  required: h,
-                  onChange: y,
-                  className: s(
+                  ...N ? { checked: l } : { defaultChecked: k },
+                  value: I,
+                  disabled: f,
+                  required: u,
+                  onChange: g,
+                  className: n(
                     "proton-CheckboxInput__input",
-                    o && "proton-CheckboxInput__input--error",
-                    n && "proton-CheckboxInput__input--round"
+                    e && "proton-CheckboxInput__input--error",
+                    s && "proton-CheckboxInput__input--round"
                   ),
-                  "aria-label": t ? void 0 : l,
-                  "aria-invalid": !!o,
-                  "aria-errormessage": d,
-                  "aria-describedby": N,
-                  "data-testid": _
+                  "aria-label": t ? void 0 : h,
+                  "aria-invalid": !!e,
+                  "aria-errormessage": p,
+                  "aria-describedby": B,
+                  "data-testid": v
                 }
               ),
-              /* @__PURE__ */ e.jsx(F, { round: n })
+              /* @__PURE__ */ o(M, { round: s })
             ] }),
-            typeof r == "string" ? /* @__PURE__ */ e.jsxs("div", { id: b, "aria-live": "polite", children: [
+            typeof r == "string" ? /* @__PURE__ */ i("div", { id: m, "aria-live": "polite", children: [
               r,
-              h && /* @__PURE__ */ e.jsx("span", { "aria-hidden": "true", children: " *" })
+              u && /* @__PURE__ */ o("span", { "aria-hidden": "true", children: " *" })
             ] }) : r
           ]
         }
       ) }),
-      typeof o == "string" ? /* @__PURE__ */ e.jsx(
+      typeof e == "string" ? /* @__PURE__ */ o(
         "div",
         {
           role: "alert",
-          className: s("proton-CheckboxInput__error"),
-          id: d,
-          children: o
+          className: n("proton-CheckboxInput__error"),
+          id: p,
+          children: e
         }
-      ) : o
+      ) : e
     ] });
   }
 );
-M.displayName = "ProtonUICheckboxInput";
+P.displayName = "ProtonUICheckboxInput";
 export {
-  M as CheckboxInput
+  P as CheckboxInput
 };
 //# sourceMappingURL=CheckboxInput.es.js.map

package/dist/components/Checkbox/CheckboxInput/CheckboxInput.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckboxInput.es.js","sources":["../../../../src/components/Checkbox/CheckboxInput/CheckboxInput.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useEffect, useId, useRef, type ForwardedRef, type ReactNode, type ChangeEvent } from \"react\";\n\nimport { useMergedRef } from \"../../../hooks/useMergedRef\";\nimport { csx } from \"../../../utils\";\nimport { CheckboxIndicator } from \"../CheckboxIndicator\";\nimport \"./CheckboxInput.css\";\n\nexport interface CheckboxInputProps {\n /*\n Whether the checkbox is checked (controlled mode).\n /\n checked?: boolean;\n\n /\n Whether the checkbox is checked by default (uncontrolled mode).\n /\n defaultChecked?: boolean;\n\n /* The error attribute of the checkbox input. /\n error?: ReactNode \| string;\n\n /* The description attribute of the checkbox input. /\n description?: ReactNode \| string;\n\n /* The test id attribute of the checkbox `input` element. /\n \"data-testid\"?: string;\n\n /\n Callback fired when the checkbox state changes.\n /\n onChange?: (checked: boolean) => void;\n\n /\n Whether the checkbox is in an indeterminate state. Used for checkboxes that are neither checked nor unchecked.\n * @default false\n * @external https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/indeterminate\n * @reference @external https://medium.com/indigoag-eng/indeterminate-checkboxes-are-weird-704b246c0f19\n /\n indeterminate?: boolean;\n\n /* The id attribute of the checkbox input. /\n id?: string;\n\n /* Whether the checkbox is disabled.\n * @default false\n /\n isDisabled?: boolean;\n\n /* Whether the checkbox is required.\n * @default false\n /\n isRequired?: boolean;\n\n /* The name attribute of the checkbox input. /\n name: string;\n\n /* The label attribute of the checkbox input. /\n label?: string \| ReactNode;\n\n /\n The value attribute of the checkbox input (for form submission).\n * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#value\n /\n value?: string;\n\n /\n Whether the checkbox should be rendered as a round control (with a dot indicator when checked).\n * @default false\n /\n round?: boolean;\n}\n\n/\n A checkbox input component with support for labels, descriptions, error states, and controlled/uncontrolled modes.\n \n API:\n * - {@link CheckboxInputProps}\n /\nexport const CheckboxInput = forwardRef<HTMLInputElement, CheckboxInputProps>(\n (\n {\n checked: controlledChecked,\n defaultChecked,\n onChange,\n name,\n value,\n isDisabled = false,\n isRequired = false,\n id,\n \"data-testid\": testId,\n label,\n description,\n error,\n indeterminate = false,\n round = false,\n },\n forwardedRef: ForwardedRef<HTMLInputElement>,\n ) => {\n const checkboxRef = useRef<HTMLInputElement>(null);\n const setRefs = useMergedRef(checkboxRef, forwardedRef);\n const isControlled = controlledChecked !== undefined;\n const idBase = useId();\n\n // indeterminate state can only be set via JS\n useEffect(() => {\n if (checkboxRef.current) {\n checkboxRef.current.indeterminate = indeterminate;\n }\n }, [indeterminate]);\n\n const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n onChange?.(e.target.checked);\n };\n\n const checkboxId = id \|\| `${idBase}-checkbox`;\n const errorId = typeof error === \"string\" ? `${idBase}-error` : undefined;\n const descriptionId =\n typeof description === \"string\" ? `${idBase}-description` : undefined;\n const ariaDescribedBy =\n [errorId, descriptionId].filter(Boolean).join(\" \") \|\| undefined;\n\n return (\n <div>\n <div className={csx(isDisabled && \"proton-CheckboxInput--disabled\")}>\n <div\n className={csx(\n \"proton-CheckboxInput__container\",\n round && \"proton-CheckboxInput__container--round\",\n )}\n >\n {typeof label === \"string\" ? (\n <label\n htmlFor={checkboxId}\n className=\"proton-CheckboxInput__label\"\n >\n {label}\n </label>\n ) : (\n label\n )}\n\n <span className=\"proton-CheckboxInput__box\">\n <input\n ref={setRefs}\n id={checkboxId}\n name={name}\n type=\"checkbox\"\n {...(isControlled\n ? { checked: controlledChecked }\n : { defaultChecked })}\n value={value}\n disabled={isDisabled}\n required={isRequired}\n onChange={handleChange}\n className={csx(\n \"proton-CheckboxInput__input\",\n error && \"proton-CheckboxInput__input--error\",\n round && \"proton-CheckboxInput__input--round\",\n )}\n aria-label={!label ? name : undefined}\n aria-invalid={Boolean(error)}\n aria-errormessage={errorId}\n aria-describedby={ariaDescribedBy}\n data-testid={testId}\n />\n <CheckboxIndicator round={round} />\n </span>\n\n {typeof description === \"string\" ? (\n <div id={descriptionId} aria-live=\"polite\">\n {description}\n {isRequired && <span aria-hidden=\"true\"> </span>}\n </div>\n ) : (\n description\n )}\n </div>\n </div>\n\n {typeof error === \"string\" ? (\n <div\n role=\"alert\"\n className={csx(\"proton-CheckboxInput__error\")}\n id={errorId}\n >\n {error}\n </div>\n ) : (\n error\n )}\n </div>\n );\n },\n);\n\nCheckboxInput.displayName = \"ProtonUICheckboxInput\";\n"],"names":["CheckboxInput","forwardRef","controlledChecked","defaultChecked","onChange","name","value","isDisabled","isRequired","id","testId","label","description","error","indeterminate","round","forwardedRef","checkboxRef","useRef","setRefs","useMergedRef","isControlled","idBase","useId","useEffect","handleChange","e","checkboxId","errorId","descriptionId","ariaDescribedBy","jsx","csx","jsxs","CheckboxIndicator"],"mappings":";;;;;;AAgFO,MAAMA,IAAgBC;AAAA,EAC3B,CACE;AAAA,IACE,SAASC;AAAA,IACT,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,YAAAC,IAAa;AAAA,IACb,IAAAC;AAAA,IACA,eAAeC;AAAA,IACf,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,OAAAC,IAAQ;AAAA,EAAA,GAEVC,MACG;AACH,UAAMC,IAAcC,EAAyB,IAAI,GAC3CC,IAAUC,EAAaH,GAAaD,CAAY,GAChDK,IAAenB,MAAsB,QACrCoB,IAASC,EAAA;AAGf,IAAAC,EAAU,MAAM;AACd,MAAIP,EAAY,YACdA,EAAY,QAAQ,gBAAgBH;AAAA,IAExC,GAAG,CAACA,CAAa,CAAC;AAElB,UAAMW,IAAe,CAACC,MAAqC;AACzD,MAAAtB,KAAA,QAAAA,EAAWsB,EAAE,OAAO;AAAA,IACtB,GAEMC,IAAalB,KAAM,GAAGa,CAAM,aAC5BM,IAAU,OAAOf,KAAU,WAAW,GAAGS,CAAM,WAAW,QAC1DO,IACJ,OAAOjB,KAAgB,WAAW,GAAGU,CAAM,iBAAiB,QACxDQ,IACJ,CAACF,GAASC,CAAa,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAExD,~~kCACG~~,OAAA,EACC,UAAA;AAAA,~~MAAAE~~,~~gBAAAA~~,~~MAAC~~,OAAA,EAAI,WAAWC,EAAIzB,KAAc,gCAAgC,GAChE,~~UAAA0B~~,~~gBAAAA,EAAAA~~;~~AAAAA~~,QAAC;AAAA,QAAA;AAAA,UACC,WAAWD;AAAA,YACT;AAAA,YACAjB,KAAS;AAAA,UAAA;AAAA,UAGV,UAAA;AAAA,YAAA,OAAOJ,KAAU,~~WAChBoB~~,~~gBAAAA,EAAAA~~;~~AAAAA~~,cAAC;AAAA,cAAA;AAAA,gBACC,SAASJ;AAAA,gBACT,WAAU;AAAA,gBAET,UAAAhB;AAAA,cAAA;AAAA,YAAA,IAGHA;AAAA,~~YAGFsB~~,~~gBAAAA~~,~~EAAAA~~,~~KAAC,~~QAAA,EAAK,WAAU,6BACd,UAAA;AAAA,~~cAAAF~~,~~gBAAAA,EAAAA~~;~~AAAAA~~,gBAAC;AAAA,gBAAA;AAAA,kBACC,KAAKZ;AAAA,kBACL,IAAIQ;AAAA,kBACJ,MAAAtB;AAAA,kBACA,MAAK;AAAA,kBACJ,GAAIgB,IACD,EAAE,SAASnB,EAAA,IACX,EAAE,gBAAAC,EAAA;AAAA,kBACN,OAAAG;AAAA,kBACA,UAAUC;AAAA,kBACV,UAAUC;AAAA,kBACV,UAAUiB;AAAA,kBACV,WAAWO;AAAA,oBACT;AAAA,oBACAnB,KAAS;AAAA,oBACTE,KAAS;AAAA,kBAAA;AAAA,kBAEX,cAAaJ,IAAe,SAAPN;AAAA,kBACrB,gBAAc,EAAQQ;AAAA,kBACtB,qBAAmBe;AAAA,kBACnB,oBAAkBE;AAAA,kBAClB,eAAapB;AAAA,gBAAA;AAAA,cAAA;AAAA,~~cAEfqB~~,~~gBAAAA~~,~~MAACG~~,KAAkB,OAAAnB,EAAA,CAAc;AAAA,YAAA,GACnC;AAAA,YAEC,OAAOH,KAAgB,~~WACtBqB~~,~~gBAAAA~~,~~EAAAA~~,~~KAAC,~~SAAI,IAAIJ,GAAe,aAAU,UAC/B,UAAA;AAAA,cAAAjB;AAAA,cACAJ,~~KAAcuB~~,~~gBAAAA~~,~~EAAAA~~,~~IAAC,~~QAAA,EAAK,eAAY,QAAO,UAAA,KAAA,CAAO;AAAA,YAAA,EAAA,CACjD,IAEAnB;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,GAGN;AAAA,MAEC,OAAOC,KAAU,~~WAChBkB~~,~~gBAAAA,EAAAA~~;~~AAAAA~~,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAWC,EAAI,6BAA6B;AAAA,UAC5C,IAAIJ;AAAA,UAEH,UAAAf;AAAA,QAAA;AAAA,MAAA,IAGHA;AAAA,IAAA,GAEJ;AAAA,EAEJ;AACF;AAEAb,EAAc,cAAc;"}
1	+ {"version":3,"file":"CheckboxInput.es.js","sources":["../../../../src/components/Checkbox/CheckboxInput/CheckboxInput.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useEffect, useId, useRef, type ForwardedRef, type ReactNode, type ChangeEvent } from \"react\";\n\nimport { useMergedRef } from \"../../../hooks/useMergedRef\";\nimport { csx } from \"../../../utils\";\nimport { CheckboxIndicator } from \"../CheckboxIndicator\";\nimport \"./CheckboxInput.css\";\n\nexport interface CheckboxInputProps {\n /*\n Whether the checkbox is checked (controlled mode).\n /\n checked?: boolean;\n\n /\n Whether the checkbox is checked by default (uncontrolled mode).\n /\n defaultChecked?: boolean;\n\n /* The error attribute of the checkbox input. /\n error?: ReactNode \| string;\n\n /* The description attribute of the checkbox input. /\n description?: ReactNode \| string;\n\n /* The test id attribute of the checkbox `input` element. /\n \"data-testid\"?: string;\n\n /\n Callback fired when the checkbox state changes.\n /\n onChange?: (checked: boolean) => void;\n\n /\n Whether the checkbox is in an indeterminate state. Used for checkboxes that are neither checked nor unchecked.\n * @default false\n * @external https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/indeterminate\n * @reference @external https://medium.com/indigoag-eng/indeterminate-checkboxes-are-weird-704b246c0f19\n /\n indeterminate?: boolean;\n\n /* The id attribute of the checkbox input. /\n id?: string;\n\n /* Whether the checkbox is disabled.\n * @default false\n /\n isDisabled?: boolean;\n\n /* Whether the checkbox is required.\n * @default false\n /\n isRequired?: boolean;\n\n /* The name attribute of the checkbox input. /\n name: string;\n\n /* The label attribute of the checkbox input. /\n label?: string \| ReactNode;\n\n /\n The value attribute of the checkbox input (for form submission).\n * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#value\n /\n value?: string;\n\n /\n Whether the checkbox should be rendered as a round control (with a dot indicator when checked).\n * @default false\n /\n round?: boolean;\n}\n\n/\n A checkbox input component with support for labels, descriptions, error states, and controlled/uncontrolled modes.\n \n API:\n * - {@link CheckboxInputProps}\n /\nexport const CheckboxInput = forwardRef<HTMLInputElement, CheckboxInputProps>(\n (\n {\n checked: controlledChecked,\n defaultChecked,\n onChange,\n name,\n value,\n isDisabled = false,\n isRequired = false,\n id,\n \"data-testid\": testId,\n label,\n description,\n error,\n indeterminate = false,\n round = false,\n },\n forwardedRef: ForwardedRef<HTMLInputElement>,\n ) => {\n const checkboxRef = useRef<HTMLInputElement>(null);\n const setRefs = useMergedRef(checkboxRef, forwardedRef);\n const isControlled = controlledChecked !== undefined;\n const idBase = useId();\n\n // indeterminate state can only be set via JS\n useEffect(() => {\n if (checkboxRef.current) {\n checkboxRef.current.indeterminate = indeterminate;\n }\n }, [indeterminate]);\n\n const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n onChange?.(e.target.checked);\n };\n\n const checkboxId = id \|\| `${idBase}-checkbox`;\n const errorId = typeof error === \"string\" ? `${idBase}-error` : undefined;\n const descriptionId =\n typeof description === \"string\" ? `${idBase}-description` : undefined;\n const ariaDescribedBy =\n [errorId, descriptionId].filter(Boolean).join(\" \") \|\| undefined;\n\n return (\n <div>\n <div className={csx(isDisabled && \"proton-CheckboxInput--disabled\")}>\n <div\n className={csx(\n \"proton-CheckboxInput__container\",\n round && \"proton-CheckboxInput__container--round\",\n )}\n >\n {typeof label === \"string\" ? (\n <label\n htmlFor={checkboxId}\n className=\"proton-CheckboxInput__label\"\n >\n {label}\n </label>\n ) : (\n label\n )}\n\n <span className=\"proton-CheckboxInput__box\">\n <input\n ref={setRefs}\n id={checkboxId}\n name={name}\n type=\"checkbox\"\n {...(isControlled\n ? { checked: controlledChecked }\n : { defaultChecked })}\n value={value}\n disabled={isDisabled}\n required={isRequired}\n onChange={handleChange}\n className={csx(\n \"proton-CheckboxInput__input\",\n error && \"proton-CheckboxInput__input--error\",\n round && \"proton-CheckboxInput__input--round\",\n )}\n aria-label={!label ? name : undefined}\n aria-invalid={Boolean(error)}\n aria-errormessage={errorId}\n aria-describedby={ariaDescribedBy}\n data-testid={testId}\n />\n <CheckboxIndicator round={round} />\n </span>\n\n {typeof description === \"string\" ? (\n <div id={descriptionId} aria-live=\"polite\">\n {description}\n {isRequired && <span aria-hidden=\"true\"> </span>}\n </div>\n ) : (\n description\n )}\n </div>\n </div>\n\n {typeof error === \"string\" ? (\n <div\n role=\"alert\"\n className={csx(\"proton-CheckboxInput__error\")}\n id={errorId}\n >\n {error}\n </div>\n ) : (\n error\n )}\n </div>\n );\n },\n);\n\nCheckboxInput.displayName = \"ProtonUICheckboxInput\";\n"],"names":["CheckboxInput","forwardRef","controlledChecked","defaultChecked","onChange","name","value","isDisabled","isRequired","id","testId","label","description","error","indeterminate","round","forwardedRef","checkboxRef","useRef","setRefs","useMergedRef","isControlled","idBase","useId","useEffect","handleChange","e","checkboxId","errorId","descriptionId","ariaDescribedBy","jsx","csx","jsxs","CheckboxIndicator"],"mappings":"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"}

package/dist/components/Checkbox/CheckboxRadioGroup/CheckboxRadioGroup.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../node_modules/react/jsx-runtime.cjs.js"),u=require("react"),n=require("radix-ui"),f=require("../CheckboxIndicator.cjs.js");;/* empty css                                      */;/* empty css                            */const s=require("../../../utils/string.cjs.js"),l=u.forwardRef(({name:b,items:h,value:R,defaultValue:j,onChange:k,isDisabled:a=!1,isRequired:m=!1,orientation:c="vertical",round:t=!1,error:r,"data-testid":C},_)=>{const d=u.useId(),p=typeof r=="string"?`${d}-error`:void 0;return o.jsxRuntimeExports.jsxs("div",{children:[o.jsxRuntimeExports.jsx(n.RadioGroup.Root,{ref:_,name:b,value:R,defaultValue:j,onValueChange:k,disabled:a,required:m,orientation:c,className:s.csx("proton-CheckboxRadioGroup",`proton-CheckboxRadioGroup--${c}`),"aria-invalid":!!r,"aria-errormessage":p,"data-testid":C,children:h.map((e,I)=>{const i=`${d}-item-${I}`,v=a||e.isDisabled,x=typeof e.description=="string"?`${i}-description`:void 0;return o.jsxRuntimeExports.jsxs("div",{className:s.csx(v&&"proton-CheckboxInput--disabled"),children:[o.jsxRuntimeExports.jsxs("div",{className:s.csx("proton-CheckboxInput__container",t&&"proton-CheckboxInput__container--round"),children:[o.jsxRuntimeExports.jsx(n.RadioGroup.Item,{id:i,value:e.value,disabled:e.isDisabled,className:s.csx("proton-CheckboxInput__input",t&&"proton-CheckboxInput__input--round",r&&"proton-CheckboxInput__input--error"),"aria-describedby":x,children:o.jsxRuntimeExports.jsx(n.RadioGroup.Indicator,{className:s.csx(!t&&"proton-CheckboxRadioGroup__checkmark"),forceMount:!0,children:o.jsxRuntimeExports.jsx(f.CheckboxIndicator,{round:t})})}),typeof e.label=="string"?o.jsxRuntimeExports.jsx("label",{htmlFor:i,className:"proton-CheckboxInput__label",children:e.label}):e.label]}),typeof e.description=="string"?o.jsxRuntimeExports.jsx("div",{id:x,className:"proton-CheckboxRadioGroup__description",children:e.description}):e.description]},e.value)})}),typeof r=="string"?o.jsxRuntimeExports.jsx("div",{role:"alert",className:"proton-CheckboxInput__error",id:p,children:r}):r]})});l.displayName="ProtonUICheckboxRadioGroup";exports.CheckboxRadioGroup=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),t=require("radix-ui"),g=require("../CheckboxIndicator.cjs.js");;/* empty css                                      */;/* empty css                            */const i=require("../../../utils/string.cjs.js"),x=u.forwardRef(({name:b,items:h,value:k,defaultValue:C,onChange:_,isDisabled:n=!1,isRequired:I=!1,orientation:c="vertical",round:s=!1,error:r,"data-testid":R},v)=>{const d=u.useId(),l=typeof r=="string"?`${d}-error`:void 0;return e.jsxs("div",{children:[e.jsx(t.RadioGroup.Root,{ref:v,name:b,value:k,defaultValue:C,onValueChange:_,disabled:n,required:I,orientation:c,className:i.csx("proton-CheckboxRadioGroup",`proton-CheckboxRadioGroup--${c}`),"aria-invalid":!!r,"aria-errormessage":l,"data-testid":R,children:h.map((o,f)=>{const a=`${d}-item-${f}`,j=n||o.isDisabled,p=typeof o.description=="string"?`${a}-description`:void 0;return e.jsxs("div",{className:i.csx(j&&"proton-CheckboxInput--disabled"),children:[e.jsxs("div",{className:i.csx("proton-CheckboxInput__container",s&&"proton-CheckboxInput__container--round"),children:[e.jsx(t.RadioGroup.Item,{id:a,value:o.value,disabled:o.isDisabled,className:i.csx("proton-CheckboxInput__input",s&&"proton-CheckboxInput__input--round",r&&"proton-CheckboxInput__input--error"),"aria-describedby":p,children:e.jsx(t.RadioGroup.Indicator,{className:i.csx(!s&&"proton-CheckboxRadioGroup__checkmark"),forceMount:!0,children:e.jsx(g.CheckboxIndicator,{round:s})})}),typeof o.label=="string"?e.jsx("label",{htmlFor:a,className:"proton-CheckboxInput__label",children:o.label}):o.label]}),typeof o.description=="string"?e.jsx("div",{id:p,className:"proton-CheckboxRadioGroup__description",children:o.description}):o.description]},o.value)})}),typeof r=="string"?e.jsx("div",{role:"alert",className:"proton-CheckboxInput__error",id:l,children:r}):r]})});x.displayName="ProtonUICheckboxRadioGroup";exports.CheckboxRadioGroup=x;
 //# sourceMappingURL=CheckboxRadioGroup.cjs.js.map

package/dist/components/Checkbox/CheckboxRadioGroup/CheckboxRadioGroup.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckboxRadioGroup.cjs.js","sources":["../../../../src/components/Checkbox/CheckboxRadioGroup/CheckboxRadioGroup.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, type ReactNode, useId } from \"react\";\nimport { RadioGroup as RadixRadioGroup } from \"radix-ui\";\nimport { CheckboxIndicator } from \"../CheckboxIndicator\";\n\nimport { csx } from \"../../../utils\";\nimport \"../CheckboxInput/CheckboxInput.css\";\nimport \"./CheckboxRadioGroup.css\";\n\nexport interface CheckboxRadioGroupItem {\n /*\n Unique value for the radio option.\n /\n value: string;\n\n /\n Label displayed next to the radio button.\n /\n label: string \| ReactNode;\n\n /\n Optional description text below the label.\n /\n description?: string \| ReactNode;\n\n /\n Whether this specific option is disabled.\n * @default false\n /\n isDisabled?: boolean;\n}\n\nexport interface CheckboxRadioGroupProps {\n /\n The name attribute for the radio group (for form submission).\n /\n name: string;\n\n /\n Array of radio options.\n /\n items: CheckboxRadioGroupItem[];\n\n /\n Currently selected value (controlled mode).\n /\n value?: string;\n\n /\n Default selected value (uncontrolled mode).\n /\n defaultValue?: string;\n\n /\n Callback when selection changes.\n /\n onChange?: (value: string) => void;\n\n /\n Whether the entire group is disabled.\n * @default false\n /\n isDisabled?: boolean;\n\n /\n Whether selection is required.\n * @default false\n /\n isRequired?: boolean;\n\n /\n Error message or element.\n /\n error?: ReactNode \| string;\n\n /\n Layout orientation.\n * @default \"vertical\"\n /\n orientation?: \"vertical\" \| \"horizontal\";\n\n /\n Whether radio buttons are round or square.\n * @default false\n /\n round?: boolean;\n\n /\n Test ID for the group elemnt `RadixRadioGroup.Root`\n /\n \"data-testid\"?: string;\n}\n\n/\n A declaritive radio group for single-select lists.\n \n API:\n * - {@link CheckboxRadioGroupProps}\n * - {@link CheckboxRadioGroupItem}\n */\nexport const CheckboxRadioGroup = forwardRef<\n HTMLDivElement,\n CheckboxRadioGroupProps\n>(\n (\n {\n name,\n items,\n value,\n defaultValue,\n onChange,\n isDisabled = false,\n isRequired = false,\n orientation = \"vertical\",\n round = false,\n error,\n \"data-testid\": testId,\n },\n ref,\n ) => {\n const idBase = useId();\n const errorId = typeof error === \"string\" ? `${idBase}-error` : undefined;\n\n return (\n <div>\n <RadixRadioGroup.Root\n ref={ref}\n name={name}\n value={value}\n defaultValue={defaultValue}\n onValueChange={onChange}\n disabled={isDisabled}\n required={isRequired}\n orientation={orientation}\n className={csx(\n \"proton-CheckboxRadioGroup\",\n `proton-CheckboxRadioGroup--${orientation}`,\n )}\n aria-invalid={Boolean(error)}\n aria-errormessage={errorId}\n data-testid={testId}\n >\n {items.map((item, index) => {\n const itemId = `${idBase}-item-${index}`;\n const itemDisabled = isDisabled \|\| item.isDisabled;\n const descriptionId =\n typeof item.description === \"string\"\n ? `${itemId}-description`\n : undefined;\n\n return (\n <div\n key={item.value}\n className={csx(\n itemDisabled && \"proton-CheckboxInput--disabled\",\n )}\n >\n <div\n className={csx(\n \"proton-CheckboxInput__container\",\n round && \"proton-CheckboxInput__container--round\",\n )}\n >\n <RadixRadioGroup.Item\n id={itemId}\n value={item.value}\n disabled={item.isDisabled}\n className={csx(\n \"proton-CheckboxInput__input\",\n round && \"proton-CheckboxInput__input--round\",\n error && \"proton-CheckboxInput__input--error\",\n )}\n aria-describedby={descriptionId}\n >\n <RadixRadioGroup.Indicator\n className={csx(\n !round && \"proton-CheckboxRadioGroup__checkmark\",\n )}\n forceMount\n >\n <CheckboxIndicator round={round} />\n </RadixRadioGroup.Indicator>\n </RadixRadioGroup.Item>\n\n {typeof item.label === \"string\" ? (\n <label\n htmlFor={itemId}\n className=\"proton-CheckboxInput__label\"\n >\n {item.label}\n </label>\n ) : (\n item.label\n )}\n </div>\n\n {typeof item.description === \"string\" ? (\n <div\n id={descriptionId}\n className=\"proton-CheckboxRadioGroup__description\"\n >\n {item.description}\n </div>\n ) : (\n item.description\n )}\n </div>\n );\n })}\n </RadixRadioGroup.Root>\n\n {typeof error === \"string\" ? (\n <div\n role=\"alert\"\n className=\"proton-CheckboxInput__error\"\n id={errorId}\n >\n {error}\n </div>\n ) : (\n error\n )}\n </div>\n );\n },\n);\n\nCheckboxRadioGroup.displayName = \"ProtonUICheckboxRadioGroup\";\n"],"names":["CheckboxRadioGroup","forwardRef","name","items","value","defaultValue","onChange","isDisabled","isRequired","orientation","round","error","testId","ref","idBase","useId","errorId","jsx","RadixRadioGroup","csx","item","index","itemId","itemDisabled","descriptionId","jsxs","CheckboxIndicator"],"mappings":"~~oXAqGaA~~,EAAqBC,EAAAA,WAIhC,CACE,CACE,KAAAC,EACA,MAAAC,EACA,MAAAC,EACA,aAAAC,EACA,SAAAC,EACA,WAAAC,EAAa,GACb,WAAAC,EAAa,GACb,YAAAC,EAAc,WACd,MAAAC,EAAQ,GACR,MAAAC,EACA,cAAeC,CAAA,EAEjBC,IACG,CACH,MAAMC,EAASC,EAAAA,MAAA,EACTC,EAAU,OAAOL,GAAU,SAAW,GAAGG,CAAM,SAAW,OAEhE,~~gCACG~~,MAAA,CACC,SAAA,CAAAG,EAAAA,~~kBAAAA,~~IAACC,EAAAA,WAAgB,KAAhB,CACC,IAAAL,EACA,KAAAX,EACA,MAAAE,EACA,aAAAC,EACA,cAAeC,EACf,SAAUC,EACV,SAAUC,EACV,YAAAC,EACA,UAAWU,EAAAA,IACT,4BACA,8BAA8BV,CAAW,EAAA,EAE3C,eAAc,EAAQE,EACtB,oBAAmBK,EACnB,cAAaJ,EAEZ,SAAAT,EAAM,IAAI,CAACiB,EAAMC,IAAU,CAC1B,MAAMC,EAAS,GAAGR,CAAM,SAASO,CAAK,GAChCE,EAAehB,GAAca,EAAK,WAClCI,EACJ,OAAOJ,EAAK,aAAgB,SACxB,GAAGE,CAAM,eACT,OAEN,OACEG,EAAAA,~~kBAAAA,~~KAAC,MAAA,CAEC,UAAWN,EAAAA,IACTI,GAAgB,gCAAA,EAGlB,SAAA,CAAAE,EAAAA,~~kBAAAA,~~KAAC,MAAA,CACC,UAAWN,EAAAA,IACT,kCACAT,GAAS,wCAAA,EAGX,SAAA,CAAAO,EAAAA,~~kBAAAA,~~IAACC,EAAAA,WAAgB,KAAhB,CACC,GAAII,EACJ,MAAOF,EAAK,MACZ,SAAUA,EAAK,WACf,UAAWD,EAAAA,IACT,8BACAT,GAAS,qCACTC,GAAS,oCAAA,EAEX,mBAAkBa,EAElB,SAAAP,EAAAA,~~kBAAAA,~~IAACC,EAAAA,WAAgB,UAAhB,CACC,UAAWC,EAAAA,IACT,CAACT,GAAS,sCAAA,EAEZ,WAAU,GAEV,SAAAO,EAAAA,~~kBAAAA,~~IAACS,qBAAkB,MAAAhB,CAAA,CAAc,CAAA,CAAA,CACnC,CAAA,EAGD,OAAOU,EAAK,OAAU,SACrBH,EAAAA,~~kBAAAA,~~IAAC,QAAA,CACC,QAASK,EACT,UAAU,8BAET,SAAAF,EAAK,KAAA,CAAA,EAGRA,EAAK,KAAA,CAAA,CAAA,EAIR,OAAOA,EAAK,aAAgB,SAC3BH,EAAAA,~~kBAAAA,~~IAAC,MAAA,CACC,GAAIO,EACJ,UAAU,yCAET,SAAAJ,EAAK,WAAA,CAAA,EAGRA,EAAK,WAAA,CAAA,EApDFA,EAAK,KAAA,CAwDhB,CAAC,CAAA,CAAA,EAGF,OAAOT,GAAU,SAChBM,EAAAA,~~kBAAAA,~~IAAC,MAAA,CACC,KAAK,QACL,UAAU,8BACV,GAAID,EAEH,SAAAL,CAAA,CAAA,EAGHA,CAAA,EAEJ,CAEJ,CACF,EAEAX,EAAmB,YAAc"}
1	+ {"version":3,"file":"CheckboxRadioGroup.cjs.js","sources":["../../../../src/components/Checkbox/CheckboxRadioGroup/CheckboxRadioGroup.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, type ReactNode, useId } from \"react\";\nimport { RadioGroup as RadixRadioGroup } from \"radix-ui\";\nimport { CheckboxIndicator } from \"../CheckboxIndicator\";\n\nimport { csx } from \"../../../utils\";\nimport \"../CheckboxInput/CheckboxInput.css\";\nimport \"./CheckboxRadioGroup.css\";\n\nexport interface CheckboxRadioGroupItem {\n /*\n Unique value for the radio option.\n /\n value: string;\n\n /\n Label displayed next to the radio button.\n /\n label: string \| ReactNode;\n\n /\n Optional description text below the label.\n /\n description?: string \| ReactNode;\n\n /\n Whether this specific option is disabled.\n * @default false\n /\n isDisabled?: boolean;\n}\n\nexport interface CheckboxRadioGroupProps {\n /\n The name attribute for the radio group (for form submission).\n /\n name: string;\n\n /\n Array of radio options.\n /\n items: CheckboxRadioGroupItem[];\n\n /\n Currently selected value (controlled mode).\n /\n value?: string;\n\n /\n Default selected value (uncontrolled mode).\n /\n defaultValue?: string;\n\n /\n Callback when selection changes.\n /\n onChange?: (value: string) => void;\n\n /\n Whether the entire group is disabled.\n * @default false\n /\n isDisabled?: boolean;\n\n /\n Whether selection is required.\n * @default false\n /\n isRequired?: boolean;\n\n /\n Error message or element.\n /\n error?: ReactNode \| string;\n\n /\n Layout orientation.\n * @default \"vertical\"\n /\n orientation?: \"vertical\" \| \"horizontal\";\n\n /\n Whether radio buttons are round or square.\n * @default false\n /\n round?: boolean;\n\n /\n Test ID for the group elemnt `RadixRadioGroup.Root`\n /\n \"data-testid\"?: string;\n}\n\n/\n A declaritive radio group for single-select lists.\n \n API:\n * - {@link CheckboxRadioGroupProps}\n * - {@link CheckboxRadioGroupItem}\n */\nexport const CheckboxRadioGroup = forwardRef<\n HTMLDivElement,\n CheckboxRadioGroupProps\n>(\n (\n {\n name,\n items,\n value,\n defaultValue,\n onChange,\n isDisabled = false,\n isRequired = false,\n orientation = \"vertical\",\n round = false,\n error,\n \"data-testid\": testId,\n },\n ref,\n ) => {\n const idBase = useId();\n const errorId = typeof error === \"string\" ? `${idBase}-error` : undefined;\n\n return (\n <div>\n <RadixRadioGroup.Root\n ref={ref}\n name={name}\n value={value}\n defaultValue={defaultValue}\n onValueChange={onChange}\n disabled={isDisabled}\n required={isRequired}\n orientation={orientation}\n className={csx(\n \"proton-CheckboxRadioGroup\",\n `proton-CheckboxRadioGroup--${orientation}`,\n )}\n aria-invalid={Boolean(error)}\n aria-errormessage={errorId}\n data-testid={testId}\n >\n {items.map((item, index) => {\n const itemId = `${idBase}-item-${index}`;\n const itemDisabled = isDisabled \|\| item.isDisabled;\n const descriptionId =\n typeof item.description === \"string\"\n ? `${itemId}-description`\n : undefined;\n\n return (\n <div\n key={item.value}\n className={csx(\n itemDisabled && \"proton-CheckboxInput--disabled\",\n )}\n >\n <div\n className={csx(\n \"proton-CheckboxInput__container\",\n round && \"proton-CheckboxInput__container--round\",\n )}\n >\n <RadixRadioGroup.Item\n id={itemId}\n value={item.value}\n disabled={item.isDisabled}\n className={csx(\n \"proton-CheckboxInput__input\",\n round && \"proton-CheckboxInput__input--round\",\n error && \"proton-CheckboxInput__input--error\",\n )}\n aria-describedby={descriptionId}\n >\n <RadixRadioGroup.Indicator\n className={csx(\n !round && \"proton-CheckboxRadioGroup__checkmark\",\n )}\n forceMount\n >\n <CheckboxIndicator round={round} />\n </RadixRadioGroup.Indicator>\n </RadixRadioGroup.Item>\n\n {typeof item.label === \"string\" ? (\n <label\n htmlFor={itemId}\n className=\"proton-CheckboxInput__label\"\n >\n {item.label}\n </label>\n ) : (\n item.label\n )}\n </div>\n\n {typeof item.description === \"string\" ? (\n <div\n id={descriptionId}\n className=\"proton-CheckboxRadioGroup__description\"\n >\n {item.description}\n </div>\n ) : (\n item.description\n )}\n </div>\n );\n })}\n </RadixRadioGroup.Root>\n\n {typeof error === \"string\" ? (\n <div\n role=\"alert\"\n className=\"proton-CheckboxInput__error\"\n id={errorId}\n >\n {error}\n </div>\n ) : (\n error\n )}\n </div>\n );\n },\n);\n\nCheckboxRadioGroup.displayName = \"ProtonUICheckboxRadioGroup\";\n"],"names":["CheckboxRadioGroup","forwardRef","name","items","value","defaultValue","onChange","isDisabled","isRequired","orientation","round","error","testId","ref","idBase","useId","errorId","jsx","RadixRadioGroup","csx","item","index","itemId","itemDisabled","descriptionId","jsxs","CheckboxIndicator"],"mappings":"uVAqGaA,EAAqBC,EAAAA,WAIhC,CACE,CACE,KAAAC,EACA,MAAAC,EACA,MAAAC,EACA,aAAAC,EACA,SAAAC,EACA,WAAAC,EAAa,GACb,WAAAC,EAAa,GACb,YAAAC,EAAc,WACd,MAAAC,EAAQ,GACR,MAAAC,EACA,cAAeC,CAAA,EAEjBC,IACG,CACH,MAAMC,EAASC,EAAAA,MAAA,EACTC,EAAU,OAAOL,GAAU,SAAW,GAAGG,CAAM,SAAW,OAEhE,cACG,MAAA,CACC,SAAA,CAAAG,EAAAA,IAACC,EAAAA,WAAgB,KAAhB,CACC,IAAAL,EACA,KAAAX,EACA,MAAAE,EACA,aAAAC,EACA,cAAeC,EACf,SAAUC,EACV,SAAUC,EACV,YAAAC,EACA,UAAWU,EAAAA,IACT,4BACA,8BAA8BV,CAAW,EAAA,EAE3C,eAAc,EAAQE,EACtB,oBAAmBK,EACnB,cAAaJ,EAEZ,SAAAT,EAAM,IAAI,CAACiB,EAAMC,IAAU,CAC1B,MAAMC,EAAS,GAAGR,CAAM,SAASO,CAAK,GAChCE,EAAehB,GAAca,EAAK,WAClCI,EACJ,OAAOJ,EAAK,aAAgB,SACxB,GAAGE,CAAM,eACT,OAEN,OACEG,EAAAA,KAAC,MAAA,CAEC,UAAWN,EAAAA,IACTI,GAAgB,gCAAA,EAGlB,SAAA,CAAAE,EAAAA,KAAC,MAAA,CACC,UAAWN,EAAAA,IACT,kCACAT,GAAS,wCAAA,EAGX,SAAA,CAAAO,EAAAA,IAACC,EAAAA,WAAgB,KAAhB,CACC,GAAII,EACJ,MAAOF,EAAK,MACZ,SAAUA,EAAK,WACf,UAAWD,EAAAA,IACT,8BACAT,GAAS,qCACTC,GAAS,oCAAA,EAEX,mBAAkBa,EAElB,SAAAP,EAAAA,IAACC,EAAAA,WAAgB,UAAhB,CACC,UAAWC,EAAAA,IACT,CAACT,GAAS,sCAAA,EAEZ,WAAU,GAEV,SAAAO,EAAAA,IAACS,qBAAkB,MAAAhB,CAAA,CAAc,CAAA,CAAA,CACnC,CAAA,EAGD,OAAOU,EAAK,OAAU,SACrBH,EAAAA,IAAC,QAAA,CACC,QAASK,EACT,UAAU,8BAET,SAAAF,EAAK,KAAA,CAAA,EAGRA,EAAK,KAAA,CAAA,CAAA,EAIR,OAAOA,EAAK,aAAgB,SAC3BH,EAAAA,IAAC,MAAA,CACC,GAAIO,EACJ,UAAU,yCAET,SAAAJ,EAAK,WAAA,CAAA,EAGRA,EAAK,WAAA,CAAA,EApDFA,EAAK,KAAA,CAwDhB,CAAC,CAAA,CAAA,EAGF,OAAOT,GAAU,SAChBM,EAAAA,IAAC,MAAA,CACC,KAAK,QACL,UAAU,8BACV,GAAID,EAEH,SAAAL,CAAA,CAAA,EAGHA,CAAA,EAEJ,CAEJ,CACF,EAEAX,EAAmB,YAAc"}

package/dist/components/Checkbox/CheckboxRadioGroup/CheckboxRadioGroup.es.js CHANGED Viewed

@@ -1,86 +1,86 @@
-import { j as e } from "../../../node_modules/react/jsx-runtime.es.js";
-import { forwardRef as j, useId as v } from "react";
-import { RadioGroup as a } from "radix-ui";
-import { CheckboxIndicator as R } from "../CheckboxIndicator.es.js";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { forwardRef as N, useId as R } from "react";
+import { RadioGroup as d } from "radix-ui";
+import { CheckboxIndicator as g } from "../CheckboxIndicator.es.js";
 /* empty css                                    */
 /* empty css                          */
 import { csx as i } from "../../../utils/string.es.js";
-const N = j(
+const y = N(
   ({
-    name: x,
+    name: h,
     items: u,
-    value: b,
-    defaultValue: h,
-    onChange: m,
-    isDisabled: n = !1,
-    isRequired: _ = !1,
-    orientation: d = "vertical",
-    round: s = !1,
+    value: m,
+    defaultValue: x,
+    onChange: _,
+    isDisabled: c = !1,
+    isRequired: k = !1,
+    orientation: s = "vertical",
+    round: a = !1,
     error: r,
-    "data-testid": k
-  }, f) => {
-    const c = v(), p = typeof r == "string" ? `${c}-error` : void 0;
-    return /* @__PURE__ */ e.jsxs("div", { children: [
-      /* @__PURE__ */ e.jsx(
-        a.Root,
+    "data-testid": f
+  }, C) => {
+    const p = R(), l = typeof r == "string" ? `${p}-error` : void 0;
+    return /* @__PURE__ */ n("div", { children: [
+      /* @__PURE__ */ e(
+        d.Root,
         {
-          ref: f,
-          name: x,
-          value: b,
-          defaultValue: h,
-          onValueChange: m,
-          disabled: n,
-          required: _,
-          orientation: d,
+          ref: C,
+          name: h,
+          value: m,
+          defaultValue: x,
+          onValueChange: _,
+          disabled: c,
+          required: k,
+          orientation: s,
           className: i(
             "proton-CheckboxRadioGroup",
-            `proton-CheckboxRadioGroup--${d}`
+            `proton-CheckboxRadioGroup--${s}`
           ),
           "aria-invalid": !!r,
-          "aria-errormessage": p,
-          "data-testid": k,
-          children: u.map((o, C) => {
-            const t = `${c}-item-${C}`, I = n || o.isDisabled, l = typeof o.description == "string" ? `${t}-description` : void 0;
-            return /* @__PURE__ */ e.jsxs(
+          "aria-errormessage": l,
+          "data-testid": f,
+          children: u.map((o, I) => {
+            const t = `${p}-item-${I}`, v = c || o.isDisabled, b = typeof o.description == "string" ? `${t}-description` : void 0;
+            return /* @__PURE__ */ n(
               "div",
               {
                 className: i(
-                  I && "proton-CheckboxInput--disabled"
+                  v && "proton-CheckboxInput--disabled"
                 ),
                 children: [
-                  /* @__PURE__ */ e.jsxs(
+                  /* @__PURE__ */ n(
                     "div",
                     {
                       className: i(
                         "proton-CheckboxInput__container",
-                        s && "proton-CheckboxInput__container--round"
+                        a && "proton-CheckboxInput__container--round"
                       ),
                       children: [
-                        /* @__PURE__ */ e.jsx(
-                          a.Item,
+                        /* @__PURE__ */ e(
+                          d.Item,
                           {
                             id: t,
                             value: o.value,
                             disabled: o.isDisabled,
                             className: i(
                               "proton-CheckboxInput__input",
-                              s && "proton-CheckboxInput__input--round",
+                              a && "proton-CheckboxInput__input--round",
                               r && "proton-CheckboxInput__input--error"
                             ),
-                            "aria-describedby": l,
-                            children: /* @__PURE__ */ e.jsx(
-                              a.Indicator,
+                            "aria-describedby": b,
+                            children: /* @__PURE__ */ e(
+                              d.Indicator,
                               {
                                 className: i(
-                                  !s && "proton-CheckboxRadioGroup__checkmark"
+                                  !a && "proton-CheckboxRadioGroup__checkmark"
                                 ),
                                 forceMount: !0,
-                                children: /* @__PURE__ */ e.jsx(R, { round: s })
+                                children: /* @__PURE__ */ e(g, { round: a })
                               }
                             )
                           }
                         ),
-                        typeof o.label == "string" ? /* @__PURE__ */ e.jsx(
+                        typeof o.label == "string" ? /* @__PURE__ */ e(
                           "label",
                           {
                             htmlFor: t,
@@ -91,10 +91,10 @@ const N = j(
                       ]
                     }
                   ),
-                  typeof o.description == "string" ? /* @__PURE__ */ e.jsx(
+                  typeof o.description == "string" ? /* @__PURE__ */ e(
                     "div",
                     {
-                      id: l,
+                      id: b,
                       className: "proton-CheckboxRadioGroup__description",
                       children: o.description
                     }
@@ -106,20 +106,20 @@ const N = j(
           })
         }
       ),
-      typeof r == "string" ? /* @__PURE__ */ e.jsx(
+      typeof r == "string" ? /* @__PURE__ */ e(
         "div",
         {
           role: "alert",
           className: "proton-CheckboxInput__error",
-          id: p,
+          id: l,
           children: r
         }
       ) : r
     ] });
   }
 );
-N.displayName = "ProtonUICheckboxRadioGroup";
+y.displayName = "ProtonUICheckboxRadioGroup";
 export {
-  N as CheckboxRadioGroup
+  y as CheckboxRadioGroup
 };
 //# sourceMappingURL=CheckboxRadioGroup.es.js.map

package/dist/components/Checkbox/CheckboxRadioGroup/CheckboxRadioGroup.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckboxRadioGroup.es.js","sources":["../../../../src/components/Checkbox/CheckboxRadioGroup/CheckboxRadioGroup.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, type ReactNode, useId } from \"react\";\nimport { RadioGroup as RadixRadioGroup } from \"radix-ui\";\nimport { CheckboxIndicator } from \"../CheckboxIndicator\";\n\nimport { csx } from \"../../../utils\";\nimport \"../CheckboxInput/CheckboxInput.css\";\nimport \"./CheckboxRadioGroup.css\";\n\nexport interface CheckboxRadioGroupItem {\n /*\n Unique value for the radio option.\n /\n value: string;\n\n /\n Label displayed next to the radio button.\n /\n label: string \| ReactNode;\n\n /\n Optional description text below the label.\n /\n description?: string \| ReactNode;\n\n /\n Whether this specific option is disabled.\n * @default false\n /\n isDisabled?: boolean;\n}\n\nexport interface CheckboxRadioGroupProps {\n /\n The name attribute for the radio group (for form submission).\n /\n name: string;\n\n /\n Array of radio options.\n /\n items: CheckboxRadioGroupItem[];\n\n /\n Currently selected value (controlled mode).\n /\n value?: string;\n\n /\n Default selected value (uncontrolled mode).\n /\n defaultValue?: string;\n\n /\n Callback when selection changes.\n /\n onChange?: (value: string) => void;\n\n /\n Whether the entire group is disabled.\n * @default false\n /\n isDisabled?: boolean;\n\n /\n Whether selection is required.\n * @default false\n /\n isRequired?: boolean;\n\n /\n Error message or element.\n /\n error?: ReactNode \| string;\n\n /\n Layout orientation.\n * @default \"vertical\"\n /\n orientation?: \"vertical\" \| \"horizontal\";\n\n /\n Whether radio buttons are round or square.\n * @default false\n /\n round?: boolean;\n\n /\n Test ID for the group elemnt `RadixRadioGroup.Root`\n /\n \"data-testid\"?: string;\n}\n\n/\n A declaritive radio group for single-select lists.\n \n API:\n * - {@link CheckboxRadioGroupProps}\n * - {@link CheckboxRadioGroupItem}\n */\nexport const CheckboxRadioGroup = forwardRef<\n HTMLDivElement,\n CheckboxRadioGroupProps\n>(\n (\n {\n name,\n items,\n value,\n defaultValue,\n onChange,\n isDisabled = false,\n isRequired = false,\n orientation = \"vertical\",\n round = false,\n error,\n \"data-testid\": testId,\n },\n ref,\n ) => {\n const idBase = useId();\n const errorId = typeof error === \"string\" ? `${idBase}-error` : undefined;\n\n return (\n <div>\n <RadixRadioGroup.Root\n ref={ref}\n name={name}\n value={value}\n defaultValue={defaultValue}\n onValueChange={onChange}\n disabled={isDisabled}\n required={isRequired}\n orientation={orientation}\n className={csx(\n \"proton-CheckboxRadioGroup\",\n `proton-CheckboxRadioGroup--${orientation}`,\n )}\n aria-invalid={Boolean(error)}\n aria-errormessage={errorId}\n data-testid={testId}\n >\n {items.map((item, index) => {\n const itemId = `${idBase}-item-${index}`;\n const itemDisabled = isDisabled \|\| item.isDisabled;\n const descriptionId =\n typeof item.description === \"string\"\n ? `${itemId}-description`\n : undefined;\n\n return (\n <div\n key={item.value}\n className={csx(\n itemDisabled && \"proton-CheckboxInput--disabled\",\n )}\n >\n <div\n className={csx(\n \"proton-CheckboxInput__container\",\n round && \"proton-CheckboxInput__container--round\",\n )}\n >\n <RadixRadioGroup.Item\n id={itemId}\n value={item.value}\n disabled={item.isDisabled}\n className={csx(\n \"proton-CheckboxInput__input\",\n round && \"proton-CheckboxInput__input--round\",\n error && \"proton-CheckboxInput__input--error\",\n )}\n aria-describedby={descriptionId}\n >\n <RadixRadioGroup.Indicator\n className={csx(\n !round && \"proton-CheckboxRadioGroup__checkmark\",\n )}\n forceMount\n >\n <CheckboxIndicator round={round} />\n </RadixRadioGroup.Indicator>\n </RadixRadioGroup.Item>\n\n {typeof item.label === \"string\" ? (\n <label\n htmlFor={itemId}\n className=\"proton-CheckboxInput__label\"\n >\n {item.label}\n </label>\n ) : (\n item.label\n )}\n </div>\n\n {typeof item.description === \"string\" ? (\n <div\n id={descriptionId}\n className=\"proton-CheckboxRadioGroup__description\"\n >\n {item.description}\n </div>\n ) : (\n item.description\n )}\n </div>\n );\n })}\n </RadixRadioGroup.Root>\n\n {typeof error === \"string\" ? (\n <div\n role=\"alert\"\n className=\"proton-CheckboxInput__error\"\n id={errorId}\n >\n {error}\n </div>\n ) : (\n error\n )}\n </div>\n );\n },\n);\n\nCheckboxRadioGroup.displayName = \"ProtonUICheckboxRadioGroup\";\n"],"names":["CheckboxRadioGroup","forwardRef","name","items","value","defaultValue","onChange","isDisabled","isRequired","orientation","round","error","testId","ref","idBase","useId","errorId","jsx","RadixRadioGroup","csx","item","index","itemId","itemDisabled","descriptionId","jsxs","CheckboxIndicator"],"mappings":";;;;;;;AAqGO,MAAMA,IAAqBC;AAAA,EAIhC,CACE;AAAA,IACE,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,YAAAC,IAAa;AAAA,IACb,aAAAC,IAAc;AAAA,IACd,OAAAC,IAAQ;AAAA,IACR,OAAAC;AAAA,IACA,eAAeC;AAAA,EAAA,GAEjBC,MACG;AACH,UAAMC,IAASC,EAAA,GACTC,IAAU,OAAOL,KAAU,WAAW,GAAGG,CAAM,WAAW;AAEhE,~~kCACG~~,OAAA,EACC,UAAA;AAAA,~~MAAAG~~,~~gBAAAA,EAAAA~~;~~AAAAA~~,QAACC,EAAgB;AAAA,QAAhB;AAAA,UACC,KAAAL;AAAA,UACA,MAAAX;AAAA,UACA,OAAAE;AAAA,UACA,cAAAC;AAAA,UACA,eAAeC;AAAA,UACf,UAAUC;AAAA,UACV,UAAUC;AAAA,UACV,aAAAC;AAAA,UACA,WAAWU;AAAA,YACT;AAAA,YACA,8BAA8BV,CAAW;AAAA,UAAA;AAAA,UAE3C,gBAAc,EAAQE;AAAA,UACtB,qBAAmBK;AAAA,UACnB,eAAaJ;AAAA,UAEZ,UAAAT,EAAM,IAAI,CAACiB,GAAMC,MAAU;AAC1B,kBAAMC,IAAS,GAAGR,CAAM,SAASO,CAAK,IAChCE,IAAehB,KAAca,EAAK,YAClCI,IACJ,OAAOJ,EAAK,eAAgB,WACxB,GAAGE,CAAM,iBACT;AAEN,~~mBACEG~~,~~gBAAAA,EAAAA~~;~~AAAAA~~,cAAC;AAAA,cAAA;AAAA,gBAEC,WAAWN;AAAA,kBACTI,KAAgB;AAAA,gBAAA;AAAA,gBAGlB,UAAA;AAAA,~~kBAAAE~~,~~gBAAAA,EAAAA~~;~~AAAAA~~,oBAAC;AAAA,oBAAA;AAAA,sBACC,WAAWN;AAAA,wBACT;AAAA,wBACAT,KAAS;AAAA,sBAAA;AAAA,sBAGX,UAAA;AAAA,~~wBAAAO~~,~~gBAAAA,EAAAA~~;~~AAAAA~~,0BAACC,EAAgB;AAAA,0BAAhB;AAAA,4BACC,IAAII;AAAA,4BACJ,OAAOF,EAAK;AAAA,4BACZ,UAAUA,EAAK;AAAA,4BACf,WAAWD;AAAA,8BACT;AAAA,8BACAT,KAAS;AAAA,8BACTC,KAAS;AAAA,4BAAA;AAAA,4BAEX,oBAAkBa;AAAA,4BAElB,~~UAAAP~~,~~gBAAAA,EAAAA~~;~~AAAAA~~,8BAACC,EAAgB;AAAA,8BAAhB;AAAA,gCACC,WAAWC;AAAA,kCACT,CAACT,KAAS;AAAA,gCAAA;AAAA,gCAEZ,YAAU;AAAA,gCAEV,~~UAAAO~~,~~gBAAAA~~,~~EAAAA~~,~~IAACS,~~KAAkB,OAAAhB,EAAA,CAAc;AAAA,8BAAA;AAAA,4BAAA;AAAA,0BACnC;AAAA,wBAAA;AAAA,wBAGD,OAAOU,EAAK,SAAU,~~WACrBH~~,~~gBAAAA,EAAAA~~;~~AAAAA~~,0BAAC;AAAA,0BAAA;AAAA,4BACC,SAASK;AAAA,4BACT,WAAU;AAAA,4BAET,UAAAF,EAAK;AAAA,0BAAA;AAAA,wBAAA,IAGRA,EAAK;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAIR,OAAOA,EAAK,eAAgB,~~WAC3BH~~,~~gBAAAA,EAAAA~~;~~AAAAA~~,oBAAC;AAAA,oBAAA;AAAA,sBACC,IAAIO;AAAA,sBACJ,WAAU;AAAA,sBAET,UAAAJ,EAAK;AAAA,oBAAA;AAAA,kBAAA,IAGRA,EAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,cApDFA,EAAK;AAAA,YAAA;AAAA,UAwDhB,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,MAGF,OAAOT,KAAU,~~WAChBM~~,~~gBAAAA,EAAAA~~;~~AAAAA~~,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,IAAID;AAAA,UAEH,UAAAL;AAAA,QAAA;AAAA,MAAA,IAGHA;AAAA,IAAA,GAEJ;AAAA,EAEJ;AACF;AAEAX,EAAmB,cAAc;"}
1	+ {"version":3,"file":"CheckboxRadioGroup.es.js","sources":["../../../../src/components/Checkbox/CheckboxRadioGroup/CheckboxRadioGroup.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, type ReactNode, useId } from \"react\";\nimport { RadioGroup as RadixRadioGroup } from \"radix-ui\";\nimport { CheckboxIndicator } from \"../CheckboxIndicator\";\n\nimport { csx } from \"../../../utils\";\nimport \"../CheckboxInput/CheckboxInput.css\";\nimport \"./CheckboxRadioGroup.css\";\n\nexport interface CheckboxRadioGroupItem {\n /*\n Unique value for the radio option.\n /\n value: string;\n\n /\n Label displayed next to the radio button.\n /\n label: string \| ReactNode;\n\n /\n Optional description text below the label.\n /\n description?: string \| ReactNode;\n\n /\n Whether this specific option is disabled.\n * @default false\n /\n isDisabled?: boolean;\n}\n\nexport interface CheckboxRadioGroupProps {\n /\n The name attribute for the radio group (for form submission).\n /\n name: string;\n\n /\n Array of radio options.\n /\n items: CheckboxRadioGroupItem[];\n\n /\n Currently selected value (controlled mode).\n /\n value?: string;\n\n /\n Default selected value (uncontrolled mode).\n /\n defaultValue?: string;\n\n /\n Callback when selection changes.\n /\n onChange?: (value: string) => void;\n\n /\n Whether the entire group is disabled.\n * @default false\n /\n isDisabled?: boolean;\n\n /\n Whether selection is required.\n * @default false\n /\n isRequired?: boolean;\n\n /\n Error message or element.\n /\n error?: ReactNode \| string;\n\n /\n Layout orientation.\n * @default \"vertical\"\n /\n orientation?: \"vertical\" \| \"horizontal\";\n\n /\n Whether radio buttons are round or square.\n * @default false\n /\n round?: boolean;\n\n /\n Test ID for the group elemnt `RadixRadioGroup.Root`\n /\n \"data-testid\"?: string;\n}\n\n/\n A declaritive radio group for single-select lists.\n \n API:\n * - {@link CheckboxRadioGroupProps}\n * - {@link CheckboxRadioGroupItem}\n */\nexport const CheckboxRadioGroup = forwardRef<\n HTMLDivElement,\n CheckboxRadioGroupProps\n>(\n (\n {\n name,\n items,\n value,\n defaultValue,\n onChange,\n isDisabled = false,\n isRequired = false,\n orientation = \"vertical\",\n round = false,\n error,\n \"data-testid\": testId,\n },\n ref,\n ) => {\n const idBase = useId();\n const errorId = typeof error === \"string\" ? `${idBase}-error` : undefined;\n\n return (\n <div>\n <RadixRadioGroup.Root\n ref={ref}\n name={name}\n value={value}\n defaultValue={defaultValue}\n onValueChange={onChange}\n disabled={isDisabled}\n required={isRequired}\n orientation={orientation}\n className={csx(\n \"proton-CheckboxRadioGroup\",\n `proton-CheckboxRadioGroup--${orientation}`,\n )}\n aria-invalid={Boolean(error)}\n aria-errormessage={errorId}\n data-testid={testId}\n >\n {items.map((item, index) => {\n const itemId = `${idBase}-item-${index}`;\n const itemDisabled = isDisabled \|\| item.isDisabled;\n const descriptionId =\n typeof item.description === \"string\"\n ? `${itemId}-description`\n : undefined;\n\n return (\n <div\n key={item.value}\n className={csx(\n itemDisabled && \"proton-CheckboxInput--disabled\",\n )}\n >\n <div\n className={csx(\n \"proton-CheckboxInput__container\",\n round && \"proton-CheckboxInput__container--round\",\n )}\n >\n <RadixRadioGroup.Item\n id={itemId}\n value={item.value}\n disabled={item.isDisabled}\n className={csx(\n \"proton-CheckboxInput__input\",\n round && \"proton-CheckboxInput__input--round\",\n error && \"proton-CheckboxInput__input--error\",\n )}\n aria-describedby={descriptionId}\n >\n <RadixRadioGroup.Indicator\n className={csx(\n !round && \"proton-CheckboxRadioGroup__checkmark\",\n )}\n forceMount\n >\n <CheckboxIndicator round={round} />\n </RadixRadioGroup.Indicator>\n </RadixRadioGroup.Item>\n\n {typeof item.label === \"string\" ? (\n <label\n htmlFor={itemId}\n className=\"proton-CheckboxInput__label\"\n >\n {item.label}\n </label>\n ) : (\n item.label\n )}\n </div>\n\n {typeof item.description === \"string\" ? (\n <div\n id={descriptionId}\n className=\"proton-CheckboxRadioGroup__description\"\n >\n {item.description}\n </div>\n ) : (\n item.description\n )}\n </div>\n );\n })}\n </RadixRadioGroup.Root>\n\n {typeof error === \"string\" ? (\n <div\n role=\"alert\"\n className=\"proton-CheckboxInput__error\"\n id={errorId}\n >\n {error}\n </div>\n ) : (\n error\n )}\n </div>\n );\n },\n);\n\nCheckboxRadioGroup.displayName = \"ProtonUICheckboxRadioGroup\";\n"],"names":["CheckboxRadioGroup","forwardRef","name","items","value","defaultValue","onChange","isDisabled","isRequired","orientation","round","error","testId","ref","idBase","useId","errorId","jsx","RadixRadioGroup","csx","item","index","itemId","itemDisabled","descriptionId","jsxs","CheckboxIndicator"],"mappings":"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"}

package/dist/components/Elevation/Elevation.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../node_modules/react/jsx-runtime.cjs.js"),e=require("../../node_modules/color2k/dist/index.exports.import.es.cjs.js"),m=require("../ThemeProvider.cjs.js");;/* empty css                   */const v=require("../../utils/string.cjs.js"),x=({children:o,hasPrimaryGradient:s=!1,"data-testid":i})=>{const{hasPalette:l,palette:n,style:c}=m.useTheme(),t=c["--proton-control__elevation-color"];let r=t,a=e.transparentize(t,.01);if(l&&(r=e.transparentize(t,.1),a=e.transparentize(t,.12),s)){const p=e.transparentize(n.PRIMARY.MEDIUM_LIGHT,.88),d=e.transparentize(n.PRIMARY.LIGHT,.84);r=e.mix(r,p,.15),a=e.mix(a,d,.15)}return u.jsxRuntimeExports.jsx("div",{className:v.csx("proton-Elevation","proton-Elevation--glass"),"data-testid":i,role:"presentation","aria-label":"Elevated content area",style:{background:`linear-gradient(to top left, ${r}, ${a})`},children:o})};exports.Elevation=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),e=require("../../node_modules/color2k/dist/index.exports.import.es.cjs.js"),m=require("../ThemeProvider.cjs.js");;/* empty css                   */const v=require("../../utils/string.cjs.js"),y=({children:o,hasPrimaryGradient:s=!1,"data-testid":i})=>{const{hasPalette:l,palette:n,style:c}=m.useTheme(),t=c["--proton-control__elevation-color"];let r=t,a=e.transparentize(t,.01);if(l&&(r=e.transparentize(t,.1),a=e.transparentize(t,.12),s)){const d=e.transparentize(n.PRIMARY.MEDIUM_LIGHT,.88),p=e.transparentize(n.PRIMARY.LIGHT,.84);r=e.mix(r,d,.15),a=e.mix(a,p,.15)}return u.jsx("div",{className:v.csx("proton-Elevation","proton-Elevation--glass"),"data-testid":i,role:"presentation","aria-label":"Elevated content area",style:{background:`linear-gradient(to top left, ${r}, ${a})`},children:o})};exports.Elevation=y;
 //# sourceMappingURL=Elevation.cjs.js.map

package/dist/components/Elevation/Elevation.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Elevation.cjs.js","sources":["../../../src/components/Elevation/Elevation.tsx"],"sourcesContent":["\"use client\";\n\nimport { ReactNode } from \"react\";\nimport { transparentize, mix } from \"color2k\";\nimport { useTheme } from \"../ThemeProvider\";\nimport \"./Elevation.css\";\nimport { csx } from \"../../utils\";\n\nexport interface ElevationProps {\n /*\n The content to be displayed within the elevation.\n /\n children?: ReactNode;\n /\n The data-testid attribute for testing purposes.\n /\n \"data-testid\"?: string;\n /\n Whether the elevation should have a background gradient.\n * @important only works in custom dark mode\n * @default false\n /\n hasPrimaryGradient?: boolean;\n}\n\n/\n Elevation component creates a visual elevation effect using the theme-aware background color.\n \n This component is designed to be used as a visual layer that sits on top of other content\n * to create a sense of depth or hierarchy in the UI. It uses the `--proton-control__background-color-light`\n * CSS variable which is theme-aware and will adapt to light, dark themes.\n \n API:\n * - {@link ElevationProps}\n */\nexport const Elevation = ({\n children,\n hasPrimaryGradient = false,\n \"data-testid\": dataTestId,\n}: ElevationProps) => {\n const { hasPalette, palette, style } = useTheme();\n\n const defaultBg = style[\"--proton-control__elevation-color\"];\n let primaryDark = defaultBg;\n let secondaryDark = transparentize(defaultBg, 0.01);\n\n if (hasPalette) {\n primaryDark = transparentize(defaultBg, 0.1);\n secondaryDark = transparentize(defaultBg, 0.12);\n if (hasPrimaryGradient) {\n const basePrimary = transparentize(palette.PRIMARY.MEDIUM_LIGHT, 0.88);\n const baseSecondary = transparentize(palette.PRIMARY.LIGHT, 0.84);\n primaryDark = mix(primaryDark, basePrimary, 0.15);\n secondaryDark = mix(secondaryDark, baseSecondary, 0.15);\n }\n }\n\n return (\n <div\n className={csx(\"proton-Elevation\", \"proton-Elevation--glass\")}\n data-testid={dataTestId}\n role=\"presentation\"\n aria-label=\"Elevated content area\"\n style={{\n background: `linear-gradient(to top left, ${primaryDark}, ${secondaryDark})`,\n }}\n >\n {children}\n </div>\n );\n};\n"],"names":["Elevation","children","hasPrimaryGradient","dataTestId","hasPalette","palette","style","useTheme","defaultBg","primaryDark","secondaryDark","transparentize","basePrimary","baseSecondary","mix","jsx","csx"],"mappings":"~~+UAmCaA~~,EAAY,CAAC,CACxB,SAAAC,EACA,mBAAAC,EAAqB,GACrB,cAAeC,CACjB,IAAsB,CACpB,KAAM,CAAE,WAAAC,EAAY,QAAAC,EAAS,MAAAC,CAAA,EAAUC,EAAAA,SAAA,EAEjCC,EAAYF,EAAM,mCAAmC,EAC3D,IAAIG,EAAcD,EACdE,EAAgBC,EAAAA,eAAeH,EAAW,GAAI,EAElD,GAAIJ,IACFK,EAAcE,EAAAA,eAAeH,EAAW,EAAG,EAC3CE,EAAgBC,EAAAA,eAAeH,EAAW,GAAI,EAC1CN,GAAoB,CACtB,MAAMU,EAAcD,EAAAA,eAAeN,EAAQ,QAAQ,aAAc,GAAI,EAC/DQ,EAAgBF,EAAAA,eAAeN,EAAQ,QAAQ,MAAO,GAAI,EAChEI,EAAcK,EAAAA,IAAIL,EAAaG,EAAa,GAAI,EAChDF,EAAgBI,EAAAA,IAAIJ,EAAeG,EAAe,GAAI,CACxD,CAGF,OACEE,EAAAA,~~kBAAAA,~~IAAC,MAAA,CACC,UAAWC,EAAAA,IAAI,mBAAoB,yBAAyB,EAC5D,cAAab,EACb,KAAK,eACL,aAAW,wBACX,MAAO,CACL,WAAY,gCAAgCM,CAAW,KAAKC,CAAa,GAAA,EAG1E,SAAAT,CAAA,CAAA,CAGP"}
1	+ {"version":3,"file":"Elevation.cjs.js","sources":["../../../src/components/Elevation/Elevation.tsx"],"sourcesContent":["\"use client\";\n\nimport { ReactNode } from \"react\";\nimport { transparentize, mix } from \"color2k\";\nimport { useTheme } from \"../ThemeProvider\";\nimport \"./Elevation.css\";\nimport { csx } from \"../../utils\";\n\nexport interface ElevationProps {\n /*\n The content to be displayed within the elevation.\n /\n children?: ReactNode;\n /\n The data-testid attribute for testing purposes.\n /\n \"data-testid\"?: string;\n /\n Whether the elevation should have a background gradient.\n * @important only works in custom dark mode\n * @default false\n /\n hasPrimaryGradient?: boolean;\n}\n\n/\n Elevation component creates a visual elevation effect using the theme-aware background color.\n \n This component is designed to be used as a visual layer that sits on top of other content\n * to create a sense of depth or hierarchy in the UI. It uses the `--proton-control__background-color-light`\n * CSS variable which is theme-aware and will adapt to light, dark themes.\n \n API:\n * - {@link ElevationProps}\n */\nexport const Elevation = ({\n children,\n hasPrimaryGradient = false,\n \"data-testid\": dataTestId,\n}: ElevationProps) => {\n const { hasPalette, palette, style } = useTheme();\n\n const defaultBg = style[\"--proton-control__elevation-color\"];\n let primaryDark = defaultBg;\n let secondaryDark = transparentize(defaultBg, 0.01);\n\n if (hasPalette) {\n primaryDark = transparentize(defaultBg, 0.1);\n secondaryDark = transparentize(defaultBg, 0.12);\n if (hasPrimaryGradient) {\n const basePrimary = transparentize(palette.PRIMARY.MEDIUM_LIGHT, 0.88);\n const baseSecondary = transparentize(palette.PRIMARY.LIGHT, 0.84);\n primaryDark = mix(primaryDark, basePrimary, 0.15);\n secondaryDark = mix(secondaryDark, baseSecondary, 0.15);\n }\n }\n\n return (\n <div\n className={csx(\"proton-Elevation\", \"proton-Elevation--glass\")}\n data-testid={dataTestId}\n role=\"presentation\"\n aria-label=\"Elevated content area\"\n style={{\n background: `linear-gradient(to top left, ${primaryDark}, ${secondaryDark})`,\n }}\n >\n {children}\n </div>\n );\n};\n"],"names":["Elevation","children","hasPrimaryGradient","dataTestId","hasPalette","palette","style","useTheme","defaultBg","primaryDark","secondaryDark","transparentize","basePrimary","baseSecondary","mix","jsx","csx"],"mappings":"qTAmCaA,EAAY,CAAC,CACxB,SAAAC,EACA,mBAAAC,EAAqB,GACrB,cAAeC,CACjB,IAAsB,CACpB,KAAM,CAAE,WAAAC,EAAY,QAAAC,EAAS,MAAAC,CAAA,EAAUC,EAAAA,SAAA,EAEjCC,EAAYF,EAAM,mCAAmC,EAC3D,IAAIG,EAAcD,EACdE,EAAgBC,EAAAA,eAAeH,EAAW,GAAI,EAElD,GAAIJ,IACFK,EAAcE,EAAAA,eAAeH,EAAW,EAAG,EAC3CE,EAAgBC,EAAAA,eAAeH,EAAW,GAAI,EAC1CN,GAAoB,CACtB,MAAMU,EAAcD,EAAAA,eAAeN,EAAQ,QAAQ,aAAc,GAAI,EAC/DQ,EAAgBF,EAAAA,eAAeN,EAAQ,QAAQ,MAAO,GAAI,EAChEI,EAAcK,EAAAA,IAAIL,EAAaG,EAAa,GAAI,EAChDF,EAAgBI,EAAAA,IAAIJ,EAAeG,EAAe,GAAI,CACxD,CAGF,OACEE,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,IAAI,mBAAoB,yBAAyB,EAC5D,cAAab,EACb,KAAK,eACL,aAAW,wBACX,MAAO,CACL,WAAY,gCAAgCM,CAAW,KAAKC,CAAa,GAAA,EAG1E,SAAAT,CAAA,CAAA,CAGP"}

package/dist/components/Elevation/Elevation.es.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { j as f } from "../../node_modules/react/jsx-runtime.es.js";
+import { jsx as f } from "react/jsx-runtime";
 import { transparentize as t, mix as n } from "../../node_modules/color2k/dist/index.exports.import.es.es.js";
 import { useTheme as v } from "../ThemeProvider.es.js";
 /* empty css                 */
-import { csx as x } from "../../utils/string.es.js";
-const b = ({
+import { csx as y } from "../../utils/string.es.js";
+const x = ({
   children: s,
   hasPrimaryGradient: i = !1,
   "data-testid": l
@@ -14,10 +14,10 @@ const b = ({
     const c = t(r.PRIMARY.MEDIUM_LIGHT, 0.88), d = t(r.PRIMARY.LIGHT, 0.84);
     o = n(o, c, 0.15), a = n(a, d, 0.15);
   }
-  return /* @__PURE__ */ f.jsx(
+  return /* @__PURE__ */ f(
     "div",
     {
-      className: x("proton-Elevation", "proton-Elevation--glass"),
+      className: y("proton-Elevation", "proton-Elevation--glass"),
       "data-testid": l,
       role: "presentation",
       "aria-label": "Elevated content area",
@@ -29,6 +29,6 @@ const b = ({
   );
 };
 export {
-  b as Elevation
+  x as Elevation
 };
 //# sourceMappingURL=Elevation.es.js.map

package/dist/components/Elevation/Elevation.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Elevation.es.js","sources":["../../../src/components/Elevation/Elevation.tsx"],"sourcesContent":["\"use client\";\n\nimport { ReactNode } from \"react\";\nimport { transparentize, mix } from \"color2k\";\nimport { useTheme } from \"../ThemeProvider\";\nimport \"./Elevation.css\";\nimport { csx } from \"../../utils\";\n\nexport interface ElevationProps {\n /*\n The content to be displayed within the elevation.\n /\n children?: ReactNode;\n /\n The data-testid attribute for testing purposes.\n /\n \"data-testid\"?: string;\n /\n Whether the elevation should have a background gradient.\n * @important only works in custom dark mode\n * @default false\n /\n hasPrimaryGradient?: boolean;\n}\n\n/\n Elevation component creates a visual elevation effect using the theme-aware background color.\n \n This component is designed to be used as a visual layer that sits on top of other content\n * to create a sense of depth or hierarchy in the UI. It uses the `--proton-control__background-color-light`\n * CSS variable which is theme-aware and will adapt to light, dark themes.\n \n API:\n * - {@link ElevationProps}\n */\nexport const Elevation = ({\n children,\n hasPrimaryGradient = false,\n \"data-testid\": dataTestId,\n}: ElevationProps) => {\n const { hasPalette, palette, style } = useTheme();\n\n const defaultBg = style[\"--proton-control__elevation-color\"];\n let primaryDark = defaultBg;\n let secondaryDark = transparentize(defaultBg, 0.01);\n\n if (hasPalette) {\n primaryDark = transparentize(defaultBg, 0.1);\n secondaryDark = transparentize(defaultBg, 0.12);\n if (hasPrimaryGradient) {\n const basePrimary = transparentize(palette.PRIMARY.MEDIUM_LIGHT, 0.88);\n const baseSecondary = transparentize(palette.PRIMARY.LIGHT, 0.84);\n primaryDark = mix(primaryDark, basePrimary, 0.15);\n secondaryDark = mix(secondaryDark, baseSecondary, 0.15);\n }\n }\n\n return (\n <div\n className={csx(\"proton-Elevation\", \"proton-Elevation--glass\")}\n data-testid={dataTestId}\n role=\"presentation\"\n aria-label=\"Elevated content area\"\n style={{\n background: `linear-gradient(to top left, ${primaryDark}, ${secondaryDark})`,\n }}\n >\n {children}\n </div>\n );\n};\n"],"names":["Elevation","children","hasPrimaryGradient","dataTestId","hasPalette","palette","style","useTheme","defaultBg","primaryDark","secondaryDark","transparentize","basePrimary","baseSecondary","mix","jsx","csx"],"mappings":";;;;;AAmCO,MAAMA,IAAY,CAAC;AAAA,EACxB,UAAAC;AAAA,EACA,oBAAAC,IAAqB;AAAA,EACrB,eAAeC;AACjB,MAAsB;AACpB,QAAM,EAAE,YAAAC,GAAY,SAAAC,GAAS,OAAAC,EAAA,IAAUC,EAAA,GAEjCC,IAAYF,EAAM,mCAAmC;AAC3D,MAAIG,IAAcD,GACdE,IAAgBC,EAAeH,GAAW,IAAI;AAElD,MAAIJ,MACFK,IAAcE,EAAeH,GAAW,GAAG,GAC3CE,IAAgBC,EAAeH,GAAW,IAAI,GAC1CN,IAAoB;AACtB,UAAMU,IAAcD,EAAeN,EAAQ,QAAQ,cAAc,IAAI,GAC/DQ,IAAgBF,EAAeN,EAAQ,QAAQ,OAAO,IAAI;AAChE,IAAAI,IAAcK,EAAIL,GAAaG,GAAa,IAAI,GAChDF,IAAgBI,EAAIJ,GAAeG,GAAe,IAAI;AAAA,EACxD;AAGF,~~SACEE~~,~~gBAAAA,EAAAA~~;~~AAAAA~~,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAI,oBAAoB,yBAAyB;AAAA,MAC5D,eAAab;AAAA,MACb,MAAK;AAAA,MACL,cAAW;AAAA,MACX,OAAO;AAAA,QACL,YAAY,gCAAgCM,CAAW,KAAKC,CAAa;AAAA,MAAA;AAAA,MAG1E,UAAAT;AAAA,IAAA;AAAA,EAAA;AAGP;"}
1	+ {"version":3,"file":"Elevation.es.js","sources":["../../../src/components/Elevation/Elevation.tsx"],"sourcesContent":["\"use client\";\n\nimport { ReactNode } from \"react\";\nimport { transparentize, mix } from \"color2k\";\nimport { useTheme } from \"../ThemeProvider\";\nimport \"./Elevation.css\";\nimport { csx } from \"../../utils\";\n\nexport interface ElevationProps {\n /*\n The content to be displayed within the elevation.\n /\n children?: ReactNode;\n /\n The data-testid attribute for testing purposes.\n /\n \"data-testid\"?: string;\n /\n Whether the elevation should have a background gradient.\n * @important only works in custom dark mode\n * @default false\n /\n hasPrimaryGradient?: boolean;\n}\n\n/\n Elevation component creates a visual elevation effect using the theme-aware background color.\n \n This component is designed to be used as a visual layer that sits on top of other content\n * to create a sense of depth or hierarchy in the UI. It uses the `--proton-control__background-color-light`\n * CSS variable which is theme-aware and will adapt to light, dark themes.\n \n API:\n * - {@link ElevationProps}\n */\nexport const Elevation = ({\n children,\n hasPrimaryGradient = false,\n \"data-testid\": dataTestId,\n}: ElevationProps) => {\n const { hasPalette, palette, style } = useTheme();\n\n const defaultBg = style[\"--proton-control__elevation-color\"];\n let primaryDark = defaultBg;\n let secondaryDark = transparentize(defaultBg, 0.01);\n\n if (hasPalette) {\n primaryDark = transparentize(defaultBg, 0.1);\n secondaryDark = transparentize(defaultBg, 0.12);\n if (hasPrimaryGradient) {\n const basePrimary = transparentize(palette.PRIMARY.MEDIUM_LIGHT, 0.88);\n const baseSecondary = transparentize(palette.PRIMARY.LIGHT, 0.84);\n primaryDark = mix(primaryDark, basePrimary, 0.15);\n secondaryDark = mix(secondaryDark, baseSecondary, 0.15);\n }\n }\n\n return (\n <div\n className={csx(\"proton-Elevation\", \"proton-Elevation--glass\")}\n data-testid={dataTestId}\n role=\"presentation\"\n aria-label=\"Elevated content area\"\n style={{\n background: `linear-gradient(to top left, ${primaryDark}, ${secondaryDark})`,\n }}\n >\n {children}\n </div>\n );\n};\n"],"names":["Elevation","children","hasPrimaryGradient","dataTestId","hasPalette","palette","style","useTheme","defaultBg","primaryDark","secondaryDark","transparentize","basePrimary","baseSecondary","mix","jsx","csx"],"mappings":";;;;;AAmCO,MAAMA,IAAY,CAAC;AAAA,EACxB,UAAAC;AAAA,EACA,oBAAAC,IAAqB;AAAA,EACrB,eAAeC;AACjB,MAAsB;AACpB,QAAM,EAAE,YAAAC,GAAY,SAAAC,GAAS,OAAAC,EAAA,IAAUC,EAAA,GAEjCC,IAAYF,EAAM,mCAAmC;AAC3D,MAAIG,IAAcD,GACdE,IAAgBC,EAAeH,GAAW,IAAI;AAElD,MAAIJ,MACFK,IAAcE,EAAeH,GAAW,GAAG,GAC3CE,IAAgBC,EAAeH,GAAW,IAAI,GAC1CN,IAAoB;AACtB,UAAMU,IAAcD,EAAeN,EAAQ,QAAQ,cAAc,IAAI,GAC/DQ,IAAgBF,EAAeN,EAAQ,QAAQ,OAAO,IAAI;AAChE,IAAAI,IAAcK,EAAIL,GAAaG,GAAa,IAAI,GAChDF,IAAgBI,EAAIJ,GAAeG,GAAe,IAAI;AAAA,EACxD;AAGF,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAI,oBAAoB,yBAAyB;AAAA,MAC5D,eAAab;AAAA,MACb,MAAK;AAAA,MACL,cAAW;AAAA,MACX,OAAO;AAAA,QACL,YAAY,gCAAgCM,CAAW,KAAKC,CAAa;AAAA,MAAA;AAAA,MAG1E,UAAAT;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/Icon/IconComponents/AlertCircle.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../node_modules/react/jsx-runtime.cjs.js"),r=require("../IconProps.cjs.js");function i({size:s=16,color:t="currentColor","data-testid":n,ariaProps:o=r.DEFAULT_ARIA_PROPS}){return e.jsxRuntimeExports.jsxs("svg",{xmlns:r.DEFAULT_SVG_XMLNS,viewBox:"0 0 512 512",width:s,height:s,...o,"data-testid":n||r.getDefaultIconTestId("AlertCircle"),children:[e.jsxRuntimeExports.jsx("path",{fill:"none",stroke:t,strokeMiterlimit:10,strokeWidth:32,d:"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z"}),e.jsxRuntimeExports.jsx("path",{fill:"none",stroke:t,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:32,d:"M250.26 166.05L256 288l5.73-121.95a5.74 5.74 0 00-5.79-6h0a5.74 5.74 0 00-5.68 6z"}),e.jsxRuntimeExports.jsx("path",{fill:t,stroke:t,d:"M256 367.91a20 20 0 1120-20 20 20 0 01-20 20z"})]})}i.displayName="ProtonUIAlertCircleIcon";exports.AlertCircle=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("../IconProps.cjs.js");function s({size:i=16,color:e="currentColor","data-testid":n,ariaProps:o=r.DEFAULT_ARIA_PROPS}){return t.jsxs("svg",{xmlns:r.DEFAULT_SVG_XMLNS,viewBox:"0 0 512 512",width:i,height:i,...o,"data-testid":n||r.getDefaultIconTestId("AlertCircle"),children:[t.jsx("path",{fill:"none",stroke:e,strokeMiterlimit:10,strokeWidth:32,d:"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z"}),t.jsx("path",{fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:32,d:"M250.26 166.05L256 288l5.73-121.95a5.74 5.74 0 00-5.79-6h0a5.74 5.74 0 00-5.68 6z"}),t.jsx("path",{fill:e,stroke:e,d:"M256 367.91a20 20 0 1120-20 20 20 0 01-20 20z"})]})}s.displayName="ProtonUIAlertCircleIcon";exports.AlertCircle=s;
 //# sourceMappingURL=AlertCircle.cjs.js.map

package/dist/components/Icon/IconComponents/AlertCircle.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AlertCircle.cjs.js","sources":["../../../../src/components/Icon/IconComponents/AlertCircle.tsx"],"sourcesContent":["import {\n type IconProps,\n DEFAULT_ARIA_PROPS,\n DEFAULT_SVG_XMLNS,\n getDefaultIconTestId,\n} from \"../IconProps\";\n\n/** Alert circle icon. {@link IconProps} */\nexport function AlertCircle({\n size = 16,\n color = \"currentColor\",\n \"data-testid\": dataTestId,\n ariaProps = DEFAULT_ARIA_PROPS,\n}: IconProps) {\n return (\n <svg\n xmlns={DEFAULT_SVG_XMLNS}\n viewBox=\"0 0 512 512\"\n width={size}\n height={size}\n {...ariaProps}\n data-testid={dataTestId \|\| getDefaultIconTestId(\"AlertCircle\")}\n >\n <path\n fill=\"none\"\n stroke={color}\n strokeMiterlimit={10}\n strokeWidth={32}\n d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\"\n />\n <path\n fill=\"none\"\n stroke={color}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={32}\n d=\"M250.26 166.05L256 288l5.73-121.95a5.74 5.74 0 00-5.79-6h0a5.74 5.74 0 00-5.68 6z\"\n />\n <path\n fill={color}\n stroke={color}\n d=\"M256 367.91a20 20 0 1120-20 20 20 0 01-20 20z\"\n />\n </svg>\n );\n}\n\nAlertCircle.displayName = \"ProtonUIAlertCircleIcon\";\n"],"names":["AlertCircle","size","color","dataTestId","ariaProps","DEFAULT_ARIA_PROPS","jsxs","DEFAULT_SVG_XMLNS","getDefaultIconTestId","jsx"],"mappings":"~~mLAQO~~,SAASA,EAAY,CAC1B,KAAAC,EAAO,GACP,MAAAC,EAAQ,eACR,cAAeC,EACf,UAAAC,EAAYC,EAAAA,kBACd,EAAc,CACZ,OACEC,EAAAA,~~kBAAAA,~~KAAC,MAAA,CACC,MAAOC,EAAAA,kBACP,QAAQ,cACR,MAAON,EACP,OAAQA,EACP,GAAGG,EACJ,cAAaD,GAAcK,EAAAA,qBAAqB,aAAa,EAE7D,SAAA,CAAAC,EAAAA,~~kBAAAA,~~IAAC,OAAA,CACC,KAAK,OACL,OAAQP,EACR,iBAAkB,GAClB,YAAa,GACb,EAAE,4EAAA,CAAA,EAEJO,EAAAA,~~kBAAAA,~~IAAC,OAAA,CACC,KAAK,OACL,OAAQP,EACR,cAAc,QACd,eAAe,QACf,YAAa,GACb,EAAE,mFAAA,CAAA,EAEJO,EAAAA,~~kBAAAA,~~IAAC,OAAA,CACC,KAAMP,EACN,OAAQA,EACR,EAAE,+CAAA,CAAA,CACJ,CAAA,CAAA,CAGN,CAEAF,EAAY,YAAc"}
1	+ {"version":3,"file":"AlertCircle.cjs.js","sources":["../../../../src/components/Icon/IconComponents/AlertCircle.tsx"],"sourcesContent":["import {\n type IconProps,\n DEFAULT_ARIA_PROPS,\n DEFAULT_SVG_XMLNS,\n getDefaultIconTestId,\n} from \"../IconProps\";\n\n/** Alert circle icon. {@link IconProps} */\nexport function AlertCircle({\n size = 16,\n color = \"currentColor\",\n \"data-testid\": dataTestId,\n ariaProps = DEFAULT_ARIA_PROPS,\n}: IconProps) {\n return (\n <svg\n xmlns={DEFAULT_SVG_XMLNS}\n viewBox=\"0 0 512 512\"\n width={size}\n height={size}\n {...ariaProps}\n data-testid={dataTestId \|\| getDefaultIconTestId(\"AlertCircle\")}\n >\n <path\n fill=\"none\"\n stroke={color}\n strokeMiterlimit={10}\n strokeWidth={32}\n d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\"\n />\n <path\n fill=\"none\"\n stroke={color}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={32}\n d=\"M250.26 166.05L256 288l5.73-121.95a5.74 5.74 0 00-5.79-6h0a5.74 5.74 0 00-5.68 6z\"\n />\n <path\n fill={color}\n stroke={color}\n d=\"M256 367.91a20 20 0 1120-20 20 20 0 01-20 20z\"\n />\n </svg>\n );\n}\n\nAlertCircle.displayName = \"ProtonUIAlertCircleIcon\";\n"],"names":["AlertCircle","size","color","dataTestId","ariaProps","DEFAULT_ARIA_PROPS","jsxs","DEFAULT_SVG_XMLNS","getDefaultIconTestId","jsx"],"mappings":"sJAQO,SAASA,EAAY,CAC1B,KAAAC,EAAO,GACP,MAAAC,EAAQ,eACR,cAAeC,EACf,UAAAC,EAAYC,EAAAA,kBACd,EAAc,CACZ,OACEC,EAAAA,KAAC,MAAA,CACC,MAAOC,EAAAA,kBACP,QAAQ,cACR,MAAON,EACP,OAAQA,EACP,GAAGG,EACJ,cAAaD,GAAcK,EAAAA,qBAAqB,aAAa,EAE7D,SAAA,CAAAC,EAAAA,IAAC,OAAA,CACC,KAAK,OACL,OAAQP,EACR,iBAAkB,GAClB,YAAa,GACb,EAAE,4EAAA,CAAA,EAEJO,EAAAA,IAAC,OAAA,CACC,KAAK,OACL,OAAQP,EACR,cAAc,QACd,eAAe,QACf,YAAa,GACb,EAAE,mFAAA,CAAA,EAEJO,EAAAA,IAAC,OAAA,CACC,KAAMP,EACN,OAAQA,EACR,EAAE,+CAAA,CAAA,CACJ,CAAA,CAAA,CAGN,CAEAF,EAAY,YAAc"}