@clubmed/trident-ui 1.3.0-beta.11 → 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,14 +1,10 @@
-import type { FunctionComponent, PropsWithChildren } from 'react';
-export interface BreadcrumbProps {
-    className?: string;
-    items: {
-        label: string;
+import { ComponentPropsWithoutRef, FunctionComponent } from 'react';
+import { Theme } from '../types/Theme';
+export interface BreadcrumbProps extends ComponentPropsWithoutRef<'nav'> {
+    items: ({
         href: string;
-    }[];
-    theme?: 'dark' | 'light';
-    /**
-     * Allow giving a custom component
-     */
-    component?: FunctionComponent<PropsWithChildren<any>> | string;
+        label: string;
+    } & ComponentPropsWithoutRef<'li'>)[];
+    theme?: Theme;
 }
 export declare const Breadcrumb: FunctionComponent<BreadcrumbProps>;

package/molecules/Breadcrumb.js

@@ -1,42 +1,50 @@
-import { jsx as e, jsxs as k } from "react/jsx-runtime";
-import { c as w } from "../chunks/index.js";
+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 E = {
-  light: {
-    thStart: "text-middleGrey",
-    thEnd: "text-black font-bold"
-  },
-  dark: {
-    thStart: "text-white",
-    thEnd: "text-white font-bold"
-  }
-}, I = ({
-  className: l,
-  items: n,
-  theme: o = "light",
-  component: h = "a"
+const j = ({
+  className: m,
+  items: e,
+  theme: i = "light",
+  ...h
 }) => {
-  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 t = b === s.length - 1, u = c && !t;
-    return /* @__PURE__ */ k(
-      "li",
-      {
-        className: w("text-b4 flex items-center", {
-          [p]: !t,
-          [f]: t
-        }),
-        ...t && { "aria-current": "page" },
-        children: [
-          /* @__PURE__ */ e("span", { children: u ? /* @__PURE__ */ e(g, { href: c, children: a }) : a }),
-          !t && /* @__PURE__ */ e(B, { name: "Diamond", width: "14px", className: "mx-4" })
-        ]
-      },
-      a
-    );
-  }) }) });
+  if (e.length == 0)
+    return null;
+  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",
+      ...h,
+      className: l(m, "overflow-hidden"),
+      "data-name": "Breadcrumb",
+      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",
+          {
+            ...N,
+            ...r && { "aria-current": "page" },
+            className: l(
+              "flex shrink-0 items-center",
+              {
+                [u]: !r,
+                [b]: r
+              },
+              x
+            ),
+            key: `${n}-${c}`
+          },
+          v ? /* @__PURE__ */ a("a", { href: o, children: n }) : n,
+          !r && /* @__PURE__ */ a(B, { className: "mx-4", name: "Diamond", width: "14px" })
+        );
+      }) })
+    }
+  );
 };
 export {
-  I 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';\n\nimport type { FunctionComponent, PropsWithChildren } from 'react';\n\nimport { Icon } from '@clubmed/trident-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,EAAA;AAAA,EAET,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,EAAA;AAEX,GAEaC,IAAiD,CAAC;AAAA,EAC7D,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AACd,MAAM;AACJ,QAAM,CAACC,GAAOC,KAAU,GAAGC,CAAI,IAAIL,GAC7BM,IAAWD,EAAK,SAASA,EAAKA,EAAK,SAAS,CAAC,IAAIL,EAAMA,EAAM,SAAS,CAAC,GACvEO,IAAS,EAAE,OAAO,OAAO,MAAM,GAAA,GAC/BC,IAAiBH,EAAK,SAAiB,CAACF,GAAOC,GAAQG,GAAQD,CAAQ,IAAxCN,GAC/B,EAAE,SAAAS,GAAS,OAAAC,MAAUb,EAAOI,CAAK,GACjCU,IAAMT;AAEZ,2BACG,OAAA,EAAI,aAAU,cAAa,cAAW,cAAa,WAAAH,GAClD,UAAA,gBAAAa,EAAC,MAAA,EAAG,WAAU,qBACX,YAAc,IAAI,CAAC,EAAE,OAAAC,GAAO,MAAAC,EAAA,GAAQC,MAAU;AAC7C,UAAMC,IAASD,MAAUP,EAAc,SAAS,GAC1CS,IAASH,KAAQ,CAACE;AACxB,WACE,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,OAAA;AAAA,QAEjC,UAAA;AAAA,UAAA,gBAAAJ,EAAC,UAAM,UAAAK,IAAS,gBAAAL,EAACD,KAAI,MAAAG,GAAa,UAAAD,GAAM,IAASA,EAAA,CAAM;AAAA,UACtD,CAACG,KAAU,gBAAAJ,EAACQ,GAAA,EAAK,MAAK,WAAU,OAAM,QAAO,WAAU,OAAA,CAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAR1DP;AAAA,IAAA;AAAA,EAWX,CAAC,GACH,GACF;AAEJ;"}
+{"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

@@ -0,0 +1,8 @@
+import { Theme } from '../types/Theme';
+export declare const getTheme: (theme: Theme) => {
+    thStart: string;
+    thEnd: string;
+} | {
+    readonly thStart: "text-middleGrey";
+    readonly thEnd: "text-black font-bold";
+};

package/molecules/Breadcrumb.themes.js

@@ -0,0 +1,15 @@
+const t = {
+  thStart: "bg-ultramarine",
+  thEnd: "bg-ultramarine font-bold"
+}, e = {
+  dark: t,
+  wave: t,
+  light: {
+    thStart: "text-middleGrey",
+    thEnd: "text-black font-bold"
+  }
+}, n = (r) => e[r] || e.light;
+export {
+  n as getTheme
+};
+//# sourceMappingURL=Breadcrumb.themes.js.map

package/molecules/Breadcrumb.themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.themes.js","sources":["../../lib/molecules/Breadcrumb.themes.ts"],"sourcesContent":["import type { Theme } from '@/types/Theme';\nconst dark = {\n  thStart: 'bg-ultramarine',\n  thEnd: 'bg-ultramarine font-bold',\n};\n\nconst THEME = {\n  dark,\n  wave: dark,\n  light: {\n    thStart: 'text-middleGrey',\n    thEnd: 'text-black font-bold',\n  },\n} as const satisfies Record<string, { thStart: string; thEnd: string }>;\n\nexport const getTheme = (theme: Theme) => {\n  return THEME[theme as keyof typeof THEME] || THEME.light;\n};\n"],"names":["dark","THEME","getTheme","theme"],"mappings":"AACA,MAAMA,IAAO;AAAA,EACX,SAAS;AAAA,EACT,OAAO;AACT,GAEMC,IAAQ;AAAA,EACZ,MAAAD;AAAA,EACA,MAAMA;AAAA,EACN,OAAO;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,EAAA;AAEX,GAEaE,IAAW,CAACC,MAChBF,EAAME,CAA2B,KAAKF,EAAM;"}

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