@tedi-design-system/react 16.0.0-rc.2 → 16.0.0-rc.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "16.0.0-rc.2",
+  "version": "16.0.0-rc.3",
   "type": "module",
   "sideEffects": false,
   "exports": {

package/src/tedi/components/form/checkbox/checkbox.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),o=require("../../../../../external/classnames/index.cjs.js"),f=require("react"),j=require("../../base/icon/icon.cjs.js"),S=require("../feedback-text/feedback-text.cjs.js"),T=require("../form-label/form-label.cjs.js"),e=require("./checkbox.module.scss.cjs.js"),$=require("../../layout/grid/row.cjs.js"),C=require("../../layout/grid/col.cjs.js"),N=q=>{const{id:d,label:l,value:x,className:g,disabled:b=!1,onChange:i,hideLabel:y=!1,helper:a,checked:s,defaultChecked:I,indeterminate:n,hover:R,name:v,tooltip:k,invalid:w,size:r="default",...z}=q,[m,L]=f.useState(I||!1),u=f.useRef(null),h=f.useMemo(()=>n?"mixed":i&&typeof s<"u"?s:m,[n,i,s,m]),M=t=>{typeof s>"u"&&L(t==null?void 0:t.target.checked),i==null||i(x,t==null?void 0:t.target.checked)},_=a?a.id??`${d}-helper`:void 0,F=k?`${d}-tooltip`:void 0,p=o.default(e.default["tedi-checkbox"],{[e.default["tedi-checkbox--disabled"]]:b});return c.jsxs("div",{"data-name":"check",...z,children:[c.jsxs($.Row,{gutter:0,children:[c.jsx(C.Col,{width:"auto",children:c.jsxs("div",{className:e.default["tedi-checkbox__outer-indicator-wrapper"],children:[c.jsx("input",{id:d,value:x,name:v,type:"checkbox",disabled:b,checked:h!=="mixed"?h:!1,"aria-checked":h,onChange:M,className:e.default["tedi-checkbox__input"],"aria-describedby":[_,F].filter(Boolean).join(" ")}),c.jsxs("div",{"aria-hidden":"true",onClick:()=>{var t;return(t=u.current)==null?void 0:t.click()},className:o.default(e.default["tedi-checkbox__indicator"],{[e.default["tedi-checkbox__indicator--hover"]]:R,[e.default["tedi-checkbox__indicator--indeterminate"]]:n,[e.default[`tedi-checkbox__indicator--size-${r}`]]:r,[e.default["tedi-checkbox__indicator--invalid"]]:w},g),"data-testid":"checkbox-indicator",children:[c.jsx(j.Icon,{size:r==="default"?16:18,name:"remove",className:o.default(e.default["tedi-checkbox__icon"],e.default["tedi-checkbox__icon--indeterminate"])}),c.jsx(j.Icon,{size:r==="default"?16:18,name:"check",className:o.default(e.default["tedi-checkbox__icon"],e.default["tedi-checkbox__icon--check"])})]})]})}),c.jsx(C.Col,{children:l&&typeof l=="string"?c.jsx(T.FormLabel,{ref:u,className:p,id:d,"data-testid":"checkbox-label",hideLabel:y,label:l,tooltip:k}):c.jsx("label",{ref:u,htmlFor:d,className:p,"data-testid":"checkbox-label",children:l})})]}),a&&c.jsx(S.FeedbackText,{id:_,...a,className:o.default(e.default["tedi-checkbox__helper"],a.className)})]})};exports.Checkbox=N;exports.default=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),a=require("../../../../../external/classnames/index.cjs.js"),u=require("react"),p=require("../../base/icon/icon.cjs.js"),$=require("../feedback-text/feedback-text.cjs.js"),B=require("../form-label/form-label.cjs.js"),e=require("./checkbox.module.scss.cjs.js"),F=require("../../layout/grid/row.cjs.js"),j=require("../../layout/grid/col.cjs.js"),q=C=>{const{id:o,label:h,value:f,className:N,disabled:x=!1,onChange:d,hideLabel:g=!1,helper:i,checked:l,defaultChecked:y,indeterminate:s,hover:I,name:R,tooltip:b,invalid:v,size:r="default",required:w,...z}=C,[k,L]=u.useState(y||!1),_=u.useRef(null),n=u.useMemo(()=>s?"mixed":d&&typeof l<"u"?l:k,[s,d,l,k]),M=t=>{typeof l>"u"&&L(t==null?void 0:t.target.checked),d==null||d(f,t==null?void 0:t.target.checked)},m=i?i.id??`${o}-helper`:void 0,S=b?`${o}-tooltip`:void 0,T=a.default(e.default["tedi-checkbox__label"],{[e.default["tedi-checkbox--disabled"]]:x});return c.jsxs("div",{"data-name":"check",...z,children:[c.jsxs(F.Row,{gutter:0,children:[c.jsx(j.Col,{width:"auto",children:c.jsxs("div",{className:e.default["tedi-checkbox__outer-indicator-wrapper"],children:[c.jsx("input",{id:o,value:f,name:R,type:"checkbox",disabled:x,checked:n!=="mixed"?n:!1,"aria-checked":n,onChange:M,className:e.default["tedi-checkbox__input"],"aria-describedby":[m,S].filter(Boolean).join(" ")}),c.jsxs("div",{"aria-hidden":"true",onClick:()=>{var t;return(t=_.current)==null?void 0:t.click()},className:a.default(e.default["tedi-checkbox__indicator"],{[e.default["tedi-checkbox__indicator--hover"]]:I,[e.default["tedi-checkbox__indicator--indeterminate"]]:s,[e.default[`tedi-checkbox__indicator--size-${r}`]]:r,[e.default["tedi-checkbox__indicator--invalid"]]:v},N),"data-testid":"checkbox-indicator",children:[c.jsx(p.Icon,{size:r==="default"?16:18,name:"remove",className:a.default(e.default["tedi-checkbox__icon"],e.default["tedi-checkbox__icon--indeterminate"])}),c.jsx(p.Icon,{size:r==="default"?16:18,name:"check",className:a.default(e.default["tedi-checkbox__icon"],e.default["tedi-checkbox__icon--check"])})]})]})}),h&&c.jsx(j.Col,{children:c.jsx(B.FormLabel,{ref:_,className:T,id:o,"data-testid":"checkbox-label",hideLabel:g,label:h,tooltip:b,required:w})})]}),i&&c.jsx($.FeedbackText,{id:m,...i,className:a.default(e.default["tedi-checkbox__helper"],i.className)})]})};exports.Checkbox=q;exports.default=q;

package/src/tedi/components/form/checkbox/checkbox.es.js

@@ -1,84 +1,85 @@
-import { jsxs as n, jsx as i } from "react/jsx-runtime";
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
 import d from "../../../../../external/classnames/index.es.js";
-import b from "react";
-import { Icon as C } from "../../base/icon/icon.es.js";
-import { FeedbackText as M } from "../feedback-text/feedback-text.es.js";
+import m from "react";
+import { Icon as N } from "../../base/icon/icon.es.js";
+import { FeedbackText as q } from "../feedback-text/feedback-text.es.js";
 import { FormLabel as E } from "../form-label/form-label.es.js";
 import e from "./checkbox.module.scss.es.js";
 import { Row as H } from "../../layout/grid/row.es.js";
-import { Col as g } from "../../layout/grid/col.es.js";
-const P = (y) => {
+import { Col as C } from "../../layout/grid/col.es.js";
+const Q = (g) => {
   const {
-    id: t,
-    label: r,
-    value: f,
-    className: z,
-    disabled: _ = !1,
-    onChange: o,
-    hideLabel: I = !1,
-    helper: a,
-    checked: l,
-    defaultChecked: R,
-    indeterminate: h,
-    hover: j,
-    name: w,
-    tooltip: p,
-    invalid: F,
-    size: s = "default",
-    ...L
-  } = y, [x, $] = b.useState(R || !1), m = b.useRef(null), k = b.useMemo(() => h ? "mixed" : o && typeof l < "u" ? l : x, [h, o, l, x]), v = (c) => {
-    typeof l > "u" && $(c == null ? void 0 : c.target.checked), o == null || o(f, c == null ? void 0 : c.target.checked);
-  }, u = a ? a.id ?? `${t}-helper` : void 0, B = p ? `${t}-tooltip` : void 0, N = d(e["tedi-checkbox"], { [e["tedi-checkbox--disabled"]]: _ });
-  return /* @__PURE__ */ n("div", { "data-name": "check", ...L, children: [
-    /* @__PURE__ */ n(H, { gutter: 0, children: [
-      /* @__PURE__ */ i(g, { width: "auto", children: /* @__PURE__ */ n("div", { className: e["tedi-checkbox__outer-indicator-wrapper"], children: [
+    id: a,
+    label: k,
+    value: b,
+    className: y,
+    disabled: f = !1,
+    onChange: t,
+    hideLabel: z = !1,
+    helper: o,
+    checked: r,
+    defaultChecked: I,
+    indeterminate: n,
+    hover: R,
+    name: j,
+    tooltip: _,
+    invalid: w,
+    size: l = "default",
+    required: L,
+    ...$
+  } = g, [p, v] = m.useState(I || !1), x = m.useRef(null), h = m.useMemo(() => n ? "mixed" : t && typeof r < "u" ? r : p, [n, t, r, p]), B = (c) => {
+    typeof r > "u" && v(c == null ? void 0 : c.target.checked), t == null || t(b, c == null ? void 0 : c.target.checked);
+  }, u = o ? o.id ?? `${a}-helper` : void 0, F = _ ? `${a}-tooltip` : void 0, M = d(e["tedi-checkbox__label"], { [e["tedi-checkbox--disabled"]]: f });
+  return /* @__PURE__ */ s("div", { "data-name": "check", ...$, children: [
+    /* @__PURE__ */ s(H, { gutter: 0, children: [
+      /* @__PURE__ */ i(C, { width: "auto", children: /* @__PURE__ */ s("div", { className: e["tedi-checkbox__outer-indicator-wrapper"], children: [
         /* @__PURE__ */ i(
           "input",
           {
-            id: t,
-            value: f,
-            name: w,
+            id: a,
+            value: b,
+            name: j,
             type: "checkbox",
-            disabled: _,
-            checked: k !== "mixed" ? k : !1,
-            "aria-checked": k,
-            onChange: v,
+            disabled: f,
+            checked: h !== "mixed" ? h : !1,
+            "aria-checked": h,
+            onChange: B,
             className: e["tedi-checkbox__input"],
-            "aria-describedby": [u, B].filter(Boolean).join(" ")
+            "aria-describedby": [u, F].filter(Boolean).join(" ")
           }
         ),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ s(
           "div",
           {
             "aria-hidden": "true",
             onClick: () => {
               var c;
-              return (c = m.current) == null ? void 0 : c.click();
+              return (c = x.current) == null ? void 0 : c.click();
             },
             className: d(
               e["tedi-checkbox__indicator"],
               {
-                [e["tedi-checkbox__indicator--hover"]]: j,
-                [e["tedi-checkbox__indicator--indeterminate"]]: h,
-                [e[`tedi-checkbox__indicator--size-${s}`]]: s,
-                [e["tedi-checkbox__indicator--invalid"]]: F
+                [e["tedi-checkbox__indicator--hover"]]: R,
+                [e["tedi-checkbox__indicator--indeterminate"]]: n,
+                [e[`tedi-checkbox__indicator--size-${l}`]]: l,
+                [e["tedi-checkbox__indicator--invalid"]]: w
               },
-              z
+              y
             ),
             "data-testid": "checkbox-indicator",
             children: [
               /* @__PURE__ */ i(
-                C,
+                N,
                 {
-                  size: s === "default" ? 16 : 18,
+                  size: l === "default" ? 16 : 18,
                   name: "remove",
                   className: d(e["tedi-checkbox__icon"], e["tedi-checkbox__icon--indeterminate"])
                 }
               ),
               /* @__PURE__ */ i(
-                C,
+                N,
                 {
-                  size: s === "default" ? 16 : 18,
+                  size: l === "default" ? 16 : 18,
                   name: "check",
                   className: d(e["tedi-checkbox__icon"], e["tedi-checkbox__icon--check"])
                 }
@@ -87,23 +88,24 @@ const P = (y) => {
           }
         )
       ] }) }),
-      /* @__PURE__ */ i(g, { children: r && typeof r == "string" ? /* @__PURE__ */ i(
+      k && /* @__PURE__ */ i(C, { children: /* @__PURE__ */ i(
         E,
         {
-          ref: m,
-          className: N,
-          id: t,
+          ref: x,
+          className: M,
+          id: a,
           "data-testid": "checkbox-label",
-          hideLabel: I,
-          label: r,
-          tooltip: p
+          hideLabel: z,
+          label: k,
+          tooltip: _,
+          required: L
         }
-      ) : /* @__PURE__ */ i("label", { ref: m, htmlFor: t, className: N, "data-testid": "checkbox-label", children: r }) })
+      ) })
     ] }),
-    a && /* @__PURE__ */ i(M, { id: u, ...a, className: d(e["tedi-checkbox__helper"], a.className) })
+    o && /* @__PURE__ */ i(q, { id: u, ...o, className: d(e["tedi-checkbox__helper"], o.className) })
   ] });
 };
 export {
-  P as Checkbox,
-  P as default
+  Q as Checkbox,
+  Q as default
 };

package/src/tedi/components/form/choice-input.types.d.ts

@@ -7,7 +7,7 @@ export interface ChoiceInputProps {
     /**
      * Label text
      */
-    label: string | React.ReactNode;
+    label: React.ReactNode;
     /**
      * Additional classes.
      */
@@ -60,4 +60,8 @@ export interface ChoiceInputProps {
      * Whether the input is marked as invalid.
      */
     invalid?: boolean;
+    /**
+     * Whether the input is marked as required.
+     */
+    required?: boolean;
 }

package/src/tedi/components/form/radio/radio.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("../../../../../external/classnames/index.cjs.js"),n=require("react"),I=require("../feedback-text/feedback-text.cjs.js"),S=require("../form-label/form-label.cjs.js"),a=require("./radio.module.scss.cjs.js"),T=require("../../layout/grid/row.cjs.js"),x=require("../../layout/grid/col.cjs.js"),j=k=>{const{id:i,label:o,value:u,className:g,disabled:f,onChange:t,hideLabel:q,helper:r,checked:l,defaultChecked:C,hover:N,name:R,tooltip:h,size:b="default",invalid:y,...w}=k,[m,L]=n.useState(C||!1),s=n.useRef(null),M=n.useMemo(()=>t&&typeof l<"u"?l:m,[t,m,l]),v=d=>{typeof l>"u"&&L(d==null?void 0:d.target.checked),t==null||t(u,d==null?void 0:d.target.checked)},_=r?r.id??`${i}-helper`:void 0,F=h?`${i}-tooltip`:void 0,p=c.default(a.default["tedi-radio"],{[a.default["tedi-radio--disabled"]]:f});return e.jsxs("div",{"data-name":"radio",...w,children:[e.jsxs(T.Row,{gutter:0,children:[e.jsx(x.Col,{width:"auto",children:e.jsxs("div",{className:a.default["tedi-radio__outer-indicator-wrapper"],children:[e.jsx("input",{id:i,value:u,name:R,type:"radio",disabled:f,checked:M,onChange:v,className:a.default["tedi-radio__input"],"aria-describedby":[_,F].filter(Boolean).join(" ")}),e.jsx("div",{"aria-hidden":"true",onClick:()=>{var d;return(d=s.current)==null?void 0:d.click()},className:c.default(a.default["tedi-radio__indicator"],{[a.default["tedi-radio__indicator--hover"]]:N},{[a.default[`tedi-radio__indicator--size-${b}`]]:b},{[a.default["tedi-radio__indicator--invalid"]]:y},g),"data-testid":"radio-indicator"})]})}),e.jsx(x.Col,{children:o&&typeof o=="string"?e.jsx(S.FormLabel,{ref:s,className:p,id:i,"data-testid":"radio-label",hideLabel:q,label:o,tooltip:h}):e.jsx("label",{ref:s,htmlFor:i,className:p,"data-testid":"radio-label",children:o})})]}),r&&e.jsx(I.FeedbackText,{id:_,...r,className:c.default(a.default["tedi-radio__helper"],r.className)})]})};exports.Radio=j;exports.default=j;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),l=require("../../../../../external/classnames/index.cjs.js"),s=require("react"),T=require("../feedback-text/feedback-text.cjs.js"),$=require("../form-label/form-label.cjs.js"),i=require("./radio.module.scss.cjs.js"),z=require("../../layout/grid/row.cjs.js"),p=require("../../layout/grid/col.cjs.js"),x=j=>{const{id:r,label:c,value:n,className:k,disabled:u,onChange:a,hideLabel:q,helper:t,checked:o,defaultChecked:C,hover:g,name:N,tooltip:f,size:h="default",invalid:R,required:y,...w}=j,[_,L]=s.useState(C||!1),b=s.useRef(null),M=s.useMemo(()=>a&&typeof o<"u"?o:_,[a,_,o]),v=e=>{typeof o>"u"&&L(e==null?void 0:e.target.checked),a==null||a(n,e==null?void 0:e.target.checked)},m=t?t.id??`${r}-helper`:void 0,I=f?`${r}-tooltip`:void 0,S=l.default(i.default["tedi-radio__label"],{[i.default["tedi-radio--disabled"]]:u});return d.jsxs("div",{"data-name":"radio",...w,children:[d.jsxs(z.Row,{gutter:0,children:[d.jsx(p.Col,{width:"auto",children:d.jsxs("div",{className:i.default["tedi-radio__outer-indicator-wrapper"],children:[d.jsx("input",{id:r,value:n,name:N,type:"radio",disabled:u,checked:M,onChange:v,className:i.default["tedi-radio__input"],"aria-describedby":[m,I].filter(Boolean).join(" ")}),d.jsx("div",{"aria-hidden":"true",onClick:()=>{var e;return(e=b.current)==null?void 0:e.click()},className:l.default(i.default["tedi-radio__indicator"],{[i.default["tedi-radio__indicator--hover"]]:g},{[i.default[`tedi-radio__indicator--size-${h}`]]:h},{[i.default["tedi-radio__indicator--invalid"]]:R},k),"data-testid":"radio-indicator"})]})}),c&&d.jsx(p.Col,{children:d.jsx($.FormLabel,{ref:b,className:S,id:r,"data-testid":"radio-label",hideLabel:q,label:c,tooltip:f,required:y})})]}),t&&d.jsx(T.FeedbackText,{id:m,...t,className:l.default(i.default["tedi-radio__helper"],t.className)})]})};exports.Radio=x;exports.default=x;

package/src/tedi/components/form/radio/radio.es.js

@@ -1,47 +1,48 @@
-import { jsxs as s, jsx as d } from "react/jsx-runtime";
-import n from "../../../../../external/classnames/index.es.js";
-import m from "react";
-import { FeedbackText as B } from "../feedback-text/feedback-text.es.js";
-import { FormLabel as M } from "../form-label/form-label.es.js";
+import { jsxs as l, jsx as d } from "react/jsx-runtime";
+import c from "../../../../../external/classnames/index.es.js";
+import s from "react";
+import { FeedbackText as M } from "../feedback-text/feedback-text.es.js";
+import { FormLabel as q } from "../form-label/form-label.es.js";
 import i from "./radio.module.scss.es.js";
 import { Row as v } from "../../layout/grid/row.es.js";
-import { Col as N } from "../../layout/grid/col.es.js";
-const J = (C) => {
+import { Col as k } from "../../layout/grid/col.es.js";
+const K = (N) => {
   const {
-    id: a,
-    label: o,
-    value: h,
-    className: g,
-    disabled: f,
-    onChange: r,
-    hideLabel: y,
-    helper: t,
-    checked: l,
-    defaultChecked: R,
-    hover: x,
-    name: j,
+    id: o,
+    label: n,
+    value: m,
+    className: C,
+    disabled: h,
+    onChange: a,
+    hideLabel: g,
+    helper: r,
+    checked: t,
+    defaultChecked: y,
+    hover: R,
+    name: x,
     tooltip: p,
-    size: u = "default",
-    invalid: w,
-    ...F
-  } = C, [_, I] = m.useState(R || !1), c = m.useRef(null), L = m.useMemo(() => r && typeof l < "u" ? l : _, [r, _, l]), $ = (e) => {
-    typeof l > "u" && I(e == null ? void 0 : e.target.checked), r == null || r(h, e == null ? void 0 : e.target.checked);
-  }, b = t ? t.id ?? `${a}-helper` : void 0, z = p ? `${a}-tooltip` : void 0, k = n(i["tedi-radio"], { [i["tedi-radio--disabled"]]: f });
-  return /* @__PURE__ */ s("div", { "data-name": "radio", ...F, children: [
-    /* @__PURE__ */ s(v, { gutter: 0, children: [
-      /* @__PURE__ */ d(N, { width: "auto", children: /* @__PURE__ */ s("div", { className: i["tedi-radio__outer-indicator-wrapper"], children: [
+    size: f = "default",
+    invalid: j,
+    required: w,
+    ...I
+  } = N, [u, L] = s.useState(y || !1), _ = s.useRef(null), $ = s.useMemo(() => a && typeof t < "u" ? t : u, [a, u, t]), z = (e) => {
+    typeof t > "u" && L(e == null ? void 0 : e.target.checked), a == null || a(m, e == null ? void 0 : e.target.checked);
+  }, b = r ? r.id ?? `${o}-helper` : void 0, B = p ? `${o}-tooltip` : void 0, F = c(i["tedi-radio__label"], { [i["tedi-radio--disabled"]]: h });
+  return /* @__PURE__ */ l("div", { "data-name": "radio", ...I, children: [
+    /* @__PURE__ */ l(v, { gutter: 0, children: [
+      /* @__PURE__ */ d(k, { width: "auto", children: /* @__PURE__ */ l("div", { className: i["tedi-radio__outer-indicator-wrapper"], children: [
         /* @__PURE__ */ d(
           "input",
           {
-            id: a,
-            value: h,
-            name: j,
+            id: o,
+            value: m,
+            name: x,
             type: "radio",
-            disabled: f,
-            checked: L,
-            onChange: $,
+            disabled: h,
+            checked: $,
+            onChange: z,
             className: i["tedi-radio__input"],
-            "aria-describedby": [b, z].filter(Boolean).join(" ")
+            "aria-describedby": [b, B].filter(Boolean).join(" ")
           }
         ),
         /* @__PURE__ */ d(
@@ -50,36 +51,37 @@ const J = (C) => {
             "aria-hidden": "true",
             onClick: () => {
               var e;
-              return (e = c.current) == null ? void 0 : e.click();
+              return (e = _.current) == null ? void 0 : e.click();
             },
-            className: n(
+            className: c(
               i["tedi-radio__indicator"],
-              { [i["tedi-radio__indicator--hover"]]: x },
-              { [i[`tedi-radio__indicator--size-${u}`]]: u },
-              { [i["tedi-radio__indicator--invalid"]]: w },
-              g
+              { [i["tedi-radio__indicator--hover"]]: R },
+              { [i[`tedi-radio__indicator--size-${f}`]]: f },
+              { [i["tedi-radio__indicator--invalid"]]: j },
+              C
             ),
             "data-testid": "radio-indicator"
           }
         )
       ] }) }),
-      /* @__PURE__ */ d(N, { children: o && typeof o == "string" ? /* @__PURE__ */ d(
-        M,
+      n && /* @__PURE__ */ d(k, { children: /* @__PURE__ */ d(
+        q,
         {
-          ref: c,
-          className: k,
-          id: a,
+          ref: _,
+          className: F,
+          id: o,
           "data-testid": "radio-label",
-          hideLabel: y,
-          label: o,
-          tooltip: p
+          hideLabel: g,
+          label: n,
+          tooltip: p,
+          required: w
         }
-      ) : /* @__PURE__ */ d("label", { ref: c, htmlFor: a, className: k, "data-testid": "radio-label", children: o }) })
+      ) })
     ] }),
-    t && /* @__PURE__ */ d(B, { id: b, ...t, className: n(i["tedi-radio__helper"], t.className) })
+    r && /* @__PURE__ */ d(M, { id: b, ...r, className: c(i["tedi-radio__helper"], r.className) })
   ] });
 };
 export {
-  J as Radio,
-  J as default
+  K as Radio,
+  K as default
 };