@design-system-rte/react 0.1.1-rc1

package/README.md

@@ -0,0 +1 @@
+<h1 align="center">@design-system/react</h1>

package/dist/components/button/Button.d.ts

@@ -0,0 +1,6 @@
+import { ButtonProps as CoreButtonProps } from '@design-system-rte/core/components/button/button.interface';
+interface ButtonProps extends Omit<CoreButtonProps, 'disabled'>, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> {
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+}
+declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+export default Button;

package/dist/components/checkbox/Checkbox.d.ts

@@ -0,0 +1,5 @@
+import { CheckboxProps as CoreCheckboxProps } from '@design-system-rte/core/components/checkbox/checkbox.interface';
+interface CheckboxProps extends CoreCheckboxProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'id'> {
+}
+declare const Checkbox: ({ id, label, showLabel, disabled, description, error, errorMessage, readOnly, indeterminate, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export default Checkbox;

package/dist/components/checkboxGroup/CheckboxGroup.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { CheckboxGroupProps as CoreCheckboxGroupProps } from '@design-system-rte/core/components/checkbox-group/checkbox-group.interface';
+interface CheckboxGroupProps extends CoreCheckboxGroupProps, React.InputHTMLAttributes<HTMLDivElement> {
+}
+declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;
+export default CheckboxGroup;

package/dist/components/grid/Grid.d.ts

@@ -0,0 +1,12 @@
+import { GridProps as CoreGridProps, ColProps as CoreColProps } from '@design-system-rte/core/components/grid/grid.interface';
+interface GridProps extends CoreGridProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    children: React.ReactNode[];
+}
+interface ColProps extends CoreColProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    children?: React.ReactNode;
+}
+declare const Grid: {
+    ({ gridType, className, children }: GridProps): import("react/jsx-runtime").JSX.Element;
+    Col: ({ children, className, xxs, xs, s, m, l, xl, ...props }: ColProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default Grid;

package/dist/components/icon/Icon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '@design-system-rte/core/components/icon/icon.interface';
+export default function Icon({ name, size }: IconProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/link/Link.d.ts

@@ -0,0 +1,5 @@
+import { LinkProps as CoreLinkProps } from '@design-system-rte/core/components/link/link.interface';
+interface LinkProps extends CoreLinkProps, React.AnchorHTMLAttributes<HTMLAnchorElement> {
+}
+declare const Link: import('react').ForwardRefExoticComponent<LinkProps & import('react').RefAttributes<HTMLAnchorElement>>;
+export default Link;

package/dist/components/radioButton/RadioButton.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { RadioButtonProps as CoreRadioButtonProps } from '@design-system-rte/core/components/radio-button/radio-button.interface';
+interface RadioButtonProps extends CoreRadioButtonProps, React.InputHTMLAttributes<HTMLInputElement> {
+}
+declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLInputElement>>;
+export default RadioButton;

package/dist/components/radioButtonGroup/RadioButtonGroup.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { RadioButtonGroupProps as CoreRadioButtonGroupProps } from '@design-system-rte/core/components/radio-button-group/radio-button-group.interface';
+interface RadioButtonGroupProps extends CoreRadioButtonGroupProps, React.InputHTMLAttributes<HTMLDivElement> {
+}
+declare const RadioButtonGroup: React.ForwardRefExoticComponent<RadioButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
+export default RadioButtonGroup;

package/dist/components/utils/index.d.ts

@@ -0,0 +1 @@
+export declare function concatClassNames(...classes: (string | undefined | null | false)[]): string;

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+import { default as Button } from './components/button/Button';
+import { default as Grid } from './components/grid/Grid.tsx';
+import { default as Checkbox } from './components/checkbox/Checkbox.tsx';
+import { default as CheckboxGroup } from './components/checkboxGroup/CheckboxGroup.tsx';
+import { default as Link } from './components/link/Link.tsx';
+import { default as RadioButton } from './components/radioButton/RadioButton.tsx';
+import { default as RadioButtonGroup } from './components/radioButtonGroup/RadioButtonGroup.tsx';
+export { Button, Grid, Checkbox, CheckboxGroup, Link, RadioButton, RadioButtonGroup };

package/dist/react-package.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),b=require("react"),N={s:16,m:20,l:24},R="_button_188x2_3",L="_label_188x2_139",v={button:R,label:L};function G({name:e,size:a=24}){return o.jsx("span",{"data-testid":`icon-${e}`,className:"material-symbols-rounded",style:{fontSize:a,color:"inherit"},children:e})}function y(e){var a,r,t="";if(typeof e=="string"||typeof e=="number")t+=e;else if(typeof e=="object")if(Array.isArray(e)){var n=e.length;for(a=0;a<n;a++)e[a]&&(r=y(e[a]))&&(t&&(t+=" "),t+=r)}else for(r in e)e[r]&&(t&&(t+=" "),t+=r);return t}function q(){for(var e,a,r=0,t="",n=arguments.length;r<n;r++)(e=arguments[r])&&(a=y(e))&&(t&&(t+=" "),t+=a);return t}function p(...e){return q(...e)}const M=b.forwardRef(({size:e="m",label:a,variant:r="primary",className:t="",icon:n,iconPosition:i="left",onClick:c,type:u="button",...l},s)=>o.jsxs("button",{ref:s,type:u,className:p(v.button,t),"data-size":e,"data-variant":r,onClick:c,...l,children:[n&&i==="left"&&o.jsx(G,{name:n,size:N[e]}),o.jsx("span",{"data-size":e,className:v.label,children:a}),n&&i==="right"&&o.jsx(G,{name:n,size:N[e]})]})),z=({children:e,className:a,xxs:r,xs:t,s:n,m:i,l:c,xl:u,...l})=>{const s=(x,h)=>h?`${x}-${h}`:"",d=p("col",s("col-xxs",r),s("col-xs",t),s("col-s",n),s("col-m",i),s("col-l",c),s("col-xl",u),a);return o.jsx("div",{className:d,...l,children:e})},$=({gridType:e="fluid",className:a,children:r})=>{const t=p("grid",a);return o.jsx("div",{className:t,"data-gridtype":e,children:r})};$.Col=z;const S="_container_144ou_3",D="_checkbox_144ou_7",_={container:S,checkbox:D,"checkbox-text-container":"_checkbox-text-container_144ou_53","checkbox-description":"_checkbox-description_144ou_54","checkbox-icons":"_checkbox-icons_144ou_69","checkbox-icon-selected":"_checkbox-icon-selected_144ou_75","checkbox-icon-indeterminated":"_checkbox-icon-indeterminated_144ou_96","checkbox-error":"_checkbox-error_144ou_146"},H=({id:e,label:a,showLabel:r,disabled:t,description:n,error:i,errorMessage:c,readOnly:u,indeterminate:l,...s})=>{const d=b.useRef(null);b.useEffect(()=>{d.current&&(d.current.indeterminate=!!l)},[l]);const x=h=>{h.code==="Space"&&u&&h.preventDefault()};return o.jsxs("div",{className:_.container,children:[o.jsx("input",{type:"checkbox",id:e,className:_.checkbox,disabled:t,ref:d,"data-read-only":u,"data-error":!!i,onKeyDown:x,...s}),o.jsx("div",{className:`${_["checkbox-icon-selected"]} ${_["checkbox-icons"]}`,children:o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:o.jsx("path",{d:"M6.66667 9.06668L10.6 5.13335C10.7222 5.01112 10.8778 4.95001 11.0667 4.95001C11.2556 4.95001 11.4111 5.01112 11.5333 5.13335C11.6556 5.25557 11.7167 5.41112 11.7167 5.60001C11.7167 5.7889 11.6556 5.94446 11.5333 6.06668L7.13334 10.4667C7.00001 10.6 6.84445 10.6667 6.66667 10.6667C6.4889 10.6667 6.33334 10.6 6.20001 10.4667L4.46667 8.73335C4.34445 8.61112 4.28334 8.45557 4.28334 8.26668C4.28334 8.07779 4.34445 7.92223 4.46667 7.80001C4.5889 7.67779 4.74445 7.61668 4.93334 7.61668C5.12223 7.61668 5.27778 7.67779 5.40001 7.80001L6.66667 9.06668Z"})})}),o.jsx("div",{className:`${_["checkbox-icon-indeterminated"]} ${_["checkbox-icons"]}`,children:o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:o.jsx("path",{d:"M4.66667 8.66665C4.47778 8.66665 4.31944 8.60276 4.19167 8.47498C4.06389 8.3472 4 8.18887 4 7.99998C4 7.81109 4.06389 7.65276 4.19167 7.52498C4.31944 7.3972 4.47778 7.33331 4.66667 7.33331H11.3333C11.5222 7.33331 11.6806 7.3972 11.8083 7.52498C11.9361 7.65276 12 7.81109 12 7.99998C12 8.18887 11.9361 8.3472 11.8083 8.47498C11.6806 8.60276 11.5222 8.66665 11.3333 8.66665H4.66667Z"})})}),o.jsxs("div",{className:_["checkbox-text-container"],"data-disabled":t,children:[r&&o.jsx("label",{htmlFor:e,children:a}),o.jsx("p",{className:_["checkbox-description"],children:n}),i&&c&&o.jsx("p",{className:_["checkbox-error"],children:c})]})]})},A="_checkboxGroupContainer_18j1a_3",F="_checkboxGroupHeader_18j1a_11",I="_groupTitle_18j1a_11",K="_groupHelpText_18j1a_22",Z="_errorMessage_18j1a_34",E="_checkboxGroup_18j1a_3",f={checkboxGroupContainer:A,checkboxGroupHeader:F,groupTitle:I,groupHelpText:K,errorMessage:Z,checkboxGroup:E},J=b.forwardRef(({groupName:e,items:a,direction:r="horizontal",showItemsLabel:t=!0,groupTitle:n="",showGroupTitle:i=!1,groupHelpText:c="",showHelpText:u=!1,errorMessage:l="",error:s=!1,disabled:d=!1,readOnly:x=!1,className:h="",...C},g)=>{if(!(d&&s))return o.jsxs("div",{ref:g,className:p(f.checkboxGroupContainer,h),...C,children:[o.jsxs("div",{className:f.checkboxGroupHeader,"data-error":s,"data-disabled":d,"data-read-only":x,children:[n&&i&&o.jsx("h3",{className:f.groupTitle,children:n}),c&&u&&o.jsx("p",{className:f.groupHelpText,children:c}),l&&s&&o.jsx("p",{className:f.errorMessage,children:l})]}),o.jsx("div",{className:f.checkboxGroup,"data-direction":r,children:a.map((j,k)=>o.jsx(H,{id:`${j}-${k}`,label:j,groupName:e,showLabel:t,disabled:d,error:s,readOnly:x},`${j}-${k}`))})]})}),P="_link_1iwqe_3",w={link:P},Q=b.forwardRef(({label:e,href:a,subtle:r=!1,externalLink:t=!1,className:n="",...i},c)=>o.jsxs("a",{ref:c,href:a,role:"link","aria-label":e,className:p(w.link,n),"data-subtle":r,...i,children:[o.jsx("span",{className:w.label,children:e}),t&&o.jsx(G,{name:"external",size:12})]})),U=16,V="_radioButtonContainer_87ih0_3",W="_radioButton_87ih0_3",X="_radioButtonLabel_87ih0_103",B={radioButtonContainer:V,radioButton:W,radioButtonLabel:X},T=b.forwardRef(({label:e,groupName:a,showLabel:r=!0,disabled:t=!1,error:n=!1,readOnly:i=!1,className:c="",...u},l)=>{if(!(t&&n))return o.jsxs("div",{className:B.radioButtonContainer,children:[o.jsx("input",{ref:l,type:"radio",id:e,value:e,size:U,name:a,className:p(B.radioButton,c),disabled:t,"data-error":n,"data-read-only":i,...u}),r&&o.jsx("label",{htmlFor:e,className:p(B.radioButtonLabel,c),"data-disabled":t,"data-error":n,"data-read-only":i,"data-show-label":r,children:e})]})}),Y="_radioButtonGroupContainer_eqdd3_3",O="_radioButtonGroupHeader_eqdd3_11",ee="_groupTitle_eqdd3_11",oe="_groupHelpText_eqdd3_22",te="_errorMessage_eqdd3_34",ae="_radioButtonGroup_eqdd3_3",m={radioButtonGroupContainer:Y,radioButtonGroupHeader:O,groupTitle:ee,groupHelpText:oe,errorMessage:te,radioButtonGroup:ae},re=b.forwardRef(({groupName:e,items:a,direction:r="horizontal",showItemsLabel:t=!0,groupTitle:n="",showGroupTitle:i=!1,groupHelpText:c="",showHelpText:u=!1,errorMessage:l="",error:s=!1,disabled:d=!1,readOnly:x=!1,className:h="",...C},g)=>{if(!(d&&s))return o.jsxs("div",{ref:g,className:p(m.radioButtonGroupContainer,h),...C,children:[o.jsxs("div",{className:m.radioButtonGroupHeader,"data-error":s,"data-disabled":d,"data-read-only":x,children:[n&&i&&o.jsx("h3",{className:m.groupTitle,children:n}),c&&u&&o.jsx("p",{className:m.groupHelpText,children:c}),l&&s&&o.jsx("p",{className:m.errorMessage,children:l})]}),o.jsx("div",{className:m.radioButtonGroup,"data-direction":r,children:a.map((j,k)=>o.jsx(T,{label:j,groupName:e,showLabel:t,disabled:d,error:s,readOnly:x},k))})]})});exports.Button=M;exports.Checkbox=H;exports.CheckboxGroup=J;exports.Grid=$;exports.Link=Q;exports.RadioButton=T;exports.RadioButtonGroup=re;

package/dist/react-package.js

@@ -0,0 +1,339 @@
+import { jsx as t, jsxs as x } from "react/jsx-runtime";
+import { forwardRef as C, useRef as T, useEffect as L } from "react";
+const y = {
+  s: 16,
+  m: 20,
+  l: 24
+}, j = "_button_188x2_3", q = "_label_188x2_139", w = {
+  button: j,
+  label: q
+};
+function v({ name: e, size: a = 24 }) {
+  return /* @__PURE__ */ t(
+    "span",
+    {
+      "data-testid": `icon-${e}`,
+      className: "material-symbols-rounded",
+      style: {
+        fontSize: a,
+        color: "inherit"
+      },
+      children: e
+    }
+  );
+}
+function H(e) {
+  var a, n, o = "";
+  if (typeof e == "string" || typeof e == "number") o += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var r = e.length;
+    for (a = 0; a < r; a++) e[a] && (n = H(e[a])) && (o && (o += " "), o += n);
+  } else for (n in e) e[n] && (o && (o += " "), o += n);
+  return o;
+}
+function z() {
+  for (var e, a, n = 0, o = "", r = arguments.length; n < r; n++) (e = arguments[n]) && (a = H(e)) && (o && (o += " "), o += a);
+  return o;
+}
+function b(...e) {
+  return z(...e);
+}
+const ce = C(
+  ({
+    size: e = "m",
+    label: a,
+    variant: n = "primary",
+    className: o = "",
+    icon: r,
+    iconPosition: i = "left",
+    onClick: s,
+    type: u = "button",
+    ...l
+  }, c) => /* @__PURE__ */ x(
+    "button",
+    {
+      ref: c,
+      type: u,
+      className: b(w.button, o),
+      "data-size": e,
+      "data-variant": n,
+      onClick: s,
+      ...l,
+      children: [
+        r && i === "left" && /* @__PURE__ */ t(v, { name: r, size: y[e] }),
+        /* @__PURE__ */ t("span", { "data-size": e, className: w.label, children: a }),
+        r && i === "right" && /* @__PURE__ */ t(v, { name: r, size: y[e] })
+      ]
+    }
+  )
+), M = ({ children: e, className: a, xxs: n, xs: o, s: r, m: i, l: s, xl: u, ...l }) => {
+  const c = (h, _) => _ ? `${h}-${_}` : "", d = b(
+    "col",
+    c("col-xxs", n),
+    c("col-xs", o),
+    c("col-s", r),
+    c("col-m", i),
+    c("col-l", s),
+    c("col-xl", u),
+    a
+  );
+  return /* @__PURE__ */ t("div", { className: d, ...l, children: e });
+}, R = ({ gridType: e = "fluid", className: a, children: n }) => {
+  const o = b("grid", a);
+  return /* @__PURE__ */ t("div", { className: o, "data-gridtype": e, children: n });
+};
+R.Col = M;
+const S = "_container_144ou_3", D = "_checkbox_144ou_7", p = {
+  container: S,
+  checkbox: D,
+  "checkbox-text-container": "_checkbox-text-container_144ou_53",
+  "checkbox-description": "_checkbox-description_144ou_54",
+  "checkbox-icons": "_checkbox-icons_144ou_69",
+  "checkbox-icon-selected": "_checkbox-icon-selected_144ou_75",
+  "checkbox-icon-indeterminated": "_checkbox-icon-indeterminated_144ou_96",
+  "checkbox-error": "_checkbox-error_144ou_146"
+}, A = ({
+  id: e,
+  label: a,
+  showLabel: n,
+  disabled: o,
+  description: r,
+  error: i,
+  errorMessage: s,
+  readOnly: u,
+  indeterminate: l,
+  ...c
+}) => {
+  const d = T(null);
+  L(() => {
+    d.current && (d.current.indeterminate = !!l);
+  }, [l]);
+  const h = (_) => {
+    _.code === "Space" && u && _.preventDefault();
+  };
+  return /* @__PURE__ */ x("div", { className: p.container, children: [
+    /* @__PURE__ */ t(
+      "input",
+      {
+        type: "checkbox",
+        id: e,
+        className: p.checkbox,
+        disabled: o,
+        ref: d,
+        "data-read-only": u,
+        "data-error": !!i,
+        onKeyDown: h,
+        ...c
+      }
+    ),
+    /* @__PURE__ */ t("div", { className: `${p["checkbox-icon-selected"]} ${p["checkbox-icons"]}`, children: /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ t("path", { d: "M6.66667 9.06668L10.6 5.13335C10.7222 5.01112 10.8778 4.95001 11.0667 4.95001C11.2556 4.95001 11.4111 5.01112 11.5333 5.13335C11.6556 5.25557 11.7167 5.41112 11.7167 5.60001C11.7167 5.7889 11.6556 5.94446 11.5333 6.06668L7.13334 10.4667C7.00001 10.6 6.84445 10.6667 6.66667 10.6667C6.4889 10.6667 6.33334 10.6 6.20001 10.4667L4.46667 8.73335C4.34445 8.61112 4.28334 8.45557 4.28334 8.26668C4.28334 8.07779 4.34445 7.92223 4.46667 7.80001C4.5889 7.67779 4.74445 7.61668 4.93334 7.61668C5.12223 7.61668 5.27778 7.67779 5.40001 7.80001L6.66667 9.06668Z" }) }) }),
+    /* @__PURE__ */ t("div", { className: `${p["checkbox-icon-indeterminated"]} ${p["checkbox-icons"]}`, children: /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ t("path", { d: "M4.66667 8.66665C4.47778 8.66665 4.31944 8.60276 4.19167 8.47498C4.06389 8.3472 4 8.18887 4 7.99998C4 7.81109 4.06389 7.65276 4.19167 7.52498C4.31944 7.3972 4.47778 7.33331 4.66667 7.33331H11.3333C11.5222 7.33331 11.6806 7.3972 11.8083 7.52498C11.9361 7.65276 12 7.81109 12 7.99998C12 8.18887 11.9361 8.3472 11.8083 8.47498C11.6806 8.60276 11.5222 8.66665 11.3333 8.66665H4.66667Z" }) }) }),
+    /* @__PURE__ */ x("div", { className: p["checkbox-text-container"], "data-disabled": o, children: [
+      n && /* @__PURE__ */ t("label", { htmlFor: e, children: a }),
+      /* @__PURE__ */ t("p", { className: p["checkbox-description"], children: r }),
+      i && s && /* @__PURE__ */ t("p", { className: p["checkbox-error"], children: s })
+    ] })
+  ] });
+}, F = "_checkboxGroupContainer_18j1a_3", I = "_checkboxGroupHeader_18j1a_11", K = "_groupTitle_18j1a_11", Z = "_groupHelpText_18j1a_22", E = "_errorMessage_18j1a_34", J = "_checkboxGroup_18j1a_3", m = {
+  checkboxGroupContainer: F,
+  checkboxGroupHeader: I,
+  groupTitle: K,
+  groupHelpText: Z,
+  errorMessage: E,
+  checkboxGroup: J
+}, se = C(
+  ({
+    groupName: e,
+    items: a,
+    direction: n = "horizontal",
+    showItemsLabel: o = !0,
+    groupTitle: r = "",
+    showGroupTitle: i = !1,
+    groupHelpText: s = "",
+    showHelpText: u = !1,
+    errorMessage: l = "",
+    error: c = !1,
+    disabled: d = !1,
+    readOnly: h = !1,
+    className: _ = "",
+    ...B
+  }, N) => {
+    if (!(d && c))
+      return /* @__PURE__ */ x("div", { ref: N, className: b(m.checkboxGroupContainer, _), ...B, children: [
+        /* @__PURE__ */ x(
+          "div",
+          {
+            className: m.checkboxGroupHeader,
+            "data-error": c,
+            "data-disabled": d,
+            "data-read-only": h,
+            children: [
+              r && i && /* @__PURE__ */ t("h3", { className: m.groupTitle, children: r }),
+              s && u && /* @__PURE__ */ t("p", { className: m.groupHelpText, children: s }),
+              l && c && /* @__PURE__ */ t("p", { className: m.errorMessage, children: l })
+            ]
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: m.checkboxGroup, "data-direction": n, children: a.map((k, g) => /* @__PURE__ */ t(
+          A,
+          {
+            id: `${k}-${g}`,
+            label: k,
+            groupName: e,
+            showLabel: o,
+            disabled: d,
+            error: c,
+            readOnly: h
+          },
+          `${k}-${g}`
+        )) })
+      ] });
+  }
+), Q = "_link_1iwqe_3", $ = {
+  link: Q
+}, ie = C(
+  ({
+    label: e,
+    href: a,
+    subtle: n = !1,
+    externalLink: o = !1,
+    className: r = "",
+    ...i
+  }, s) => /* @__PURE__ */ x(
+    "a",
+    {
+      ref: s,
+      href: a,
+      role: "link",
+      "aria-label": e,
+      className: b($.link, r),
+      "data-subtle": n,
+      ...i,
+      children: [
+        /* @__PURE__ */ t("span", { className: $.label, children: e }),
+        o && /* @__PURE__ */ t(v, { name: "external", size: 12 })
+      ]
+    }
+  )
+), U = 16, V = "_radioButtonContainer_87ih0_3", W = "_radioButton_87ih0_3", X = "_radioButtonLabel_87ih0_103", G = {
+  radioButtonContainer: V,
+  radioButton: W,
+  radioButtonLabel: X
+}, Y = C(({
+  label: e,
+  groupName: a,
+  showLabel: n = !0,
+  disabled: o = !1,
+  error: r = !1,
+  readOnly: i = !1,
+  className: s = "",
+  ...u
+}, l) => {
+  if (!(o && r))
+    return /* @__PURE__ */ x("div", { className: G.radioButtonContainer, children: [
+      /* @__PURE__ */ t(
+        "input",
+        {
+          ref: l,
+          type: "radio",
+          id: e,
+          value: e,
+          size: U,
+          name: a,
+          className: b(G.radioButton, s),
+          disabled: o,
+          "data-error": r,
+          "data-read-only": i,
+          ...u
+        }
+      ),
+      n && /* @__PURE__ */ t(
+        "label",
+        {
+          htmlFor: e,
+          className: b(G.radioButtonLabel, s),
+          "data-disabled": o,
+          "data-error": r,
+          "data-read-only": i,
+          "data-show-label": n,
+          children: e
+        }
+      )
+    ] });
+}), P = "_radioButtonGroupContainer_eqdd3_3", O = "_radioButtonGroupHeader_eqdd3_11", ee = "_groupTitle_eqdd3_11", oe = "_groupHelpText_eqdd3_22", te = "_errorMessage_eqdd3_34", ae = "_radioButtonGroup_eqdd3_3", f = {
+  radioButtonGroupContainer: P,
+  radioButtonGroupHeader: O,
+  groupTitle: ee,
+  groupHelpText: oe,
+  errorMessage: te,
+  radioButtonGroup: ae
+}, le = C(({
+  groupName: e,
+  items: a,
+  direction: n = "horizontal",
+  showItemsLabel: o = !0,
+  groupTitle: r = "",
+  showGroupTitle: i = !1,
+  groupHelpText: s = "",
+  showHelpText: u = !1,
+  errorMessage: l = "",
+  error: c = !1,
+  disabled: d = !1,
+  readOnly: h = !1,
+  className: _ = "",
+  ...B
+}, N) => {
+  if (!(d && c))
+    return /* @__PURE__ */ x(
+      "div",
+      {
+        ref: N,
+        className: b(f.radioButtonGroupContainer, _),
+        ...B,
+        children: [
+          /* @__PURE__ */ x(
+            "div",
+            {
+              className: f.radioButtonGroupHeader,
+              "data-error": c,
+              "data-disabled": d,
+              "data-read-only": h,
+              children: [
+                r && i && /* @__PURE__ */ t("h3", { className: f.groupTitle, children: r }),
+                s && u && /* @__PURE__ */ t("p", { className: f.groupHelpText, children: s }),
+                l && c && /* @__PURE__ */ t("p", { className: f.errorMessage, children: l })
+              ]
+            }
+          ),
+          /* @__PURE__ */ t(
+            "div",
+            {
+              className: f.radioButtonGroup,
+              "data-direction": n,
+              children: a.map((k, g) => /* @__PURE__ */ t(
+                Y,
+                {
+                  label: k,
+                  groupName: e,
+                  showLabel: o,
+                  disabled: d,
+                  error: c,
+                  readOnly: h
+                },
+                g
+              ))
+            }
+          )
+        ]
+      }
+    );
+});
+export {
+  ce as Button,
+  A as Checkbox,
+  se as CheckboxGroup,
+  R as Grid,
+  ie as Link,
+  Y as RadioButton,
+  le as RadioButtonGroup
+};

package/dist/style.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:wght,FILL,GRAD@400,0,0&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";._button_188x2_3{align-items:center;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center}._button_188x2_3:focus-visible{outline:1px solid var(--border-brand-focused);outline-offset:4px}._button_188x2_3[data-size=s]{font-feature-settings:"liga" off,"clig" off;font-style:normal;font-family:Nunito;font-size:14px;letter-spacing:-.5px;font-weight:600;line-height:20px;border-radius:4px;height:24px;padding:4px 8px}._button_188x2_3[data-size=m]{font-feature-settings:"liga" off,"clig" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:16px;line-height:24px;letter-spacing:-.5px;border-radius:4px;height:32px;padding:4px 12px}._button_188x2_3[data-size=l]{font-feature-settings:"liga" off,"clig" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:20px;line-height:28px;letter-spacing:-.5px;border-radius:8px;height:40px;padding:4px 16px}._button_188x2_3[data-variant=primary]{background:var(--background-brand-default);border:var(--border-brand-default);color:var(--content-primary-inverse)}._button_188x2_3[data-variant=primary]:hover{background:var(--background-brand-hover);border:var(--background-brand-hover)}._button_188x2_3[data-variant=primary]:active{background:var(--background-brand-pressed)}._button_188x2_3[data-variant=primary]:disabled{background:var(--background-disabled);border:solid 1px var(--border-disabled);box-shadow:none;color:var(--content-disabled);cursor:default}._button_188x2_3[data-variant=secondary]{background:var(--background-default);border:solid 1px var(--border-brand-default);color:var(--content-brand-default)}._button_188x2_3[data-variant=secondary]:hover{background:var(--background-brand-inverse-hover);border:solid 1px var(--border-brand-default)}._button_188x2_3[data-variant=secondary]:active{background:var(--background-brand-inverse-pressed);border:var(--background-brand-inverse)}._button_188x2_3[data-variant=secondary]:disabled{background:var(--background-disabled);border:solid 1px var(--border-disabled);color:var(--content-disabled);cursor:default}._button_188x2_3[data-variant=text]{background:transparent;border:none;color:var(--content-brand-default)}._button_188x2_3[data-variant=text]:hover{background:var(--background-brand-inverse-hover)}._button_188x2_3[data-variant=text]:active{background:var(--background-brand-inverse-pressed)}._button_188x2_3[data-variant=text]:disabled{background:var(--background-disabled);color:var(--content-disabled);cursor:default}._button_188x2_3[data-variant=transparent]{background:transparent;border:none;color:var(--content-brand-default)}._button_188x2_3[data-variant=transparent]:hover{color:var(--content-brand-hover)}._button_188x2_3[data-variant=transparent]:active{color:var(--content-brand-pressed)}._button_188x2_3[data-variant=transparent]:disabled{box-shadow:none;color:var(--content-disabled);cursor:default}._button_188x2_3[data-variant=danger]{background:var(--background-danger-default);border:none;color:var(--content-primary-inverse)}._button_188x2_3[data-variant=danger]:hover{background:var(--background-danger-hover)}._button_188x2_3[data-variant=danger]:active{background:var(--background-danger-pressed)}._button_188x2_3[data-variant=danger]:disabled{background:var(--background-disabled);border:var(--border-disabled);box-shadow:none;color:var(--content-disabled);cursor:default}._label_188x2_139[data-size=s]{padding:0 4px}._label_188x2_139[data-size=m]{padding:0 6px}._label_188x2_139[data-size=l]{padding:0 8px}.grid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:12px;padding:0 16px;margin:auto}@media (min-width: 480px){.grid{grid-template-columns:repeat(6,1fr)}}@media (min-width: 1024px){.grid{grid-template-columns:repeat(12,1fr);column-gap:16px;padding:0 32px}}.grid[data-gridtype=fixed-narrow]{max-width:864px}.grid[data-gridtype=fixed-wide]{max-width:1296px}.col,.col-xxs-1{grid-column:span 1}.col-xxs-2{grid-column:span 2}.col-xxs-3{grid-column:span 3}.col-xxs-4{grid-column:span 4}.col-xxs-5{grid-column:span 5}.col-xxs-6{grid-column:span 6}.col-xxs-7{grid-column:span 7}.col-xxs-8{grid-column:span 8}.col-xxs-9{grid-column:span 9}.col-xxs-10{grid-column:span 10}.col-xxs-11{grid-column:span 11}.col-xxs-12{grid-column:span 12}@media (min-width: 480px){.col-xs-1{grid-column:span 1}.col-xs-2{grid-column:span 2}.col-xs-3{grid-column:span 3}.col-xs-4{grid-column:span 4}.col-xs-5{grid-column:span 5}.col-xs-6{grid-column:span 6}.col-xs-7{grid-column:span 7}.col-xs-8{grid-column:span 8}.col-xs-9{grid-column:span 9}.col-xs-10{grid-column:span 10}.col-xs-11{grid-column:span 11}.col-xs-12{grid-column:span 12}}@media (min-width: 768px){.col-s-1{grid-column:span 1}.col-s-2{grid-column:span 2}.col-s-3{grid-column:span 3}.col-s-4{grid-column:span 4}.col-s-5{grid-column:span 5}.col-s-6{grid-column:span 6}.col-s-7{grid-column:span 7}.col-s-8{grid-column:span 8}.col-s-9{grid-column:span 9}.col-s-10{grid-column:span 10}.col-s-11{grid-column:span 11}.col-s-12{grid-column:span 12}}@media (min-width: 1024px){.col-m-1{grid-column:span 1}.col-m-2{grid-column:span 2}.col-m-3{grid-column:span 3}.col-m-4{grid-column:span 4}.col-m-5{grid-column:span 5}.col-m-6{grid-column:span 6}.col-m-7{grid-column:span 7}.col-m-8{grid-column:span 8}.col-m-9{grid-column:span 9}.col-m-10{grid-column:span 10}.col-m-11{grid-column:span 11}.col-m-12{grid-column:span 12}}@media (min-width: 1440px){.col-l-1{grid-column:span 1}.col-l-2{grid-column:span 2}.col-l-3{grid-column:span 3}.col-l-4{grid-column:span 4}.col-l-5{grid-column:span 5}.col-l-6{grid-column:span 6}.col-l-7{grid-column:span 7}.col-l-8{grid-column:span 8}.col-l-9{grid-column:span 9}.col-l-10{grid-column:span 10}.col-l-11{grid-column:span 11}.col-l-12{grid-column:span 12}}@media (min-width: 1768px){.col-xl-1{grid-column:span 1}.col-xl-2{grid-column:span 2}.col-xl-3{grid-column:span 3}.col-xl-4{grid-column:span 4}.col-xl-5{grid-column:span 5}.col-xl-6{grid-column:span 6}.col-xl-7{grid-column:span 7}.col-xl-8{grid-column:span 8}.col-xl-9{grid-column:span 9}.col-xl-10{grid-column:span 10}.col-xl-11{grid-column:span 11}.col-xl-12{grid-column:span 12}}._container_144ou_3{display:flex;gap:12px}._container_144ou_3 ._checkbox_144ou_7{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;width:16px;height:16px;border-radius:2px;border:1px solid var(--content-tertiary);opacity:100%;background:var(--background-default);align-items:center;justify-content:center}._container_144ou_3 ._checkbox_144ou_7:before{content:"";display:none;position:absolute;border-radius:999px;background:var(--background-hover);width:32px;height:32px;z-index:-1}._container_144ou_3 ._checkbox_144ou_7:active:before{opacity:100%;transform:scale(0);transition:transform 0s,opacity 0s}._container_144ou_3 ._checkbox_144ou_7:focus-within{outline:1px solid var(--border-brand-focused);outline-offset:4px}._container_144ou_3 ._checkbox_144ou_7:hover{cursor:pointer}._container_144ou_3 ._checkbox_144ou_7:hover:not(:disabled):before{display:inline-block}._container_144ou_3 ._checkbox_144ou_7:hover:not(:disabled):not(:active):before{opacity:50%;transition:transform .15s ease,opacity .3s ease}._container_144ou_3 ._checkbox_144ou_7:disabled{cursor:default;border:1px solid var(--content-disabled);background:var(--background-disabled)}._container_144ou_3 ._checkbox_144ou_7:disabled~._checkbox-text-container_144ou_53 label,._container_144ou_3 ._checkbox_144ou_7:disabled~._checkbox-text-container_144ou_53 ._checkbox-description_144ou_54{color:var(--content-disabled)}._container_144ou_3 ._checkbox_144ou_7:checked{border:1px solid var(--content-brand-default);background:var(--background-brand-default)}._container_144ou_3 ._checkbox_144ou_7:checked:hover:not(:disabled):not(:active):before{opacity:20%;background:var(--background-brand-default)}._container_144ou_3 ._checkbox_144ou_7:checked:disabled{border:1px solid var(--content-disabled);background:var(--background-disabled)}._container_144ou_3 ._checkbox_144ou_7:checked:disabled~._checkbox-icons_144ou_69 svg{fill:var(--content-disabled)}._container_144ou_3 ._checkbox_144ou_7:checked[data-error=true]{background:var(--background-danger-default)}._container_144ou_3 ._checkbox_144ou_7:checked:not(:indeterminate)~._checkbox-icon-selected_144ou_75{display:block}._container_144ou_3 ._checkbox_144ou_7:indeterminate{border:1px solid var(--content-brand-default);background:var(--background-brand-default)}._container_144ou_3 ._checkbox_144ou_7:indeterminate:hover:not(:disabled):not(:active):before{opacity:20%;background:var(--background-brand-default)}._container_144ou_3 ._checkbox_144ou_7:indeterminate:disabled{border:1px solid var(--content-disabled);background:var(--background-disabled)}._container_144ou_3 ._checkbox_144ou_7:indeterminate:disabled~._checkbox-icons_144ou_69 svg{fill:var(--content-disabled)}._container_144ou_3 ._checkbox_144ou_7:indeterminate[data-error=true]{background:var(--background-danger-default)}._container_144ou_3 ._checkbox_144ou_7:indeterminate~._checkbox-icon-indeterminated_144ou_96{display:block}._container_144ou_3 ._checkbox_144ou_7[data-read-only=true]{pointer-events:none;cursor:default;border:1px solid var(--content-tertiary);opacity:100%;background:var(--background-disabled)}._container_144ou_3 ._checkbox_144ou_7[data-read-only=true]~._checkbox-text-container_144ou_53 label,._container_144ou_3 ._checkbox_144ou_7[data-read-only=true]~._checkbox-text-container_144ou_53 ._checkbox-description_144ou_54{pointer-events:none;color:var(--content-tertiary)}._container_144ou_3 ._checkbox_144ou_7[data-read-only=true]~._checkbox-icons_144ou_69 svg{fill:var(--content-tertiary)}._container_144ou_3 ._checkbox_144ou_7[data-read-only=true][data-error=true]{border:1px solid var(--content-danger);background:var(--background-disabled)}._container_144ou_3 ._checkbox_144ou_7[data-error=true]{border:1px solid var(--content-danger);background:var(--background-default)}._container_144ou_3 ._checkbox_144ou_7[data-error=true]:hover:not(:disabled):not(:active):before{opacity:20%;background:var(--background-danger-hover)}._container_144ou_3 ._checkbox-text-container_144ou_53 label{font-feature-settings:"liga" off,"clig" off;font-style:normal;font-family:Arial;font-weight:400;font-size:16px;line-height:24px;letter-spacing:0px}._container_144ou_3 ._checkbox-text-container_144ou_53 ._checkbox-description_144ou_54{font-feature-settings:"liga" off,"clig" off;font-style:normal;font-family:Arial;font-weight:400;font-size:12px;line-height:16px;letter-spacing:0px;margin:0;color:var(--content-tertiary)}._container_144ou_3 ._checkbox-text-container_144ou_53 ._checkbox-error_144ou_146{font-feature-settings:"liga" off,"clig" off;font-style:normal;font-family:Arial;font-weight:400;font-size:12px;line-height:16px;letter-spacing:0px;font-weight:700;margin:0;color:var(--content-danger)}._container_144ou_3 ._checkbox-icons_144ou_69{display:none;z-index:1;pointer-events:none;transform:translate(4px,3px);position:absolute}._container_144ou_3 ._checkbox-icons_144ou_69 svg{fill:#fff}._checkboxGroupContainer_18j1a_3{display:flex;padding:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}._checkboxGroupContainer_18j1a_3 ._checkboxGroupHeader_18j1a_11 ._groupTitle_18j1a_11{font-feature-settings:"liga" off,"clig" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:20px;line-height:28px;letter-spacing:-.5px;align-self:stretch;margin:0}._checkboxGroupContainer_18j1a_3 ._checkboxGroupHeader_18j1a_11 ._groupHelpText_18j1a_22{font-feature-settings:"liga" off,"clig" off;font-style:normal;font-family:Arial;font-weight:400;font-size:14px;line-height:20px;letter-spacing:0px;color:var(--content-tertiary);align-self:stretch;margin:0}._checkboxGroupContainer_18j1a_3 ._checkboxGroupHeader_18j1a_11 ._errorMessage_18j1a_34{font-feature-settings:"liga" off,"clig" off;font-style:normal;font-family:Arial;font-weight:700;font-size:14px;line-height:20px;letter-spacing:0px;color:var(--content-danger);align-self:stretch;margin:4px 0 0}._checkboxGroupContainer_18j1a_3 ._checkboxGroupHeader_18j1a_11[data-read-only=true] ._groupTitle_18j1a_11{color:var(--content-tertiary)}._checkboxGroupContainer_18j1a_3 ._checkboxGroupHeader_18j1a_11[data-read-only=true][data-error=true] ._groupTitle_18j1a_11{color:var(--content-danger)}._checkboxGroupContainer_18j1a_3 ._checkboxGroupHeader_18j1a_11[data-disabled=true]{pointer-events:none}._checkboxGroupContainer_18j1a_3 ._checkboxGroupHeader_18j1a_11[data-disabled=true] ._groupTitle_18j1a_11,._checkboxGroupContainer_18j1a_3 ._checkboxGroupHeader_18j1a_11[data-disabled=true] ._groupHelpText_18j1a_22{color:var(--content-disabled)}._checkboxGroupContainer_18j1a_3 ._checkboxGroupHeader_18j1a_11[data-error=true] ._groupTitle_18j1a_11{color:var(--content-danger)}._checkboxGroupContainer_18j1a_3 ._checkboxGroup_18j1a_3{display:flex;flex-direction:row;padding:0;align-items:flex-start;gap:24px}._checkboxGroupContainer_18j1a_3 ._checkboxGroup_18j1a_3[data-direction=vertical]{flex-direction:column;gap:8px}._link_1iwqe_3{font-feature-settings:"liga" off,"clig" off;font-style:normal;font-family:Arial;font-weight:400;font-size:14px;line-height:20px;letter-spacing:0px;align-items:center;cursor:pointer;display:inline-flex;justify-content:center}._link_1iwqe_3[data-subtle=false]:visited{color:var(--content-link-visited);text-decoration:underline}._link_1iwqe_3[data-subtle=false]:visited:hover{color:var(--content-link-visited-hover);text-decoration:none}._link_1iwqe_3[data-subtle=false]:visited:active{color:var(--content-link-visited-press);text-decoration:underline}._link_1iwqe_3[data-subtle=false]:visited:focus-visible{color:var(--content-link-visited);text-decoration:underline;outline:1px solid var(--border-brand-focused);outline-offset:4px;border-radius:4px}._link_1iwqe_3[data-subtle=false]:not(:visited){color:var(--content-link-default)}._link_1iwqe_3[data-subtle=false]:not(:visited):hover{color:var(--content-link-hover);text-decoration:none}._link_1iwqe_3[data-subtle=false]:not(:visited):active{color:var(--content-link-press);text-decoration:underline}._link_1iwqe_3[data-subtle=false]:not(:visited):focus-visible{color:var(--content-link-default);text-decoration:underline;outline:1px solid var(--border-brand-focused);outline-offset:4px;border-radius:4px}._link_1iwqe_3[data-subtle=true]:visited{color:var(--content-primary);text-decoration:none}._link_1iwqe_3[data-subtle=true]:visited:hover{color:var(--content-link-secondary);text-decoration:underline}._link_1iwqe_3[data-subtle=true]:visited:active{color:var(--content-link-primary);text-decoration:none}._link_1iwqe_3[data-subtle=true]:visited:focus-visible{color:var(--content-link-primary);text-decoration:none;outline:1px solid var(--border-brand-focused);outline-offset:4px;border-radius:4px}._link_1iwqe_3[data-subtle=true]:not(:visited){color:var(--content-primary);text-decoration:none}._link_1iwqe_3[data-subtle=true]:not(:visited):hover{color:var(--content-secondary);text-decoration:underline}._link_1iwqe_3[data-subtle=true]:not(:visited):active{color:var(--content-primary);text-decoration:none}._link_1iwqe_3[data-subtle=true]:not(:visited):focus-visible{color:var(--content-primary);text-decoration:none;outline:1px solid var(--border-brand-focused);outline-offset:4px;border-radius:4px}._radioButtonContainer_87ih0_3{display:flex;padding-right:--positive-spacing_050;align-items:center;gap:12px}._radioButton_87ih0_3{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;width:16px;height:16px;padding:0;justify-content:center;align-items:center;border-radius:999px;border:1px solid var(--content-tertiary);background:var(--background-default);position:relative;cursor:pointer;transition:box-shadow .3s ease-in-out;margin:0}._radioButton_87ih0_3:before{content:"";width:10px;height:10px;border-radius:999px;background:var(--content-brand-default);opacity:0%}._radioButton_87ih0_3:after{content:"";width:calc(100% + 8px);height:calc(100% + 8px);border-radius:4px;border:1px solid var(--content-primary);position:absolute;z-index:-1;opacity:0%}._radioButton_87ih0_3[data-error=true]{border:1px solid var(--content-danger);transition:box-shadow .3s ease-in-out}._radioButton_87ih0_3[data-error=true]:checked{border:1px solid var(--content-danger)}._radioButton_87ih0_3[data-error=true]:before{background:var(--content-danger)}._radioButton_87ih0_3[data-error=true]:hover{transition:box-shadow .15s ease-in-out;box-shadow:0 0 0 8px var(--background-hover-opacity-50)}._radioButton_87ih0_3[data-error=true]:hover:checked{box-shadow:0 0 0 8px var(--background-danger-hover-opacity-20)}._radioButton_87ih0_3[data-read-only=true]{pointer-events:none;cursor:default}._radioButton_87ih0_3[data-read-only=true]:before{background:var(--content-tertiary)}._radioButton_87ih0_3[data-read-only=true]:checked{border:1px solid var(--content-tertiary)}._radioButton_87ih0_3[data-read-only=true][data-error=true]{border:1px solid var(--content-danger)}._radioButton_87ih0_3:focus{outline:none}._radioButton_87ih0_3:focus:after{opacity:100%}._radioButton_87ih0_3:checked{border:1px solid var(--content-brand-default)}._radioButton_87ih0_3:checked:before{opacity:100%}._radioButton_87ih0_3:hover{transition:box-shadow .15s ease-in-out;box-shadow:0 0 0 8px var(--background-hover-opacity-50)}._radioButton_87ih0_3:hover:checked{box-shadow:0 0 0 8px var(--background-brand-hover-opacity-20)}._radioButton_87ih0_3:disabled{pointer-events:none;background:var(--background-disabled);border:1px solid var(--content-disabled);cursor:not-allowed}._radioButton_87ih0_3:disabled:before{background:var(--content-disabled)}._radioButtonLabel_87ih0_103{font-feature-settings:"liga" off,"clig" off;font-style:normal;font-family:Arial;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}._radioButtonLabel_87ih0_103[data-read-only=true]{pointer-events:none;cursor:default;color:var(--content-tertiary)}._radioButtonLabel_87ih0_103[data-disabled=true]{pointer-events:none;color:var(--content-disabled)}._radioButtonGroupContainer_eqdd3_3{display:flex;padding:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}._radioButtonGroupContainer_eqdd3_3 ._radioButtonGroupHeader_eqdd3_11 ._groupTitle_eqdd3_11{font-feature-settings:"liga" off,"clig" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:20px;line-height:28px;letter-spacing:-.5px;align-self:stretch;margin:0}._radioButtonGroupContainer_eqdd3_3 ._radioButtonGroupHeader_eqdd3_11 ._groupHelpText_eqdd3_22{font-feature-settings:"liga" off,"clig" off;font-style:normal;font-family:Arial;font-weight:400;font-size:14px;line-height:20px;letter-spacing:0px;color:var(--content-tertiary);align-self:stretch;margin:0}._radioButtonGroupContainer_eqdd3_3 ._radioButtonGroupHeader_eqdd3_11 ._errorMessage_eqdd3_34{font-feature-settings:"liga" off,"clig" off;font-style:normal;font-family:Arial;font-weight:700;font-size:14px;line-height:20px;letter-spacing:0px;color:var(--content-danger);align-self:stretch;margin:4px 0 0}._radioButtonGroupContainer_eqdd3_3 ._radioButtonGroupHeader_eqdd3_11[data-read-only=true] ._groupTitle_eqdd3_11{color:var(--content-tertiary)}._radioButtonGroupContainer_eqdd3_3 ._radioButtonGroupHeader_eqdd3_11[data-read-only=true][data-error=true] ._groupTitle_eqdd3_11{color:var(--content-danger)}._radioButtonGroupContainer_eqdd3_3 ._radioButtonGroupHeader_eqdd3_11[data-disabled=true]{pointer-events:none}._radioButtonGroupContainer_eqdd3_3 ._radioButtonGroupHeader_eqdd3_11[data-disabled=true] ._groupTitle_eqdd3_11,._radioButtonGroupContainer_eqdd3_3 ._radioButtonGroupHeader_eqdd3_11[data-disabled=true] ._groupHelpText_eqdd3_22{color:var(--content-disabled)}._radioButtonGroupContainer_eqdd3_3 ._radioButtonGroupHeader_eqdd3_11[data-error=true] ._groupTitle_eqdd3_11{color:var(--content-danger)}._radioButtonGroupContainer_eqdd3_3 ._radioButtonGroup_eqdd3_3{display:flex;flex-direction:row;padding:0;align-items:flex-start;gap:24px}._radioButtonGroupContainer_eqdd3_3 ._radioButtonGroup_eqdd3_3[data-direction=vertical]{flex-direction:column;gap:8px}

package/package.json

@@ -0,0 +1,79 @@
+{
+  "name": "@design-system-rte/react",
+  "version": "0.1.1-rc1",
+  "type": "module",
+  "module": "dist/react-package.js",
+  "main": "dist/react-package.cjs",
+  "types": "dist/index.d.ts",
+  "files": ["dist"],
+  "scripts": {
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "format": "prettier --write 'src/**/*.{ts,tsx,js,jsx}'",
+    "storybook": "storybook dev -p 7008",
+    "build-storybook": "storybook build -o ../design-docs/storybook-static/react",
+    "test:ci": "npx playwright install && npx start-server-and-test storybook http://localhost:7008 test",
+    "test": "test-storybook --url http://localhost:7008",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "description": "",
+  "dependencies": {
+    "@design-system-rte/core": "0.1.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "clsx": "^2.1.1",
+    "react": ">=18.0.0",
+    "react-dom": "^18.3.1",
+    "sass": "^1.85.1"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^3.2.6",
+    "@eslint/js": "^9.21.0",
+    "@storybook/addon-a11y": "^8.6.6",
+    "@storybook/addon-essentials": "^8.6.6",
+    "@storybook/addon-interactions": "^8.6.6",
+    "@storybook/addon-onboarding": "^8.6.6",
+    "@storybook/blocks": "^8.6.6",
+    "@storybook/react": "^8.6.6",
+    "@storybook/react-vite": "^8.6.6",
+    "@storybook/test": "^8.6.6",
+    "@storybook/test-runner": "^0.22.0",
+    "@testing-library/react": "^16.2.0",
+    "@types/node": "^22.13.9",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "@vitejs/plugin-react-swc": "^3.8.0",
+    "@vitest/browser": "^3.0.7",
+    "@vitest/coverage-v8": "^3.0.7",
+    "eslint": "^9.21.0",
+    "eslint-config-prettier": "^10.0.2",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-prettier": "^5.2.3",
+    "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.19",
+    "eslint-plugin-storybook": "^0.11.4",
+    "eslint-plugin-vitest": "^0.5.4",
+    "globals": "^15.15.0",
+    "jsdom": "^26.0.0",
+    "prettier": "^3.5.3",
+    "storybook": "^8.6.6",
+    "typescript": "~5.7.2",
+    "typescript-eslint": "^8.24.1",
+    "vite": "^6.2.1",
+    "vite-plugin-dts": "^4.5.3",
+    "vite-tsconfig-paths": "^5.1.4",
+    "vitest": "^3.0.8"
+  },
+  "eslintConfig": {
+    "extends": [
+      "plugin:storybook/recommended"
+    ]
+  }
+}