@clubmed/trident-ui 1.0.1-beta.3 → 1.0.1-beta.5

package/fonts/Transports/tui-transports.module.less

@@ -1,10 +1,10 @@
 @font-face {font-family: "tui-transports";
-  src: url('tui-transports.eot?t=1722511312296'); /* IE9*/
-  src: url('tui-transports.eot?t=1722511312296#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url("tui-transports.woff2?t=1722511312296") format("woff2"),
-  url("tui-transports.woff?t=1722511312296") format("woff"),
-  url('tui-transports.ttf?t=1722511312296') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
-  url('tui-transports.svg?t=1722511312296#tui-transports') format('svg'); /* iOS 4.1- */
+  src: url('tui-transports.eot?t=1726488124225'); /* IE9*/
+  src: url('tui-transports.eot?t=1726488124225#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url("tui-transports.woff2?t=1726488124225") format("woff2"),
+  url("tui-transports.woff?t=1726488124225") format("woff"),
+  url('tui-transports.ttf?t=1726488124225') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  url('tui-transports.svg?t=1726488124225#tui-transports') format('svg'); /* iOS 4.1- */
 }
 
 [class^="tui-transports-"], [class*=" tui-transports-"] {

package/fonts/Transports/tui-transports.scss

@@ -1,10 +1,10 @@
 @font-face {font-family: "tui-transports";
-  src: url('tui-transports.eot?t=1722511312296'); /* IE9*/
-  src: url('tui-transports.eot?t=1722511312296#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url("tui-transports.woff2?t=1722511312296") format("woff2"),
-  url("tui-transports.woff?t=1722511312296") format("woff"),
-  url('tui-transports.ttf?t=1722511312296') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
-  url('tui-transports.svg?t=1722511312296#tui-transports') format('svg'); /* iOS 4.1- */
+  src: url('tui-transports.eot?t=1726488124225'); /* IE9*/
+  src: url('tui-transports.eot?t=1726488124225#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url("tui-transports.woff2?t=1726488124225") format("woff2"),
+  url("tui-transports.woff?t=1726488124225") format("woff"),
+  url('tui-transports.ttf?t=1726488124225') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  url('tui-transports.svg?t=1726488124225#tui-transports') format('svg'); /* iOS 4.1- */
 }
 
 [class^="tui-transports-"], [class*=" tui-transports-"] {

package/fonts/Transports/tui-transports.styl

@@ -1,10 +1,10 @@
 @font-face {font-family: "tui-transports";
-  src: url('tui-transports.eot?t=1722511312296'); /* IE9*/
-  src: url('tui-transports.eot?t=1722511312296#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url("tui-transports.woff2?t=1722511312296") format("woff2"),
-  url("tui-transports.woff?t=1722511312296") format("woff"),
-  url('tui-transports.ttf?t=1722511312296') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
-  url('tui-transports.svg?t=1722511312296#tui-transports') format('svg'); /* iOS 4.1- */
+  src: url('tui-transports.eot?t=1726488124225'); /* IE9*/
+  src: url('tui-transports.eot?t=1726488124225#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url("tui-transports.woff2?t=1726488124225") format("woff2"),
+  url("tui-transports.woff?t=1726488124225") format("woff"),
+  url('tui-transports.ttf?t=1726488124225') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  url('tui-transports.svg?t=1726488124225#tui-transports') format('svg'); /* iOS 4.1- */
 }
 
 [class^="tui-transports-"], [class*=" tui-transports-"] {

package/fonts/Utilities/tui-utilities.css

@@ -1,11 +1,11 @@
 @font-face {
   font-family: "tui-utilities";
-  src: url('tui-utilities.eot?t=1722511312435'); /* IE9*/
-  src: url('tui-utilities.eot?t=1722511312435#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url("tui-utilities.woff2?t=1722511312435") format("woff2"),
-  url("tui-utilities.woff?t=1722511312435") format("woff"),
-  url('tui-utilities.ttf?t=1722511312435') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
-  url('tui-utilities.svg?t=1722511312435#tui-utilities') format('svg'); /* iOS 4.1- */
+  src: url('tui-utilities.eot?t=1726488124398'); /* IE9*/
+  src: url('tui-utilities.eot?t=1726488124398#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url("tui-utilities.woff2?t=1726488124398") format("woff2"),
+  url("tui-utilities.woff?t=1726488124398") format("woff"),
+  url('tui-utilities.ttf?t=1726488124398') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  url('tui-utilities.svg?t=1726488124398#tui-utilities') format('svg'); /* iOS 4.1- */
 }
 
 [class^="tui-utilities-"], [class*=" tui-utilities-"] {

package/fonts/Utilities/tui-utilities.less

@@ -1,10 +1,10 @@
 @font-face {font-family: "tui-utilities";
-  src: url('tui-utilities.eot?t=1722511312435'); /* IE9*/
-  src: url('tui-utilities.eot?t=1722511312435#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url("tui-utilities.woff2?t=1722511312435") format("woff2"),
-  url("tui-utilities.woff?t=1722511312435") format("woff"),
-  url('tui-utilities.ttf?t=1722511312435') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
-  url('tui-utilities.svg?t=1722511312435#tui-utilities') format('svg'); /* iOS 4.1- */
+  src: url('tui-utilities.eot?t=1726488124398'); /* IE9*/
+  src: url('tui-utilities.eot?t=1726488124398#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url("tui-utilities.woff2?t=1726488124398") format("woff2"),
+  url("tui-utilities.woff?t=1726488124398") format("woff"),
+  url('tui-utilities.ttf?t=1726488124398') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  url('tui-utilities.svg?t=1726488124398#tui-utilities') format('svg'); /* iOS 4.1- */
 }
 
 [class^="tui-utilities-"], [class*=" tui-utilities-"] {

package/fonts/Utilities/tui-utilities.module.less

@@ -1,10 +1,10 @@
 @font-face {font-family: "tui-utilities";
-  src: url('tui-utilities.eot?t=1722511312435'); /* IE9*/
-  src: url('tui-utilities.eot?t=1722511312435#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url("tui-utilities.woff2?t=1722511312435") format("woff2"),
-  url("tui-utilities.woff?t=1722511312435") format("woff"),
-  url('tui-utilities.ttf?t=1722511312435') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
-  url('tui-utilities.svg?t=1722511312435#tui-utilities') format('svg'); /* iOS 4.1- */
+  src: url('tui-utilities.eot?t=1726488124398'); /* IE9*/
+  src: url('tui-utilities.eot?t=1726488124398#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url("tui-utilities.woff2?t=1726488124398") format("woff2"),
+  url("tui-utilities.woff?t=1726488124398") format("woff"),
+  url('tui-utilities.ttf?t=1726488124398') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  url('tui-utilities.svg?t=1726488124398#tui-utilities') format('svg'); /* iOS 4.1- */
 }
 
 [class^="tui-utilities-"], [class*=" tui-utilities-"] {

package/fonts/Utilities/tui-utilities.scss

@@ -1,10 +1,10 @@
 @font-face {font-family: "tui-utilities";
-  src: url('tui-utilities.eot?t=1722511312435'); /* IE9*/
-  src: url('tui-utilities.eot?t=1722511312435#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url("tui-utilities.woff2?t=1722511312435") format("woff2"),
-  url("tui-utilities.woff?t=1722511312435") format("woff"),
-  url('tui-utilities.ttf?t=1722511312435') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
-  url('tui-utilities.svg?t=1722511312435#tui-utilities') format('svg'); /* iOS 4.1- */
+  src: url('tui-utilities.eot?t=1726488124398'); /* IE9*/
+  src: url('tui-utilities.eot?t=1726488124398#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url("tui-utilities.woff2?t=1726488124398") format("woff2"),
+  url("tui-utilities.woff?t=1726488124398") format("woff"),
+  url('tui-utilities.ttf?t=1726488124398') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  url('tui-utilities.svg?t=1726488124398#tui-utilities') format('svg'); /* iOS 4.1- */
 }
 
 [class^="tui-utilities-"], [class*=" tui-utilities-"] {

package/fonts/Utilities/tui-utilities.styl

@@ -1,10 +1,10 @@
 @font-face {font-family: "tui-utilities";
-  src: url('tui-utilities.eot?t=1722511312435'); /* IE9*/
-  src: url('tui-utilities.eot?t=1722511312435#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url("tui-utilities.woff2?t=1722511312435") format("woff2"),
-  url("tui-utilities.woff?t=1722511312435") format("woff"),
-  url('tui-utilities.ttf?t=1722511312435') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
-  url('tui-utilities.svg?t=1722511312435#tui-utilities') format('svg'); /* iOS 4.1- */
+  src: url('tui-utilities.eot?t=1726488124398'); /* IE9*/
+  src: url('tui-utilities.eot?t=1726488124398#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url("tui-utilities.woff2?t=1726488124398") format("woff2"),
+  url("tui-utilities.woff?t=1726488124398") format("woff"),
+  url('tui-utilities.ttf?t=1726488124398') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  url('tui-utilities.svg?t=1726488124398#tui-utilities') format('svg'); /* iOS 4.1- */
 }
 
 [class^="tui-utilities-"], [class*=" tui-utilities-"] {

package/molecules/Forms/Checkboxes/Checkbox.js

@@ -1,43 +1,41 @@
 import { jsxs as t, jsx as a } from "react/jsx-runtime";
 import { c } from "../../../index-Cu0xwYjD.js";
 import { useId as D } from "react";
-import { Icon as u } from "../../../atoms/Icons/Icon.js";
+import { Icon as h } from "../../../atoms/Icons/Icon.js";
 import "../../../atoms/Icons/contexts/IconsContext.js";
 import { useValue as S } from "../../../hooks/useValue.js";
 import "../../../controls-l0sNRNKZ.js";
 import { useInternalStatus as V } from "../../../hooks/useInternalStatus.js";
-function B(x) {
-  const f = D(), {
-    id: s = f,
+function B(u) {
+  const x = D(), {
+    id: s = x,
     name: n = s,
-    className: b,
-    dataTestId: k,
+    className: f,
+    dataTestId: b,
     disabled: r = !1,
-    checked: v = !1,
+    checked: k = !1,
     value: l,
     size: i = 24,
-    tabIndex: N = 0,
-    validationStatus: g = "default",
+    tabIndex: v = 0,
+    validationStatus: N = "default",
     errorMessage: d,
-    children: y,
+    children: g,
     onChange: o,
-    ...I
-  } = x, { value: m, setValue: C } = S({
+    ...y
+  } = u, { value: m, setValue: I } = S({
     name: n,
-    initialValue: v,
-    onChange(w, h) {
-      o == null || o(w, h ? l !== void 0 ? l : h : null);
+    initialValue: k,
+    onChange(w, p) {
+      o == null || o(w, p ? l !== void 0 ? l : p : null);
     }
   }), e = V({
     isDisabled: r,
-    validationStatus: g
-  }), p = e === "error" && d;
+    validationStatus: N
+  }), C = e === "error" && d;
   return /* @__PURE__ */ t(
     "div",
     {
-      className: c(b, "flex flex-col space-y-2", {
-        "mb-24": !p
-      }),
+      className: c("flex flex-col space-y-2", f),
       "data-testid": `checkbox-container-${s}`,
       children: [
         /* @__PURE__ */ t(
@@ -52,13 +50,13 @@ function B(x) {
                 /* @__PURE__ */ a(
                   "input",
                   {
-                    ...I,
+                    ...y,
                     name: n,
-                    "data-testid": k,
+                    "data-testid": b,
                     type: "checkbox",
-                    tabIndex: N,
+                    tabIndex: v,
                     onChange: () => {
-                      !r && C(!m);
+                      !r && I(!m);
                     },
                     checked: m,
                     "data-name": "Checkbox",
@@ -73,7 +71,7 @@ function B(x) {
                     className: c({ "!border-red": e === "error" }),
                     "data-testid": `check-container-${s}`,
                     children: /* @__PURE__ */ a(
-                      u,
+                      h,
                       {
                         name: "CheckDefault",
                         type: "svg",
@@ -85,12 +83,12 @@ function B(x) {
                   }
                 )
               ] }),
-              y
+              g
             ]
           }
         ),
-        p && /* @__PURE__ */ t("span", { className: "text-red text-b4 flex items-start space-x-4 ps-20", role: "alert", children: [
-          /* @__PURE__ */ a(u, { name: "Error", width: "20px" }),
+        C && /* @__PURE__ */ t("span", { className: "text-red text-b4 flex items-start space-x-4 ps-20", role: "alert", children: [
+          /* @__PURE__ */ a(h, { name: "Error", width: "20px" }),
           d
         ] })
       ]

package/molecules/Forms/Checkboxes/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../lib/molecules/Forms/Checkboxes/Checkbox.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport { useId } from 'react';\nimport { Icon } from '@/atoms/Icons/index.js';\nimport { useValue } from '@/hooks/useValue.js';\nimport '../controls.css';\nimport { FormControlProps } from '@/molecules/Forms/FormControl';\nimport { useInternalStatus } from '@/hooks/useInternalStatus';\n\nexport interface CheckboxProps<Value = string> extends FormControlProps<Value> {\n  size?: number;\n  onChange?: (name: string, value: Value | null) => void;\n}\n\nexport function Checkbox<Value = string>(props: CheckboxProps<Value>) {\n  const internalId = useId();\n\n  const {\n    id = internalId,\n    name = id,\n    className,\n    dataTestId,\n    disabled = false,\n    checked: initialChecked = false,\n    value,\n    size = 24,\n    tabIndex = 0,\n    validationStatus = 'default',\n    errorMessage,\n    children,\n    onChange,\n    ...rest\n  } = props;\n\n  const { value: checked, setValue } = useValue<boolean>({\n    name,\n    initialValue: initialChecked,\n    onChange(name, checked) {\n      onChange?.(name, checked ? ((value !== undefined ? value : checked) as Value) : null);\n    },\n  });\n  const internalStatus = useInternalStatus({\n    isDisabled: disabled,\n    validationStatus,\n  });\n\n  const shouldDisplayErrorMessage = internalStatus === 'error' && errorMessage;\n\n  return (\n    <div\n      className={classnames(className, 'flex flex-col space-y-2', {\n        'mb-24': !shouldDisplayErrorMessage,\n      })}\n      data-testid={`checkbox-container-${id}`}\n    >\n      <label\n        className={classnames('cursor-pointer relative flex text-b3 items-center', {\n          'text-grey': internalStatus === 'disabled',\n          'text-black': internalStatus !== 'default',\n        })}\n      >\n        <span className=\"relative self-start me-8\">\n          <input\n            {...rest}\n            name={name}\n            data-testid={dataTestId}\n            type=\"checkbox\"\n            tabIndex={tabIndex}\n            onChange={() => {\n              !disabled && setValue(!checked);\n            }}\n            checked={checked}\n            data-name=\"Checkbox\"\n            disabled={disabled}\n            value={value as any}\n          />\n\n          <span\n            style={{ height: size, width: size }}\n            className={classnames({ '!border-red': internalStatus === 'error' })}\n            data-testid={`check-container-${id}`}\n          >\n            <Icon\n              name=\"CheckDefault\"\n              type=\"svg\"\n              width={`${size}px`}\n              color=\"black\"\n              className=\"absolute\"\n            />\n          </span>\n        </span>\n\n        {children}\n      </label>\n\n      {shouldDisplayErrorMessage && (\n        <span className=\"text-red text-b4 flex items-start space-x-4 ps-20\" role=\"alert\">\n          <Icon name=\"Error\" width=\"20px\" />\n          {errorMessage}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"names":["Checkbox","props","internalId","useId","id","name","className","dataTestId","disabled","initialChecked","value","size","tabIndex","validationStatus","errorMessage","children","onChange","rest","checked","setValue","useValue","internalStatus","useInternalStatus","shouldDisplayErrorMessage","jsxs","classnames","jsx","Icon"],"mappings":";;;;;;;;AAaO,SAASA,EAAyBC,GAA6B;AACpE,QAAMC,IAAaC,KAEb;AAAA,IACJ,IAAAC,IAAKF;AAAA,IACL,MAAAG,IAAOD;AAAA,IACP,WAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,SAASC,IAAiB;AAAA,IAC1B,OAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,UAAAC,IAAW;AAAA,IACX,kBAAAC,IAAmB;AAAA,IACnB,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAhB,GAEE,EAAE,OAAOiB,GAAS,UAAAC,EAAA,IAAaC,EAAkB;AAAA,IACrD,MAAAf;AAAA,IACA,cAAcI;AAAA,IACd,SAASJ,GAAMa,GAAS;AACtB,MAAAF,KAAA,QAAAA,EAAWX,GAAMa,IAAYR,MAAU,SAAYA,IAAQQ,IAAqB;AAAA,IAClF;AAAA,EAAA,CACD,GACKG,IAAiBC,EAAkB;AAAA,IACvC,YAAYd;AAAA,IACZ,kBAAAK;AAAA,EAAA,CACD,GAEKU,IAA4BF,MAAmB,WAAWP;AAG9D,SAAA,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAWnB,GAAW,2BAA2B;AAAA,QAC1D,SAAS,CAACiB;AAAA,MAAA,CACX;AAAA,MACD,eAAa,sBAAsBnB,CAAE;AAAA,MAErC,UAAA;AAAA,QAAA,gBAAAoB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC,EAAW,qDAAqD;AAAA,cACzE,aAAaJ,MAAmB;AAAA,cAChC,cAAcA,MAAmB;AAAA,YAAA,CAClC;AAAA,YAED,UAAA;AAAA,cAAC,gBAAAG,EAAA,QAAA,EAAK,WAAU,4BACd,UAAA;AAAA,gBAAA,gBAAAE;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACE,GAAGT;AAAA,oBACJ,MAAAZ;AAAA,oBACA,eAAaE;AAAA,oBACb,MAAK;AAAA,oBACL,UAAAK;AAAA,oBACA,UAAU,MAAM;AACb,uBAAAJ,KAAYW,EAAS,CAACD,CAAO;AAAA,oBAChC;AAAA,oBACA,SAAAA;AAAA,oBACA,aAAU;AAAA,oBACV,UAAAV;AAAA,oBACA,OAAAE;AAAA,kBAAA;AAAA,gBACF;AAAA,gBAEA,gBAAAgB;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,OAAO,EAAE,QAAQf,GAAM,OAAOA,EAAK;AAAA,oBACnC,WAAWc,EAAW,EAAE,eAAeJ,MAAmB,SAAS;AAAA,oBACnE,eAAa,mBAAmBjB,CAAE;AAAA,oBAElC,UAAA,gBAAAsB;AAAA,sBAACC;AAAA,sBAAA;AAAA,wBACC,MAAK;AAAA,wBACL,MAAK;AAAA,wBACL,OAAO,GAAGhB,CAAI;AAAA,wBACd,OAAM;AAAA,wBACN,WAAU;AAAA,sBAAA;AAAA,oBACZ;AAAA,kBAAA;AAAA,gBACF;AAAA,cAAA,GACF;AAAA,cAECI;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,QAECQ,KACE,gBAAAC,EAAA,QAAA,EAAK,WAAU,qDAAoD,MAAK,SACvE,UAAA;AAAA,UAAA,gBAAAE,EAACC,GAAK,EAAA,MAAK,SAAQ,OAAM,QAAO;AAAA,UAC/Bb;AAAA,QAAA,GACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../../lib/molecules/Forms/Checkboxes/Checkbox.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport { useId } from 'react';\nimport { Icon } from '@/atoms/Icons/index.js';\nimport { useValue } from '@/hooks/useValue.js';\nimport '../controls.css';\nimport { FormControlProps } from '@/molecules/Forms/FormControl';\nimport { useInternalStatus } from '@/hooks/useInternalStatus';\n\nexport interface CheckboxProps<Value = string> extends FormControlProps<Value> {\n  size?: number;\n  onChange?: (name: string, value: Value | null) => void;\n}\n\nexport function Checkbox<Value = string>(props: CheckboxProps<Value>) {\n  const internalId = useId();\n\n  const {\n    id = internalId,\n    name = id,\n    className,\n    dataTestId,\n    disabled = false,\n    checked: initialChecked = false,\n    value,\n    size = 24,\n    tabIndex = 0,\n    validationStatus = 'default',\n    errorMessage,\n    children,\n    onChange,\n    ...rest\n  } = props;\n\n  const { value: checked, setValue } = useValue<boolean>({\n    name,\n    initialValue: initialChecked,\n    onChange(name, checked) {\n      onChange?.(name, checked ? ((value !== undefined ? value : checked) as Value) : null);\n    },\n  });\n  const internalStatus = useInternalStatus({\n    isDisabled: disabled,\n    validationStatus,\n  });\n\n  const shouldDisplayErrorMessage = internalStatus === 'error' && errorMessage;\n\n  return (\n    <div\n      className={classnames('flex flex-col space-y-2', className)}\n      data-testid={`checkbox-container-${id}`}\n    >\n      <label\n        className={classnames('cursor-pointer relative flex text-b3 items-center', {\n          'text-grey': internalStatus === 'disabled',\n          'text-black': internalStatus !== 'default',\n        })}\n      >\n        <span className=\"relative self-start me-8\">\n          <input\n            {...rest}\n            name={name}\n            data-testid={dataTestId}\n            type=\"checkbox\"\n            tabIndex={tabIndex}\n            onChange={() => {\n              !disabled && setValue(!checked);\n            }}\n            checked={checked}\n            data-name=\"Checkbox\"\n            disabled={disabled}\n            value={value as any}\n          />\n\n          <span\n            style={{ height: size, width: size }}\n            className={classnames({ '!border-red': internalStatus === 'error' })}\n            data-testid={`check-container-${id}`}\n          >\n            <Icon\n              name=\"CheckDefault\"\n              type=\"svg\"\n              width={`${size}px`}\n              color=\"black\"\n              className=\"absolute\"\n            />\n          </span>\n        </span>\n\n        {children}\n      </label>\n\n      {shouldDisplayErrorMessage && (\n        <span className=\"text-red text-b4 flex items-start space-x-4 ps-20\" role=\"alert\">\n          <Icon name=\"Error\" width=\"20px\" />\n          {errorMessage}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"names":["Checkbox","props","internalId","useId","id","name","className","dataTestId","disabled","initialChecked","value","size","tabIndex","validationStatus","errorMessage","children","onChange","rest","checked","setValue","useValue","internalStatus","useInternalStatus","shouldDisplayErrorMessage","jsxs","classnames","jsx","Icon"],"mappings":";;;;;;;;AAaO,SAASA,EAAyBC,GAA6B;AACpE,QAAMC,IAAaC,KAEb;AAAA,IACJ,IAAAC,IAAKF;AAAA,IACL,MAAAG,IAAOD;AAAA,IACP,WAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,SAASC,IAAiB;AAAA,IAC1B,OAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,UAAAC,IAAW;AAAA,IACX,kBAAAC,IAAmB;AAAA,IACnB,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAhB,GAEE,EAAE,OAAOiB,GAAS,UAAAC,EAAA,IAAaC,EAAkB;AAAA,IACrD,MAAAf;AAAA,IACA,cAAcI;AAAA,IACd,SAASJ,GAAMa,GAAS;AACtB,MAAAF,KAAA,QAAAA,EAAWX,GAAMa,IAAYR,MAAU,SAAYA,IAAQQ,IAAqB;AAAA,IAClF;AAAA,EAAA,CACD,GACKG,IAAiBC,EAAkB;AAAA,IACvC,YAAYd;AAAA,IACZ,kBAAAK;AAAA,EAAA,CACD,GAEKU,IAA4BF,MAAmB,WAAWP;AAG9D,SAAA,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAW,2BAA2BnB,CAAS;AAAA,MAC1D,eAAa,sBAAsBF,CAAE;AAAA,MAErC,UAAA;AAAA,QAAA,gBAAAoB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC,EAAW,qDAAqD;AAAA,cACzE,aAAaJ,MAAmB;AAAA,cAChC,cAAcA,MAAmB;AAAA,YAAA,CAClC;AAAA,YAED,UAAA;AAAA,cAAC,gBAAAG,EAAA,QAAA,EAAK,WAAU,4BACd,UAAA;AAAA,gBAAA,gBAAAE;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACE,GAAGT;AAAA,oBACJ,MAAAZ;AAAA,oBACA,eAAaE;AAAA,oBACb,MAAK;AAAA,oBACL,UAAAK;AAAA,oBACA,UAAU,MAAM;AACb,uBAAAJ,KAAYW,EAAS,CAACD,CAAO;AAAA,oBAChC;AAAA,oBACA,SAAAA;AAAA,oBACA,aAAU;AAAA,oBACV,UAAAV;AAAA,oBACA,OAAAE;AAAA,kBAAA;AAAA,gBACF;AAAA,gBAEA,gBAAAgB;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,OAAO,EAAE,QAAQf,GAAM,OAAOA,EAAK;AAAA,oBACnC,WAAWc,EAAW,EAAE,eAAeJ,MAAmB,SAAS;AAAA,oBACnE,eAAa,mBAAmBjB,CAAE;AAAA,oBAElC,UAAA,gBAAAsB;AAAA,sBAACC;AAAA,sBAAA;AAAA,wBACC,MAAK;AAAA,wBACL,MAAK;AAAA,wBACL,OAAO,GAAGhB,CAAI;AAAA,wBACd,OAAM;AAAA,wBACN,WAAU;AAAA,sBAAA;AAAA,oBACZ;AAAA,kBAAA;AAAA,gBACF;AAAA,cAAA,GACF;AAAA,cAECI;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,QAECQ,KACE,gBAAAC,EAAA,QAAA,EAAK,WAAU,qDAAoD,MAAK,SACvE,UAAA;AAAA,UAAA,gBAAAE,EAACC,GAAK,EAAA,MAAK,SAAQ,OAAM,QAAO;AAAA,UAC/Bb;AAAA,QAAA,GACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clubmed/trident-ui",
-  "version": "1.0.1-beta.3",
+  "version": "1.0.1-beta.5",
   "type": "module",
   "description": "Shared ClubMed React UI components",
   "keywords": [