@clubmed/trident-ui 1.1.0-rc.3 → 1.1.0-rc.5

package/molecules/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","sources":["../../lib/molecules/Spinner.tsx"],"sourcesContent":["import { FunctionComponent } from 'react';\n\ninterface SpinnerProps {\n  /**\n   * className\n   */\n  className?: string;\n}\n\nexport const Spinner: FunctionComponent<SpinnerProps> = ({ className }) => {\n  return (\n    <div className={className} aria-busy=\"true\" role=\"alert\" aria-live=\"polite\">\n      <svg className=\"w-full animate-spin\" viewBox=\"0 0 26 26\" fill=\"none\">\n        <circle cx=\"13\" cy=\"13\" r=\"12\" stroke=\"#CCCCCC\" strokeWidth=\"2\" />\n        <circle\n          className=\"animate-loaderDash origin-center\"\n          cx=\"13\"\n          cy=\"13\"\n          r=\"12\"\n          stroke=\"black\"\n          strokeWidth=\"2\"\n          strokeDasharray=\"38\"\n          strokeDashoffset=\"38\"\n          strokeLinecap=\"round\"\n        />\n      </svg>\n    </div>\n  );\n};\n"],"names":["Spinner","className","jsxs","jsx"],"mappings":";AASO,MAAMA,IAA2C,CAAC,EAAE,WAAAC,0BAEtD,OAAI,EAAA,WAAAA,GAAsB,aAAU,QAAO,MAAK,SAAQ,aAAU,UACjE,UAAA,gBAAAC,EAAC,SAAI,WAAU,uBAAsB,SAAQ,aAAY,MAAK,QAC5D,UAAA;AAAA,EAAC,gBAAAC,EAAA,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,QAAO,WAAU,aAAY,IAAI,CAAA;AAAA,EAChE,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,IAAG;AAAA,MACH,IAAG;AAAA,MACH,GAAE;AAAA,MACF,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,kBAAiB;AAAA,MACjB,eAAc;AAAA,IAAA;AAAA,EAChB;AAAA,EACF,CAAA,EACF,CAAA;"}
+{"version":3,"file":"Spinner.js","sources":["../../lib/molecules/Spinner.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\n\ninterface SpinnerProps {\n  /**\n   * className\n   */\n  className?: string;\n}\n\nexport const Spinner: FunctionComponent<SpinnerProps> = ({ className }) => {\n  return (\n    <div className={className} aria-busy=\"true\" role=\"alert\" aria-live=\"polite\">\n      <svg className=\"w-full animate-spin\" viewBox=\"0 0 26 26\" fill=\"none\">\n        <circle cx=\"13\" cy=\"13\" r=\"12\" stroke=\"#CCCCCC\" strokeWidth=\"2\" />\n        <circle\n          className=\"animate-loaderDash origin-center\"\n          cx=\"13\"\n          cy=\"13\"\n          r=\"12\"\n          stroke=\"black\"\n          strokeWidth=\"2\"\n          strokeDasharray=\"38\"\n          strokeDashoffset=\"38\"\n          strokeLinecap=\"round\"\n        />\n      </svg>\n    </div>\n  );\n};\n"],"names":["Spinner","className","jsxs","jsx"],"mappings":";AASO,MAAMA,IAA2C,CAAC,EAAE,WAAAC,0BAEtD,OAAI,EAAA,WAAAA,GAAsB,aAAU,QAAO,MAAK,SAAQ,aAAU,UACjE,UAAA,gBAAAC,EAAC,SAAI,WAAU,uBAAsB,SAAQ,aAAY,MAAK,QAC5D,UAAA;AAAA,EAAC,gBAAAC,EAAA,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,QAAO,WAAU,aAAY,IAAI,CAAA;AAAA,EAChE,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,IAAG;AAAA,MACH,IAAG;AAAA,MACH,GAAE;AAAA,MACF,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,kBAAiB;AAAA,MACjB,eAAc;AAAA,IAAA;AAAA,EAChB;AAAA,EACF,CAAA,EACF,CAAA;"}

package/molecules/Tabs/Tabs.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps, FunctionComponent, PropsWithChildren } from 'react';
+import type { ComponentProps, FunctionComponent, PropsWithChildren } from 'react';
 import { TabsProvider } from './context/TabControl';
 type ProviderProps = ComponentProps<typeof TabsProvider>;
 interface Props extends ProviderProps {

package/molecules/Tabs/Tabs.js

@@ -1,9 +1,9 @@
-import { jsx as a } from "/builds/clubmed/cm-trident-ui/node_modules/react/jsx-runtime.js";
-import t from "/builds/clubmed/cm-trident-ui/node_modules/classnames/index.js";
-import { TabsProvider as f } from "./context/TabControl.js";
+import { jsx as a } from "react/jsx-runtime";
+import { c as t } from "../../index-Cu0xwYjD.js";
+import { TabsProvider as c } from "./context/TabControl.js";
 const p = ({
-  className: r,
-  compacted: s = !1,
+  className: s,
+  compacted: r = !1,
   selected: e,
   min: m,
   max: o,
@@ -11,9 +11,9 @@ const p = ({
 }) => /* @__PURE__ */ a(
   "div",
   {
-    className: t("flex flex-col", r, { "sm:gap-y-20": !s }),
+    className: t("flex flex-col", s, { "sm:gap-y-20": !r }),
     "data-name": "Tabs",
-    children: /* @__PURE__ */ a(f, { selected: e, min: m, max: o, children: l })
+    children: /* @__PURE__ */ a(c, { selected: e, min: m, max: o, children: l })
   }
 );
 export {

package/molecules/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../lib/molecules/Tabs/Tabs.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport { ComponentProps, FunctionComponent, PropsWithChildren } from 'react';\n\nimport { TabsProvider } from './context/TabControl';\n\ntype ProviderProps = ComponentProps<typeof TabsProvider>;\n\ninterface Props extends ProviderProps {\n  className?: string;\n  /**\n   * Shrink the spacing between tabs and panels\n   */\n  compacted?: boolean;\n}\n\nexport const Tabs: FunctionComponent<PropsWithChildren<Props>> = ({\n  className,\n  compacted = false,\n  selected,\n  min,\n  max,\n  children,\n}) => {\n  return (\n    <div\n      className={classnames('flex flex-col', className, { 'sm:gap-y-20': !compacted })}\n      data-name=\"Tabs\"\n    >\n      <TabsProvider selected={selected} min={min} max={max}>\n        {children}\n      </TabsProvider>\n    </div>\n  );\n};\n"],"names":["Tabs","className","compacted","selected","min","max","children","jsx","classnames","TabsProvider"],"mappings":";;;AAeO,MAAMA,IAAoD,CAAC;AAAA,EAChE,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,UAAAC;AACF,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAW,iBAAiBP,GAAW,EAAE,eAAe,CAACC,GAAW;AAAA,IAC/E,aAAU;AAAA,IAEV,UAAC,gBAAAK,EAAAE,GAAA,EAAa,UAAAN,GAAoB,KAAAC,GAAU,KAAAC,GACzC,UAAAC,GACH;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"Tabs.js","sources":["../../../lib/molecules/Tabs/Tabs.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport type { ComponentProps, FunctionComponent, PropsWithChildren } from 'react';\n\nimport { TabsProvider } from './context/TabControl';\n\ntype ProviderProps = ComponentProps<typeof TabsProvider>;\n\ninterface Props extends ProviderProps {\n  className?: string;\n  /**\n   * Shrink the spacing between tabs and panels\n   */\n  compacted?: boolean;\n}\n\nexport const Tabs: FunctionComponent<PropsWithChildren<Props>> = ({\n  className,\n  compacted = false,\n  selected,\n  min,\n  max,\n  children,\n}) => {\n  return (\n    <div\n      className={classnames('flex flex-col', className, { 'sm:gap-y-20': !compacted })}\n      data-name=\"Tabs\"\n    >\n      <TabsProvider selected={selected} min={min} max={max}>\n        {children}\n      </TabsProvider>\n    </div>\n  );\n};\n"],"names":["Tabs","className","compacted","selected","min","max","children","jsx","classnames","TabsProvider"],"mappings":";;;AAeO,MAAMA,IAAoD,CAAC;AAAA,EAChE,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,UAAAC;AACF,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAW,iBAAiBP,GAAW,EAAE,eAAe,CAACC,GAAW;AAAA,IAC/E,aAAU;AAAA,IAEV,UAAC,gBAAAK,EAAAE,GAAA,EAAa,UAAAN,GAAoB,KAAAC,GAAU,KAAAC,GACzC,UAAAC,GACH;AAAA,EAAA;AAAA;"}

package/molecules/Tabs/TabsBody.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent, PropsWithChildren } from 'react';
+import type { FunctionComponent, PropsWithChildren } from 'react';
 interface Props {
     className?: string;
 }

package/molecules/Tabs/TabsBody.js

@@ -1,5 +1,5 @@
-import { jsx as s } from "/builds/clubmed/cm-trident-ui/node_modules/react/jsx-runtime.js";
-import a from "/builds/clubmed/cm-trident-ui/node_modules/classnames/index.js";
+import { jsx as s } from "react/jsx-runtime";
+import { c as a } from "../../index-Cu0xwYjD.js";
 const m = ({ className: o, children: r }) => /* @__PURE__ */ s("div", { "data-name": "TabsBody", className: a("grid grid-rows-1 overflow-hidden", o), children: r });
 export {
   m as TabsBody

package/molecules/Tabs/TabsBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsBody.js","sources":["../../../lib/molecules/Tabs/TabsBody.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport { FunctionComponent, PropsWithChildren } from 'react';\n\ninterface Props {\n  className?: string;\n}\n\nexport const TabsBody: FunctionComponent<PropsWithChildren<Props>> = ({ className, children }) => {\n  return (\n    <div data-name=\"TabsBody\" className={classnames('grid grid-rows-1 overflow-hidden', className)}>\n      {children}\n    </div>\n  );\n};\n"],"names":["TabsBody","className","children","jsx","classnames"],"mappings":";;AAOO,MAAMA,IAAwD,CAAC,EAAE,WAAAC,GAAW,UAAAC,QAE/E,gBAAAC,EAAC,SAAI,aAAU,YAAW,WAAWC,EAAW,oCAAoCH,CAAS,GAC1F,UAAAC,EACH,CAAA;"}
+{"version":3,"file":"TabsBody.js","sources":["../../../lib/molecules/Tabs/TabsBody.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport type { FunctionComponent, PropsWithChildren } from 'react';\n\ninterface Props {\n  className?: string;\n}\n\nexport const TabsBody: FunctionComponent<PropsWithChildren<Props>> = ({ className, children }) => {\n  return (\n    <div data-name=\"TabsBody\" className={classnames('grid grid-rows-1 overflow-hidden', className)}>\n      {children}\n    </div>\n  );\n};\n"],"names":["TabsBody","className","children","jsx","classnames"],"mappings":";;AAOO,MAAMA,IAAwD,CAAC,EAAE,WAAAC,GAAW,UAAAC,QAE/E,gBAAAC,EAAC,SAAI,aAAU,YAAW,WAAWC,EAAW,oCAAoCH,CAAS,GAC1F,UAAAC,EACH,CAAA;"}

package/molecules/Tabs/TabsHeader.js

@@ -1,8 +1,8 @@
 "use client";
-import { jsx as r, jsxs as w } from "/builds/clubmed/cm-trident-ui/node_modules/react/jsx-runtime.js";
-import l from "/builds/clubmed/cm-trident-ui/node_modules/classnames/index.js";
-import { useRef as f, useEffect as v } from "/builds/clubmed/cm-trident-ui/node_modules/react/index.js";
-import { useSpring as b, animated as h } from "/builds/clubmed/cm-trident-ui/node_modules/@react-spring/web/dist/react-spring_web.modern.mjs";
+import { jsx as r, jsxs as w } from "react/jsx-runtime";
+import { c as l } from "../../index-Cu0xwYjD.js";
+import { useRef as f, useEffect as v } from "react";
+import { useSpring as b, animated as h } from "@react-spring/web";
 import { useActiveTabControl as L } from "./hooks/tabControl.js";
 const k = ({
   className: n,

package/molecules/Tabs/TabsHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsHeader.js","sources":["../../../lib/molecules/Tabs/TabsHeader.tsx"],"sourcesContent":["'use client';\n\nimport classnames from 'classnames';\nimport {\n  CSSProperties,\n  useEffect,\n  useRef,\n  type FunctionComponent,\n  type PropsWithChildren,\n} from 'react';\nimport { animated, useSpring } from '@react-spring/web';\n\nimport { useActiveTabControl } from './hooks/tabControl';\n\ninterface Props {\n  className?: string;\n  /**\n   * Remove filler placeholders\n   */\n  constrained?: boolean;\n}\n\nexport const TabsHeader: FunctionComponent<PropsWithChildren<Props>> = ({\n  className,\n  constrained = false,\n  children,\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const spacerRef = useRef<HTMLDivElement>(null);\n  const [currentTab, currentControl] = useActiveTabControl();\n\n  const [{ scrollLeft }, scrollApi] = useSpring(() => ({\n    from: { scrollLeft: 0 },\n  }));\n\n  useEffect(() => {\n    if (!currentControl?.current) {\n      return;\n    }\n\n    const tabLeft = currentControl.current.getBoundingClientRect().left;\n    const scrollLeft = containerRef.current!.scrollLeft;\n    const spacerWidth = spacerRef.current!.offsetWidth;\n\n    scrollApi.start({\n      to: {\n        scrollLeft: scrollLeft + tabLeft - spacerWidth,\n      },\n    });\n  }, [scrollLeft, currentControl, scrollApi]);\n\n  const style = { '--active-tab': currentTab } as CSSProperties;\n\n  return (\n    <animated.div\n      ref={containerRef}\n      data-name=\"TabsHeader\"\n      className={classnames(\n        'scrollbar-hide relative flex max-w-full overflow-x-scroll py-20',\n        className,\n      )}\n      scrollLeft={scrollLeft}\n    >\n      <div role=\"tablist\" className={classnames('flex flex-row')} style={style}>\n        <div\n          ref={spacerRef}\n          className={classnames('shrink-0', {\n            'w-16 lg:w-[max(calc((100vw-1212px)/2),116px)] xl:w-[max(calc((100vw-1212px)/2),156px)]':\n              !constrained,\n          })}\n        />\n        {children}\n        <div\n          className={classnames('shrink-0', {\n            'w-16 lg:w-[max(calc((100vw-1212px)/2),116px)] xl:w-[max(calc((100vw-1212px)/2),156px)]':\n              !constrained,\n          })}\n        />\n      </div>\n    </animated.div>\n  );\n};\n"],"names":["TabsHeader","className","constrained","children","containerRef","useRef","spacerRef","currentTab","currentControl","useActiveTabControl","scrollLeft","scrollApi","useSpring","useEffect","tabLeft","spacerWidth","style","jsx","animated","classnames","jsxs"],"mappings":";;;;;;AAsBO,MAAMA,IAA0D,CAAC;AAAA,EACtE,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAAC;AACF,MAAM;AACE,QAAAC,IAAeC,EAAuB,IAAI,GAC1CC,IAAYD,EAAuB,IAAI,GACvC,CAACE,GAAYC,CAAc,IAAIC,EAAoB,GAEnD,CAAC,EAAE,YAAAC,EAAA,GAAcC,CAAS,IAAIC,EAAU,OAAO;AAAA,IACnD,MAAM,EAAE,YAAY,EAAE;AAAA,EACtB,EAAA;AAEF,EAAAC,EAAU,MAAM;AACV,QAAA,EAACL,KAAA,QAAAA,EAAgB;AACnB;AAGF,UAAMM,IAAUN,EAAe,QAAQ,sBAAA,EAAwB,MACzDE,IAAaN,EAAa,QAAS,YACnCW,IAAcT,EAAU,QAAS;AAEvC,IAAAK,EAAU,MAAM;AAAA,MACd,IAAI;AAAA,QACF,YAAYD,IAAaI,IAAUC;AAAA,MACrC;AAAA,IAAA,CACD;AAAA,EACA,GAAA,CAACL,GAAYF,GAAgBG,CAAS,CAAC;AAEpC,QAAAK,IAAQ,EAAE,gBAAgBT;AAG9B,SAAA,gBAAAU;AAAA,IAACC,EAAS;AAAA,IAAT;AAAA,MACC,KAAKd;AAAA,MACL,aAAU;AAAA,MACV,WAAWe;AAAA,QACT;AAAA,QACAlB;AAAA,MACF;AAAA,MACA,YAAAS;AAAA,MAEA,UAAA,gBAAAU,EAAC,SAAI,MAAK,WAAU,WAAWD,EAAW,eAAe,GAAG,OAAAH,GAC1D,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKX;AAAA,YACL,WAAWa,EAAW,YAAY;AAAA,cAChC,0FACE,CAACjB;AAAA,YAAA,CACJ;AAAA,UAAA;AAAA,QACH;AAAA,QACCC;AAAA,QACD,gBAAAc;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWE,EAAW,YAAY;AAAA,cAChC,0FACE,CAACjB;AAAA,YAAA,CACJ;AAAA,UAAA;AAAA,QACH;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"TabsHeader.js","sources":["../../../lib/molecules/Tabs/TabsHeader.tsx"],"sourcesContent":["'use client';\n\nimport classnames from 'classnames';\nimport {\n  type CSSProperties,\n  useEffect,\n  useRef,\n  type FunctionComponent,\n  type PropsWithChildren,\n} from 'react';\nimport { animated, useSpring } from '@react-spring/web';\n\nimport { useActiveTabControl } from './hooks/tabControl';\n\ninterface Props {\n  className?: string;\n  /**\n   * Remove filler placeholders\n   */\n  constrained?: boolean;\n}\n\nexport const TabsHeader: FunctionComponent<PropsWithChildren<Props>> = ({\n  className,\n  constrained = false,\n  children,\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const spacerRef = useRef<HTMLDivElement>(null);\n  const [currentTab, currentControl] = useActiveTabControl();\n\n  const [{ scrollLeft }, scrollApi] = useSpring(() => ({\n    from: { scrollLeft: 0 },\n  }));\n\n  useEffect(() => {\n    if (!currentControl?.current) {\n      return;\n    }\n\n    const tabLeft = currentControl.current.getBoundingClientRect().left;\n    const scrollLeft = containerRef.current!.scrollLeft;\n    const spacerWidth = spacerRef.current!.offsetWidth;\n\n    scrollApi.start({\n      to: {\n        scrollLeft: scrollLeft + tabLeft - spacerWidth,\n      },\n    });\n  }, [scrollLeft, currentControl, scrollApi]);\n\n  const style = { '--active-tab': currentTab } as CSSProperties;\n\n  return (\n    <animated.div\n      ref={containerRef}\n      data-name=\"TabsHeader\"\n      className={classnames(\n        'scrollbar-hide relative flex max-w-full overflow-x-scroll py-20',\n        className,\n      )}\n      scrollLeft={scrollLeft}\n    >\n      <div role=\"tablist\" className={classnames('flex flex-row')} style={style}>\n        <div\n          ref={spacerRef}\n          className={classnames('shrink-0', {\n            'w-16 lg:w-[max(calc((100vw-1212px)/2),116px)] xl:w-[max(calc((100vw-1212px)/2),156px)]':\n              !constrained,\n          })}\n        />\n        {children}\n        <div\n          className={classnames('shrink-0', {\n            'w-16 lg:w-[max(calc((100vw-1212px)/2),116px)] xl:w-[max(calc((100vw-1212px)/2),156px)]':\n              !constrained,\n          })}\n        />\n      </div>\n    </animated.div>\n  );\n};\n"],"names":["TabsHeader","className","constrained","children","containerRef","useRef","spacerRef","currentTab","currentControl","useActiveTabControl","scrollLeft","scrollApi","useSpring","useEffect","tabLeft","spacerWidth","style","jsx","animated","classnames","jsxs"],"mappings":";;;;;;AAsBO,MAAMA,IAA0D,CAAC;AAAA,EACtE,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAAC;AACF,MAAM;AACE,QAAAC,IAAeC,EAAuB,IAAI,GAC1CC,IAAYD,EAAuB,IAAI,GACvC,CAACE,GAAYC,CAAc,IAAIC,EAAoB,GAEnD,CAAC,EAAE,YAAAC,EAAA,GAAcC,CAAS,IAAIC,EAAU,OAAO;AAAA,IACnD,MAAM,EAAE,YAAY,EAAE;AAAA,EACtB,EAAA;AAEF,EAAAC,EAAU,MAAM;AACV,QAAA,EAACL,KAAA,QAAAA,EAAgB;AACnB;AAGF,UAAMM,IAAUN,EAAe,QAAQ,sBAAA,EAAwB,MACzDE,IAAaN,EAAa,QAAS,YACnCW,IAAcT,EAAU,QAAS;AAEvC,IAAAK,EAAU,MAAM;AAAA,MACd,IAAI;AAAA,QACF,YAAYD,IAAaI,IAAUC;AAAA,MACrC;AAAA,IAAA,CACD;AAAA,EACA,GAAA,CAACL,GAAYF,GAAgBG,CAAS,CAAC;AAEpC,QAAAK,IAAQ,EAAE,gBAAgBT;AAG9B,SAAA,gBAAAU;AAAA,IAACC,EAAS;AAAA,IAAT;AAAA,MACC,KAAKd;AAAA,MACL,aAAU;AAAA,MACV,WAAWe;AAAA,QACT;AAAA,QACAlB;AAAA,MACF;AAAA,MACA,YAAAS;AAAA,MAEA,UAAA,gBAAAU,EAAC,SAAI,MAAK,WAAU,WAAWD,EAAW,eAAe,GAAG,OAAAH,GAC1D,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKX;AAAA,YACL,WAAWa,EAAW,YAAY;AAAA,cAChC,0FACE,CAACjB;AAAA,YAAA,CACJ;AAAA,UAAA;AAAA,QACH;AAAA,QACCC;AAAA,QACD,gBAAAc;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWE,EAAW,YAAY;AAAA,cAChC,0FACE,CAACjB;AAAA,YAAA,CACJ;AAAA,UAAA;AAAA,QACH;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/molecules/Tabs/TabsHeading.d.ts

@@ -1,5 +1,5 @@
-import { FunctionComponent, type PropsWithChildren } from 'react';
-import { Theme } from './theme';
+import { type FunctionComponent, type PropsWithChildren } from 'react';
+import { type Theme } from './theme';
 import './Heading.css';
 interface Props {
     className?: string;

package/molecules/Tabs/TabsHeading.js

@@ -1,8 +1,8 @@
 "use client";
-import { jsx as u, jsxs as B } from "/builds/clubmed/cm-trident-ui/node_modules/react/jsx-runtime.js";
-import d from "/builds/clubmed/cm-trident-ui/node_modules/classnames/index.js";
-import { useRef as m, useEffect as H, useCallback as r } from "/builds/clubmed/cm-trident-ui/node_modules/react/index.js";
-import { animated as I } from "/builds/clubmed/cm-trident-ui/node_modules/react-spring/dist/react-spring.modern.mjs";
+import { jsx as u, jsxs as B } from "react/jsx-runtime";
+import { c as d } from "../../index-Cu0xwYjD.js";
+import { useRef as m, useEffect as H, useCallback as r } from "react";
+import { animated as I } from "@react-spring/web";
 import { useActiveTab as _, useRegisterTabControl as z } from "./hooks/tabControl.js";
 import { getTheme as G } from "./theme.js";
 import { useSafeBoop as M } from "../../hooks/useSafeBoop.js";

package/molecules/Tabs/TabsHeading.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsHeading.js","sources":["../../../lib/molecules/Tabs/TabsHeading.tsx"],"sourcesContent":["'use client';\n\nimport classnames from 'classnames';\nimport {\n  CSSProperties,\n  FunctionComponent,\n  useCallback,\n  useEffect,\n  useRef,\n  type PropsWithChildren,\n} from 'react';\n\nimport { animated } from 'react-spring';\n\nimport { useActiveTab, useRegisterTabControl } from './hooks/tabControl';\nimport { Theme, getTheme } from './theme';\n\n// import { CODE, KEY } from '../../hooks/keyboard.constants';\nimport { useSafeBoop } from '../../hooks/useSafeBoop';\nimport { useKeyboardControls } from '../../hooks/useKeyboardControls';\n\nimport './Heading.css';\n\nconst BACKGROUND_PILL_CLASSNAME = '-z-1 rounded-pill absolute inset-0 duration-300';\n\ninterface Props {\n  className?: string;\n  /**\n   * Tab Heading text\n   */\n  label: string;\n  /**\n   * Tab heading index<br/>\n   * _Can be **0** or **1** indexed_\n   */\n  value: number;\n  /**\n   * on tab select handler\n   */\n  onSelect?: (context: { value: Props['value']; label: Props['label'] }) => void;\n  /**\n   * Tab Heading theme\n   */\n  theme?: Theme;\n  /**\n   * Heading type\n   * _default: **h2**_\n   */\n  as?: 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5';\n}\n\nexport const TabsHeading: FunctionComponent<PropsWithChildren<Props>> = ({\n  className,\n  label,\n  children,\n  value,\n  onSelect,\n  as: TagName = 'h2',\n  theme = 'yellow',\n}) => {\n  const ref = useRef<HTMLDivElement>(null);\n\n  const activeTab = useActiveTab();\n  const dispatch = useRegisterTabControl({ value, ref });\n  const previousActiveTab = useRef(activeTab);\n\n  const isActive = useRef(activeTab === value);\n  isActive.current = activeTab === value;\n\n  const pillStyle = { '--tab-index': value } as CSSProperties;\n  const { textColor, textColorActive, bgColor } = getTheme(theme);\n  const [boopStyle, boopTrigger] = useSafeBoop({ scale: 1.02 });\n\n  useEffect(() => {\n    if (previousActiveTab.current !== activeTab && value === activeTab) {\n      ref.current?.focus();\n      onSelect?.({ value, label });\n    }\n    if (previousActiveTab.current !== activeTab) {\n      previousActiveTab.current = activeTab;\n    }\n  }, [label, value, onSelect, activeTab]);\n\n  const activate = useCallback(() => {\n    if (isActive.current) {\n      boopTrigger();\n    }\n  }, [boopTrigger]);\n\n  const start = useCallback(() => {\n    dispatch({ type: 'start' });\n  }, [dispatch]);\n\n  const end = useCallback(() => {\n    dispatch({ type: 'end' });\n  }, [dispatch]);\n\n  const up = useCallback(() => {\n    dispatch({ type: 'previous' });\n  }, [dispatch]);\n\n  const down = useCallback(() => {\n    dispatch({ type: 'next' });\n  }, [dispatch]);\n\n  const left = useCallback(() => {\n    const isRTL = document.documentElement.dir === 'rtl';\n\n    dispatch({ type: isRTL ? 'next' : 'previous' });\n  }, [dispatch]);\n\n  const right = useCallback(() => {\n    const isRTL = document.documentElement.dir === 'rtl';\n\n    dispatch({ type: isRTL ? 'previous' : 'next' });\n  }, [dispatch]);\n\n  const handleKeyDown = useKeyboardControls({\n    activate,\n    start,\n    end,\n    up,\n    down,\n    left,\n    right,\n  });\n\n  const handleClick = useCallback(() => {\n    dispatch({ type: 'update', payload: value });\n\n    if (isActive.current) {\n      boopTrigger();\n    }\n  }, [boopTrigger, dispatch, value]);\n\n  return (\n    <animated.div\n      data-name=\"TabsHeading\"\n      ref={ref}\n      role=\"tab\"\n      aria-selected={isActive.current}\n      tabIndex={isActive.current ? 0 : -1}\n      style={boopStyle}\n      className={classnames(\n        'text-b3 group inline-block cursor-pointer overflow-hidden whitespace-nowrap bg-transparent pe-4 align-middle font-semibold outline-none',\n        className,\n        {\n          [textColor]: !isActive.current,\n          [textColorActive]: isActive.current,\n        },\n      )}\n      onKeyDown={handleKeyDown}\n      onClick={handleClick}\n    >\n      <TagName className=\"relative inline-block px-20 py-12\">\n        <span\n          className={classnames(\n            'group-hover:bg-pearl group-focus-within:bg-pearl transition-colors',\n            BACKGROUND_PILL_CLASSNAME,\n          )}\n        />\n        <span\n          className={classnames(\n            'tab-focus-pill ease transition-transform/colors',\n            BACKGROUND_PILL_CLASSNAME,\n            bgColor,\n          )}\n          style={pillStyle}\n        />\n        {children ?? label}\n      </TagName>\n    </animated.div>\n  );\n};\n"],"names":["BACKGROUND_PILL_CLASSNAME","TabsHeading","className","label","children","value","onSelect","TagName","theme","ref","useRef","activeTab","useActiveTab","dispatch","useRegisterTabControl","previousActiveTab","isActive","pillStyle","textColor","textColorActive","bgColor","getTheme","boopStyle","boopTrigger","useSafeBoop","useEffect","_a","activate","useCallback","start","end","up","down","left","isRTL","right","handleKeyDown","useKeyboardControls","handleClick","jsx","animated","classnames","jsxs"],"mappings":"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"}
+{"version":3,"file":"TabsHeading.js","sources":["../../../lib/molecules/Tabs/TabsHeading.tsx"],"sourcesContent":["'use client';\n\nimport classnames from 'classnames';\nimport {\n  type CSSProperties,\n  type FunctionComponent,\n  useCallback,\n  useEffect,\n  useRef,\n  type PropsWithChildren,\n} from 'react';\n\nimport { animated } from 'react-spring';\n\nimport { useActiveTab, useRegisterTabControl } from './hooks/tabControl';\nimport { type Theme, getTheme } from './theme';\n\nimport { useSafeBoop } from '../../hooks/useSafeBoop';\nimport { useKeyboardControls } from '../../hooks/useKeyboardControls';\n\nimport './Heading.css';\n\nconst BACKGROUND_PILL_CLASSNAME = '-z-1 rounded-pill absolute inset-0 duration-300';\n\ninterface Props {\n  className?: string;\n  /**\n   * Tab Heading text\n   */\n  label: string;\n  /**\n   * Tab heading index<br/>\n   * _Can be **0** or **1** indexed_\n   */\n  value: number;\n  /**\n   * on tab select handler\n   */\n  onSelect?: (context: { value: Props['value']; label: Props['label'] }) => void;\n  /**\n   * Tab Heading theme\n   */\n  theme?: Theme;\n  /**\n   * Heading type\n   * _default: **h2**_\n   */\n  as?: 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5';\n}\n\nexport const TabsHeading: FunctionComponent<PropsWithChildren<Props>> = ({\n  className,\n  label,\n  children,\n  value,\n  onSelect,\n  as: TagName = 'h2',\n  theme = 'yellow',\n}) => {\n  const ref = useRef<HTMLDivElement>(null);\n\n  const activeTab = useActiveTab();\n  const dispatch = useRegisterTabControl({ value, ref });\n  const previousActiveTab = useRef(activeTab);\n\n  const isActive = useRef(activeTab === value);\n  isActive.current = activeTab === value;\n\n  const pillStyle = { '--tab-index': value } as CSSProperties;\n  const { textColor, textColorActive, bgColor } = getTheme(theme);\n  const [boopStyle, boopTrigger] = useSafeBoop({ scale: 1.02 });\n\n  useEffect(() => {\n    if (previousActiveTab.current !== activeTab && value === activeTab) {\n      ref.current?.focus();\n      onSelect?.({ value, label });\n    }\n    if (previousActiveTab.current !== activeTab) {\n      previousActiveTab.current = activeTab;\n    }\n  }, [label, value, onSelect, activeTab]);\n\n  const activate = useCallback(() => {\n    if (isActive.current) {\n      boopTrigger();\n    }\n  }, [boopTrigger]);\n\n  const start = useCallback(() => {\n    dispatch({ type: 'start' });\n  }, [dispatch]);\n\n  const end = useCallback(() => {\n    dispatch({ type: 'end' });\n  }, [dispatch]);\n\n  const up = useCallback(() => {\n    dispatch({ type: 'previous' });\n  }, [dispatch]);\n\n  const down = useCallback(() => {\n    dispatch({ type: 'next' });\n  }, [dispatch]);\n\n  const left = useCallback(() => {\n    const isRTL = document.documentElement.dir === 'rtl';\n\n    dispatch({ type: isRTL ? 'next' : 'previous' });\n  }, [dispatch]);\n\n  const right = useCallback(() => {\n    const isRTL = document.documentElement.dir === 'rtl';\n\n    dispatch({ type: isRTL ? 'previous' : 'next' });\n  }, [dispatch]);\n\n  const handleKeyDown = useKeyboardControls({\n    activate,\n    start,\n    end,\n    up,\n    down,\n    left,\n    right,\n  });\n\n  const handleClick = useCallback(() => {\n    dispatch({ type: 'update', payload: value });\n\n    if (isActive.current) {\n      boopTrigger();\n    }\n  }, [boopTrigger, dispatch, value]);\n\n  return (\n    <animated.div\n      data-name=\"TabsHeading\"\n      ref={ref}\n      role=\"tab\"\n      aria-selected={isActive.current}\n      tabIndex={isActive.current ? 0 : -1}\n      style={boopStyle}\n      className={classnames(\n        'text-b3 group inline-block cursor-pointer overflow-hidden whitespace-nowrap bg-transparent pe-4 align-middle font-semibold outline-none',\n        className,\n        {\n          [textColor]: !isActive.current,\n          [textColorActive]: isActive.current,\n        },\n      )}\n      onKeyDown={handleKeyDown}\n      onClick={handleClick}\n    >\n      <TagName className=\"relative inline-block px-20 py-12\">\n        <span\n          className={classnames(\n            'group-hover:bg-pearl group-focus-within:bg-pearl transition-colors',\n            BACKGROUND_PILL_CLASSNAME,\n          )}\n        />\n        <span\n          className={classnames(\n            'tab-focus-pill ease transition-transform/colors',\n            BACKGROUND_PILL_CLASSNAME,\n            bgColor,\n          )}\n          style={pillStyle}\n        />\n        {children ?? label}\n      </TagName>\n    </animated.div>\n  );\n};\n"],"names":["BACKGROUND_PILL_CLASSNAME","TabsHeading","className","label","children","value","onSelect","TagName","theme","ref","useRef","activeTab","useActiveTab","dispatch","useRegisterTabControl","previousActiveTab","isActive","pillStyle","textColor","textColorActive","bgColor","getTheme","boopStyle","boopTrigger","useSafeBoop","useEffect","_a","activate","useCallback","start","end","up","down","left","isRTL","right","handleKeyDown","useKeyboardControls","handleClick","jsx","animated","classnames","jsxs"],"mappings":"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"}

package/molecules/Tabs/TabsPanel.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent, PropsWithChildren } from 'react';
+import { type FunctionComponent, type PropsWithChildren } from 'react';
 interface Props {
     className?: string;
     /**

package/molecules/Tabs/TabsPanel.js

@@ -1,8 +1,8 @@
 "use client";
-import { jsx as p } from "/builds/clubmed/cm-trident-ui/node_modules/react/jsx-runtime.js";
-import d from "/builds/clubmed/cm-trident-ui/node_modules/classnames/index.js";
-import { useRef as l, useEffect as f } from "/builds/clubmed/cm-trident-ui/node_modules/react/index.js";
-import { useSpring as u, animated as b } from "/builds/clubmed/cm-trident-ui/node_modules/@react-spring/web/dist/react-spring_web.modern.mjs";
+import { jsx as p } from "react/jsx-runtime";
+import { c as d } from "../../index-Cu0xwYjD.js";
+import { useRef as l, useEffect as f } from "react";
+import { useSpring as u, animated as b } from "@react-spring/web";
 import { useActiveTab as y } from "./hooks/tabControl.js";
 const a = {
   opacity: 0,
@@ -13,12 +13,12 @@ const a = {
   pointerEvents: "auto",
   display: "block"
 }, R = ({
-  value: o,
+  value: s,
   className: i,
   onSelect: e,
   children: c
 }) => {
-  const r = l(!1), t = y() === o, [m, s] = u(() => ({
+  const r = l(!1), t = y() === s, [m, o] = u(() => ({
     from: t ? n : a
   }));
   return f(() => {
@@ -26,19 +26,19 @@ const a = {
       r.current = !0;
       return;
     }
-    s.start({
+    o.start({
       to: {
         ...t ? n : a,
         display: "block"
       },
       onRest: () => {
-        s.start({
+        o.start({
           to: { display: t ? "block" : "none" },
           immediate: !0
         });
       }
-    }), t && (e == null || e({ value: o }));
-  }, [t, s, o, e]), /* @__PURE__ */ p(
+    }), t && (e == null || e({ value: s }));
+  }, [t, o, s, e]), /* @__PURE__ */ p(
     b.div,
     {
       "data-name": "Tab",

package/molecules/Tabs/TabsPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsPanel.js","sources":["../../../lib/molecules/Tabs/TabsPanel.tsx"],"sourcesContent":["'use client';\n\nimport classnames from 'classnames';\nimport { FunctionComponent, PropsWithChildren, useEffect, useRef } from 'react';\nimport { animated, useSpring } from '@react-spring/web';\n\nimport { useActiveTab } from './hooks/tabControl';\n\ninterface Props {\n  className?: string;\n  /**\n   * Tab panel index<br/>\n   * _Can be **0** or **1** indexed_\n   */\n  value: number;\n  /**\n   * on panel select handler\n   */\n  onSelect?: (context: { value: Props['value'] }) => void;\n}\n\ninterface TabStyle {\n  pointerEvents: 'none' | 'auto';\n  opacity: number;\n  display: 'block' | 'none';\n}\n\nconst FROM: TabStyle = {\n  opacity: 0,\n  pointerEvents: 'none',\n  display: 'none',\n};\n\nconst TO: TabStyle = {\n  opacity: 1,\n  pointerEvents: 'auto',\n  display: 'block',\n};\n\nexport const TabsPanel: FunctionComponent<PropsWithChildren<Props>> = ({\n  value,\n  className,\n  onSelect,\n  children,\n}) => {\n  const mounted = useRef(false);\n  const tabSelected = useActiveTab();\n  const isActive = tabSelected === value;\n\n  const [style, styleApi] = useSpring<TabStyle>(() => ({\n    from: isActive ? TO : FROM,\n  }));\n\n  useEffect(() => {\n    if (!mounted.current) {\n      mounted.current = true;\n      return;\n    }\n\n    styleApi.start({\n      to: {\n        ...(isActive ? TO : FROM),\n        display: 'block',\n      },\n      onRest: () => {\n        styleApi.start({\n          to: { display: isActive ? 'block' : 'none' },\n          immediate: true,\n        });\n      },\n    });\n\n    if (isActive) {\n      onSelect?.({ value });\n    }\n  }, [isActive, styleApi, value, onSelect]);\n\n  return (\n    <animated.div\n      data-name=\"Tab\"\n      style={style}\n      role=\"tabpanel\"\n      aria-hidden={!isActive}\n      tabIndex={isActive ? 0 : -1}\n      className={classnames('col-start-1 col-end-1 row-start-1 row-end-1', className, {\n        'z-0': !isActive,\n        'z-1': isActive,\n      })}\n    >\n      {children}\n    </animated.div>\n  );\n};\n"],"names":["FROM","TO","TabsPanel","value","className","onSelect","children","mounted","useRef","isActive","useActiveTab","style","styleApi","useSpring","useEffect","jsx","animated","classnames"],"mappings":";;;;;;AA2BA,MAAMA,IAAiB;AAAA,EACrB,SAAS;AAAA,EACT,eAAe;AAAA,EACf,SAAS;AACX,GAEMC,IAAe;AAAA,EACnB,SAAS;AAAA,EACT,eAAe;AAAA,EACf,SAAS;AACX,GAEaC,IAAyD,CAAC;AAAA,EACrE,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACF,MAAM;AACE,QAAAC,IAAUC,EAAO,EAAK,GAEtBC,IADcC,QACaP,GAE3B,CAACQ,GAAOC,CAAQ,IAAIC,EAAoB,OAAO;AAAA,IACnD,MAAMJ,IAAWR,IAAKD;AAAA,EACtB,EAAA;AAEF,SAAAc,EAAU,MAAM;AACV,QAAA,CAACP,EAAQ,SAAS;AACpB,MAAAA,EAAQ,UAAU;AAClB;AAAA,IACF;AAEA,IAAAK,EAAS,MAAM;AAAA,MACb,IAAI;AAAA,QACF,GAAIH,IAAWR,IAAKD;AAAA,QACpB,SAAS;AAAA,MACX;AAAA,MACA,QAAQ,MAAM;AACZ,QAAAY,EAAS,MAAM;AAAA,UACb,IAAI,EAAE,SAASH,IAAW,UAAU,OAAO;AAAA,UAC3C,WAAW;AAAA,QAAA,CACZ;AAAA,MACH;AAAA,IAAA,CACD,GAEGA,MACSJ,KAAA,QAAAA,EAAA,EAAE,OAAAF;KAEd,CAACM,GAAUG,GAAUT,GAAOE,CAAQ,CAAC,GAGtC,gBAAAU;AAAA,IAACC,EAAS;AAAA,IAAT;AAAA,MACC,aAAU;AAAA,MACV,OAAAL;AAAA,MACA,MAAK;AAAA,MACL,eAAa,CAACF;AAAA,MACd,UAAUA,IAAW,IAAI;AAAA,MACzB,WAAWQ,EAAW,+CAA+Cb,GAAW;AAAA,QAC9E,OAAO,CAACK;AAAA,QACR,OAAOA;AAAA,MAAA,CACR;AAAA,MAEA,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"TabsPanel.js","sources":["../../../lib/molecules/Tabs/TabsPanel.tsx"],"sourcesContent":["'use client';\n\nimport classnames from 'classnames';\nimport { type FunctionComponent, type PropsWithChildren, useEffect, useRef } from 'react';\nimport { animated, useSpring } from '@react-spring/web';\n\nimport { useActiveTab } from './hooks/tabControl';\n\ninterface Props {\n  className?: string;\n  /**\n   * Tab panel index<br/>\n   * _Can be **0** or **1** indexed_\n   */\n  value: number;\n  /**\n   * on panel select handler\n   */\n  onSelect?: (context: { value: Props['value'] }) => void;\n}\n\ninterface TabStyle {\n  pointerEvents: 'none' | 'auto';\n  opacity: number;\n  display: 'block' | 'none';\n}\n\nconst FROM: TabStyle = {\n  opacity: 0,\n  pointerEvents: 'none',\n  display: 'none',\n};\n\nconst TO: TabStyle = {\n  opacity: 1,\n  pointerEvents: 'auto',\n  display: 'block',\n};\n\nexport const TabsPanel: FunctionComponent<PropsWithChildren<Props>> = ({\n  value,\n  className,\n  onSelect,\n  children,\n}) => {\n  const mounted = useRef(false);\n  const tabSelected = useActiveTab();\n  const isActive = tabSelected === value;\n\n  const [style, styleApi] = useSpring<TabStyle>(() => ({\n    from: isActive ? TO : FROM,\n  }));\n\n  useEffect(() => {\n    if (!mounted.current) {\n      mounted.current = true;\n      return;\n    }\n\n    styleApi.start({\n      to: {\n        ...(isActive ? TO : FROM),\n        display: 'block',\n      },\n      onRest: () => {\n        styleApi.start({\n          to: { display: isActive ? 'block' : 'none' },\n          immediate: true,\n        });\n      },\n    });\n\n    if (isActive) {\n      onSelect?.({ value });\n    }\n  }, [isActive, styleApi, value, onSelect]);\n\n  return (\n    <animated.div\n      data-name=\"Tab\"\n      style={style}\n      role=\"tabpanel\"\n      aria-hidden={!isActive}\n      tabIndex={isActive ? 0 : -1}\n      className={classnames('col-start-1 col-end-1 row-start-1 row-end-1', className, {\n        'z-0': !isActive,\n        'z-1': isActive,\n      })}\n    >\n      {children}\n    </animated.div>\n  );\n};\n"],"names":["FROM","TO","TabsPanel","value","className","onSelect","children","mounted","useRef","isActive","useActiveTab","style","styleApi","useSpring","useEffect","jsx","animated","classnames"],"mappings":";;;;;;AA2BA,MAAMA,IAAiB;AAAA,EACrB,SAAS;AAAA,EACT,eAAe;AAAA,EACf,SAAS;AACX,GAEMC,IAAe;AAAA,EACnB,SAAS;AAAA,EACT,eAAe;AAAA,EACf,SAAS;AACX,GAEaC,IAAyD,CAAC;AAAA,EACrE,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACF,MAAM;AACE,QAAAC,IAAUC,EAAO,EAAK,GAEtBC,IADcC,QACaP,GAE3B,CAACQ,GAAOC,CAAQ,IAAIC,EAAoB,OAAO;AAAA,IACnD,MAAMJ,IAAWR,IAAKD;AAAA,EACtB,EAAA;AAEF,SAAAc,EAAU,MAAM;AACV,QAAA,CAACP,EAAQ,SAAS;AACpB,MAAAA,EAAQ,UAAU;AAClB;AAAA,IACF;AAEA,IAAAK,EAAS,MAAM;AAAA,MACb,IAAI;AAAA,QACF,GAAIH,IAAWR,IAAKD;AAAA,QACpB,SAAS;AAAA,MACX;AAAA,MACA,QAAQ,MAAM;AACZ,QAAAY,EAAS,MAAM;AAAA,UACb,IAAI,EAAE,SAASH,IAAW,UAAU,OAAO;AAAA,UAC3C,WAAW;AAAA,QAAA,CACZ;AAAA,MACH;AAAA,IAAA,CACD,GAEGA,MACSJ,KAAA,QAAAA,EAAA,EAAE,OAAAF;KAEd,CAACM,GAAUG,GAAUT,GAAOE,CAAQ,CAAC,GAGtC,gBAAAU;AAAA,IAACC,EAAS;AAAA,IAAT;AAAA,MACC,aAAU;AAAA,MACV,OAAAL;AAAA,MACA,MAAK;AAAA,MACL,eAAa,CAACF;AAAA,MACd,UAAUA,IAAW,IAAI;AAAA,MACzB,WAAWQ,EAAW,+CAA+Cb,GAAW;AAAA,QAC9E,OAAO,CAACK;AAAA,QACR,OAAOA;AAAA,MAAA,CACR;AAAA,MAEA,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/molecules/Tabs/context/TabControl.d.ts

@@ -1,4 +1,4 @@
-import { Dispatch, type FunctionComponent, type PropsWithChildren, type RefObject } from 'react';
+import { type Dispatch, type FunctionComponent, type PropsWithChildren, type RefObject } from 'react';
 type TabsAction = {
     type: 'update';
     payload: number;

package/molecules/Tabs/context/TabControl.js

@@ -1,6 +1,6 @@
 "use client";
-import { jsx as l } from "/builds/clubmed/cm-trident-ui/node_modules/react/jsx-runtime.js";
-import { createContext as c, useReducer as v, useMemo as u, useCallback as x } from "/builds/clubmed/cm-trident-ui/node_modules/react/index.js";
+import { jsx as l } from "react/jsx-runtime";
+import { createContext as c, useReducer as v, useMemo as u, useCallback as x } from "react";
 const C = (t) => {
   const e = Math.max(Math.min(t.min, t.max), 0), r = Math.max(Math.min(t.max, 1 / 0), e);
   return {

package/molecules/Tabs/context/TabControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabControl.js","sources":["../../../../lib/molecules/Tabs/context/TabControl.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Dispatch,\n  Reducer,\n  createContext,\n  useCallback,\n  useMemo,\n  useReducer,\n  type FunctionComponent,\n  type PropsWithChildren,\n  type RefObject,\n} from 'react';\n\ntype TabsAction =\n  | {\n      type: 'update';\n      payload: number;\n    }\n  | {\n      type: 'next';\n    }\n  | {\n      type: 'previous';\n    }\n  | {\n      type: 'start';\n    }\n  | {\n      type: 'end';\n    };\n\ninterface ClampConfig {\n  min: number;\n  max: number;\n}\n\nconst getClamp = (config: ClampConfig) => {\n  const min = Math.max(Math.min(config.min, config.max), 0);\n  const max = Math.max(Math.min(config.max, Infinity), min);\n\n  return {\n    min,\n    max,\n    clamp: (value: number) => Math.max(Math.min(value, max), min),\n  };\n};\n\ninterface InitConfig extends ClampConfig {\n  value: number;\n}\n\nconst initialize = (config: InitConfig): number => {\n  const { clamp } = getClamp(config);\n\n  return clamp(config.value);\n};\n\ntype ReducerFactory = (config: ClampConfig) => Reducer<number, TabsAction>;\nconst tabSelectReducer: ReducerFactory = (config) => {\n  const { min, max, clamp } = getClamp(config);\n\n  return (state, action) => {\n    switch (action.type) {\n      case 'update':\n        return clamp(action.payload);\n      case 'next':\n        return state + 1 <= max ? state + 1 : min;\n      case 'previous':\n        return state - 1 >= min ? state - 1 : max;\n      case 'start':\n        return min;\n      case 'end':\n        return max;\n    }\n  };\n};\n\ntype ControlAction<T extends HTMLElement = HTMLElement> =\n  | {\n      type: 'register';\n      payload: { value: number; ref: RefObject<T> };\n    }\n  | {\n      type: 'unregister';\n      payload: { value: number };\n    };\n\nconst controlReducer = <T extends HTMLElement = HTMLElement>(\n  state: Map<number, RefObject<T>>,\n  action: ControlAction<T>,\n) => {\n  switch (action.type) {\n    case 'register':\n      return new Map(state.set(action.payload.value, action.payload.ref));\n    case 'unregister':\n      state.delete(action.payload.value);\n\n      return new Map(state);\n  }\n};\n\ninterface ActiveTab {\n  value: number;\n}\n\nexport const ActiveTabContext = createContext<ActiveTab>({ value: 0 });\nActiveTabContext.displayName = 'ActiveTabContext';\n\ninterface TabRefs<T extends HTMLElement = HTMLElement> {\n  refs: Map<number, RefObject<T>>;\n}\n\nexport const TabRefsContext = createContext<TabRefs>({\n  refs: new Map(),\n});\nTabRefsContext.displayName = 'TabRefsContext';\n\ninterface TabControl<T extends HTMLElement = HTMLElement> {\n  dispatch: Dispatch<TabsAction>;\n  register: (\n    value: Extract<ControlAction<T>, { type: 'register' }>['payload']['value'],\n    ref: Extract<ControlAction<T>, { type: 'register' }>['payload']['ref'],\n  ) => void;\n  unregister: (value: number) => void;\n}\n\nexport const TabControlContext = createContext<TabControl>({\n  dispatch: () => {\n    console.warn('Tab Controller Context dispatch used outside of Provider');\n  },\n  register: () => {\n    console.warn('Tab Controller Context register used outside of Provider');\n  },\n  unregister: () => {\n    console.warn('Tab Controller Context unregister used outside of Provider');\n  },\n});\nTabControlContext.displayName = 'TabControlContext';\n\ninterface ProviderProps {\n  selected?: number;\n  min?: number;\n  max: number;\n}\n\nexport const TabsProvider: FunctionComponent<PropsWithChildren<ProviderProps>> = ({\n  min = 0,\n  max,\n  selected = min,\n  children,\n}) => {\n  const [tab, dispatch] = useReducer(\n    tabSelectReducer({ min, max }),\n    { value: selected, min, max },\n    initialize,\n  );\n\n  const [refs, dispatchRefs] = useReducer(controlReducer, new Map());\n\n  const activeValue = useMemo(() => {\n    return { value: tab };\n  }, [tab]);\n\n  const refsValue = useMemo(() => {\n    return { refs };\n  }, [refs]);\n\n  const register = useCallback(\n    <T extends HTMLElement>(\n      value: Extract<ControlAction<T>, { type: 'register' }>['payload']['value'],\n      ref: Extract<ControlAction<T>, { type: 'register' }>['payload']['ref'],\n    ) => {\n      dispatchRefs({ type: 'register', payload: { value, ref } });\n    },\n    [],\n  );\n\n  const unregister = useCallback(\n    (value: Extract<ControlAction, { type: 'unregister' }>['payload']['value']) => {\n      dispatchRefs({ type: 'unregister', payload: { value } });\n    },\n    [],\n  );\n\n  const controlValue = useMemo(() => {\n    return { dispatch, register, unregister };\n  }, [register, unregister]);\n\n  return (\n    <ActiveTabContext.Provider value={activeValue}>\n      <TabRefsContext.Provider value={refsValue}>\n        <TabControlContext.Provider value={controlValue}>{children}</TabControlContext.Provider>\n      </TabRefsContext.Provider>\n    </ActiveTabContext.Provider>\n  );\n};\n"],"names":["getClamp","config","min","max","value","initialize","clamp","tabSelectReducer","state","action","controlReducer","ActiveTabContext","createContext","TabRefsContext","TabControlContext","TabsProvider","selected","children","tab","dispatch","useReducer","refs","dispatchRefs","activeValue","useMemo","refsValue","register","useCallback","ref","unregister","controlValue","jsx"],"mappings":";;;AAqCA,MAAMA,IAAW,CAACC,MAAwB;AAClC,QAAAC,IAAM,KAAK,IAAI,KAAK,IAAID,EAAO,KAAKA,EAAO,GAAG,GAAG,CAAC,GAClDE,IAAM,KAAK,IAAI,KAAK,IAAIF,EAAO,KAAK,KAAQ,GAAGC,CAAG;AAEjD,SAAA;AAAA,IACL,KAAAA;AAAA,IACA,KAAAC;AAAA,IACA,OAAO,CAACC,MAAkB,KAAK,IAAI,KAAK,IAAIA,GAAOD,CAAG,GAAGD,CAAG;AAAA,EAAA;AAEhE,GAMMG,IAAa,CAACJ,MAA+B;AACjD,QAAM,EAAE,OAAAK,EAAA,IAAUN,EAASC,CAAM;AAE1B,SAAAK,EAAML,EAAO,KAAK;AAC3B,GAGMM,IAAmC,CAACN,MAAW;AACnD,QAAM,EAAE,KAAAC,GAAK,KAAAC,GAAK,OAAAG,EAAM,IAAIN,EAASC,CAAM;AAEpC,SAAA,CAACO,GAAOC,MAAW;AACxB,YAAQA,EAAO,MAAM;AAAA,MACnB,KAAK;AACI,eAAAH,EAAMG,EAAO,OAAO;AAAA,MAC7B,KAAK;AACH,eAAOD,IAAQ,KAAKL,IAAMK,IAAQ,IAAIN;AAAA,MACxC,KAAK;AACH,eAAOM,IAAQ,KAAKN,IAAMM,IAAQ,IAAIL;AAAA,MACxC,KAAK;AACI,eAAAD;AAAA,MACT,KAAK;AACI,eAAAC;AAAA,IACX;AAAA,EAAA;AAEJ,GAYMO,IAAiB,CACrBF,GACAC,MACG;AACH,UAAQA,EAAO,MAAM;AAAA,IACnB,KAAK;AACI,aAAA,IAAI,IAAID,EAAM,IAAIC,EAAO,QAAQ,OAAOA,EAAO,QAAQ,GAAG,CAAC;AAAA,IACpE,KAAK;AACG,aAAAD,EAAA,OAAOC,EAAO,QAAQ,KAAK,GAE1B,IAAI,IAAID,CAAK;AAAA,EACxB;AACF,GAMaG,IAAmBC,EAAyB,EAAE,OAAO,GAAG;AACrED,EAAiB,cAAc;AAMxB,MAAME,IAAiBD,EAAuB;AAAA,EACnD,0BAAU,IAAI;AAChB,CAAC;AACDC,EAAe,cAAc;AAWtB,MAAMC,IAAoBF,EAA0B;AAAA,EACzD,UAAU,MAAM;AACd,YAAQ,KAAK,0DAA0D;AAAA,EACzE;AAAA,EACA,UAAU,MAAM;AACd,YAAQ,KAAK,0DAA0D;AAAA,EACzE;AAAA,EACA,YAAY,MAAM;AAChB,YAAQ,KAAK,4DAA4D;AAAA,EAC3E;AACF,CAAC;AACDE,EAAkB,cAAc;AAQzB,MAAMC,IAAoE,CAAC;AAAA,EAChF,KAAAb,IAAM;AAAA,EACN,KAAAC;AAAA,EACA,UAAAa,IAAWd;AAAA,EACX,UAAAe;AACF,MAAM;AACE,QAAA,CAACC,GAAKC,CAAQ,IAAIC;AAAA,IACtBb,EAAiB,EAAE,KAAAL,GAAK,KAAAC,GAAK;AAAA,IAC7B,EAAE,OAAOa,GAAU,KAAAd,GAAK,KAAAC,EAAI;AAAA,IAC5BE;AAAA,EAAA,GAGI,CAACgB,GAAMC,CAAY,IAAIF,EAAWV,GAAgB,oBAAI,KAAK,GAE3Da,IAAcC,EAAQ,OACnB,EAAE,OAAON,MACf,CAACA,CAAG,CAAC,GAEFO,IAAYD,EAAQ,OACjB,EAAE,MAAAH,EAAK,IACb,CAACA,CAAI,CAAC,GAEHK,IAAWC;AAAA,IACf,CACEvB,GACAwB,MACG;AACU,MAAAN,EAAA,EAAE,MAAM,YAAY,SAAS,EAAE,OAAAlB,GAAO,KAAAwB,KAAO;AAAA,IAC5D;AAAA,IACA,CAAC;AAAA,EAAA,GAGGC,IAAaF;AAAA,IACjB,CAACvB,MAA8E;AAC7E,MAAAkB,EAAa,EAAE,MAAM,cAAc,SAAS,EAAE,OAAAlB,KAAS;AAAA,IACzD;AAAA,IACA,CAAC;AAAA,EAAA,GAGG0B,IAAeN,EAAQ,OACpB,EAAE,UAAAL,GAAU,UAAAO,GAAU,YAAAG,MAC5B,CAACH,GAAUG,CAAU,CAAC;AAGvB,SAAA,gBAAAE,EAACpB,EAAiB,UAAjB,EAA0B,OAAOY,GAChC,UAAA,gBAAAQ,EAAClB,EAAe,UAAf,EAAwB,OAAOY,GAC9B,UAAA,gBAAAM,EAACjB,EAAkB,UAAlB,EAA2B,OAAOgB,GAAe,UAAAb,EAAA,CAAS,EAC7D,CAAA,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"TabControl.js","sources":["../../../../lib/molecules/Tabs/context/TabControl.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type Dispatch,\n  type Reducer,\n  createContext,\n  useCallback,\n  useMemo,\n  useReducer,\n  type FunctionComponent,\n  type PropsWithChildren,\n  type RefObject,\n} from 'react';\n\ntype TabsAction =\n  | {\n      type: 'update';\n      payload: number;\n    }\n  | {\n      type: 'next';\n    }\n  | {\n      type: 'previous';\n    }\n  | {\n      type: 'start';\n    }\n  | {\n      type: 'end';\n    };\n\ninterface ClampConfig {\n  min: number;\n  max: number;\n}\n\nconst getClamp = (config: ClampConfig) => {\n  const min = Math.max(Math.min(config.min, config.max), 0);\n  const max = Math.max(Math.min(config.max, Infinity), min);\n\n  return {\n    min,\n    max,\n    clamp: (value: number) => Math.max(Math.min(value, max), min),\n  };\n};\n\ninterface InitConfig extends ClampConfig {\n  value: number;\n}\n\nconst initialize = (config: InitConfig): number => {\n  const { clamp } = getClamp(config);\n\n  return clamp(config.value);\n};\n\ntype ReducerFactory = (config: ClampConfig) => Reducer<number, TabsAction>;\nconst tabSelectReducer: ReducerFactory = (config) => {\n  const { min, max, clamp } = getClamp(config);\n\n  return (state, action) => {\n    switch (action.type) {\n      case 'update':\n        return clamp(action.payload);\n      case 'next':\n        return state + 1 <= max ? state + 1 : min;\n      case 'previous':\n        return state - 1 >= min ? state - 1 : max;\n      case 'start':\n        return min;\n      case 'end':\n        return max;\n    }\n  };\n};\n\ntype ControlAction<T extends HTMLElement = HTMLElement> =\n  | {\n      type: 'register';\n      payload: { value: number; ref: RefObject<T> };\n    }\n  | {\n      type: 'unregister';\n      payload: { value: number };\n    };\n\nconst controlReducer = <T extends HTMLElement = HTMLElement>(\n  state: Map<number, RefObject<T>>,\n  action: ControlAction<T>,\n) => {\n  switch (action.type) {\n    case 'register':\n      return new Map(state.set(action.payload.value, action.payload.ref));\n    case 'unregister':\n      state.delete(action.payload.value);\n\n      return new Map(state);\n  }\n};\n\ninterface ActiveTab {\n  value: number;\n}\n\nexport const ActiveTabContext = createContext<ActiveTab>({ value: 0 });\nActiveTabContext.displayName = 'ActiveTabContext';\n\ninterface TabRefs<T extends HTMLElement = HTMLElement> {\n  refs: Map<number, RefObject<T>>;\n}\n\nexport const TabRefsContext = createContext<TabRefs>({\n  refs: new Map(),\n});\nTabRefsContext.displayName = 'TabRefsContext';\n\ninterface TabControl<T extends HTMLElement = HTMLElement> {\n  dispatch: Dispatch<TabsAction>;\n  register: (\n    value: Extract<ControlAction<T>, { type: 'register' }>['payload']['value'],\n    ref: Extract<ControlAction<T>, { type: 'register' }>['payload']['ref'],\n  ) => void;\n  unregister: (value: number) => void;\n}\n\nexport const TabControlContext = createContext<TabControl>({\n  dispatch: () => {\n    console.warn('Tab Controller Context dispatch used outside of Provider');\n  },\n  register: () => {\n    console.warn('Tab Controller Context register used outside of Provider');\n  },\n  unregister: () => {\n    console.warn('Tab Controller Context unregister used outside of Provider');\n  },\n});\nTabControlContext.displayName = 'TabControlContext';\n\ninterface ProviderProps {\n  selected?: number;\n  min?: number;\n  max: number;\n}\n\nexport const TabsProvider: FunctionComponent<PropsWithChildren<ProviderProps>> = ({\n  min = 0,\n  max,\n  selected = min,\n  children,\n}) => {\n  const [tab, dispatch] = useReducer(\n    tabSelectReducer({ min, max }),\n    { value: selected, min, max },\n    initialize,\n  );\n\n  const [refs, dispatchRefs] = useReducer(controlReducer, new Map());\n\n  const activeValue = useMemo(() => {\n    return { value: tab };\n  }, [tab]);\n\n  const refsValue = useMemo(() => {\n    return { refs };\n  }, [refs]);\n\n  const register = useCallback(\n    <T extends HTMLElement>(\n      value: Extract<ControlAction<T>, { type: 'register' }>['payload']['value'],\n      ref: Extract<ControlAction<T>, { type: 'register' }>['payload']['ref'],\n    ) => {\n      dispatchRefs({ type: 'register', payload: { value, ref } });\n    },\n    [],\n  );\n\n  const unregister = useCallback(\n    (value: Extract<ControlAction, { type: 'unregister' }>['payload']['value']) => {\n      dispatchRefs({ type: 'unregister', payload: { value } });\n    },\n    [],\n  );\n\n  const controlValue = useMemo(() => {\n    return { dispatch, register, unregister };\n  }, [register, unregister]);\n\n  return (\n    <ActiveTabContext.Provider value={activeValue}>\n      <TabRefsContext.Provider value={refsValue}>\n        <TabControlContext.Provider value={controlValue}>{children}</TabControlContext.Provider>\n      </TabRefsContext.Provider>\n    </ActiveTabContext.Provider>\n  );\n};\n"],"names":["getClamp","config","min","max","value","initialize","clamp","tabSelectReducer","state","action","controlReducer","ActiveTabContext","createContext","TabRefsContext","TabControlContext","TabsProvider","selected","children","tab","dispatch","useReducer","refs","dispatchRefs","activeValue","useMemo","refsValue","register","useCallback","ref","unregister","controlValue","jsx"],"mappings":"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"}

package/molecules/Tabs/hooks/tabControl.js

@@ -1,4 +1,4 @@
-import { useContext as e, useEffect as a } from "/builds/clubmed/cm-trident-ui/node_modules/react/index.js";
+import { useContext as e, useEffect as a } from "react";
 import { ActiveTabContext as s, TabControlContext as c, TabRefsContext as u } from "../context/TabControl.js";
 const T = () => {
   const { value: t } = e(s);

package/package.json

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

package/tailwind/tailwind.preset.js

@@ -1,5 +1,52 @@
-import o from "/builds/clubmed/cm-trident-ui/node_modules/tailwindcss/plugin.js";
-const n = {
+import { g as c } from "../_commonjsHelpers-DaMA6jEr.js";
+var s = {}, p = {};
+(function(e) {
+  Object.defineProperty(e, "__esModule", {
+    value: !0
+  }), Object.defineProperty(e, "default", {
+    enumerable: !0,
+    get: function() {
+      return o;
+    }
+  });
+  function a(t, r) {
+    return {
+      handler: t,
+      config: r
+    };
+  }
+  a.withOptions = function(t, r = () => ({})) {
+    const n = function(i) {
+      return {
+        __options: i,
+        handler: t(i),
+        config: r(i)
+      };
+    };
+    return n.__isOptionsFunction = !0, n.__pluginFunction = t, n.__configFunction = r, n;
+  };
+  const o = a;
+})(p);
+(function(e) {
+  Object.defineProperty(e, "__esModule", {
+    value: !0
+  }), Object.defineProperty(e, "default", {
+    enumerable: !0,
+    get: function() {
+      return t;
+    }
+  });
+  const a = /* @__PURE__ */ o(p);
+  function o(r) {
+    return r && r.__esModule ? r : {
+      default: r
+    };
+  }
+  const t = a.default;
+})(s);
+let l = s;
+var m = (l.__esModule ? l : { default: l }).default;
+const g = /* @__PURE__ */ c(m), u = {
   current: "currentColor",
   transparent: "transparent",
   inherit: "inherit",
@@ -33,20 +80,20 @@ const n = {
   green: "hsl(var(--color-green) / <alpha-value>)",
   red: "hsl(var(--color-red) / <alpha-value>)",
   orange: "hsl(var(--color-orange) / <alpha-value>)"
-}, l = {
+}, x = {
   content: [],
   plugins: [
-    o(({ addUtilities: e }) => {
-      const a = {};
+    g(({ addUtilities: e }) => {
+      const o = {};
       for (let t = 1; t <= 7; t++)
-        a[`.line-clamp-${t}`] = {
+        o[`.line-clamp-${t}`] = {
           maxHeight: `${t}lh`,
           overflow: "hidden",
           display: "-webkit-box",
           "-webkit-box-orient": "vertical",
           "-webkit-line-clamp": `${t}`
         };
-      e(a);
+      e(o);
     })
   ],
   corePlugins: {
@@ -64,7 +111,7 @@ const n = {
       "2xl": "96em",
       "3xl": "2060px"
     },
-    colors: n,
+    colors: u,
     columns: {
       auto: "auto",
       1: "1",
@@ -676,7 +723,7 @@ const n = {
       max: "max-content",
       fit: "fit-content"
     }),
-    maxWidth: ({ theme: e, breakpoints: r }) => ({
+    maxWidth: ({ theme: e, breakpoints: a }) => ({
       none: "none",
       0: "0rem",
       360: "360px",
@@ -688,7 +735,7 @@ const n = {
       max: "max-content",
       fit: "fit-content",
       prose: "65ch",
-      ...r(e("screens"))
+      ...a(e("screens"))
     }),
     minHeight: {
       0: "0px",
@@ -1013,6 +1060,6 @@ const n = {
   }
 };
 export {
-  l as tailwindPreset
+  x as tailwindPreset
 };
 //# sourceMappingURL=tailwind.preset.js.map