@clubmed/trident-ui 1.0.0-alpha.48 → 1.0.0-alpha.50

package/fonts/Transports/tui-transports.styl

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

package/fonts/Utilities/tui-utilities.css

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

package/fonts/Utilities/tui-utilities.less

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

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

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

package/fonts/Utilities/tui-utilities.scss

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

package/fonts/Utilities/tui-utilities.styl

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

package/hooks/useKeyboardControls.js

@@ -1,28 +1,29 @@
-import { CODE as o, KEY as f } from "./keyboard.constants.js";
-const D = (u) => u.key === f.ENTER || u.key === f.SPACE || u.key === f.SPACEBAR || u.code === o.ENTER || u.code === o.SPACE, e = () => {
+"use client";
+import { CODE as o, KEY as t } from "./keyboard.constants.js";
+const D = (e) => e.key === t.ENTER || e.key === t.SPACE || e.key === t.SPACEBAR || e.code === o.ENTER || e.code === o.SPACE, u = () => {
 }, n = ({
-  up: u = e,
-  down: t = e,
-  left: c = e,
-  right: d = e,
-  start: E = e,
-  end: R = e,
-  activate: i = e
+  up: e = u,
+  down: c = u,
+  left: f = u,
+  right: d = u,
+  start: i = u,
+  end: E = u,
+  activate: R = u
 }) => (r) => {
   if (D(r))
-    return i();
+    return R();
   if (r.code === o.HOME)
-    return r.preventDefault(), E();
+    return r.preventDefault(), i();
   if (r.code === o.END)
-    return r.preventDefault(), R();
+    return r.preventDefault(), E();
   if (r.code === o.ARROW_UP)
-    return r.preventDefault(), u();
+    return r.preventDefault(), e();
   if (r.code === o.ARROW_DOWN)
-    return r.preventDefault(), t();
+    return r.preventDefault(), c();
   if (r.code === o.ARROW_RIGHT)
     return r.preventDefault(), d();
   if (r.code === o.ARROW_LEFT)
-    return r.preventDefault(), c();
+    return r.preventDefault(), f();
 };
 export {
   n as useKeyboardControls

package/molecules/Forms/Checkboxes/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Checkbox.js';
+export * from './Checkboxes.js';

package/molecules/Forms/Checkboxes/index.js

@@ -0,0 +1,6 @@
+import { Checkbox as r } from "./Checkbox.js";
+import { Checkboxes as b } from "./Checkboxes.js";
+export {
+  r as Checkbox,
+  b as Checkboxes
+};

package/molecules/Forms/Password/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Password.js';
+export * from './ValidationMessage.js';

package/molecules/Forms/Password/index.js

@@ -0,0 +1,6 @@
+import { Password as a } from "./Password.js";
+import { ValidationMessage as s } from "./ValidationMessage.js";
+export {
+  a as Password,
+  s as ValidationMessage
+};

package/molecules/Forms/{Radio.d.ts → Radios/Radio.d.ts}

@@ -1,5 +1,5 @@
 import { InputHTMLAttributes } from 'react';
-import './controls.css';
+import '../controls.css';
 export interface RadioProps<Value = string> extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
     /**
      * The data-testid to apply to the button.

package/molecules/Forms/{Radio.js → Radios/Radio.js}

@@ -1,7 +1,7 @@
 import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { c as y } from "../../index-Cu0xwYjD.js";
-import { useValue as w } from "../../hooks/useValue.js";
-import "../../controls-l0sNRNKZ.js";
+import { c as y } from "../../../index-Cu0xwYjD.js";
+import { useValue as w } from "../../../hooks/useValue.js";
+import "../../../controls-l0sNRNKZ.js";
 let k = 0;
 function R({
   id: o = "radio-" + k++,

package/molecules/Forms/{RadioGroup.d.ts → Radios/RadioGroup.d.ts}

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-import { FormControlProps } from './FormControl.js';
+import { FormControlProps } from '../FormControl.js';
 export interface RadioGroupProps<Value = string> extends Pick<FormControlProps<Value>, 'id' | 'name' | 'value' | 'onChange' | 'disabled' | 'readOnly' | 'tabIndex' | 'description' | 'validationStatus' | 'errorMessage'>, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
 }
 export declare function RadioGroup<Value = string>({ id, name, children, value: initialValue, defaultValue, onChange, disabled, readOnly, tabIndex, ...rest }: RadioGroupProps<Value>): import("react/jsx-runtime").JSX.Element;

package/molecules/Forms/{RadioGroup.js → Radios/RadioGroup.js}

@@ -1,7 +1,7 @@
 import { jsx as g } from "react/jsx-runtime";
 import { Children as v, isValidElement as x, cloneElement as V } from "react";
-import { useValue as C } from "../../hooks/useValue.js";
-import { c as E } from "../../index-Cu0xwYjD.js";
+import { useValue as C } from "../../../hooks/useValue.js";
+import { c as E } from "../../../index-Cu0xwYjD.js";
 let N = 0;
 function I({
   id: o = "radio-group-" + N++,

package/molecules/Forms/Radios/index.d.ts

@@ -0,0 +1,2 @@
+export * from './RadioGroup.js';
+export * from './Radio.js';

package/molecules/Forms/Radios/index.js

@@ -0,0 +1,6 @@
+import { RadioGroup as p } from "./RadioGroup.js";
+import { Radio as d } from "./Radio.js";
+export {
+  d as Radio,
+  p as RadioGroup
+};

package/molecules/Forms/{Switch/Switch.d.ts → Switch.d.ts}

@@ -1,4 +1,4 @@
-import { FormControlProps } from '../FormControl';
+import { FormControlProps } from './FormControl.js';
 export interface SwitchProps extends FormControlProps<boolean> {
     width?: number;
 }

package/molecules/Forms/{Switch/Switch.js → Switch.js}

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { c as m } from "../../../index-Cu0xwYjD.js";
-import { useValue as x } from "../../../hooks/useValue.js";
-import "../../../controls-l0sNRNKZ.js";
+import { c as m } from "../../index-Cu0xwYjD.js";
+import { useValue as x } from "../../hooks/useValue.js";
+import "../../controls-l0sNRNKZ.js";
 let f = 0;
 function d({
   id: a = `switch-${++f}`,

package/molecules/Loader.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as l, jsxs as a } from "react/jsx-runtime";
 import { c as n, b as r } from "../react-spring_web.modern-BPtZcx1z.js";
 import { Backdrop as o } from "./Backdrop.js";

package/molecules/Tabs/{Header.js → TabsHeader.js}

@@ -1,5 +1,6 @@
-import { jsx as l, jsxs as w } from "react/jsx-runtime";
-import { c as r } from "../../index-Cu0xwYjD.js";
+"use client";
+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 { a as b, b as h } from "../../react-spring_web.modern-BPtZcx1z.js";
 import { useActiveTabControl as L } from "./hooks/tabControl.js";
@@ -22,31 +23,31 @@ const k = ({
     });
   }, [c, e, o]);
   const x = { "--active-tab": m };
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ r(
     h.div,
     {
       ref: t,
       "data-name": "TabsHeader",
-      className: r(
+      className: l(
         "scrollbar-hide relative flex max-w-full overflow-x-scroll py-20",
         n
       ),
       scrollLeft: c,
-      children: /* @__PURE__ */ w("div", { role: "tablist", className: r("flex flex-row"), style: x, children: [
-        /* @__PURE__ */ l(
+      children: /* @__PURE__ */ w("div", { role: "tablist", className: l("flex flex-row"), style: x, children: [
+        /* @__PURE__ */ r(
           "div",
           {
             ref: a,
-            className: r("shrink-0", {
+            className: l("shrink-0", {
               "w-16 lg:w-[max(calc((100vw-1212px)/2),116px)] xl:w-[max(calc((100vw-1212px)/2),156px)]": !s
             })
           }
         ),
         i,
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ r(
           "div",
           {
-            className: r("shrink-0", {
+            className: l("shrink-0", {
               "w-16 lg:w-[max(calc((100vw-1212px)/2),116px)] xl:w-[max(calc((100vw-1212px)/2),156px)]": !s
             })
           }

package/molecules/Tabs/{Heading.js → TabsHeading.js}

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as a, jsxs as N } from "react/jsx-runtime";
 import { c } from "../../index-Cu0xwYjD.js";
 import { useRef as d, useEffect as L } from "react";

package/molecules/Tabs/{Panel.js → TabsPanel.js}

@@ -1,6 +1,7 @@
+"use client";
 import { jsx as p } from "react/jsx-runtime";
 import { c as d } from "../../index-Cu0xwYjD.js";
-import { useRef as f, useEffect as l } from "react";
+import { useRef as l, useEffect as f } from "react";
 import { a as b, b as u } from "../../react-spring_web.modern-BPtZcx1z.js";
 import { useActiveTab as y } from "./hooks/tabControl.js";
 const r = {
@@ -12,32 +13,32 @@ const r = {
   pointerEvents: "auto",
   display: "block"
 }, R = ({
-  value: a,
+  value: e,
   className: i,
   onSelect: s,
   children: c
 }) => {
-  const o = f(!1), t = y() === a, [m, e] = b(() => ({
+  const o = l(!1), t = y() === e, [m, a] = b(() => ({
     from: t ? n : r
   }));
-  return l(() => {
+  return f(() => {
     if (!o.current) {
       o.current = !0;
       return;
     }
-    e.start({
+    a.start({
       to: {
         ...t ? n : r,
         display: "block"
       },
       onRest: () => {
-        e.start({
+        a.start({
           to: { display: t ? "block" : "none" },
           immediate: !0
         });
       }
-    }), t && (s == null || s({ value: a }));
-  }, [t, e, a, s]), /* @__PURE__ */ p(
+    }), t && (s == null || s({ value: e }));
+  }, [t, a, e, s]), /* @__PURE__ */ p(
     u.div,
     {
       "data-name": "Tab",

package/molecules/Tabs/context/TabControl.js

@@ -1,37 +1,38 @@
+"use client";
 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 = (e) => {
-  const r = Math.max(Math.min(e.min, e.max), 0), t = Math.max(Math.min(e.max, 1 / 0), r);
+  const t = Math.max(Math.min(e.min, e.max), 0), r = Math.max(Math.min(e.max, 1 / 0), t);
   return {
-    min: r,
-    max: t,
-    clamp: (n) => Math.max(Math.min(n, t), r)
+    min: t,
+    max: r,
+    clamp: (n) => Math.max(Math.min(n, r), t)
   };
 }, g = (e) => {
-  const { clamp: r } = C(e);
-  return r(e.value);
+  const { clamp: t } = C(e);
+  return t(e.value);
 }, P = (e) => {
-  const { min: r, max: t, clamp: n } = C(e);
+  const { min: t, max: r, clamp: n } = C(e);
   return (a, o) => {
     switch (o.type) {
       case "update":
         return n(o.payload);
       case "next":
-        return a + 1 <= t ? a + 1 : r;
+        return a + 1 <= r ? a + 1 : t;
       case "previous":
-        return a - 1 >= r ? a - 1 : t;
+        return a - 1 >= t ? a - 1 : r;
       case "start":
-        return r;
-      case "end":
         return t;
+      case "end":
+        return r;
     }
   };
-}, R = (e, r) => {
-  switch (r.type) {
+}, R = (e, t) => {
+  switch (t.type) {
     case "register":
-      return new Map(e.set(r.payload.value, r.payload.ref));
+      return new Map(e.set(t.payload.value, t.payload.ref));
     case "unregister":
-      return e.delete(r.payload.value) ? new Map(e) : e;
+      return e.delete(t.payload.value) ? new Map(e) : e;
   }
 }, h = c({ value: 0 });
 h.displayName = "ActiveTabContext";
@@ -53,13 +54,13 @@ const b = c({
 b.displayName = "TabControlContext";
 const A = ({
   min: e = 0,
-  max: r,
-  selected: t = e,
+  max: t,
+  selected: r = e,
   children: n
 }) => {
   const [a, o] = v(
-    P({ min: e, max: r }),
-    { value: t, min: e, max: r },
+    P({ min: e, max: t }),
+    { value: r, min: e, max: t },
     g
   ), [i, d] = v(R, /* @__PURE__ */ new Map()), M = u(() => ({ value: a }), [a]), f = u(() => ({ refs: i }), [i]), p = x(
     (s, w) => {

package/molecules/Tabs/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Tabs.js';
+export * from './TabsBody.js';
+export * from './TabsHeader.js';
+export * from './TabsHeading.js';
+export * from './TabsPanel.js';

package/molecules/Tabs/index.js

@@ -0,0 +1,12 @@
+import { Tabs as e } from "./Tabs.js";
+import { TabsBody as b } from "./TabsBody.js";
+import { TabsHeader as m } from "./TabsHeader.js";
+import { TabsHeading as s } from "./TabsHeading.js";
+import { TabsPanel as x } from "./TabsPanel.js";
+export {
+  e as Tabs,
+  b as TabsBody,
+  m as TabsHeader,
+  s as TabsHeading,
+  x as TabsPanel
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clubmed/trident-ui",
-  "version": "1.0.0-alpha.48",
+  "version": "1.0.0-alpha.50",
   "type": "module",
   "description": "Shared ClubMed React UI components",
   "keywords": [
@@ -31,6 +31,11 @@
       "import": "./atoms/Icons/index.js",
       "default": "./atoms/Icons/index.js"
     },
+    "./atoms/Icons/fonts": {
+      "types": "./atoms/Icons/fonts/index.d.ts",
+      "import": "./atoms/Icons/fonts/index.js",
+      "default": "./atoms/Icons/fonts/index.js"
+    },
     "./atoms/Icons/svg": {
       "types": "./atoms/Icons/svg/index.d.ts",
       "import": "./atoms/Icons/svg/index.js",
@@ -41,10 +46,25 @@
       "import": "./atoms/Icons/svg-use/index.js",
       "default": "./atoms/Icons/svg-use/index.js"
     },
-    "./atoms/Icons/fonts": {
-      "types": "./atoms/Icons/fonts/index.d.ts",
-      "import": "./atoms/Icons/fonts/index.js",
-      "default": "./atoms/Icons/fonts/index.js"
+    "./molecules/Tabs": {
+      "types": "./molecules/Tabs/index.d.ts",
+      "import": "./molecules/Tabs/index.js",
+      "default": "./molecules/Tabs/index.js"
+    },
+    "./molecules/Forms/Checkboxes": {
+      "types": "./molecules/Forms/Checkboxes/index.d.ts",
+      "import": "./molecules/Forms/Checkboxes/index.js",
+      "default": "./molecules/Forms/Checkboxes/index.js"
+    },
+    "./molecules/Forms/Password": {
+      "types": "./molecules/Forms/Password/index.d.ts",
+      "import": "./molecules/Forms/Password/index.js",
+      "default": "./molecules/Forms/Password/index.js"
+    },
+    "./molecules/Forms/Radios": {
+      "types": "./molecules/Forms/Radios/index.d.ts",
+      "import": "./molecules/Forms/Radios/index.js",
+      "default": "./molecules/Forms/Radios/index.js"
     },
     "./fonts/*": "./fonts/*",
     "./atoms/*": {
@@ -77,7 +97,7 @@
     "predev": "npm run build:icons",
     "dev": "storybook dev -p 6006",
     "prebuild": "npm run build:icons",
-    "build": "vite build && npm run build:icons font",
+    "build": "vite build && npm run build:icons font && npm run build:exports",
     "build:storybook": "npm run build:icons && storybook build",
     "lint": "eslint . --report-unused-disable-directives",
     "lint:fix": "eslint . --fix",
@@ -86,7 +106,8 @@
     "test:dev": "vitest watch",
     "test:update": "vitest -u",
     "prepare": "husky",
-    "build:icons": "NODE_NO_WARNINGS=1 node --loader ts-node/esm ./tools/icons/index.ts"
+    "build:icons": "NODE_NO_WARNINGS=1 node --loader ts-node/esm ./tools/icons/index.ts",
+    "build:exports": "NODE_NO_WARNINGS=1 node --loader ts-node/esm tools/exports-builder/index.ts"
   },
   "peerDependencies": {
     "react": ">=17.0.2",
@@ -149,6 +170,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-syntax-highlighter": "^15.5.0",
+    "rollup-preserve-directives": "^1.1.1",
     "storybook": "8.0.8",
     "svgtofont": "^4.2.0",
     "tailwindcss": "^3.3.5",

package/hooks/__mocks__/useSafeBoop.d.ts

@@ -1,4 +0,0 @@
-export declare const useSafeBoop: () => (import("@vitest/spy").Mock<any, any> | {
-    '--mocked-transform': string;
-    transform: string;
-})[];

package/hooks/__mocks__/useSafeBoop.js

@@ -1,10 +0,0 @@
-const r = () => [
-  {
-    "--mocked-transform": "scale3D(1, 1, 1)",
-    transform: "var(--mocked-transform)"
-  },
-  vi.fn()
-];
-export {
-  r as useSafeBoop
-};