@clubmed/trident-ui 1.3.0-beta.12 → 1.3.0-beta.13

package/helpers/colors/colors.d.ts

@@ -1,4 +1,4 @@
-import type { Theme } from '../../types/Theme';
+import { Theme } from '../../types/Theme';
 export declare enum Colors {
     black = "black",
     darkGrey = "darkGrey",

package/hooks/useKeyboardControls.d.ts

@@ -1,4 +1,4 @@
-import { type KeyboardEvent } from 'react';
+import { KeyboardEvent } from 'react';
 interface Options {
     up?: VoidFunction;
     down?: VoidFunction;

package/hooks/useResizeObserver.d.ts

@@ -1,2 +1,2 @@
-import useResizeObserver from 'use-resize-observer';
+import { default as useResizeObserver } from 'use-resize-observer';
 export default useResizeObserver;

package/hooks/useSafeBoop.d.ts

@@ -1,5 +1,5 @@
-import type { CSSProperties } from 'react';
-import useBoop from 'use-boop';
+import { CSSProperties } from 'react';
+import { default as useBoop } from 'use-boop';
 type Args = Parameters<typeof useBoop>[0];
 export declare const useSafeBoop: (boopArgs: Args) => [CSSProperties, () => void];
 export {};

package/molecules/Arrows/Arrows.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentProps, ComponentPropsWithoutRef, FunctionComponent } from 'react';
-import type { ArrowsLabels } from './ArrowsLabels';
+import { ComponentProps, ComponentPropsWithoutRef, FunctionComponent } from 'react';
+import { ArrowsLabels } from './ArrowsLabels';
 import { ArrowButton } from '../Buttons/ArrowButton';
 export interface ArrowsProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
     color?: ComponentProps<typeof ArrowButton>['color'];

package/molecules/Avatar.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLAttributes, PropsWithChildren } from 'react';
+import { HTMLAttributes, PropsWithChildren } from 'react';
 interface AvatarProps extends HTMLAttributes<HTMLDivElement> {
     alt?: string;
     src?: string | undefined;

package/molecules/Avatar.js

@@ -1,50 +1,50 @@
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
-import { c as l } from "../chunks/index.js";
-const p = (e = "") => e.split(" ").map((i) => i.slice(0, 1)).join("");
-function b({
+import { jsx as l, jsxs as f } from "react/jsx-runtime";
+import { c as u } from "../chunks/index.js";
+const a = (e = "") => e.split(" ").map((t) => t.slice(0, 1)).join("");
+function p({
   alt: e,
-  src: i,
+  src: t,
   srcSet: n,
-  style: o,
-  children: f,
-  className: t,
-  ...u
+  style: r,
+  children: o,
+  className: i,
+  ...s
 }) {
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ l(
     "div",
     {
-      ...u,
-      ...i || n ? { role: "figure", "aria-label": e } : {},
-      className: l(
+      ...s,
+      ...t || n ? { role: "figure", "aria-label": e } : {},
+      className: u(
         "flex items-center justify-center relative overflow-hidden",
         {
-          "rounded-full": !(t != null && t.includes("rounded-")),
-          "text-black": !(t != null && t.includes("text-")),
-          "bg-saffron": !(t != null && t.includes("bg-"))
+          "rounded-full": !i?.includes("rounded-"),
+          "text-black": !i?.includes("text-"),
+          "bg-saffron": !i?.includes("bg-")
         },
-        t
+        i
       ),
       style: {
         width: "48px",
         height: "48px",
-        ...o
+        ...r
       },
-      children: /* @__PURE__ */ d("span", { className: "flex items-center justify-center font-bold uppercase text-h6 h-full", children: [
-        i || n ? /* @__PURE__ */ r(
+      children: /* @__PURE__ */ f("span", { className: "flex items-center justify-center font-bold uppercase text-h6 h-full", children: [
+        t || n ? /* @__PURE__ */ l(
           "img",
           {
             srcSet: n,
-            src: i,
+            src: t,
             alt: e,
             className: "w-full h-full object-cover transparent indent-[1000px]"
           }
-        ) : p(e),
-        f
+        ) : a(e),
+        o
       ] })
     }
   );
 }
 export {
-  b as Avatar
+  p as Avatar
 };
 //# sourceMappingURL=Avatar.js.map

package/molecules/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../lib/molecules/Avatar.tsx"],"sourcesContent":["import type { HTMLAttributes, PropsWithChildren } from 'react';\nimport classnames from 'classnames';\n\nconst initial = (text = '') => {\n  return text\n    .split(' ')\n    .map((text) => text.slice(0, 1))\n    .join('');\n};\n\ninterface AvatarProps extends HTMLAttributes<HTMLDivElement> {\n  alt?: string;\n  src?: string | undefined;\n  srcSet?: string | undefined;\n}\n\nexport function Avatar({\n  alt,\n  src,\n  srcSet,\n  style,\n  children,\n  className,\n  ...props\n}: PropsWithChildren<AvatarProps>) {\n  return (\n    <div\n      {...props}\n      {...(src || srcSet ? { role: 'figure', 'aria-label': alt } : {})}\n      className={classnames(\n        'flex items-center justify-center relative overflow-hidden',\n        {\n          'rounded-full': !className?.includes('rounded-'),\n          'text-black': !className?.includes('text-'),\n          'bg-saffron': !className?.includes('bg-'),\n        },\n        className,\n      )}\n      style={{\n        width: '48px',\n        height: '48px',\n        ...style,\n      }}\n    >\n      <span className=\"flex items-center justify-center font-bold uppercase text-h6 h-full\">\n        {src || srcSet ? (\n          <img\n            srcSet={srcSet}\n            src={src}\n            alt={alt}\n            className={'w-full h-full object-cover transparent indent-[1000px]'}\n          />\n        ) : (\n          initial(alt)\n        )}\n        {children}\n      </span>\n    </div>\n  );\n}\n"],"names":["initial","text","Avatar","alt","src","srcSet","style","children","className","props","jsx","classnames","jsxs"],"mappings":";;AAGA,MAAMA,IAAU,CAACC,IAAO,OACfA,EACJ,MAAM,GAAG,EACT,IAAI,CAACA,MAASA,EAAK,MAAM,GAAG,CAAC,CAAC,EAC9B,KAAK,EAAE;AASL,SAASC,EAAO;AAAA,EACrB,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAmC;AACjC,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGD;AAAA,MACH,GAAIL,KAAOC,IAAS,EAAE,MAAM,UAAU,cAAcF,EAAA,IAAQ,CAAA;AAAA,MAC7D,WAAWQ;AAAA,QACT;AAAA,QACA;AAAA,UACE,gBAAgB,EAACH,KAAA,QAAAA,EAAW,SAAS;AAAA,UACrC,cAAc,EAACA,KAAA,QAAAA,EAAW,SAAS;AAAA,UACnC,cAAc,EAACA,KAAA,QAAAA,EAAW,SAAS;AAAA,QAAK;AAAA,QAE1CA;AAAA,MAAA;AAAA,MAEF,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,GAAGF;AAAA,MAAA;AAAA,MAGL,UAAA,gBAAAM,EAAC,QAAA,EAAK,WAAU,uEACb,UAAA;AAAA,QAAAR,KAAOC,IACN,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,QAAAL;AAAA,YACA,KAAAD;AAAA,YACA,KAAAD;AAAA,YACA,WAAW;AAAA,UAAA;AAAA,QAAA,IAGbH,EAAQG,CAAG;AAAA,QAEZI;AAAA,MAAA,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Avatar.js","sources":["../../lib/molecules/Avatar.tsx"],"sourcesContent":["import type { HTMLAttributes, PropsWithChildren } from 'react';\nimport classnames from 'classnames';\n\nconst initial = (text = '') => {\n  return text\n    .split(' ')\n    .map((text) => text.slice(0, 1))\n    .join('');\n};\n\ninterface AvatarProps extends HTMLAttributes<HTMLDivElement> {\n  alt?: string;\n  src?: string | undefined;\n  srcSet?: string | undefined;\n}\n\nexport function Avatar({\n  alt,\n  src,\n  srcSet,\n  style,\n  children,\n  className,\n  ...props\n}: PropsWithChildren<AvatarProps>) {\n  return (\n    <div\n      {...props}\n      {...(src || srcSet ? { role: 'figure', 'aria-label': alt } : {})}\n      className={classnames(\n        'flex items-center justify-center relative overflow-hidden',\n        {\n          'rounded-full': !className?.includes('rounded-'),\n          'text-black': !className?.includes('text-'),\n          'bg-saffron': !className?.includes('bg-'),\n        },\n        className,\n      )}\n      style={{\n        width: '48px',\n        height: '48px',\n        ...style,\n      }}\n    >\n      <span className=\"flex items-center justify-center font-bold uppercase text-h6 h-full\">\n        {src || srcSet ? (\n          <img\n            srcSet={srcSet}\n            src={src}\n            alt={alt}\n            className={'w-full h-full object-cover transparent indent-[1000px]'}\n          />\n        ) : (\n          initial(alt)\n        )}\n        {children}\n      </span>\n    </div>\n  );\n}\n"],"names":["initial","text","Avatar","alt","src","srcSet","style","children","className","props","jsx","classnames","jsxs"],"mappings":";;AAGA,MAAMA,IAAU,CAACC,IAAO,OACfA,EACJ,MAAM,GAAG,EACT,IAAI,CAACA,MAASA,EAAK,MAAM,GAAG,CAAC,CAAC,EAC9B,KAAK,EAAE;AASL,SAASC,EAAO;AAAA,EACrB,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAmC;AACjC,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGD;AAAA,MACH,GAAIL,KAAOC,IAAS,EAAE,MAAM,UAAU,cAAcF,EAAA,IAAQ,CAAA;AAAA,MAC7D,WAAWQ;AAAA,QACT;AAAA,QACA;AAAA,UACE,gBAAgB,CAACH,GAAW,SAAS,UAAU;AAAA,UAC/C,cAAc,CAACA,GAAW,SAAS,OAAO;AAAA,UAC1C,cAAc,CAACA,GAAW,SAAS,KAAK;AAAA,QAAA;AAAA,QAE1CA;AAAA,MAAA;AAAA,MAEF,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,GAAGF;AAAA,MAAA;AAAA,MAGL,UAAA,gBAAAM,EAAC,QAAA,EAAK,WAAU,uEACb,UAAA;AAAA,QAAAR,KAAOC,IACN,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,QAAAL;AAAA,YACA,KAAAD;AAAA,YACA,KAAAD;AAAA,YACA,WAAW;AAAA,UAAA;AAAA,QAAA,IAGbH,EAAQG,CAAG;AAAA,QAEZI;AAAA,MAAA,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/molecules/Backdrop.d.ts

@@ -1,4 +1,4 @@
-import type { FunctionComponent, MouseEvent, PropsWithChildren } from 'react';
+import { FunctionComponent, MouseEvent, PropsWithChildren } from 'react';
 interface BackdropProps {
     /**
      * On close

package/molecules/Breadcrumb.d.ts

@@ -1,6 +1,5 @@
-import type { ComponentPropsWithoutRef, FunctionComponent } from 'react';
-import type { Theme } from '../types/Theme';
-import './Breadcrumb.css';
+import { ComponentPropsWithoutRef, FunctionComponent } from 'react';
+import { Theme } from '../types/Theme';
 export interface BreadcrumbProps extends ComponentPropsWithoutRef<'nav'> {
     items: ({
         href: string;

package/molecules/Breadcrumb.js

@@ -1,61 +1,50 @@
-import { jsx as t } from "react/jsx-runtime";
-import { createElement as B } from "react";
-import { c as o } from "../chunks/index.js";
-import { getTheme as k } from "./Breadcrumb.themes.js";
-import { Icon as w } from "@clubmed/trident-icons";
-const y = ({
-  className: c,
+import { jsx as a } from "react/jsx-runtime";
+import { createElement as k } from "react";
+import { c as l } from "../chunks/index.js";
+import { getTheme as w } from "./Breadcrumb.themes.js";
+import { Icon as B } from "@clubmed/trident-icons";
+const j = ({
+  className: m,
   items: e,
-  theme: m = "light",
-  ...i
+  theme: i = "light",
+  ...h
 }) => {
   if (e.length == 0)
     return null;
-  const [d, h, , ...a] = e, u = a.length ? a[a.length - 1] : e[e.length - 1], f = { label: "", href: "", className: "breadcrumb-spacer" }, s = a.length ? [d, h, f, u] : e, { thStart: p, thEnd: g } = k(m);
-  return /* @__PURE__ */ t(
+  const [d, f, , ...t] = e, p = t.length ? t[t.length - 1] : e[e.length - 1], g = { label: "", href: "", className: "breadcrumb-spacer" }, s = t.length ? [d, f, g, p] : e, { thStart: u, thEnd: b } = w(i);
+  return /* @__PURE__ */ a(
     "nav",
     {
       role: "navigation",
       "aria-label": "Breadcrumb",
-      ...i,
-      className: o(c, "overflow-hidden"),
+      ...h,
+      className: l(m, "overflow-hidden"),
       "data-name": "Breadcrumb",
-      children: /* @__PURE__ */ t("ol", { className: "scrollbar-hidden flex items-center overflow-x-auto font-sans text-b4", children: s.map(({ label: n, href: l, className: b, ...x }, N) => {
-        const r = N === s.length - 1, v = l && !r;
-        return /* @__PURE__ */ B(
+      children: /* @__PURE__ */ a("ol", { className: "scrollbar-hidden flex items-center overflow-x-auto font-sans text-b4", children: s.map(({ label: n, href: o, className: x, ...N }, c) => {
+        const r = c === s.length - 1, v = o && !r;
+        return /* @__PURE__ */ k(
           "li",
           {
-            ...x,
+            ...N,
             ...r && { "aria-current": "page" },
-            className: o(
+            className: l(
               "flex shrink-0 items-center",
               {
-                [p]: !r,
-                [g]: r
+                [u]: !r,
+                [b]: r
               },
-              b
+              x
             ),
-            key: n
+            key: `${n}-${c}`
           },
-          v ? /* @__PURE__ */ t("a", { href: l, children: n }) : n,
-          !r && /* @__PURE__ */ t(
-            w,
-            {
-              "data-testid": "BreadcrumbIcon",
-              className: "mx-4",
-              name: "Diamond",
-              width: "14px",
-              "aria-hidden": "true",
-              "aria-label": null,
-              role: null
-            }
-          )
+          v ? /* @__PURE__ */ a("a", { href: o, children: n }) : n,
+          !r && /* @__PURE__ */ a(B, { className: "mx-4", name: "Diamond", width: "14px" })
         );
       }) })
     }
   );
 };
 export {
-  y as Breadcrumb
+  j 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';\nimport type { ComponentPropsWithoutRef, FunctionComponent } from 'react';\n\nimport { getTheme } from './Breadcrumb.themes';\n\nimport type { Theme } from '@/types/Theme';\nimport { Icon } from '@clubmed/trident-icons';\nimport './Breadcrumb.css';\n\nexport interface BreadcrumbProps extends ComponentPropsWithoutRef<'nav'> {\n  items: ({\n    href: string;\n    label: string;\n  } & ComponentPropsWithoutRef<'li'>)[];\n  theme?: Theme;\n}\n\nexport const Breadcrumb: FunctionComponent<BreadcrumbProps> = ({\n  className,\n  items,\n  theme = 'light',\n  ...attrs\n}) => {\n  if (items.length == 0) {\n    return null;\n  }\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: '', className: 'breadcrumb-spacer' };\n  const itemsToRender = !rest.length ? items : [first, second, spacer, lastItem];\n\n  const { thStart, thEnd } = getTheme(theme);\n\n  return (\n    <nav\n      role=\"navigation\"\n      aria-label=\"Breadcrumb\"\n      {...attrs}\n      className={classnames(className, 'overflow-hidden')}\n      data-name=\"Breadcrumb\"\n    >\n      <ol className=\"scrollbar-hidden flex items-center overflow-x-auto font-sans text-b4\">\n        {itemsToRender.map(({ label, href, className, ...attrs }, index) => {\n          const isLast = index === itemsToRender.length - 1;\n          const isLink = href && !isLast;\n          return (\n            <li\n              {...attrs}\n              {...(isLast && { 'aria-current': 'page' })}\n              className={classnames(\n                'flex shrink-0 items-center',\n                {\n                  [thStart]: !isLast,\n                  [thEnd]: isLast,\n                },\n                className,\n              )}\n              key={label}\n            >\n              {isLink ? <a href={href}>{label}</a> : label}\n              {!isLast && (\n                <Icon\n                  data-testid=\"BreadcrumbIcon\"\n                  className=\"mx-4\"\n                  name=\"Diamond\"\n                  width=\"14px\"\n                  aria-hidden=\"true\"\n                  aria-label={null}\n                  role={null}\n                />\n              )}\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n"],"names":["Breadcrumb","className","items","theme","attrs","first","second","rest","lastItem","spacer","itemsToRender","thStart","thEnd","getTheme","jsx","classnames","label","href","index","isLast","isLink","createElement","Icon"],"mappings":";;;;;AAiBO,MAAMA,IAAiD,CAAC;AAAA,EAC7D,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,GAAGC;AACL,MAAM;AACJ,MAAIF,EAAM,UAAU;AAClB,WAAO;AAGT,QAAM,CAACG,GAAOC,KAAU,GAAGC,CAAI,IAAIL,GAC7BM,IAAWD,EAAK,SAASA,EAAKA,EAAK,SAAS,CAAC,IAAIL,EAAMA,EAAM,SAAS,CAAC,GACvEO,IAAS,EAAE,OAAO,IAAI,MAAM,IAAI,WAAW,oBAAA,GAC3CC,IAAiBH,EAAK,SAAiB,CAACF,GAAOC,GAAQG,GAAQD,CAAQ,IAAxCN,GAE/B,EAAE,SAAAS,GAAS,OAAAC,MAAUC,EAASV,CAAK;AAEzC,SACE,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACV,GAAGV;AAAA,MACJ,WAAWW,EAAWd,GAAW,iBAAiB;AAAA,MAClD,aAAU;AAAA,MAEV,UAAA,gBAAAa,EAAC,MAAA,EAAG,WAAU,wEACX,YAAc,IAAI,CAAC,EAAE,OAAAE,GAAO,MAAAC,GAAM,WAAAhB,GAAW,GAAGG,EAAAA,GAASc,MAAU;AAClE,cAAMC,IAASD,MAAUR,EAAc,SAAS,GAC1CU,IAASH,KAAQ,CAACE;AACxB,eACE,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGjB;AAAAA,YACH,GAAIe,KAAU,EAAE,gBAAgB,OAAA;AAAA,YACjC,WAAWJ;AAAA,cACT;AAAA,cACA;AAAA,gBACE,CAACJ,CAAO,GAAG,CAACQ;AAAA,gBACZ,CAACP,CAAK,GAAGO;AAAA,cAAA;AAAA,cAEXlB;AAAAA,YAAA;AAAA,YAEF,KAAKe;AAAA,UAAA;AAAA,UAEJI,IAAS,gBAAAN,EAAC,KAAA,EAAE,MAAAG,GAAa,aAAM,IAAOD;AAAA,UACtC,CAACG,KACA,gBAAAL;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,eAAY;AAAA,cACZ,WAAU;AAAA,cACV,MAAK;AAAA,cACL,OAAM;AAAA,cACN,eAAY;AAAA,cACZ,cAAY;AAAA,cACZ,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACR;AAAA,MAIR,CAAC,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Breadcrumb.js","sources":["../../lib/molecules/Breadcrumb.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport type { ComponentPropsWithoutRef, FunctionComponent } from 'react';\n\nimport { getTheme } from './Breadcrumb.themes';\n\nimport type { Theme } from '@/types/Theme';\nimport { Icon } from '@clubmed/trident-icons';\nimport './Breadcrumb.css';\n\nexport interface BreadcrumbProps extends ComponentPropsWithoutRef<'nav'> {\n  items: ({\n    href: string;\n    label: string;\n  } & ComponentPropsWithoutRef<'li'>)[];\n  theme?: Theme;\n}\n\nexport const Breadcrumb: FunctionComponent<BreadcrumbProps> = ({\n  className,\n  items,\n  theme = 'light',\n  ...attrs\n}) => {\n  if (items.length == 0) {\n    return null;\n  }\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: '', className: 'breadcrumb-spacer' };\n  const itemsToRender = !rest.length ? items : [first, second, spacer, lastItem];\n\n  const { thStart, thEnd } = getTheme(theme);\n\n  return (\n    <nav\n      role=\"navigation\"\n      aria-label=\"Breadcrumb\"\n      {...attrs}\n      className={classnames(className, 'overflow-hidden')}\n      data-name=\"Breadcrumb\"\n    >\n      <ol className=\"scrollbar-hidden flex items-center overflow-x-auto font-sans text-b4\">\n        {itemsToRender.map(({ label, href, className, ...attrs }, index) => {\n          const isLast = index === itemsToRender.length - 1;\n          const isLink = href && !isLast;\n          return (\n            <li\n              {...attrs}\n              {...(isLast && { 'aria-current': 'page' })}\n              className={classnames(\n                'flex shrink-0 items-center',\n                {\n                  [thStart]: !isLast,\n                  [thEnd]: isLast,\n                },\n                className,\n              )}\n              key={`${label}-${index}`}\n            >\n              {isLink ? <a href={href}>{label}</a> : label}\n              {!isLast && <Icon className=\"mx-4\" name=\"Diamond\" width=\"14px\" />}\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n"],"names":["Breadcrumb","className","items","theme","attrs","first","second","rest","lastItem","spacer","itemsToRender","thStart","thEnd","getTheme","jsx","classnames","label","href","index","isLast","isLink","createElement","Icon"],"mappings":";;;;;AAiBO,MAAMA,IAAiD,CAAC;AAAA,EAC7D,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,GAAGC;AACL,MAAM;AACJ,MAAIF,EAAM,UAAU;AAClB,WAAO;AAGT,QAAM,CAACG,GAAOC,KAAU,GAAGC,CAAI,IAAIL,GAC7BM,IAAWD,EAAK,SAASA,EAAKA,EAAK,SAAS,CAAC,IAAIL,EAAMA,EAAM,SAAS,CAAC,GACvEO,IAAS,EAAE,OAAO,IAAI,MAAM,IAAI,WAAW,oBAAA,GAC3CC,IAAiBH,EAAK,SAAiB,CAACF,GAAOC,GAAQG,GAAQD,CAAQ,IAAxCN,GAE/B,EAAE,SAAAS,GAAS,OAAAC,MAAUC,EAASV,CAAK;AAEzC,SACE,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACV,GAAGV;AAAA,MACJ,WAAWW,EAAWd,GAAW,iBAAiB;AAAA,MAClD,aAAU;AAAA,MAEV,UAAA,gBAAAa,EAAC,MAAA,EAAG,WAAU,wEACX,YAAc,IAAI,CAAC,EAAE,OAAAE,GAAO,MAAAC,GAAM,WAAAhB,GAAW,GAAGG,EAAAA,GAASc,MAAU;AAClE,cAAMC,IAASD,MAAUR,EAAc,SAAS,GAC1CU,IAASH,KAAQ,CAACE;AACxB,eACE,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGjB;AAAAA,YACH,GAAIe,KAAU,EAAE,gBAAgB,OAAA;AAAA,YACjC,WAAWJ;AAAA,cACT;AAAA,cACA;AAAA,gBACE,CAACJ,CAAO,GAAG,CAACQ;AAAA,gBACZ,CAACP,CAAK,GAAGO;AAAA,cAAA;AAAA,cAEXlB;AAAAA,YAAA;AAAA,YAEF,KAAK,GAAGe,CAAK,IAAIE,CAAK;AAAA,UAAA;AAAA,UAErBE,IAAS,gBAAAN,EAAC,KAAA,EAAE,MAAAG,GAAa,aAAM,IAAOD;AAAA,UACtC,CAACG,KAAU,gBAAAL,EAACQ,GAAA,EAAK,WAAU,QAAO,MAAK,WAAU,OAAM,OAAA,CAAO;AAAA,QAAA;AAAA,MAGrE,CAAC,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/molecules/Breadcrumb.themes.d.ts

@@ -1,4 +1,4 @@
-import type { Theme } from '../types/Theme';
+import { Theme } from '../types/Theme';
 export declare const getTheme: (theme: Theme) => {
     thStart: string;
     thEnd: string;

package/molecules/Buttons/ArrowButton.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentProps, FunctionComponent } from 'react';
+import { ComponentProps, FunctionComponent } from 'react';
 import { Button } from './Button';
 interface Props extends ComponentProps<typeof Button> {
     icon: 'ArrowDefaultLeft' | 'ArrowDefaultRight' | 'ArrowTailLeft' | 'ArrowTailRight';

package/molecules/Buttons/Button.d.ts

@@ -1,6 +1,6 @@
-import { type ButtonHTMLAttributes, type FunctionComponent, type ReactNode } from 'react';
-import { type ButtonProps as ButtonPropsV2 } from './v2/Button.js';
-import type { IconicNames, IconicTypes } from '@clubmed/trident-icons';
+import { ButtonHTMLAttributes, FunctionComponent, ReactNode } from 'react';
+import { ButtonProps as ButtonPropsV2 } from './v2/Button.js';
+import { IconicNames, IconicTypes } from '@clubmed/trident-icons';
 export declare const BUTTON_THEME_LEGACY: any;
 export declare const BUTTON_VARIANT_LEGACY: any;
 export type ButtonPropsLegacy = {

package/molecules/Buttons/ButtonAnchor.d.ts

@@ -1,5 +1,5 @@
-import type { AnchorHTMLAttributes, FunctionComponent, PropsWithChildren } from 'react';
-import { type CommonButtonProps } from './Button';
+import { AnchorHTMLAttributes, FunctionComponent, PropsWithChildren } from 'react';
+import { CommonButtonProps } from './Button';
 type ButtonAnchorProps = CommonButtonProps & {
     component?: FunctionComponent<PropsWithChildren<any>> | string;
 } & AnchorHTMLAttributes<HTMLAnchorElement>;

package/molecules/Buttons/ButtonContent.d.ts

@@ -1,5 +1,5 @@
-import type { FunctionComponent, ReactNode } from 'react';
-import { type IconicNames, type IconicTypes } from '@clubmed/trident-icons';
+import { FunctionComponent, ReactNode } from 'react';
+import { IconicNames, IconicTypes } from '@clubmed/trident-icons';
 export type ButtonContentProps = {
     /**
      * @deprecated

package/molecules/Buttons/FakeButton.d.ts

@@ -1,6 +1,5 @@
-import type { FunctionComponent } from 'react';
-import './v2/Button.css';
-import { type FakeButtonProps } from './v2/Button';
+import { FunctionComponent } from 'react';
+import { FakeButtonProps } from './v2/Button';
 /**
  * @deprecated use Button with `component="span"` instead
  * @param props

package/molecules/Buttons/InertButton.d.ts

@@ -1,5 +1,5 @@
-import type { FunctionComponent } from 'react';
-import { type CommonButtonProps } from './Button';
+import { FunctionComponent } from 'react';
+import { CommonButtonProps } from './Button';
 /**
  * @deprecated use Button with `component="span"` instead
  * @param props