@clubmed/trident-ui 1.2.0-beta.2 → 1.2.0-beta.3

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # ClubMed React UI components changelog
 
+# [1.2.0-beta.3](https://scm.clubmed.com/clubmed/cm-trident-ui/compare/v1.2.0-beta.2...v1.2.0-beta.3) (2024-11-21)
+
+
+### Bug Fixes
+
+* **icons:** fix re-exported names in barrels files ([575c2c0](https://scm.clubmed.com/clubmed/cm-trident-ui/-/commit/575c2c08c26fac157cd4000bc2d216157a52c875))
+
 # [1.2.0-beta.2](https://scm.clubmed.com/clubmed/cm-trident-ui/compare/v1.2.0-beta.1...v1.2.0-beta.2) (2024-11-21)
 
 

package/atoms/Icons/Icon.d.ts

@@ -1 +1,5 @@
-export { Icon } from '../../../node_modules/@clubmed/trident-icons';
+import { Icon as I } from '../../../node_modules/@clubmed/trident-icons';
+/**
+ * @deprecated use Icon from '@clubmed/trident-icons'.
+ */
+export declare const Icon: typeof I;

package/atoms/Icons/Icon.js

@@ -1,5 +1,6 @@
-import { Icon as c } from "/builds/clubmed/cm-trident-ui/node_modules/@clubmed/trident-icons/index.js";
+import { Icon as o } from "/builds/clubmed/cm-trident-ui/node_modules/@clubmed/trident-icons/index.js";
+const n = o;
 export {
-  c as Icon
+  n as Icon
 };
 //# sourceMappingURL=Icon.js.map

package/atoms/Icons/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"Icon.js","sources":["../../../lib/atoms/Icons/Icon.tsx"],"sourcesContent":["import { Icon as I } from '@clubmed/trident-icons';\n\n/**\n * @deprecated use Icon from '@clubmed/trident-icons'.\n */\nexport const Icon: typeof I = I;\n"],"names":["Icon","I"],"mappings":";AAKO,MAAMA,IAAiBC;"}

package/atoms/Icons/Iconics.d.ts

@@ -1 +1,9 @@
-export { type IconicNames, type IconicTypes } from '../../../node_modules/@clubmed/trident-icons';
+import { type IconicNames as N, type IconicTypes as T } from '../../../node_modules/@clubmed/trident-icons';
+/**
+ * @deprecated use IconicNames from '@clubmed/trident-icons'.
+ */
+export type IconicNames = N;
+/**
+ * @deprecated use IconicTypes from '@clubmed/trident-icons'.
+ */
+export type IconicTypes = T;

package/atoms/Icons/IconsResolver.d.ts

@@ -1 +1,33 @@
-export { resolverIconsFactory, IconsContext, IconTypesRegistry, type IconProps, type IconsRegistryValue, type IconResolverProps, IconsProvider, loadIcons, } from '../../../node_modules/@clubmed/trident-icons';
+import { type IconProps as IP, type IconResolverProps as IRP, IconsContext as IC, IconsProvider as IPR, type IconsRegistryValue as IRV, IconTypesRegistry as IT, loadIcons as L, resolverIconsFactory as R } from '../../../node_modules/@clubmed/trident-icons';
+/**
+ * @deprecated use resolverIconsFactory from '@clubmed/trident-icons'.
+ */
+export declare const resolverIconsFactory: typeof R;
+/**
+ * @deprecated use IconsContext from '@clubmed/trident-icons'.
+ */
+export declare const IconsContext: typeof IC;
+/**
+ * @deprecated use IconTypesRegistry from '@clubmed/trident-icons'.
+ */
+export declare const IconTypesRegistry: typeof IT;
+/**
+ * @deprecated use IconProps from '@clubmed/trident-icons'.
+ */
+export type IconProps = IP;
+/**
+ * @deprecated use IconsRegistryValue from '@clubmed/trident-icons'.
+ */
+export type IconsRegistryValue = IRV;
+/**
+ * @deprecated use IconResolverProps from '@clubmed/trident-icons'.
+ */
+export type IconResolverProps = IRP;
+/**
+ * @deprecated use IconsProvider from '@clubmed/trident-icons'.
+ */
+export declare const IconsProvider: typeof IPR;
+/**
+ * @deprecated use loadIcons from '@clubmed/trident-icons'.
+ */
+export declare const loadIcons: typeof L;

package/atoms/Icons/IconsResolver.js

@@ -1,9 +1,10 @@
-import { IconTypesRegistry as e, IconsContext as s, IconsProvider as c, loadIcons as n, resolverIconsFactory as t } from "/builds/clubmed/cm-trident-ui/node_modules/@clubmed/trident-icons/index.js";
+import { resolverIconsFactory as o, IconsContext as s, IconTypesRegistry as c, IconsProvider as n, loadIcons as r } from "/builds/clubmed/cm-trident-ui/node_modules/@clubmed/trident-icons/index.js";
+const t = o, I = s, a = c, y = n, i = r;
 export {
-  e as IconTypesRegistry,
-  s as IconsContext,
-  c as IconsProvider,
-  n as loadIcons,
+  a as IconTypesRegistry,
+  I as IconsContext,
+  y as IconsProvider,
+  i as loadIcons,
   t as resolverIconsFactory
 };
 //# sourceMappingURL=IconsResolver.js.map

package/atoms/Icons/IconsResolver.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconsResolver.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"IconsResolver.js","sources":["../../../lib/atoms/Icons/IconsResolver.ts"],"sourcesContent":["import {\n  type IconProps as IP,\n  type IconResolverProps as IRP,\n  IconsContext as IC,\n  IconsProvider as IPR,\n  type IconsRegistryValue as IRV,\n  IconTypesRegistry as IT,\n  loadIcons as L,\n  resolverIconsFactory as R,\n} from '@clubmed/trident-icons';\n\n/**\n * @deprecated use resolverIconsFactory from '@clubmed/trident-icons'.\n */\nexport const resolverIconsFactory: typeof R = R;\n/**\n * @deprecated use IconsContext from '@clubmed/trident-icons'.\n */\nexport const IconsContext: typeof IC = IC;\n/**\n * @deprecated use IconTypesRegistry from '@clubmed/trident-icons'.\n */\nexport const IconTypesRegistry: typeof IT = IT;\n/**\n * @deprecated use IconProps from '@clubmed/trident-icons'.\n */\nexport type IconProps = IP;\n/**\n * @deprecated use IconsRegistryValue from '@clubmed/trident-icons'.\n */\nexport type IconsRegistryValue = IRV;\n/**\n * @deprecated use IconResolverProps from '@clubmed/trident-icons'.\n */\nexport type IconResolverProps = IRP;\n/**\n * @deprecated use IconsProvider from '@clubmed/trident-icons'.\n */\nexport const IconsProvider: typeof IPR = IPR;\n/**\n * @deprecated use loadIcons from '@clubmed/trident-icons'.\n */\nexport const loadIcons: typeof L = L;\n"],"names":["resolverIconsFactory","R","IconsContext","IC","IconTypesRegistry","IT","IconsProvider","IPR","loadIcons","L"],"mappings":";AAcO,MAAMA,IAAiCC,GAIjCC,IAA0BC,GAI1BC,IAA+BC,GAgB/BC,IAA4BC,GAI5BC,IAAsBC;"}

package/atoms/Icons/contexts/IconsContext.d.ts

@@ -1 +1,8 @@
-export * from '../../../../node_modules/@clubmed/trident-icons/contexts/IconsContext';
+import { IconsContext as IC, type IconProps as IP, type IconResolverProps as IRP, type IconsRegistryValue as IRV, IconsProvider as IPV, loadIcons as L, IconTypesRegistry as IT } from '../../../../node_modules/@clubmed/trident-icons/contexts/IconsContext';
+export declare const IconsContext: typeof IC;
+export type IconProps = IP;
+export type IconResolverProps = IRP;
+export type IconsRegistryValue = IRV;
+export declare const IconsProvider: typeof IPV;
+export declare const loadIcons: typeof L;
+export declare const IconTypesRegistry: typeof IT;

package/atoms/Icons/contexts/IconsContext.js

@@ -1,2 +1,9 @@
-export * from "@clubmed/trident-icons/contexts/IconsContext";
+import { IconsContext as o, IconsProvider as s, loadIcons as n, IconTypesRegistry as c } from "@clubmed/trident-icons/contexts/IconsContext";
+const e = o, r = s, I = n, a = c;
+export {
+  a as IconTypesRegistry,
+  e as IconsContext,
+  r as IconsProvider,
+  I as loadIcons
+};
 //# sourceMappingURL=IconsContext.js.map

package/atoms/Icons/contexts/IconsContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconsContext.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"IconsContext.js","sources":["../../../../lib/atoms/Icons/contexts/IconsContext.tsx"],"sourcesContent":["import {\n  IconsContext as IC,\n  type IconProps as IP,\n  type IconResolverProps as IRP,\n  type IconsRegistryValue as IRV,\n  IconsProvider as IPV,\n  loadIcons as L,\n  IconTypesRegistry as IT,\n} from '@clubmed/trident-icons/contexts/IconsContext';\n\nexport const IconsContext: typeof IC = IC;\nexport type IconProps = IP;\nexport type IconResolverProps = IRP;\nexport type IconsRegistryValue = IRV;\nexport const IconsProvider: typeof IPV = IPV;\nexport const loadIcons: typeof L = L;\nexport const IconTypesRegistry: typeof IT = IT;\n"],"names":["IconsContext","IC","IconsProvider","IPV","loadIcons","L","IconTypesRegistry","IT"],"mappings":";AAUO,MAAMA,IAA0BC,GAI1BC,IAA4BC,GAC5BC,IAAsBC,GACtBC,IAA+BC;"}

package/atoms/Icons/index.js

@@ -1,10 +1,12 @@
-import { Icon as c, IconTypesRegistry as e, IconsContext as n, IconsProvider as s, loadIcons as I, resolverIconsFactory as t } from "/builds/clubmed/cm-trident-ui/node_modules/@clubmed/trident-icons/index.js";
+import { Icon as c } from "./Icon.js";
+import "/builds/clubmed/cm-trident-ui/node_modules/@clubmed/trident-icons/index.js";
+import { IconTypesRegistry as s, IconsContext as t, IconsProvider as I, loadIcons as p, resolverIconsFactory as i } from "./IconsResolver.js";
 export {
   c as Icon,
-  e as IconTypesRegistry,
-  n as IconsContext,
-  s as IconsProvider,
-  I as loadIcons,
-  t as resolverIconsFactory
+  s as IconTypesRegistry,
+  t as IconsContext,
+  I as IconsProvider,
+  p as loadIcons,
+  i as resolverIconsFactory
 };
 //# sourceMappingURL=index.js.map

package/atoms/Icons/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/atoms/Icons/svg/SvgIcon.d.ts

@@ -1 +1,9 @@
-export * from '../../../../node_modules/@clubmed/trident-icons/svg/SvgIcon';
+import { SvgIcon as S, type SvgIconProps as Props } from '../../../../node_modules/@clubmed/trident-icons/svg/SvgIcon';
+/**
+ * @deprecated use SvgIconProps from '@clubmed/trident-icons/svg/SvgIcon'.
+ */
+export type SvgIconProps = Props;
+/**
+ * @deprecated use SvgIcon from '@clubmed/trident-icons/svg/SvgIcon'.
+ */
+export declare const SvgIcon: typeof S;

package/atoms/Icons/svg/SvgIcon.js

@@ -1,2 +1,6 @@
-export * from "@clubmed/trident-icons/svg/SvgIcon";
+import { SvgIcon as o } from "@clubmed/trident-icons/svg/SvgIcon";
+const n = o;
+export {
+  n as SvgIcon
+};
 //# sourceMappingURL=SvgIcon.js.map

package/atoms/Icons/svg/SvgIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"SvgIcon.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"SvgIcon.js","sources":["../../../../lib/atoms/Icons/svg/SvgIcon.tsx"],"sourcesContent":["import { SvgIcon as S, type SvgIconProps as Props } from '@clubmed/trident-icons/svg/SvgIcon';\n\n/**\n * @deprecated use SvgIconProps from '@clubmed/trident-icons/svg/SvgIcon'.\n */\nexport type SvgIconProps = Props;\n/**\n * @deprecated use SvgIcon from '@clubmed/trident-icons/svg/SvgIcon'.\n */\nexport const SvgIcon = S;\n"],"names":["SvgIcon","S"],"mappings":";AASO,MAAMA,IAAUC;"}

package/atoms/Icons/svg/SvgIconResolver.d.ts

@@ -1 +1,5 @@
-export * from '../../../../node_modules/@clubmed/trident-icons/svg/SvgIconResolver';
+import { resolver as r } from '../../../../node_modules/@clubmed/trident-icons/svg/SvgIconResolver';
+/**
+ * @deprecated use resolver from '@clubmed/trident-icons/svg/SvgIconResolver'.
+ */
+export declare const resolver: typeof r;

package/atoms/Icons/svg/SvgIconResolver.js

@@ -1,2 +1,6 @@
-export * from "@clubmed/trident-icons/svg/SvgIconResolver";
+import { resolver as r } from "@clubmed/trident-icons/svg/SvgIconResolver";
+const o = r;
+export {
+  o as resolver
+};
 //# sourceMappingURL=SvgIconResolver.js.map

package/atoms/Icons/svg/SvgIconResolver.js.map

@@ -1 +1 @@
-{"version":3,"file":"SvgIconResolver.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"SvgIconResolver.js","sources":["../../../../lib/atoms/Icons/svg/SvgIconResolver.tsx"],"sourcesContent":["import { resolver as r } from '@clubmed/trident-icons/svg/SvgIconResolver';\n\n/**\n * @deprecated use resolver from '@clubmed/trident-icons/svg/SvgIconResolver'.\n */\nexport const resolver: typeof r = r;\n"],"names":["resolver","r"],"mappings":";AAKO,MAAMA,IAAqBC;"}

package/atoms/Icons/svg/index.d.ts

@@ -1 +1,2 @@
-export * from './SvgIcon';
+export * from './SvgIconResolver';
+export { SvgIcon, type SvgIconProps } from './SvgIcon';

package/atoms/Icons/svg/index.js

@@ -1,3 +1,7 @@
-import "@clubmed/trident-icons/svg/SvgIconResolver";
-export * from "@clubmed/trident-icons/svg/SvgIcon";
+import { resolver as e } from "./SvgIconResolver.js";
+import { SvgIcon as m } from "./SvgIcon.js";
+export {
+  m as SvgIcon,
+  e as resolver
+};
 //# sourceMappingURL=index.js.map

package/atoms/Icons/svg-use/SvgUseIcon.d.ts

@@ -1 +1,9 @@
-export * from '../../../../node_modules/@clubmed/trident-icons/svg-use/SvgUseIcon';
+import { type SvgUseIconProps as Props, SvgUseIcon as S } from '../../../../node_modules/@clubmed/trident-icons/svg-use/SvgUseIcon';
+/**
+ * @deprecated use SvgUseIconProps from '@clubmed/trident-icons/svg-use/SvgUseIcon'.
+ */
+export type SvgUseIconProps = Props;
+/**
+ * @deprecated use SvgUseIcon from '@clubmed/trident-icons/svg-use/SvgUseIcon'.
+ */
+export declare const SvgUseIcon: typeof S;

package/atoms/Icons/svg-use/SvgUseIcon.js

@@ -1,2 +1,6 @@
-export * from "@clubmed/trident-icons/svg-use/SvgUseIcon";
+import { SvgUseIcon as o } from "@clubmed/trident-icons/svg-use/SvgUseIcon";
+const c = o;
+export {
+  c as SvgUseIcon
+};
 //# sourceMappingURL=SvgUseIcon.js.map

package/atoms/Icons/svg-use/SvgUseIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"SvgUseIcon.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"SvgUseIcon.js","sources":["../../../../lib/atoms/Icons/svg-use/SvgUseIcon.tsx"],"sourcesContent":["import {\n  type SvgUseIconProps as Props,\n  SvgUseIcon as S,\n} from '@clubmed/trident-icons/svg-use/SvgUseIcon';\n\n/**\n * @deprecated use SvgUseIconProps from '@clubmed/trident-icons/svg-use/SvgUseIcon'.\n */\nexport type SvgUseIconProps = Props;\n/**\n * @deprecated use SvgUseIcon from '@clubmed/trident-icons/svg-use/SvgUseIcon'.\n */\nexport const SvgUseIcon = S;\n"],"names":["SvgUseIcon","S"],"mappings":";AAYO,MAAMA,IAAaC;"}

package/atoms/Icons/svg-use/SvgUseIconResolver.d.ts

@@ -1 +1,5 @@
-export * from '../../../../node_modules/@clubmed/trident-icons/svg-use/SvgUseIconResolver';
+import { resolver as r } from '../../../../node_modules/@clubmed/trident-icons/svg-use/SvgUseIconResolver';
+/**
+ * @deprecated use resolver from '@clubmed/trident-icons/svg/SvgIconResolver'.
+ */
+export declare const resolver: typeof r;

package/atoms/Icons/svg-use/SvgUseIconResolver.js

@@ -1,2 +1,6 @@
-export * from "@clubmed/trident-icons/svg-use/SvgUseIconResolver";
+import { resolver as r } from "@clubmed/trident-icons/svg-use/SvgUseIconResolver";
+const o = r;
+export {
+  o as resolver
+};
 //# sourceMappingURL=SvgUseIconResolver.js.map

package/atoms/Icons/svg-use/SvgUseIconResolver.js.map

@@ -1 +1 @@
-{"version":3,"file":"SvgUseIconResolver.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"SvgUseIconResolver.js","sources":["../../../../lib/atoms/Icons/svg-use/SvgUseIconResolver.tsx"],"sourcesContent":["import { resolver as r } from '@clubmed/trident-icons/svg-use/SvgUseIconResolver';\n/**\n * @deprecated use resolver from '@clubmed/trident-icons/svg/SvgIconResolver'.\n */\nexport const resolver: typeof r = r;\n"],"names":["resolver","r"],"mappings":";AAIO,MAAMA,IAAqBC;"}

package/atoms/Icons/svg-use/index.d.ts

@@ -1 +1,2 @@
-export * from './SvgUseIcon';
+export { resolver } from './SvgUseIconResolver';
+export { type SvgUseIconProps, SvgUseIcon } from './SvgUseIcon';

package/atoms/Icons/svg-use/index.js

@@ -1,3 +1,7 @@
-import "@clubmed/trident-icons/svg-use/SvgUseIconResolver";
-export * from "@clubmed/trident-icons/svg-use/SvgUseIcon";
+import { resolver as e } from "./SvgUseIconResolver.js";
+import { SvgUseIcon as m } from "./SvgUseIcon.js";
+export {
+  m as SvgUseIcon,
+  e as resolver
+};
 //# sourceMappingURL=index.js.map

package/molecules/Breadcrumb.js

@@ -1,6 +1,7 @@
 import { jsx as e, jsxs as k } from "react/jsx-runtime";
 import { c as w } from "../chunks/index.js";
-import { Icon as B } from "/builds/clubmed/cm-trident-ui/node_modules/@clubmed/trident-icons/index.js";
+import { Icon as B } from "../atoms/Icons/Icon.js";
+import "/builds/clubmed/cm-trident-ui/node_modules/@clubmed/trident-icons/index.js";
 const E = {
   light: {
     thStart: "text-middleGrey",
@@ -10,14 +11,14 @@ const E = {
     thStart: "text-white",
     thEnd: "text-white font-bold"
   }
-}, I = ({
-  className: l,
+}, L = ({
+  className: o,
   items: n,
-  theme: o = "light",
-  component: h = "a"
+  theme: l = "light",
+  component: i = "a"
 }) => {
-  const [i, m, , ...r] = n, d = r.length ? r[r.length - 1] : n[n.length - 1], x = { label: "...", href: "" }, s = r.length ? [i, m, x, d] : n, { thStart: p, thEnd: f } = E[o], g = h;
-  return /* @__PURE__ */ e("nav", { "data-name": "Breadcrumb", "aria-label": "Breadcrumb", className: l, children: /* @__PURE__ */ e("ul", { className: "flex items-center", children: s.map(({ label: a, href: c }, b) => {
+  const [m, h, , ...r] = n, d = r.length ? r[r.length - 1] : n[n.length - 1], x = { label: "...", href: "" }, s = r.length ? [m, h, x, d] : n, { thStart: p, thEnd: f } = E[l], g = i;
+  return /* @__PURE__ */ e("nav", { "data-name": "Breadcrumb", "aria-label": "Breadcrumb", className: o, children: /* @__PURE__ */ e("ul", { className: "flex items-center", children: s.map(({ label: a, href: c }, b) => {
     const t = b === s.length - 1, u = c && !t;
     return /* @__PURE__ */ k(
       "li",
@@ -37,6 +38,6 @@ const E = {
   }) }) });
 };
 export {
-  I as Breadcrumb
+  L as Breadcrumb
 };
 //# sourceMappingURL=Breadcrumb.js.map

package/molecules/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sources":["../../lib/molecules/Breadcrumb.tsx"],"sourcesContent":["import classnames from 'classnames';\n\nimport type { FunctionComponent, PropsWithChildren } from 'react';\n\nimport { Icon } from '@/atoms/Icons';\n\nexport interface BreadcrumbProps {\n  className?: string;\n  items: {\n    label: string;\n    href: string;\n  }[];\n  theme?: 'dark' | 'light';\n  /**\n   * Allow giving a custom component\n   */\n  component?: FunctionComponent<PropsWithChildren<any>> | string;\n}\n\nconst themes = {\n  light: {\n    thStart: 'text-middleGrey',\n    thEnd: 'text-black font-bold',\n  },\n  dark: {\n    thStart: 'text-white',\n    thEnd: 'text-white font-bold',\n  },\n};\n\nexport const Breadcrumb: FunctionComponent<BreadcrumbProps> = ({\n  className,\n  items,\n  theme = 'light',\n  component = 'a',\n}) => {\n  const [first, second, , ...rest] = items;\n  const lastItem = rest.length ? rest[rest.length - 1] : items[items.length - 1];\n  const spacer = { label: '...', href: '' };\n  const itemsToRender = !rest.length ? items : [first, second, spacer, lastItem];\n  const { thStart, thEnd } = themes[theme];\n  const Cmp = component as FunctionComponent<PropsWithChildren<{ href: string }>>;\n\n  return (\n    <nav data-name=\"Breadcrumb\" aria-label=\"Breadcrumb\" className={className}>\n      <ul className=\"flex items-center\">\n        {itemsToRender.map(({ label, href }, index) => {\n          const isLast = index === itemsToRender.length - 1;\n          const isLink = href && !isLast;\n          return (\n            <li\n              key={label}\n              className={classnames('text-b4 flex items-center', {\n                [thStart]: !isLast,\n                [thEnd]: isLast,\n              })}\n              {...(isLast && { 'aria-current': 'page' })}\n            >\n              <span>{isLink ? <Cmp href={href}>{label}</Cmp> : label}</span>\n              {!isLast && <Icon name=\"Diamond\" width=\"14px\" className=\"mx-4\" />}\n            </li>\n          );\n        })}\n      </ul>\n    </nav>\n  );\n};\n"],"names":["themes","Breadcrumb","className","items","theme","component","first","second","rest","lastItem","spacer","itemsToRender","thStart","thEnd","Cmp","jsx","label","href","index","isLast","isLink","jsxs","classnames","Icon"],"mappings":";;;AAmBA,MAAMA,IAAS;AAAA,EACb,OAAO;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AACF,GAEaC,IAAiD,CAAC;AAAA,EAC7D,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AACd,MAAM;AACJ,QAAM,CAACC,GAAOC,GAAU,EAAA,GAAGC,CAAI,IAAIL,GAC7BM,IAAWD,EAAK,SAASA,EAAKA,EAAK,SAAS,CAAC,IAAIL,EAAMA,EAAM,SAAS,CAAC,GACvEO,IAAS,EAAE,OAAO,OAAO,MAAM,GAAG,GAClCC,IAAiBH,EAAK,SAAiB,CAACF,GAAOC,GAAQG,GAAQD,CAAQ,IAAxCN,GAC/B,EAAE,SAAAS,GAAS,OAAAC,EAAM,IAAIb,EAAOI,CAAK,GACjCU,IAAMT;AAEZ,2BACG,OAAI,EAAA,aAAU,cAAa,cAAW,cAAa,WAAAH,GAClD,UAAC,gBAAAa,EAAA,MAAA,EAAG,WAAU,qBACX,YAAc,IAAI,CAAC,EAAE,OAAAC,GAAO,MAAAC,KAAQC,MAAU;AACvC,UAAAC,IAASD,MAAUP,EAAc,SAAS,GAC1CS,IAASH,KAAQ,CAACE;AAEtB,WAAA,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWC,EAAW,6BAA6B;AAAA,UACjD,CAACV,CAAO,GAAG,CAACO;AAAA,UACZ,CAACN,CAAK,GAAGM;AAAA,QAAA,CACV;AAAA,QACA,GAAIA,KAAU,EAAE,gBAAgB,OAAO;AAAA,QAExC,UAAA;AAAA,UAAA,gBAAAJ,EAAC,UAAM,UAASK,IAAA,gBAAAL,EAACD,KAAI,MAAAG,GAAa,UAAAD,GAAM,IAASA,EAAM,CAAA;AAAA,UACtD,CAACG,KAAW,gBAAAJ,EAAAQ,GAAA,EAAK,MAAK,WAAU,OAAM,QAAO,WAAU,QAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAR1DP;AAAA,IAAA;AAAA,EASP,CAEH,GACH,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"Breadcrumb.js","sources":["../../lib/molecules/Breadcrumb.tsx"],"sourcesContent":["import classnames from 'classnames';\n\nimport type { FunctionComponent, PropsWithChildren } from 'react';\n\nimport { Icon } from '@/atoms/Icons';\n\nexport interface BreadcrumbProps {\n  className?: string;\n  items: {\n    label: string;\n    href: string;\n  }[];\n  theme?: 'dark' | 'light';\n  /**\n   * Allow giving a custom component\n   */\n  component?: FunctionComponent<PropsWithChildren<any>> | string;\n}\n\nconst themes = {\n  light: {\n    thStart: 'text-middleGrey',\n    thEnd: 'text-black font-bold',\n  },\n  dark: {\n    thStart: 'text-white',\n    thEnd: 'text-white font-bold',\n  },\n};\n\nexport const Breadcrumb: FunctionComponent<BreadcrumbProps> = ({\n  className,\n  items,\n  theme = 'light',\n  component = 'a',\n}) => {\n  const [first, second, , ...rest] = items;\n  const lastItem = rest.length ? rest[rest.length - 1] : items[items.length - 1];\n  const spacer = { label: '...', href: '' };\n  const itemsToRender = !rest.length ? items : [first, second, spacer, lastItem];\n  const { thStart, thEnd } = themes[theme];\n  const Cmp = component as FunctionComponent<PropsWithChildren<{ href: string }>>;\n\n  return (\n    <nav data-name=\"Breadcrumb\" aria-label=\"Breadcrumb\" className={className}>\n      <ul className=\"flex items-center\">\n        {itemsToRender.map(({ label, href }, index) => {\n          const isLast = index === itemsToRender.length - 1;\n          const isLink = href && !isLast;\n          return (\n            <li\n              key={label}\n              className={classnames('text-b4 flex items-center', {\n                [thStart]: !isLast,\n                [thEnd]: isLast,\n              })}\n              {...(isLast && { 'aria-current': 'page' })}\n            >\n              <span>{isLink ? <Cmp href={href}>{label}</Cmp> : label}</span>\n              {!isLast && <Icon name=\"Diamond\" width=\"14px\" className=\"mx-4\" />}\n            </li>\n          );\n        })}\n      </ul>\n    </nav>\n  );\n};\n"],"names":["themes","Breadcrumb","className","items","theme","component","first","second","rest","lastItem","spacer","itemsToRender","thStart","thEnd","Cmp","jsx","label","href","index","isLast","isLink","jsxs","classnames","Icon"],"mappings":";;;;AAmBA,MAAMA,IAAS;AAAA,EACb,OAAO;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AACF,GAEaC,IAAiD,CAAC;AAAA,EAC7D,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AACd,MAAM;AACJ,QAAM,CAACC,GAAOC,GAAU,EAAA,GAAGC,CAAI,IAAIL,GAC7BM,IAAWD,EAAK,SAASA,EAAKA,EAAK,SAAS,CAAC,IAAIL,EAAMA,EAAM,SAAS,CAAC,GACvEO,IAAS,EAAE,OAAO,OAAO,MAAM,GAAG,GAClCC,IAAiBH,EAAK,SAAiB,CAACF,GAAOC,GAAQG,GAAQD,CAAQ,IAAxCN,GAC/B,EAAE,SAAAS,GAAS,OAAAC,EAAM,IAAIb,EAAOI,CAAK,GACjCU,IAAMT;AAEZ,2BACG,OAAI,EAAA,aAAU,cAAa,cAAW,cAAa,WAAAH,GAClD,UAAC,gBAAAa,EAAA,MAAA,EAAG,WAAU,qBACX,YAAc,IAAI,CAAC,EAAE,OAAAC,GAAO,MAAAC,KAAQC,MAAU;AACvC,UAAAC,IAASD,MAAUP,EAAc,SAAS,GAC1CS,IAASH,KAAQ,CAACE;AAEtB,WAAA,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWC,EAAW,6BAA6B;AAAA,UACjD,CAACV,CAAO,GAAG,CAACO;AAAA,UACZ,CAACN,CAAK,GAAGM;AAAA,QAAA,CACV;AAAA,QACA,GAAIA,KAAU,EAAE,gBAAgB,OAAO;AAAA,QAExC,UAAA;AAAA,UAAA,gBAAAJ,EAAC,UAAM,UAASK,IAAA,gBAAAL,EAACD,KAAI,MAAAG,GAAa,UAAAD,GAAM,IAASA,EAAM,CAAA;AAAA,UACtD,CAACG,KAAW,gBAAAJ,EAAAQ,GAAA,EAAK,MAAK,WAAU,OAAM,QAAO,WAAU,QAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAR1DP;AAAA,IAAA;AAAA,EASP,CAEH,GACH,EACF,CAAA;AAEJ;"}

package/molecules/Buttons/ButtonContent.js

@@ -1,11 +1,12 @@
 import { jsxs as m, jsx as n } from "react/jsx-runtime";
-import { Icon as p } from "/builds/clubmed/cm-trident-ui/node_modules/@clubmed/trident-icons/index.js";
-const i = ({ showLabel: s, label: t, children: r, icon: e, iconType: o }) => /* @__PURE__ */ m("span", { className: "flex items-center justify-center gap-x-8 w-full", children: [
-  s ? t : /* @__PURE__ */ n("span", { className: "sr-only", children: t }),
-  r,
+import { Icon as p } from "../../atoms/Icons/Icon.js";
+import "/builds/clubmed/cm-trident-ui/node_modules/@clubmed/trident-icons/index.js";
+const l = ({ showLabel: r, label: t, children: s, icon: e, iconType: o }) => /* @__PURE__ */ m("span", { className: "flex items-center justify-center gap-x-8 w-full", children: [
+  r ? t : /* @__PURE__ */ n("span", { className: "sr-only", children: t }),
+  s,
   e && /* @__PURE__ */ n(p, { width: "24px", name: e, type: o })
 ] });
 export {
-  i as ButtonContent
+  l as ButtonContent
 };
 //# sourceMappingURL=ButtonContent.js.map

package/molecules/Buttons/ButtonContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonContent.js","sources":["../../../lib/molecules/Buttons/ButtonContent.tsx"],"sourcesContent":["import type { FunctionComponent, ReactNode } from 'react';\n\nimport { Icon, type IconicNames, type IconicTypes } from '@/atoms/Icons';\n\nexport const ButtonContent: FunctionComponent<{\n  showLabel: boolean;\n  label?: string;\n  children?: ReactNode;\n  icon?: IconicNames;\n  iconType?: IconicTypes;\n}> = ({ showLabel, label, children, icon, iconType }) => {\n  return (\n    <span className=\"flex items-center justify-center gap-x-8 w-full\">\n      {showLabel ? label : <span className=\"sr-only\">{label}</span>}\n      {children}\n      {icon && <Icon width=\"24px\" name={icon} type={iconType} />}\n    </span>\n  );\n};\n"],"names":["ButtonContent","showLabel","label","children","icon","iconType","jsxs","jsx","Icon"],"mappings":";;AAIa,MAAAA,IAMR,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,UAAAC,GAAU,MAAAC,GAAM,UAAAC,QAEtC,gBAAAC,EAAC,QAAK,EAAA,WAAU,mDACb,UAAA;AAAA,EAAAL,IAAYC,IAAQ,gBAAAK,EAAC,QAAK,EAAA,WAAU,WAAW,UAAML,GAAA;AAAA,EACrDC;AAAA,EACAC,uBAASI,GAAK,EAAA,OAAM,QAAO,MAAMJ,GAAM,MAAMC,GAAU;AAC1D,EAAA,CAAA;"}
+{"version":3,"file":"ButtonContent.js","sources":["../../../lib/molecules/Buttons/ButtonContent.tsx"],"sourcesContent":["import type { FunctionComponent, ReactNode } from 'react';\n\nimport { Icon, type IconicNames, type IconicTypes } from '@/atoms/Icons';\n\nexport const ButtonContent: FunctionComponent<{\n  showLabel: boolean;\n  label?: string;\n  children?: ReactNode;\n  icon?: IconicNames;\n  iconType?: IconicTypes;\n}> = ({ showLabel, label, children, icon, iconType }) => {\n  return (\n    <span className=\"flex items-center justify-center gap-x-8 w-full\">\n      {showLabel ? label : <span className=\"sr-only\">{label}</span>}\n      {children}\n      {icon && <Icon width=\"24px\" name={icon} type={iconType} />}\n    </span>\n  );\n};\n"],"names":["ButtonContent","showLabel","label","children","icon","iconType","jsxs","jsx","Icon"],"mappings":";;;AAIa,MAAAA,IAMR,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,UAAAC,GAAU,MAAAC,GAAM,UAAAC,QAEtC,gBAAAC,EAAC,QAAK,EAAA,WAAU,mDACb,UAAA;AAAA,EAAAL,IAAYC,IAAQ,gBAAAK,EAAC,QAAK,EAAA,WAAU,WAAW,UAAML,GAAA;AAAA,EACrDC;AAAA,EACAC,uBAASI,GAAK,EAAA,OAAM,QAAO,MAAMJ,GAAM,MAAMC,GAAU;AAC1D,EAAA,CAAA;"}

package/molecules/Card.js

@@ -1,10 +1,11 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { c as d } from "../chunks/index.js";
-import { Icon as o } from "/builds/clubmed/cm-trident-ui/node_modules/@clubmed/trident-icons/index.js";
-const f = ({
+import { Icon as o } from "../atoms/Icons/Icon.js";
+import "/builds/clubmed/cm-trident-ui/node_modules/@clubmed/trident-icons/index.js";
+const x = ({
   title: a,
-  children: s,
-  icon: i,
+  children: i,
+  icon: s,
   iconType: l,
   theme: r = "light",
   dataName: n = "Card"
@@ -21,17 +22,17 @@ const f = ({
             "bg-ultramarine text-white": r === "dark",
             "bg-lightSand text-black": r === "light"
           }),
-          children: /* @__PURE__ */ e(o, { name: i, type: l, width: "24px" })
+          children: /* @__PURE__ */ e(o, { name: s, type: l, width: "24px" })
         }
       ),
       /* @__PURE__ */ t("div", { className: "space-y-8 font-sans", children: [
         /* @__PURE__ */ e("div", { className: "text-b3 font-semibold", children: a }),
-        /* @__PURE__ */ e("div", { className: "text-b4 font-normal", children: s })
+        /* @__PURE__ */ e("div", { className: "text-b4 font-normal", children: i })
       ] })
     ]
   }
 );
 export {
-  f as Card
+  x as Card
 };
 //# sourceMappingURL=Card.js.map

package/molecules/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../lib/molecules/Card.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport type { FunctionComponent, PropsWithChildren } from 'react';\n\nimport { Icon, type IconicNames, type IconicTypes } from '@/atoms/Icons';\n\ninterface CardProps {\n  title: string;\n  icon: IconicNames;\n  iconType?: IconicTypes;\n  theme?: 'light' | 'dark';\n  dataName?: string;\n}\n\nexport const Card: FunctionComponent<PropsWithChildren<CardProps>> = ({\n  title,\n  children,\n  icon,\n  iconType,\n  theme = 'light',\n  dataName = 'Card',\n}) => {\n  return (\n    <div\n      className=\"border-lightGrey rounded-16 flex shrink-0 flex-row gap-20 border bg-white p-20\"\n      data-name={dataName}\n    >\n      <div\n        className={classnames('flex h-48 w-48 shrink-0 items-center justify-center rounded-full', {\n          'bg-ultramarine text-white': theme === 'dark',\n          'bg-lightSand text-black': theme === 'light',\n        })}\n      >\n        <Icon name={icon} type={iconType} width=\"24px\" />\n      </div>\n      <div className=\"space-y-8 font-sans\">\n        <div className=\"text-b3 font-semibold\">{title}</div>\n        <div className=\"text-b4 font-normal\">{children}</div>\n      </div>\n    </div>\n  );\n};\n"],"names":["Card","title","children","icon","iconType","theme","dataName","jsxs","jsx","classnames","Icon"],"mappings":";;;AAaO,MAAMA,IAAwD,CAAC;AAAA,EACpE,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AACb,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,aAAWD;AAAA,IAEX,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC,EAAW,oEAAoE;AAAA,YACxF,6BAA6BJ,MAAU;AAAA,YACvC,2BAA2BA,MAAU;AAAA,UAAA,CACtC;AAAA,UAED,4BAACK,GAAK,EAAA,MAAMP,GAAM,MAAMC,GAAU,OAAM,QAAO;AAAA,QAAA;AAAA,MACjD;AAAA,MACA,gBAAAG,EAAC,OAAI,EAAA,WAAU,uBACb,UAAA;AAAA,QAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,yBAAyB,UAAMP,GAAA;AAAA,QAC7C,gBAAAO,EAAA,OAAA,EAAI,WAAU,uBAAuB,UAAAN,EAAS,CAAA;AAAA,MAAA,GACjD;AAAA,IAAA;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"Card.js","sources":["../../lib/molecules/Card.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport type { FunctionComponent, PropsWithChildren } from 'react';\n\nimport { Icon, type IconicNames, type IconicTypes } from '@/atoms/Icons';\n\ninterface CardProps {\n  title: string;\n  icon: IconicNames;\n  iconType?: IconicTypes;\n  theme?: 'light' | 'dark';\n  dataName?: string;\n}\n\nexport const Card: FunctionComponent<PropsWithChildren<CardProps>> = ({\n  title,\n  children,\n  icon,\n  iconType,\n  theme = 'light',\n  dataName = 'Card',\n}) => {\n  return (\n    <div\n      className=\"border-lightGrey rounded-16 flex shrink-0 flex-row gap-20 border bg-white p-20\"\n      data-name={dataName}\n    >\n      <div\n        className={classnames('flex h-48 w-48 shrink-0 items-center justify-center rounded-full', {\n          'bg-ultramarine text-white': theme === 'dark',\n          'bg-lightSand text-black': theme === 'light',\n        })}\n      >\n        <Icon name={icon} type={iconType} width=\"24px\" />\n      </div>\n      <div className=\"space-y-8 font-sans\">\n        <div className=\"text-b3 font-semibold\">{title}</div>\n        <div className=\"text-b4 font-normal\">{children}</div>\n      </div>\n    </div>\n  );\n};\n"],"names":["Card","title","children","icon","iconType","theme","dataName","jsxs","jsx","classnames","Icon"],"mappings":";;;;AAaO,MAAMA,IAAwD,CAAC;AAAA,EACpE,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AACb,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,aAAWD;AAAA,IAEX,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC,EAAW,oEAAoE;AAAA,YACxF,6BAA6BJ,MAAU;AAAA,YACvC,2BAA2BA,MAAU;AAAA,UAAA,CACtC;AAAA,UAED,4BAACK,GAAK,EAAA,MAAMP,GAAM,MAAMC,GAAU,OAAM,QAAO;AAAA,QAAA;AAAA,MACjD;AAAA,MACA,gBAAAG,EAAC,OAAI,EAAA,WAAU,uBACb,UAAA;AAAA,QAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,yBAAyB,UAAMP,GAAA;AAAA,QAC7C,gBAAAO,EAAA,OAAA,EAAI,WAAU,uBAAuB,UAAAN,EAAS,CAAA;AAAA,MAAA,GACjD;AAAA,IAAA;AAAA,EAAA;AAAA;"}

package/molecules/Forms/Checkboxes/Checkbox.js

@@ -1,11 +1,12 @@
 import { jsxs as t, jsx as a } from "react/jsx-runtime";
-import { c as o } from "../../../chunks/index.js";
+import { c } from "../../../chunks/index.js";
 import { useId as D } from "react";
-import { Icon as p } from "/builds/clubmed/cm-trident-ui/node_modules/@clubmed/trident-icons/index.js";
+import { Icon as h } from "../../../atoms/Icons/Icon.js";
+import "/builds/clubmed/cm-trident-ui/node_modules/@clubmed/trident-icons/index.js";
 import { useValue as S } from "../../../hooks/useValue.js";
 /* empty css                       */
 import { useInternalStatus as V } from "../../../hooks/useInternalStatus.js";
-function A(u) {
+function B(u) {
   const x = D(), {
     id: s = x,
     name: n = s,
@@ -19,13 +20,13 @@ function A(u) {
     validationStatus: N = "default",
     errorMessage: d,
     children: g,
-    onChange: c,
+    onChange: o,
     ...y
   } = u, { value: m, setValue: I } = S({
     name: n,
     initialValue: k,
-    onChange(w, h) {
-      c == null || c(w, h ? l !== void 0 ? l : h : null);
+    onChange(w, p) {
+      o == null || o(w, p ? l !== void 0 ? l : p : null);
     }
   }), e = V({
     isDisabled: r,
@@ -34,13 +35,13 @@ function A(u) {
   return /* @__PURE__ */ t(
     "div",
     {
-      className: o("flex flex-col space-y-2", f),
+      className: c("flex flex-col space-y-2", f),
       "data-testid": `checkbox-container-${s}`,
       children: [
         /* @__PURE__ */ t(
           "label",
           {
-            className: o("cursor-pointer relative flex text-b3 items-center", {
+            className: c("cursor-pointer relative flex text-b3 items-center", {
               "text-grey": e === "disabled",
               "text-black": e !== "default"
             }),
@@ -67,10 +68,10 @@ function A(u) {
                   "span",
                   {
                     style: { height: i, width: i },
-                    className: o({ "!border-red": e === "error" }),
+                    className: c({ "!border-red": e === "error" }),
                     "data-testid": `check-container-${s}`,
                     children: /* @__PURE__ */ a(
-                      p,
+                      h,
                       {
                         name: "CheckDefault",
                         type: "svg",
@@ -87,7 +88,7 @@ function A(u) {
           }
         ),
         C && /* @__PURE__ */ t("span", { className: "text-red text-b4 flex items-start space-x-4 ps-20", role: "alert", children: [
-          /* @__PURE__ */ a(p, { name: "Error", width: "20px" }),
+          /* @__PURE__ */ a(h, { name: "Error", width: "20px" }),
           d
         ] })
       ]
@@ -95,6 +96,6 @@ function A(u) {
   );
 }
 export {
-  A as Checkbox
+  B as Checkbox
 };
 //# sourceMappingURL=Checkbox.js.map

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 type { 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;"}
+{"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 type { 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/molecules/Forms/DateField.js

@@ -1,7 +1,8 @@
 import { jsx as m, jsxs as x } from "react/jsx-runtime";
 import { c as E } from "../../chunks/index.js";
 import { useId as _, useRef as z } from "react";
-import { Icon as I } from "/builds/clubmed/cm-trident-ui/node_modules/@clubmed/trident-icons/index.js";
+import { Icon as I } from "../../atoms/Icons/Icon.js";
+import "/builds/clubmed/cm-trident-ui/node_modules/@clubmed/trident-icons/index.js";
 import { useValue as G } from "../../hooks/useValue.js";
 import { useInternalStatus as Z } from "../../hooks/useInternalStatus.js";
 import { FormControl as $ } from "./FormControl.js";
@@ -55,7 +56,7 @@ function H(t, e) {
   }
   return s;
 }
-const M = (t) => t ? H(new Date(t), { representation: "date" }) : "", W = (t) => {
+const M = (t) => t ? H(new Date(t), { representation: "date" }) : "", X = (t) => {
   const e = _(), {
     id: i = e,
     name: n = i,
@@ -157,6 +158,6 @@ const M = (t) => t ? H(new Date(t), { representation: "date" }) : "", W = (t) =>
   );
 };
 export {
-  W as DateField
+  X as DateField
 };
 //# sourceMappingURL=DateField.js.map