@clubmed/trident-ui 1.3.0-beta.3 → 1.3.0-beta.5

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  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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"}
+{"version":3,"file":"TabControl.js","sources":["../../../../lib/molecules/Tabs/context/TabControl.tsx"],"sourcesContent":["'use client';\n\nimport {\n  createContext,\n  type Dispatch,\n  type PropsWithChildren,\n  type RefObject,\n  useCallback,\n  useId,\n  useReducer,\n} from 'react';\n\ntype RefTab<T extends HTMLElement = HTMLElement> = RefObject<T>;\ntype RefTabs<T extends HTMLElement = HTMLElement> = Map<number, RefTab<T>>;\n\ntype TabsUpdateAction = {\n  type: 'update';\n  payload: number;\n};\n\ntype TabsRegisterAction<T extends HTMLElement = HTMLElement> = {\n  type: 'register';\n  payload: { value: number; ref: RefObject<T> };\n};\n\ntype TabsUnregisterAction = {\n  type: 'unregister';\n  payload: { value: number };\n};\n\ntype TabsAction<T extends HTMLElement = HTMLElement> =\n  | { type: 'start' | 'end' | 'previous' | 'next' }\n  | TabsUpdateAction\n  | TabsRegisterAction<T>\n  | TabsUnregisterAction;\n\ninterface TabsState<T extends HTMLElement = HTMLElement> {\n  uid: string;\n  value: number;\n  refs: RefTabs<T>;\n}\n\ninterface TabControl<T extends HTMLElement = HTMLElement> extends TabsState<T> {\n  uid: string;\n  value: number;\n  refs: RefTabs<T>;\n  dispatch: Dispatch<TabsAction>;\n  register: (value: number, ref: RefTab<T>) => void;\n  unregister: (value: number) => void;\n}\n\nfunction next(state: TabsState) {\n  const keys = [...state.refs.keys()];\n  const index = keys.findIndex((value) => value === state.value);\n  const nextIndex = (index + 1) % keys.length;\n\n  return { ...state, value: keys[nextIndex] };\n}\n\nfunction previous(state: TabsState) {\n  const keys = [...state.refs.keys()];\n  const index = keys.findIndex((value) => value === state.value);\n  const previousIndex = (index - 1 + keys.length) % keys.length;\n\n  return { ...state, value: keys[previousIndex] };\n}\n\nfunction start(state: TabsState) {\n  const keys = [...state.refs.keys()];\n  const firstIndex = keys[0];\n\n  return {\n    ...state,\n    value: firstIndex,\n  };\n}\n\nfunction end(state: TabsState) {\n  const keys = [...state.refs.keys()];\n  const lastIndex = keys[keys.length - 1];\n\n  return {\n    ...state,\n    value: lastIndex,\n  };\n}\n\nfunction unregister(state: TabsState, action: TabsUnregisterAction) {\n  const deletedRefs = new Map(state.refs);\n  deletedRefs.delete(action.payload.value);\n\n  return {\n    ...state,\n    refs: deletedRefs,\n  };\n}\n\nfunction register(state: TabsState, action: TabsRegisterAction) {\n  return {\n    ...state,\n    refs: new Map(state.refs).set(action.payload.value, action.payload.ref),\n  };\n}\n\nfunction update(state: TabsState, action: TabsUpdateAction) {\n  return { ...state, value: action.payload };\n}\n\nconst actions = {\n  next,\n  previous,\n  start,\n  end,\n  register,\n  unregister,\n  update,\n} as const;\n\nfunction tabsReducer(state: TabsState, action: TabsAction): TabsState {\n  if (action.type in actions) {\n    const actionFunction = actions[action.type] as (\n      state: TabsState,\n      action: TabsAction,\n    ) => TabsState;\n\n    return actionFunction(state, action);\n  }\n\n  return state;\n}\n\nexport const TabControlContext = createContext<TabControl>({\n  uid: '',\n  value: 0,\n  refs: new Map(),\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});\n\nTabControlContext.displayName = 'TabControlContext';\n\nexport interface TabsProviderProps {\n  selected?: number;\n  /**\n   * The selected tab value\n   * @deprecated Min props as no effect on the Tabs component and will be removed in future versions\n   */\n  min?: number;\n\n  /**\n   * The selected tab value\n   * @deprecated Max props as no effect on the Tabs component and will be removed in future versions\n   */\n  max?: number;\n}\n\nexport function TabsProvider({ selected = 0, children }: PropsWithChildren<TabsProviderProps>) {\n  const uid = useId();\n  const [state, dispatch] = useReducer(tabsReducer, { uid, value: selected, refs: new Map() });\n\n  const register = useCallback(<T extends HTMLElement>(value: number, ref: RefTab<T>) => {\n    dispatch({ type: 'register', payload: { value, ref } });\n  }, []);\n\n  const unregister = useCallback((value: number) => {\n    dispatch({ type: 'unregister', payload: { value } });\n  }, []);\n\n  return (\n    <TabControlContext.Provider value={{ ...state, dispatch, register, unregister }}>\n      {children}\n    </TabControlContext.Provider>\n  );\n}\n"],"names":["next","state","keys","nextIndex","value","previous","previousIndex","start","firstIndex","end","lastIndex","unregister","action","deletedRefs","register","update","actions","tabsReducer","actionFunction","TabControlContext","createContext","TabsProvider","selected","children","uid","useId","dispatch","useReducer","useCallback","ref","jsx"],"mappings":"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"}

package/molecules/Tabs/hooks/tabControl.d.ts

@@ -4,30 +4,41 @@ export declare const useTabDispatch: () => import("react").Dispatch<{
     type: "update";
     payload: number;
 } | {
-    type: "next";
-} | {
-    type: "previous";
-} | {
-    type: "start";
-} | {
-    type: "end";
+    type: "unregister";
+    payload: {
+        value: number;
+    };
+} | {
+    type: "start" | "end" | "next" | "previous";
+} | {
+    type: "register";
+    payload: {
+        value: number;
+        ref: RefObject<HTMLElement>;
+    };
 }>;
+export declare const useTabsUid: () => string;
 interface Props<T extends HTMLElement> {
     value: number;
     ref: RefObject<T>;
 }
-export declare const useRegisterTabControl: <T extends HTMLElement>({ value, ref }: Props<T>) => import("react").Dispatch<{
+export declare function useRegisterTabControl<T extends HTMLElement>({ value, ref }: Props<T>): import("react").Dispatch<{
     type: "update";
     payload: number;
 } | {
-    type: "next";
-} | {
-    type: "previous";
+    type: "unregister";
+    payload: {
+        value: number;
+    };
 } | {
-    type: "start";
+    type: "start" | "end" | "next" | "previous";
 } | {
-    type: "end";
+    type: "register";
+    payload: {
+        value: number;
+        ref: RefObject<HTMLElement>;
+    };
 }>;
-export declare const useTabControl: () => Map<number, RefObject<HTMLElement>>;
+export declare const useTabControls: () => Map<number, RefObject<HTMLElement>>;
 export declare const useActiveTabControl: () => readonly [number, RefObject<HTMLElement> | undefined];
 export {};

package/molecules/Tabs/hooks/tabControl.js

@@ -1,31 +1,34 @@
-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);
+import { useContext as e, useEffect as u } from "react";
+import { TabControlContext as r } from "../context/TabControl.js";
+const b = () => {
+  const { value: t } = e(r);
+  return t;
+}, T = () => {
+  const { dispatch: t } = e(r);
   return t;
 }, f = () => {
-  const { dispatch: t } = e(c);
+  const { uid: t } = e(r);
   return t;
-}, l = ({ value: t, ref: r }) => {
-  const { dispatch: i, register: n, unregister: o } = e(c);
-  return a(() => {
-    if (r.current != null)
-      return n(t, r), () => {
-        o(t);
-      };
-  }, [t, r, n, o]), i;
-}, p = () => {
-  const { refs: t } = e(u);
+};
+function p({ value: t, ref: s }) {
+  const { dispatch: c, register: n, unregister: o } = e(r);
+  return u(() => (n(t, s), () => {
+    o(t);
+  }), [t, s, n, o]), c;
+}
+const C = () => {
+  const { refs: t } = e(r);
   return t;
-}, x = () => {
-  const { value: t } = e(s), { refs: r } = e(u);
-  return [t, r.get(t)];
+}, d = () => {
+  const { value: t, refs: s } = e(r);
+  return [t, s.get(t)];
 };
 export {
-  T as useActiveTab,
-  x as useActiveTabControl,
-  l as useRegisterTabControl,
-  p as useTabControl,
-  f as useTabDispatch
+  b as useActiveTab,
+  d as useActiveTabControl,
+  p as useRegisterTabControl,
+  C as useTabControls,
+  T as useTabDispatch,
+  f as useTabsUid
 };
 //# sourceMappingURL=tabControl.js.map

package/molecules/Tabs/hooks/tabControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabControl.js","sources":["../../../../lib/molecules/Tabs/hooks/tabControl.ts"],"sourcesContent":["import { useContext, useEffect, type RefObject } from 'react';\nimport { ActiveTabContext, TabRefsContext, TabControlContext } from '../context/TabControl';\n\nexport const useActiveTab = () => {\n  const { value } = useContext(ActiveTabContext);\n\n  return value;\n};\n\nexport const useTabDispatch = () => {\n  const { dispatch } = useContext(TabControlContext);\n\n  return dispatch;\n};\n\ninterface Props<T extends HTMLElement> {\n  value: number;\n  ref: RefObject<T>;\n}\n\nexport const useRegisterTabControl = <T extends HTMLElement>({ value, ref }: Props<T>) => {\n  const { dispatch, register, unregister } = useContext(TabControlContext);\n\n  useEffect(() => {\n    if (ref.current == null) {\n      return;\n    }\n\n    register(value, ref);\n\n    return () => {\n      unregister(value);\n    };\n  }, [value, ref, register, unregister]);\n\n  return dispatch;\n};\n\nexport const useTabControl = () => {\n  const { refs } = useContext(TabRefsContext);\n\n  return refs;\n};\n\nexport const useActiveTabControl = () => {\n  const { value } = useContext(ActiveTabContext);\n  const { refs } = useContext(TabRefsContext);\n\n  return [value, refs.get(value)] as const;\n};\n"],"names":["useActiveTab","value","useContext","ActiveTabContext","useTabDispatch","dispatch","TabControlContext","useRegisterTabControl","ref","register","unregister","useEffect","useTabControl","refs","TabRefsContext","useActiveTabControl"],"mappings":";;AAGO,MAAMA,IAAe,MAAM;AAChC,QAAM,EAAE,OAAAC,EAAA,IAAUC,EAAWC,CAAgB;AAEtC,SAAAF;AACT,GAEaG,IAAiB,MAAM;AAClC,QAAM,EAAE,UAAAC,EAAA,IAAaH,EAAWI,CAAiB;AAE1C,SAAAD;AACT,GAOaE,IAAwB,CAAwB,EAAE,OAAAN,GAAO,KAAAO,QAAoB;AACxF,QAAM,EAAE,UAAAH,GAAU,UAAAI,GAAU,YAAAC,EAAW,IAAIR,EAAWI,CAAiB;AAEvE,SAAAK,EAAU,MAAM;AACV,QAAAH,EAAI,WAAW;AAInB,aAAAC,EAASR,GAAOO,CAAG,GAEZ,MAAM;AACX,QAAAE,EAAWT,CAAK;AAAA,MAAA;AAAA,KAEjB,CAACA,GAAOO,GAAKC,GAAUC,CAAU,CAAC,GAE9BL;AACT,GAEaO,IAAgB,MAAM;AACjC,QAAM,EAAE,MAAAC,EAAA,IAASX,EAAWY,CAAc;AAEnC,SAAAD;AACT,GAEaE,IAAsB,MAAM;AACvC,QAAM,EAAE,OAAAd,EAAA,IAAUC,EAAWC,CAAgB,GACvC,EAAE,MAAAU,EAAA,IAASX,EAAWY,CAAc;AAE1C,SAAO,CAACb,GAAOY,EAAK,IAAIZ,CAAK,CAAC;AAChC;"}
+{"version":3,"file":"tabControl.js","sources":["../../../../lib/molecules/Tabs/hooks/tabControl.ts"],"sourcesContent":["import { type RefObject, useContext, useEffect } from 'react';\n\nimport { TabControlContext } from '../context/TabControl';\n\nexport const useActiveTab = () => {\n  const { value } = useContext(TabControlContext);\n\n  return value;\n};\n\nexport const useTabDispatch = () => {\n  const { dispatch } = useContext(TabControlContext);\n\n  return dispatch;\n};\n\nexport const useTabsUid = () => {\n  const { uid } = useContext(TabControlContext);\n\n  return uid;\n};\n\ninterface Props<T extends HTMLElement> {\n  value: number;\n  ref: RefObject<T>;\n}\n\nexport function useRegisterTabControl<T extends HTMLElement>({ value, ref }: Props<T>) {\n  const { dispatch, register, unregister } = useContext(TabControlContext);\n\n  useEffect(() => {\n    register(value, ref);\n\n    return () => {\n      unregister(value);\n    };\n  }, [value, ref, register, unregister]);\n\n  return dispatch;\n}\n\nexport const useTabControls = () => {\n  const { refs } = useContext(TabControlContext);\n\n  return refs;\n};\n\nexport const useActiveTabControl = () => {\n  const { value, refs } = useContext(TabControlContext);\n\n  return [value, refs.get(value)] as const;\n};\n"],"names":["useActiveTab","value","useContext","TabControlContext","useTabDispatch","dispatch","useTabsUid","uid","useRegisterTabControl","ref","register","unregister","useEffect","useTabControls","refs","useActiveTabControl"],"mappings":";;AAIO,MAAMA,IAAe,MAAM;AAChC,QAAM,EAAE,OAAAC,EAAA,IAAUC,EAAWC,CAAiB;AAEvC,SAAAF;AACT,GAEaG,IAAiB,MAAM;AAClC,QAAM,EAAE,UAAAC,EAAA,IAAaH,EAAWC,CAAiB;AAE1C,SAAAE;AACT,GAEaC,IAAa,MAAM;AAC9B,QAAM,EAAE,KAAAC,EAAA,IAAQL,EAAWC,CAAiB;AAErC,SAAAI;AACT;AAOO,SAASC,EAA6C,EAAE,OAAAP,GAAO,KAAAQ,KAAiB;AACrF,QAAM,EAAE,UAAAJ,GAAU,UAAAK,GAAU,YAAAC,EAAW,IAAIT,EAAWC,CAAiB;AAEvE,SAAAS,EAAU,OACRF,EAAST,GAAOQ,CAAG,GAEZ,MAAM;AACX,IAAAE,EAAWV,CAAK;AAAA,EAAA,IAEjB,CAACA,GAAOQ,GAAKC,GAAUC,CAAU,CAAC,GAE9BN;AACT;AAEO,MAAMQ,IAAiB,MAAM;AAClC,QAAM,EAAE,MAAAC,EAAA,IAASZ,EAAWC,CAAiB;AAEtC,SAAAW;AACT,GAEaC,IAAsB,MAAM;AACvC,QAAM,EAAE,OAAAd,GAAO,MAAAa,EAAK,IAAIZ,EAAWC,CAAiB;AAEpD,SAAO,CAACF,GAAOa,EAAK,IAAIb,CAAK,CAAC;AAChC;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clubmed/trident-ui",
-  "version": "1.3.0-beta.3",
+  "version": "1.3.0-beta.5",
   "type": "module",
   "description": "Shared ClubMed React UI components",
   "keywords": [
@@ -31,16 +31,16 @@
       "import": "./atoms/Icons/index.js",
       "default": "./atoms/Icons/index.js"
     },
-    "./atoms/Icons/svg-use": {
-      "types": "./atoms/Icons/svg-use/index.d.ts",
-      "import": "./atoms/Icons/svg-use/index.js",
-      "default": "./atoms/Icons/svg-use/index.js"
-    },
     "./atoms/Icons/svg": {
       "types": "./atoms/Icons/svg/index.d.ts",
       "import": "./atoms/Icons/svg/index.js",
       "default": "./atoms/Icons/svg/index.js"
     },
+    "./atoms/Icons/svg-use": {
+      "types": "./atoms/Icons/svg-use/index.d.ts",
+      "import": "./atoms/Icons/svg-use/index.js",
+      "default": "./atoms/Icons/svg-use/index.js"
+    },
     "./molecules/Tabs": {
       "types": "./molecules/Tabs/index.d.ts",
       "import": "./molecules/Tabs/index.js",

package/styles/globals.css

@@ -25,6 +25,8 @@
     --color-sienna-active: 13deg 48% 44%;
     --color-wave: 180 100% 25%;
     --color-wave-active: 180 100% 22%;
+    --color-marygold: 35 100% 49%;
+    --color-marygold-active: 35 100% 49%;
     --color-white: 0deg 0% 100%;
     --color-white-active: 0deg 0% 80%;
 
@@ -35,16 +37,17 @@
     --color-lightGrey: 0deg 0% 80%;
     --color-pearl: 0deg 0% 97%;
     --color-green: 131deg 89% 29%;
+    --color-green-active: 131deg 89% 19%;
     --color-red: 9deg 79% 42%;
+    --color-red-active: 9deg 79% 32%;
     --color-orange: 25deg 100% 39%;
+    --color-orange-active: 25deg 100% 29%;
 
     /* TRANSITION */
     --transition-fn-boop: cubic-bezier(0.47, 1.64, 0.41, 0.8);
     --transition-duration-boop: 0.4s;
   }
-}
 
-@layer components {
   html {
     --xDirCoefficient: 1;
     scroll-behavior: smooth;
@@ -69,7 +72,9 @@
   }
 
   .link-container:hover .link-underline.hoverable,
-  .link-container:focus .link-underline.hoverable {
+  .link-container:focus .link-underline.hoverable,
+  .group:hover .link-underline.hoverable,
+  .group:focus .link-underline.hoverable {
     background-size: calc(0% - 0px) 100%;
   }
 
@@ -83,11 +88,13 @@
   }
 
   /* INPUTS */
+
+  /* Remove the reset button in active inputs */
+  input[type='search']::-webkit-search-cancel-button,
   input[type='number']::-webkit-inner-spin-button,
   input[type='number']::-webkit-outer-spin-button {
-    appearance: none;
+    @apply appearance-none;
   }
-
   input[type='password']::-ms-reveal {
     display: none;
   }
@@ -114,14 +121,4 @@
     @apply justify-between;
     @apply uppercase;
   }
-
-  /* SCROLLS */
-  .scrollbar-hide::-webkit-scrollbar {
-    display: none;
-  }
-
-  .scrollbar-hide {
-    -ms-overflow-style: none;
-    scrollbar-width: none;
-  }
 }

package/tailwind/colors.d.ts

@@ -0,0 +1,38 @@
+export declare const COLORS: {
+    current: string;
+    transparent: string;
+    inherit: string;
+    black: string;
+    'black-active': string;
+    ultramarine: string;
+    'ultramarine-active': string;
+    lavender: string;
+    'lavender-active': string;
+    verdigris: string;
+    'verdigris-active': string;
+    sand: string;
+    'sand-active': string;
+    lightSand: string;
+    'lightSand-active': string;
+    saffron: string;
+    'saffron-active': string;
+    sienna: string;
+    'sienna-active': string;
+    wave: string;
+    'wave-active': string;
+    marygold: string;
+    'marygold-active': string;
+    white: string;
+    'white-active': string;
+    darkGrey: string;
+    middleGrey: string;
+    grey: string;
+    lightGrey: string;
+    pearl: string;
+    green: string;
+    'green-active': string;
+    red: string;
+    'red-active': string;
+    orange: string;
+    'orange-active': string;
+};

package/tailwind/colors.js

@@ -0,0 +1,44 @@
+const a = {
+  current: "currentColor",
+  transparent: "transparent",
+  inherit: "inherit",
+  /* BRAND */
+  black: "hsl(var(--color-black) / <alpha-value>)",
+  "black-active": "hsl(var(--color-black-active) / <alpha-value>)",
+  ultramarine: "hsl(var(--color-ultramarine) / <alpha-value>)",
+  "ultramarine-active": "hsl(var(--color-ultramarine-active) / <alpha-value>)",
+  lavender: "hsl(var(--color-lavender) / <alpha-value>)",
+  "lavender-active": "hsl(var(--color-lavender-active) / <alpha-value>)",
+  verdigris: "hsl(var(--color-verdigris) / <alpha-value>)",
+  "verdigris-active": "hsl(var(--color-verdigris-active) / <alpha-value>)",
+  sand: "hsl(var(--color-sand) / <alpha-value>)",
+  "sand-active": "hsl(var(--color-sand-active) / <alpha-value>)",
+  lightSand: "hsl(var(--color-lightSand) / <alpha-value>)",
+  "lightSand-active": "hsl(var(--color-lightSand-active) / <alpha-value>)",
+  saffron: "hsl(var(--color-saffron) / <alpha-value>)",
+  "saffron-active": "hsl(var(--color-saffron-active) / <alpha-value>)",
+  sienna: "hsl(var(--color-sienna) / <alpha-value>)",
+  "sienna-active": "hsl(var(--color-sienna-active) / <alpha-value>)",
+  wave: "hsl(var(--color-wave) / <alpha-value>)",
+  "wave-active": "hsl(var(--color-wave-active) / <alpha-value>)",
+  marygold: "hsl(var(--color-marygold) / <alpha-value>)",
+  "marygold-active": "hsl(var(--color-marygold-active) / <alpha-value>)",
+  white: "hsl(var(--color-white) / <alpha-value>)",
+  "white-active": "hsl(var(--color-white-active) / <alpha-value>)",
+  /* LAYOUT */
+  darkGrey: "hsl(var(--color-darkGrey) / <alpha-value>)",
+  middleGrey: "hsl(var(--color-middleGrey) / <alpha-value>)",
+  grey: "hsl(var(--color-grey) / <alpha-value>)",
+  lightGrey: "hsl(var(--color-lightGrey) / <alpha-value>)",
+  pearl: "hsl(var(--color-pearl) / <alpha-value>)",
+  green: "hsl(var(--color-green) / <alpha-value>)",
+  "green-active": "hsl(var(--color-green-active) / <alpha-value>)",
+  red: "hsl(var(--color-red) / <alpha-value>)",
+  "red-active": "hsl(var(--color-red-active) / <alpha-value>)",
+  orange: "hsl(var(--color-orange) / <alpha-value>)",
+  "orange-active": "hsl(var(--color-orange-active) / <alpha-value>)"
+};
+export {
+  a as COLORS
+};
+//# sourceMappingURL=colors.js.map

package/tailwind/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sources":["../../lib/tailwind/colors.ts"],"sourcesContent":["export const COLORS = {\n  current: 'currentColor',\n  transparent: 'transparent',\n  inherit: 'inherit',\n\n  /* BRAND */\n  black: 'hsl(var(--color-black) / <alpha-value>)',\n  'black-active': 'hsl(var(--color-black-active) / <alpha-value>)',\n  ultramarine: 'hsl(var(--color-ultramarine) / <alpha-value>)',\n  'ultramarine-active': 'hsl(var(--color-ultramarine-active) / <alpha-value>)',\n  lavender: 'hsl(var(--color-lavender) / <alpha-value>)',\n  'lavender-active': 'hsl(var(--color-lavender-active) / <alpha-value>)',\n  verdigris: 'hsl(var(--color-verdigris) / <alpha-value>)',\n  'verdigris-active': 'hsl(var(--color-verdigris-active) / <alpha-value>)',\n  sand: 'hsl(var(--color-sand) / <alpha-value>)',\n  'sand-active': 'hsl(var(--color-sand-active) / <alpha-value>)',\n  lightSand: 'hsl(var(--color-lightSand) / <alpha-value>)',\n  'lightSand-active': 'hsl(var(--color-lightSand-active) / <alpha-value>)',\n  saffron: 'hsl(var(--color-saffron) / <alpha-value>)',\n  'saffron-active': 'hsl(var(--color-saffron-active) / <alpha-value>)',\n  sienna: 'hsl(var(--color-sienna) / <alpha-value>)',\n  'sienna-active': 'hsl(var(--color-sienna-active) / <alpha-value>)',\n  wave: 'hsl(var(--color-wave) / <alpha-value>)',\n  'wave-active': 'hsl(var(--color-wave-active) / <alpha-value>)',\n  marygold: 'hsl(var(--color-marygold) / <alpha-value>)',\n  'marygold-active': 'hsl(var(--color-marygold-active) / <alpha-value>)',\n  white: 'hsl(var(--color-white) / <alpha-value>)',\n  'white-active': 'hsl(var(--color-white-active) / <alpha-value>)',\n\n  /* LAYOUT */\n  darkGrey: 'hsl(var(--color-darkGrey) / <alpha-value>)',\n  middleGrey: 'hsl(var(--color-middleGrey) / <alpha-value>)',\n  grey: 'hsl(var(--color-grey) / <alpha-value>)',\n  lightGrey: 'hsl(var(--color-lightGrey) / <alpha-value>)',\n  pearl: 'hsl(var(--color-pearl) / <alpha-value>)',\n  green: 'hsl(var(--color-green) / <alpha-value>)',\n  'green-active': 'hsl(var(--color-green-active) / <alpha-value>)',\n  red: 'hsl(var(--color-red) / <alpha-value>)',\n  'red-active': 'hsl(var(--color-red-active) / <alpha-value>)',\n  orange: 'hsl(var(--color-orange) / <alpha-value>)',\n  'orange-active': 'hsl(var(--color-orange-active) / <alpha-value>)',\n};\n"],"names":["COLORS"],"mappings":"AAAO,MAAMA,IAAS;AAAA,EACpB,SAAS;AAAA,EACT,aAAa;AAAA,EACb,SAAS;AAAA;AAAA,EAGT,OAAO;AAAA,EACP,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,sBAAsB;AAAA,EACtB,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,WAAW;AAAA,EACX,oBAAoB;AAAA,EACpB,MAAM;AAAA,EACN,eAAe;AAAA,EACf,WAAW;AAAA,EACX,oBAAoB;AAAA,EACpB,SAAS;AAAA,EACT,kBAAkB;AAAA,EAClB,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,MAAM;AAAA,EACN,eAAe;AAAA,EACf,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,OAAO;AAAA,EACP,gBAAgB;AAAA;AAAA,EAGhB,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,WAAW;AAAA,EACX,OAAO;AAAA,EACP,OAAO;AAAA,EACP,gBAAgB;AAAA,EAChB,KAAK;AAAA,EACL,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,iBAAiB;AACnB;"}

package/tailwind/plugins/animationDelay.d.ts

@@ -0,0 +1,4 @@
+export declare const animationDelay: {
+    handler: import("tailwindcss/types/config").PluginCreator;
+    config?: Partial<import("tailwindcss/types/config").Config> | undefined;
+};

package/tailwind/plugins/animationDelay.js

@@ -0,0 +1,15 @@
+import { p as o } from "../../chunks/plugin.js";
+const e = o(({ matchUtilities: a, theme: i }) => {
+  a(
+    {
+      "animation-delay": (n) => ({
+        animationDelay: n
+      })
+    },
+    { values: i("animationDelay") }
+  );
+});
+export {
+  e as animationDelay
+};
+//# sourceMappingURL=animationDelay.js.map

package/tailwind/plugins/animationDelay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animationDelay.js","sources":["../../../lib/tailwind/plugins/animationDelay.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin';\n\nexport const animationDelay = plugin(({ matchUtilities, theme }) => {\n  matchUtilities(\n    {\n      'animation-delay': (value) => ({\n        animationDelay: value,\n      }),\n    },\n    { values: theme('animationDelay') },\n  );\n});\n"],"names":["animationDelay","plugin","matchUtilities","theme","value"],"mappings":";AAEO,MAAMA,IAAiBC,EAAO,CAAC,EAAE,gBAAAC,GAAgB,OAAAC,QAAY;AAClE,EAAAD;AAAA,IACE;AAAA,MACE,mBAAmB,CAACE,OAAW;AAAA,QAC7B,gBAAgBA;AAAA,MAAA;AAAA,IAEpB;AAAA,IACA,EAAE,QAAQD,EAAM,gBAAgB,EAAE;AAAA,EAAA;AAEtC,CAAC;"}

package/tailwind/plugins/hocus.d.ts

@@ -0,0 +1,4 @@
+export declare const hocus: {
+    handler: import("tailwindcss/types/config").PluginCreator;
+    config?: Partial<import("tailwindcss/types/config").Config> | undefined;
+};

package/tailwind/plugins/hocus.js

@@ -0,0 +1,11 @@
+import { p as e } from "../../chunks/plugin.js";
+const i = e(({ addVariant: o }) => {
+  o("hocus", [
+    "@media (hover:hover) and (pointer: fine) { &:hover }",
+    "@media (hover:hover) and (pointer: fine) { &:focus }"
+  ]);
+});
+export {
+  i as hocus
+};
+//# sourceMappingURL=hocus.js.map

package/tailwind/plugins/hocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hocus.js","sources":["../../../lib/tailwind/plugins/hocus.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin';\n\nexport const hocus = plugin(({ addVariant }) => {\n  addVariant('hocus', [\n    '@media (hover:hover) and (pointer: fine) { &:hover }',\n    '@media (hover:hover) and (pointer: fine) { &:focus }',\n  ]);\n});\n"],"names":["hocus","plugin","addVariant"],"mappings":";AAEO,MAAMA,IAAQC,EAAO,CAAC,EAAE,YAAAC,QAAiB;AAC9C,EAAAA,EAAW,SAAS;AAAA,IAClB;AAAA,IACA;AAAA,EAAA,CACD;AACH,CAAC;"}

package/tailwind/plugins/lineClampFix.d.ts

@@ -0,0 +1,4 @@
+export declare const lineClampSafariFix: {
+    handler: import("tailwindcss/types/config").PluginCreator;
+    config?: Partial<import("tailwindcss/types/config").Config> | undefined;
+};

package/tailwind/plugins/lineClampFix.js

@@ -0,0 +1,13 @@
+import { p as a } from "../../chunks/plugin.js";
+const n = 7, p = a(({ addUtilities: t }) => {
+  const l = {};
+  for (let i = 1; i <= n; i++)
+    l[`.line-clamp-${i}`] = {
+      maxHeight: `${i}lh`
+    };
+  t(l);
+});
+export {
+  p as lineClampSafariFix
+};
+//# sourceMappingURL=lineClampFix.js.map

package/tailwind/plugins/lineClampFix.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lineClampFix.js","sources":["../../../lib/tailwind/plugins/lineClampFix.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin';\nimport type { CSSRuleObject } from 'tailwindcss/types/config';\n\nconst MAX_LINE_CLAMP = 7;\n\nexport const lineClampSafariFix = plugin(({ addUtilities }) => {\n  const lineclampUtility: CSSRuleObject = {};\n\n  // Generate dynamic classes for line clamp\n  for (let i = 1; i <= MAX_LINE_CLAMP; i++) {\n    lineclampUtility[`.line-clamp-${i}`] = {\n      maxHeight: `${i}lh`,\n    };\n  }\n\n  addUtilities(lineclampUtility);\n});\n"],"names":["MAX_LINE_CLAMP","lineClampSafariFix","plugin","addUtilities","lineclampUtility"],"mappings":";AAGA,MAAMA,IAAiB,GAEVC,IAAqBC,EAAO,CAAC,EAAE,cAAAC,QAAmB;AAC7D,QAAMC,IAAkC,CAAA;AAGxC,WAAS,IAAI,GAAG,KAAKJ,GAAgB;AAClB,IAAAI,EAAA,eAAe,CAAC,EAAE,IAAI;AAAA,MACrC,WAAW,GAAG,CAAC;AAAA,IAAA;AAInB,EAAAD,EAAaC,CAAgB;AAC/B,CAAC;"}

package/tailwind/plugins/popover.d.ts

@@ -0,0 +1,4 @@
+export declare const popover: {
+    handler: import("tailwindcss/types/config").PluginCreator;
+    config?: Partial<import("tailwindcss/types/config").Config> | undefined;
+};

package/tailwind/plugins/popover.js

@@ -0,0 +1,8 @@
+import { p } from "../../chunks/plugin.js";
+const r = p(({ addVariant: o }) => {
+  o("open", "&:popover-open");
+});
+export {
+  r as popover
+};
+//# sourceMappingURL=popover.js.map

package/tailwind/plugins/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sources":["../../../lib/tailwind/plugins/popover.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin';\n\nexport const popover = plugin(({ addVariant }) => {\n  addVariant('open', '&:popover-open');\n});\n"],"names":["popover","plugin","addVariant"],"mappings":";AAEO,MAAMA,IAAUC,EAAO,CAAC,EAAE,YAAAC,QAAiB;AAChD,EAAAA,EAAW,QAAQ,gBAAgB;AACrC,CAAC;"}

package/tailwind/plugins/startingStyle.d.ts

@@ -0,0 +1,4 @@
+export declare const startingStyle: {
+    handler: import("tailwindcss/types/config").PluginCreator;
+    config?: Partial<import("tailwindcss/types/config").Config> | undefined;
+};

package/tailwind/plugins/startingStyle.js

@@ -0,0 +1,8 @@
+import { p as r } from "../../chunks/plugin.js";
+const i = r(({ addVariant: t }) => {
+  t("starting", "@starting-style");
+});
+export {
+  i as startingStyle
+};
+//# sourceMappingURL=startingStyle.js.map

package/tailwind/plugins/startingStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"startingStyle.js","sources":["../../../lib/tailwind/plugins/startingStyle.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin';\n\nexport const startingStyle = plugin(({ addVariant }) => {\n  addVariant('starting', '@starting-style');\n});\n"],"names":["startingStyle","plugin","addVariant"],"mappings":";AAEO,MAAMA,IAAgBC,EAAO,CAAC,EAAE,YAAAC,QAAiB;AACtD,EAAAA,EAAW,YAAY,iBAAiB;AAC1C,CAAC;"}

package/tailwind/plugins/transitionBehavior.d.ts

@@ -0,0 +1,4 @@
+export declare const transitionBehavior: {
+    handler: import("tailwindcss/types/config").PluginCreator;
+    config?: Partial<import("tailwindcss/types/config").Config> | undefined;
+};

package/tailwind/plugins/transitionBehavior.js

@@ -0,0 +1,11 @@
+import { p as o } from "../../chunks/plugin.js";
+const t = o(({ addUtilities: i }) => {
+  i({
+    ".transition-discrete": { transitionBehavior: "allow-discrete" },
+    ".transition-normal": { transitionBehavior: "normal" }
+  });
+});
+export {
+  t as transitionBehavior
+};
+//# sourceMappingURL=transitionBehavior.js.map

package/tailwind/plugins/transitionBehavior.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transitionBehavior.js","sources":["../../../lib/tailwind/plugins/transitionBehavior.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin';\n\nexport const transitionBehavior = plugin(({ addUtilities }) => {\n  addUtilities({\n    '.transition-discrete': { transitionBehavior: 'allow-discrete' },\n    '.transition-normal': { transitionBehavior: 'normal' },\n  });\n});\n"],"names":["transitionBehavior","plugin","addUtilities"],"mappings":";AAEO,MAAMA,IAAqBC,EAAO,CAAC,EAAE,cAAAC,QAAmB;AAChD,EAAAA,EAAA;AAAA,IACX,wBAAwB,EAAE,oBAAoB,iBAAiB;AAAA,IAC/D,sBAAsB,EAAE,oBAAoB,SAAS;AAAA,EAAA,CACtD;AACH,CAAC;"}