@clubmed/trident-ui 1.1.1-beta.1 → 1.2.0-beta.2

package/molecules/Forms/Password/Password.js

@@ -1,13 +1,12 @@
-import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
 import { useInternalStatus as M } from "../../../hooks/useInternalStatus.js";
-import { c as f } from "../../../index-Cu0xwYjD.js";
+import { c as f } from "../../../chunks/index.js";
 import { useId as P, useState as T, useEffect as q } from "react";
 import { useValue as F } from "../../../hooks/useValue.js";
 import { FormControl as z } from "../FormControl.js";
-import { Icon as c } from "../../../atoms/Icons/Icon.js";
-import "../../../atoms/Icons/contexts/IconsContext.js";
+import { Icon as p } from "/builds/clubmed/cm-trident-ui/node_modules/@clubmed/trident-icons/index.js";
 import { ValidationMessage as E } from "./ValidationMessage.js";
-function Q(b) {
+function O(b) {
   const x = P(), {
     id: l = x,
     name: o = l,
@@ -36,7 +35,7 @@ function Q(b) {
     n(t ? "password" : r);
   }, [r, t]);
   const k = () => n(r === "password" ? "text" : "password");
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ c(
     z,
     {
       className: y,
@@ -50,7 +49,7 @@ function Q(b) {
       validationStatus: s ? "default" : e,
       errorMessage: w,
       children: [
-        /* @__PURE__ */ p("div", { className: "relative", children: [
+        /* @__PURE__ */ c("div", { className: "relative", children: [
           /* @__PURE__ */ a(
             "input",
             {
@@ -82,9 +81,9 @@ function Q(b) {
               className: f(
                 "pointer-events-none absolute inset-0 flex items-center justify-between px-20 py-12"
               ),
-              children: /* @__PURE__ */ p("span", { className: "ms-auto flex gap-x-8", children: [
-                !s && e === "error" && /* @__PURE__ */ a(c, { name: "CrossDefault", color: "red", width: "24px" }),
-                !s && e === "success" && /* @__PURE__ */ a(c, { name: "CheckDefault", color: "green", width: "24px" }),
+              children: /* @__PURE__ */ c("span", { className: "ms-auto flex gap-x-8", children: [
+                !s && e === "error" && /* @__PURE__ */ a(p, { name: "CrossDefault", color: "red", width: "24px" }),
+                !s && e === "success" && /* @__PURE__ */ a(p, { name: "CheckDefault", color: "green", width: "24px" }),
                 !t && /* @__PURE__ */ a(
                   "button",
                   {
@@ -92,7 +91,7 @@ function Q(b) {
                     className: "pointer-events-auto size-24 inline-flex",
                     onClick: k,
                     children: /* @__PURE__ */ a(
-                      c,
+                      p,
                       {
                         name: r === "password" ? "Invisible" : "Visible",
                         width: "24px",
@@ -111,6 +110,6 @@ function Q(b) {
   );
 }
 export {
-  Q as Password
+  O as Password
 };
 //# sourceMappingURL=Password.js.map

package/molecules/Forms/Password/Password.js.map

@@ -1 +1 @@
-{"version":3,"file":"Password.js","sources":["../../../../lib/molecules/Forms/Password/Password.tsx"],"sourcesContent":["import { useInternalStatus } from '@/hooks/useInternalStatus';\nimport classnames from 'classnames';\n\nimport { type HTMLInputTypeAttribute, useEffect, useId, useState } from 'react';\n\nimport { useValue } from '@/hooks/useValue';\nimport { FormControl, type FormControlProps } from '../FormControl';\nimport { Icon } from '@/atoms/Icons';\nimport { ValidationMessage } from './ValidationMessage';\n\nexport interface PasswordProps<Value> extends FormControlProps<Value> {\n  validationMessages?: ValidationMessage[];\n  withoutFieldValidation?: boolean;\n}\n\nexport function Password<Value = string>(props: PasswordProps<Value>) {\n  const internalId = useId();\n\n  const {\n    id = internalId,\n    name = id,\n    label,\n    value: initialValue,\n    disabled = false,\n    required = false,\n    hideRequiredStar,\n    validationStatus = 'default',\n    errorMessage,\n    validationMessages = [],\n    withoutFieldValidation = false,\n    className,\n    onChange,\n    dataTestId = 'Password',\n    ...rest\n  } = props;\n\n  const internalStatus = useInternalStatus({\n    isDisabled: disabled,\n    validationStatus,\n  });\n\n  const { value, setValue } = useValue<Value>({\n    name,\n    initialValue,\n    onChange,\n  });\n  const [type, setType] = useState<HTMLInputTypeAttribute>('password');\n\n  useEffect(() => {\n    if (disabled) {\n      setType('password');\n    } else {\n      setType(type);\n    }\n  }, [type, disabled]);\n\n  const toggleType = () => setType(type === 'password' ? 'text' : 'password');\n\n  return (\n    <FormControl\n      className={className}\n      id={id}\n      label={label}\n      dataName=\"Password\"\n      dataTestId={dataTestId}\n      disabled={disabled}\n      required={required}\n      hideRequiredStar={hideRequiredStar}\n      validationStatus={withoutFieldValidation ? 'default' : validationStatus}\n      errorMessage={errorMessage}\n    >\n      <div className=\"relative\">\n        <input\n          {...rest}\n          id={id}\n          name={name}\n          type={type}\n          value={value as any}\n          disabled={disabled}\n          required={required}\n          onChange={(e) => setValue(e.target.value as Value)}\n          className={classnames(\n            'text-b3 rounded-pill w-full border ps-20 py-[11px] font-normal outline-none',\n            {\n              'border-lightGrey focus:border-black active:border-black pe-[52px]':\n                (withoutFieldValidation || validationStatus === 'default') &&\n                internalStatus !== 'disabled',\n              'bg-white text-black': internalStatus !== 'disabled',\n              'bg-pearl text-grey': internalStatus === 'disabled',\n              'pe-[84px]':\n                !withoutFieldValidation &&\n                (validationStatus === 'error' || validationStatus === 'success'),\n              'border-red': !withoutFieldValidation && validationStatus === 'error',\n              'border-green': !withoutFieldValidation && validationStatus === 'success',\n            },\n          )}\n          aria-label={name}\n        />\n\n        <div\n          className={classnames(\n            'pointer-events-none absolute inset-0 flex items-center justify-between px-20 py-12',\n          )}\n        >\n          <span className=\"ms-auto flex gap-x-8\">\n            {!withoutFieldValidation && validationStatus === 'error' && (\n              <Icon name=\"CrossDefault\" color=\"red\" width=\"24px\" />\n            )}\n\n            {!withoutFieldValidation && validationStatus === 'success' && (\n              <Icon name=\"CheckDefault\" color=\"green\" width=\"24px\" />\n            )}\n\n            {!disabled && (\n              <button\n                type=\"button\"\n                className=\"pointer-events-auto size-24 inline-flex\"\n                onClick={toggleType}\n              >\n                <Icon\n                  name={type === 'password' ? 'Invisible' : 'Visible'}\n                  width=\"24px\"\n                  type=\"svg\"\n                />\n              </button>\n            )}\n          </span>\n        </div>\n      </div>\n\n      {validationMessages.length > 0 && (\n        <div className=\"flex flex-col gap-[10px] mt-8\">\n          {validationMessages.map(({ label, status }, index) => (\n            <ValidationMessage label={label} status={status} key={index} />\n          ))}\n        </div>\n      )}\n    </FormControl>\n  );\n}\n"],"names":["Password","props","internalId","useId","id","name","label","initialValue","disabled","required","hideRequiredStar","validationStatus","errorMessage","validationMessages","withoutFieldValidation","className","onChange","dataTestId","rest","internalStatus","useInternalStatus","value","setValue","useValue","type","setType","useState","useEffect","toggleType","jsxs","FormControl","jsx","e","classnames","Icon","status","index","ValidationMessage"],"mappings":"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"}
+{"version":3,"file":"Password.js","sources":["../../../../lib/molecules/Forms/Password/Password.tsx"],"sourcesContent":["import { useInternalStatus } from '@/hooks/useInternalStatus';\nimport classnames from 'classnames';\n\nimport { type HTMLInputTypeAttribute, useEffect, useId, useState } from 'react';\n\nimport { useValue } from '@/hooks/useValue';\nimport { FormControl, type FormControlProps } from '../FormControl';\nimport { Icon } from '@/atoms/Icons';\nimport { ValidationMessage } from './ValidationMessage';\n\nexport interface PasswordProps<Value> extends FormControlProps<Value> {\n  validationMessages?: ValidationMessage[];\n  withoutFieldValidation?: boolean;\n}\n\nexport function Password<Value = string>(props: PasswordProps<Value>) {\n  const internalId = useId();\n\n  const {\n    id = internalId,\n    name = id,\n    label,\n    value: initialValue,\n    disabled = false,\n    required = false,\n    hideRequiredStar,\n    validationStatus = 'default',\n    errorMessage,\n    validationMessages = [],\n    withoutFieldValidation = false,\n    className,\n    onChange,\n    dataTestId = 'Password',\n    ...rest\n  } = props;\n\n  const internalStatus = useInternalStatus({\n    isDisabled: disabled,\n    validationStatus,\n  });\n\n  const { value, setValue } = useValue<Value>({\n    name,\n    initialValue,\n    onChange,\n  });\n  const [type, setType] = useState<HTMLInputTypeAttribute>('password');\n\n  useEffect(() => {\n    if (disabled) {\n      setType('password');\n    } else {\n      setType(type);\n    }\n  }, [type, disabled]);\n\n  const toggleType = () => setType(type === 'password' ? 'text' : 'password');\n\n  return (\n    <FormControl\n      className={className}\n      id={id}\n      label={label}\n      dataName=\"Password\"\n      dataTestId={dataTestId}\n      disabled={disabled}\n      required={required}\n      hideRequiredStar={hideRequiredStar}\n      validationStatus={withoutFieldValidation ? 'default' : validationStatus}\n      errorMessage={errorMessage}\n    >\n      <div className=\"relative\">\n        <input\n          {...rest}\n          id={id}\n          name={name}\n          type={type}\n          value={value as any}\n          disabled={disabled}\n          required={required}\n          onChange={(e) => setValue(e.target.value as Value)}\n          className={classnames(\n            'text-b3 rounded-pill w-full border ps-20 py-[11px] font-normal outline-none',\n            {\n              'border-lightGrey focus:border-black active:border-black pe-[52px]':\n                (withoutFieldValidation || validationStatus === 'default') &&\n                internalStatus !== 'disabled',\n              'bg-white text-black': internalStatus !== 'disabled',\n              'bg-pearl text-grey': internalStatus === 'disabled',\n              'pe-[84px]':\n                !withoutFieldValidation &&\n                (validationStatus === 'error' || validationStatus === 'success'),\n              'border-red': !withoutFieldValidation && validationStatus === 'error',\n              'border-green': !withoutFieldValidation && validationStatus === 'success',\n            },\n          )}\n          aria-label={name}\n        />\n\n        <div\n          className={classnames(\n            'pointer-events-none absolute inset-0 flex items-center justify-between px-20 py-12',\n          )}\n        >\n          <span className=\"ms-auto flex gap-x-8\">\n            {!withoutFieldValidation && validationStatus === 'error' && (\n              <Icon name=\"CrossDefault\" color=\"red\" width=\"24px\" />\n            )}\n\n            {!withoutFieldValidation && validationStatus === 'success' && (\n              <Icon name=\"CheckDefault\" color=\"green\" width=\"24px\" />\n            )}\n\n            {!disabled && (\n              <button\n                type=\"button\"\n                className=\"pointer-events-auto size-24 inline-flex\"\n                onClick={toggleType}\n              >\n                <Icon\n                  name={type === 'password' ? 'Invisible' : 'Visible'}\n                  width=\"24px\"\n                  type=\"svg\"\n                />\n              </button>\n            )}\n          </span>\n        </div>\n      </div>\n\n      {validationMessages.length > 0 && (\n        <div className=\"flex flex-col gap-[10px] mt-8\">\n          {validationMessages.map(({ label, status }, index) => (\n            <ValidationMessage label={label} status={status} key={index} />\n          ))}\n        </div>\n      )}\n    </FormControl>\n  );\n}\n"],"names":["Password","props","internalId","useId","id","name","label","initialValue","disabled","required","hideRequiredStar","validationStatus","errorMessage","validationMessages","withoutFieldValidation","className","onChange","dataTestId","rest","internalStatus","useInternalStatus","value","setValue","useValue","type","setType","useState","useEffect","toggleType","jsxs","FormControl","jsx","e","classnames","Icon","status","index","ValidationMessage"],"mappings":"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"}

package/molecules/Forms/Password/ValidationMessage.js

@@ -1,8 +1,7 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { c as s } from "../../../index-Cu0xwYjD.js";
-import { Icon as t } from "../../../atoms/Icons/Icon.js";
-import "../../../atoms/Icons/contexts/IconsContext.js";
-const a = {
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { c as s } from "../../../chunks/index.js";
+import { Icon as a } from "/builds/clubmed/cm-trident-ui/node_modules/@clubmed/trident-icons/index.js";
+const t = {
   default: {
     iconName: "Edit",
     iconColor: "middleGrey"
@@ -16,14 +15,14 @@ const a = {
     iconColor: "green"
   }
 };
-function x({ label: r, status: c }) {
-  const { iconName: i, iconColor: o } = a[c];
-  return /* @__PURE__ */ n("div", { className: "flex gap-[6px] px-20 items-center", children: [
-    /* @__PURE__ */ e(t, { name: i, width: "30px", color: o }),
+function p({ label: r, status: c }) {
+  const { iconName: n, iconColor: o } = t[c];
+  return /* @__PURE__ */ i("div", { className: "flex gap-[6px] px-20 items-center", children: [
+    /* @__PURE__ */ e(a, { name: n, width: "30px", color: o }),
     /* @__PURE__ */ e("span", { className: s("text-b3", `text-${o}`), children: r })
   ] });
 }
 export {
-  x as ValidationMessage
+  p as ValidationMessage
 };
 //# sourceMappingURL=ValidationMessage.js.map

package/molecules/Forms/Password/ValidationMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValidationMessage.js","sources":["../../../../lib/molecules/Forms/Password/ValidationMessage.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport { Icon } from '@/atoms/Icons';\nimport type { ValidationStatus } from '@/hooks/useInternalStatus';\n\nexport interface ValidationMessage {\n  label: string;\n  status: ValidationStatus;\n}\n\nconst ICON_PROPS = {\n  default: {\n    iconName: 'Edit',\n    iconColor: 'middleGrey',\n  },\n  error: {\n    iconName: 'Error',\n    iconColor: 'red',\n  },\n  success: {\n    iconName: 'CheckDefault',\n    iconColor: 'green',\n  },\n};\n\nexport function ValidationMessage({ label, status }: ValidationMessage) {\n  const { iconName, iconColor } = ICON_PROPS[status];\n\n  return (\n    <div className=\"flex gap-[6px] px-20 items-center\">\n      <Icon name={iconName} width=\"30px\" color={iconColor} />\n      <span className={classnames('text-b3', `text-${iconColor}`)}>{label}</span>\n    </div>\n  );\n}\n"],"names":["ICON_PROPS","ValidationMessage","label","status","iconName","iconColor","jsxs","jsx","Icon","classnames"],"mappings":";;;;AASA,MAAMA,IAAa;AAAA,EACjB,SAAS;AAAA,IACP,UAAU;AAAA,IACV,WAAW;AAAA,EACb;AAAA,EACA,OAAO;AAAA,IACL,UAAU;AAAA,IACV,WAAW;AAAA,EACb;AAAA,EACA,SAAS;AAAA,IACP,UAAU;AAAA,IACV,WAAW;AAAA,EACb;AACF;AAEO,SAASC,EAAkB,EAAE,OAAAC,GAAO,QAAAC,KAA6B;AACtE,QAAM,EAAE,UAAAC,GAAU,WAAAC,EAAU,IAAIL,EAAWG,CAAM;AAG/C,SAAA,gBAAAG,EAAC,OAAI,EAAA,WAAU,qCACb,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAK,MAAMJ,GAAU,OAAM,QAAO,OAAOC,GAAW;AAAA,IACrD,gBAAAE,EAAC,UAAK,WAAWE,EAAW,WAAW,QAAQJ,CAAS,EAAE,GAAI,UAAMH,EAAA,CAAA;AAAA,EACtE,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"ValidationMessage.js","sources":["../../../../lib/molecules/Forms/Password/ValidationMessage.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport { Icon } from '@/atoms/Icons';\nimport type { ValidationStatus } from '@/hooks/useInternalStatus';\n\nexport interface ValidationMessage {\n  label: string;\n  status: ValidationStatus;\n}\n\nconst ICON_PROPS = {\n  default: {\n    iconName: 'Edit',\n    iconColor: 'middleGrey',\n  },\n  error: {\n    iconName: 'Error',\n    iconColor: 'red',\n  },\n  success: {\n    iconName: 'CheckDefault',\n    iconColor: 'green',\n  },\n};\n\nexport function ValidationMessage({ label, status }: ValidationMessage) {\n  const { iconName, iconColor } = ICON_PROPS[status];\n\n  return (\n    <div className=\"flex gap-[6px] px-20 items-center\">\n      <Icon name={iconName} width=\"30px\" color={iconColor} />\n      <span className={classnames('text-b3', `text-${iconColor}`)}>{label}</span>\n    </div>\n  );\n}\n"],"names":["ICON_PROPS","ValidationMessage","label","status","iconName","iconColor","jsxs","jsx","Icon","classnames"],"mappings":";;;AASA,MAAMA,IAAa;AAAA,EACjB,SAAS;AAAA,IACP,UAAU;AAAA,IACV,WAAW;AAAA,EACb;AAAA,EACA,OAAO;AAAA,IACL,UAAU;AAAA,IACV,WAAW;AAAA,EACb;AAAA,EACA,SAAS;AAAA,IACP,UAAU;AAAA,IACV,WAAW;AAAA,EACb;AACF;AAEO,SAASC,EAAkB,EAAE,OAAAC,GAAO,QAAAC,KAA6B;AACtE,QAAM,EAAE,UAAAC,GAAU,WAAAC,EAAU,IAAIL,EAAWG,CAAM;AAG/C,SAAA,gBAAAG,EAAC,OAAI,EAAA,WAAU,qCACb,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAK,MAAMJ,GAAU,OAAM,QAAO,OAAOC,GAAW;AAAA,IACrD,gBAAAE,EAAC,UAAK,WAAWE,EAAW,WAAW,QAAQJ,CAAS,EAAE,GAAI,UAAMH,EAAA,CAAA;AAAA,EACtE,EAAA,CAAA;AAEJ;"}

package/molecules/Forms/Radios/Radio.js

@@ -1,8 +1,8 @@
 import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { c as b } from "../../../index-Cu0xwYjD.js";
+import { c as b } from "../../../chunks/index.js";
 import { useId as k } from "react";
 import { useValue as w } from "../../../hooks/useValue.js";
-/* empty css                         */
+/* empty css                       */
 function R(d) {
   const n = k(), {
     id: o = n,

package/molecules/Forms/Radios/RadioGroup.js

@@ -1,7 +1,7 @@
 import { jsx as v } from "react/jsx-runtime";
 import { useId as x, Children as I, isValidElement as b, cloneElement as C } from "react";
 import { useValue as h } from "../../../hooks/useValue.js";
-import { c as E } from "../../../index-Cu0xwYjD.js";
+import { c as E } from "../../../chunks/index.js";
 function G(l) {
   const s = x(), {
     id: a = s,

package/molecules/Forms/Range.js

@@ -1,7 +1,7 @@
 import { jsxs as J, jsx as W } from "react/jsx-runtime";
-import { c as fe } from "../../index-Cu0xwYjD.js";
+import { c as fe } from "../../chunks/index.js";
 import { useState as V, useRef as U, useEffect as N, useMemo as de, useId as he } from "react";
-import { g as pe } from "../../_commonjsHelpers-DaMA6jEr.js";
+import { g as pe } from "../../chunks/_commonjsHelpers.js";
 var O = [], be = function() {
   return O.some(function(e) {
     return e.activeTargets.length > 0;

package/molecules/Forms/Select.js

@@ -1,12 +1,11 @@
 import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { c as l } from "../../index-Cu0xwYjD.js";
+import { c as l } from "../../chunks/index.js";
 import { useValue as I } from "../../hooks/useValue.js";
 import { useInternalStatus as S } from "../../hooks/useInternalStatus.js";
 import { FormControl as j } from "./FormControl.js";
-import { Icon as n } from "../../atoms/Icons/Icon.js";
-import "../../atoms/Icons/contexts/IconsContext.js";
+import { Icon as n } from "/builds/clubmed/cm-trident-ui/node_modules/@clubmed/trident-icons/index.js";
 import { useId as T } from "react";
-const B = (p) => {
+const R = (p) => {
   const u = T(), {
     id: t = u,
     name: a = t,
@@ -100,6 +99,6 @@ const B = (p) => {
   );
 };
 export {
-  B as Select
+  R as Select
 };
 //# sourceMappingURL=Select.js.map

package/molecules/Forms/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../lib/molecules/Forms/Select.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport { useValue } from '@/hooks/useValue';\nimport { useInternalStatus } from '@/hooks/useInternalStatus';\nimport { FormControl, type FormControlProps } from './FormControl.js';\nimport { Icon, type IconicTypes } from '@/atoms/Icons';\nimport { type SelectHTMLAttributes, useId } from 'react';\n\nexport interface SelectProps<Value>\n  extends FormControlProps<Value, SelectHTMLAttributes<HTMLSelectElement>> {\n  description?: string;\n  iconType?: IconicTypes;\n  errorMessage?: string;\n  dataTestId?: string;\n}\n\nexport const Select = <Value = string,>(props: SelectProps<Value>) => {\n  const internalId = useId();\n\n  const {\n    id = internalId,\n    name = id,\n    label,\n    value: initialValue,\n    description,\n    validationStatus = 'default',\n    iconType,\n    errorMessage,\n    disabled = false,\n    required = false,\n    hideRequiredStar,\n    className,\n    dataTestId = id,\n    onChange,\n    children,\n    ...rest\n  } = props;\n\n  const { value, setValue } = useValue<Value>({ name, initialValue, onChange });\n  const internalStatus = useInternalStatus({\n    isDisabled: disabled,\n    validationStatus,\n  });\n\n  return (\n    <FormControl\n      id={id}\n      className={className}\n      label={label}\n      description={description}\n      dataName=\"TextField\"\n      dataTestId={dataTestId}\n      disabled={disabled}\n      required={required}\n      hideRequiredStar={hideRequiredStar}\n      validationStatus={validationStatus}\n      errorMessage={errorMessage}\n    >\n      <div\n        className={classnames('relative rounded-pill z-0', {\n          'bg-white': internalStatus !== 'disabled',\n          'bg-pearl': internalStatus === 'disabled',\n        })}\n      >\n        <select\n          {...rest}\n          id={id}\n          name={name}\n          disabled={disabled}\n          required={required}\n          value={value as any}\n          onChange={(e) => setValue(e.target.value as Value)}\n          className={classnames(\n            'text-b3 rounded-pill w-full border px-20 py-12 font-normal outline-none appearance-none bg-transparent',\n            {\n              'border-lightGrey focus:border-black active:border-black pe-[52px]':\n                internalStatus === 'default',\n              'pe-[84px]': internalStatus === 'error' || internalStatus === 'success',\n              'text-black': internalStatus !== 'disabled',\n              'text-grey': internalStatus === 'disabled',\n              'border-red': internalStatus === 'error',\n              'border-green': internalStatus === 'success',\n            },\n          )}\n          aria-label={name}\n        >\n          {children}\n        </select>\n\n        <div\n          className={classnames(\n            'pointer-events-none absolute inset-0 flex items-center justify-between px-20 py-12 -z-1',\n            {\n              'text-grey': internalStatus === 'disabled',\n              'text-red': internalStatus === 'error',\n              'text-green': internalStatus === 'success',\n            },\n          )}\n        >\n          <span className=\"ms-auto flex gap-x-8\">\n            {internalStatus === 'error' && (\n              <Icon name=\"CrossDefault\" width=\"24px\" type={iconType} />\n            )}\n\n            {internalStatus === 'success' && (\n              <Icon name=\"CheckDefault\" width=\"24px\" type={iconType} />\n            )}\n\n            <button className=\"pointer-events-auto inline-flex\">\n              <Icon name=\"ArrowDefaultDown\" type=\"svg\" width=\"24px\" color=\"black\" />\n            </button>\n          </span>\n        </div>\n      </div>\n    </FormControl>\n  );\n};\n"],"names":["Select","props","internalId","useId","id","name","label","initialValue","description","validationStatus","iconType","errorMessage","disabled","required","hideRequiredStar","className","dataTestId","onChange","children","rest","value","setValue","useValue","internalStatus","useInternalStatus","jsx","FormControl","jsxs","classnames","e","Icon"],"mappings":";;;;;;;;AAea,MAAAA,IAAS,CAAkBC,MAA8B;AACpE,QAAMC,IAAaC,KAEb;AAAA,IACJ,IAAAC,IAAKF;AAAA,IACL,MAAAG,IAAOD;AAAA,IACP,OAAAE;AAAA,IACA,OAAOC;AAAA,IACP,aAAAC;AAAA,IACA,kBAAAC,IAAmB;AAAA,IACnB,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,kBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC,IAAaZ;AAAA,IACb,UAAAa;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAlB,GAEE,EAAE,OAAAmB,GAAO,UAAAC,MAAaC,EAAgB,EAAE,MAAAjB,GAAM,cAAAE,GAAc,UAAAU,EAAA,CAAU,GACtEM,IAAiBC,EAAkB;AAAA,IACvC,YAAYZ;AAAA,IACZ,kBAAAH;AAAA,EAAA,CACD;AAGC,SAAA,gBAAAgB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAAtB;AAAA,MACA,WAAAW;AAAA,MACA,OAAAT;AAAA,MACA,aAAAE;AAAA,MACA,UAAS;AAAA,MACT,YAAAQ;AAAA,MACA,UAAAJ;AAAA,MACA,UAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAL;AAAA,MACA,cAAAE;AAAA,MAEA,UAAA,gBAAAgB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC,EAAW,6BAA6B;AAAA,YACjD,YAAYL,MAAmB;AAAA,YAC/B,YAAYA,MAAmB;AAAA,UAAA,CAChC;AAAA,UAED,UAAA;AAAA,YAAA,gBAAAE;AAAA,cAAC;AAAA,cAAA;AAAA,gBACE,GAAGN;AAAA,gBACJ,IAAAf;AAAA,gBACA,MAAAC;AAAA,gBACA,UAAAO;AAAA,gBACA,UAAAC;AAAA,gBACA,OAAAO;AAAA,gBACA,UAAU,CAACS,MAAMR,EAASQ,EAAE,OAAO,KAAc;AAAA,gBACjD,WAAWD;AAAA,kBACT;AAAA,kBACA;AAAA,oBACE,qEACEL,MAAmB;AAAA,oBACrB,aAAaA,MAAmB,WAAWA,MAAmB;AAAA,oBAC9D,cAAcA,MAAmB;AAAA,oBACjC,aAAaA,MAAmB;AAAA,oBAChC,cAAcA,MAAmB;AAAA,oBACjC,gBAAgBA,MAAmB;AAAA,kBACrC;AAAA,gBACF;AAAA,gBACA,cAAYlB;AAAA,gBAEX,UAAAa;AAAA,cAAA;AAAA,YACH;AAAA,YAEA,gBAAAO;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWG;AAAA,kBACT;AAAA,kBACA;AAAA,oBACE,aAAaL,MAAmB;AAAA,oBAChC,YAAYA,MAAmB;AAAA,oBAC/B,cAAcA,MAAmB;AAAA,kBACnC;AAAA,gBACF;AAAA,gBAEA,UAAA,gBAAAI,EAAC,QAAK,EAAA,WAAU,wBACb,UAAA;AAAA,kBAAmBJ,MAAA,6BACjBO,GAAK,EAAA,MAAK,gBAAe,OAAM,QAAO,MAAMpB,EAAU,CAAA;AAAA,kBAGxDa,MAAmB,aACjB,gBAAAE,EAAAK,GAAA,EAAK,MAAK,gBAAe,OAAM,QAAO,MAAMpB,EAAU,CAAA;AAAA,kBAGxD,gBAAAe,EAAA,UAAA,EAAO,WAAU,mCAChB,4BAACK,GAAK,EAAA,MAAK,oBAAmB,MAAK,OAAM,OAAM,QAAO,OAAM,QAAQ,CAAA,GACtE;AAAA,gBAAA,GACF;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Select.js","sources":["../../../lib/molecules/Forms/Select.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport { useValue } from '@/hooks/useValue';\nimport { useInternalStatus } from '@/hooks/useInternalStatus';\nimport { FormControl, type FormControlProps } from './FormControl.js';\nimport { Icon, type IconicTypes } from '@/atoms/Icons';\nimport { type SelectHTMLAttributes, useId } from 'react';\n\nexport interface SelectProps<Value>\n  extends FormControlProps<Value, SelectHTMLAttributes<HTMLSelectElement>> {\n  description?: string;\n  iconType?: IconicTypes;\n  errorMessage?: string;\n  dataTestId?: string;\n}\n\nexport const Select = <Value = string,>(props: SelectProps<Value>) => {\n  const internalId = useId();\n\n  const {\n    id = internalId,\n    name = id,\n    label,\n    value: initialValue,\n    description,\n    validationStatus = 'default',\n    iconType,\n    errorMessage,\n    disabled = false,\n    required = false,\n    hideRequiredStar,\n    className,\n    dataTestId = id,\n    onChange,\n    children,\n    ...rest\n  } = props;\n\n  const { value, setValue } = useValue<Value>({ name, initialValue, onChange });\n  const internalStatus = useInternalStatus({\n    isDisabled: disabled,\n    validationStatus,\n  });\n\n  return (\n    <FormControl\n      id={id}\n      className={className}\n      label={label}\n      description={description}\n      dataName=\"TextField\"\n      dataTestId={dataTestId}\n      disabled={disabled}\n      required={required}\n      hideRequiredStar={hideRequiredStar}\n      validationStatus={validationStatus}\n      errorMessage={errorMessage}\n    >\n      <div\n        className={classnames('relative rounded-pill z-0', {\n          'bg-white': internalStatus !== 'disabled',\n          'bg-pearl': internalStatus === 'disabled',\n        })}\n      >\n        <select\n          {...rest}\n          id={id}\n          name={name}\n          disabled={disabled}\n          required={required}\n          value={value as any}\n          onChange={(e) => setValue(e.target.value as Value)}\n          className={classnames(\n            'text-b3 rounded-pill w-full border px-20 py-12 font-normal outline-none appearance-none bg-transparent',\n            {\n              'border-lightGrey focus:border-black active:border-black pe-[52px]':\n                internalStatus === 'default',\n              'pe-[84px]': internalStatus === 'error' || internalStatus === 'success',\n              'text-black': internalStatus !== 'disabled',\n              'text-grey': internalStatus === 'disabled',\n              'border-red': internalStatus === 'error',\n              'border-green': internalStatus === 'success',\n            },\n          )}\n          aria-label={name}\n        >\n          {children}\n        </select>\n\n        <div\n          className={classnames(\n            'pointer-events-none absolute inset-0 flex items-center justify-between px-20 py-12 -z-1',\n            {\n              'text-grey': internalStatus === 'disabled',\n              'text-red': internalStatus === 'error',\n              'text-green': internalStatus === 'success',\n            },\n          )}\n        >\n          <span className=\"ms-auto flex gap-x-8\">\n            {internalStatus === 'error' && (\n              <Icon name=\"CrossDefault\" width=\"24px\" type={iconType} />\n            )}\n\n            {internalStatus === 'success' && (\n              <Icon name=\"CheckDefault\" width=\"24px\" type={iconType} />\n            )}\n\n            <button className=\"pointer-events-auto inline-flex\">\n              <Icon name=\"ArrowDefaultDown\" type=\"svg\" width=\"24px\" color=\"black\" />\n            </button>\n          </span>\n        </div>\n      </div>\n    </FormControl>\n  );\n};\n"],"names":["Select","props","internalId","useId","id","name","label","initialValue","description","validationStatus","iconType","errorMessage","disabled","required","hideRequiredStar","className","dataTestId","onChange","children","rest","value","setValue","useValue","internalStatus","useInternalStatus","jsx","FormControl","jsxs","classnames","e","Icon"],"mappings":";;;;;;;AAea,MAAAA,IAAS,CAAkBC,MAA8B;AACpE,QAAMC,IAAaC,KAEb;AAAA,IACJ,IAAAC,IAAKF;AAAA,IACL,MAAAG,IAAOD;AAAA,IACP,OAAAE;AAAA,IACA,OAAOC;AAAA,IACP,aAAAC;AAAA,IACA,kBAAAC,IAAmB;AAAA,IACnB,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,kBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC,IAAaZ;AAAA,IACb,UAAAa;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAlB,GAEE,EAAE,OAAAmB,GAAO,UAAAC,MAAaC,EAAgB,EAAE,MAAAjB,GAAM,cAAAE,GAAc,UAAAU,EAAA,CAAU,GACtEM,IAAiBC,EAAkB;AAAA,IACvC,YAAYZ;AAAA,IACZ,kBAAAH;AAAA,EAAA,CACD;AAGC,SAAA,gBAAAgB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAAtB;AAAA,MACA,WAAAW;AAAA,MACA,OAAAT;AAAA,MACA,aAAAE;AAAA,MACA,UAAS;AAAA,MACT,YAAAQ;AAAA,MACA,UAAAJ;AAAA,MACA,UAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAL;AAAA,MACA,cAAAE;AAAA,MAEA,UAAA,gBAAAgB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC,EAAW,6BAA6B;AAAA,YACjD,YAAYL,MAAmB;AAAA,YAC/B,YAAYA,MAAmB;AAAA,UAAA,CAChC;AAAA,UAED,UAAA;AAAA,YAAA,gBAAAE;AAAA,cAAC;AAAA,cAAA;AAAA,gBACE,GAAGN;AAAA,gBACJ,IAAAf;AAAA,gBACA,MAAAC;AAAA,gBACA,UAAAO;AAAA,gBACA,UAAAC;AAAA,gBACA,OAAAO;AAAA,gBACA,UAAU,CAACS,MAAMR,EAASQ,EAAE,OAAO,KAAc;AAAA,gBACjD,WAAWD;AAAA,kBACT;AAAA,kBACA;AAAA,oBACE,qEACEL,MAAmB;AAAA,oBACrB,aAAaA,MAAmB,WAAWA,MAAmB;AAAA,oBAC9D,cAAcA,MAAmB;AAAA,oBACjC,aAAaA,MAAmB;AAAA,oBAChC,cAAcA,MAAmB;AAAA,oBACjC,gBAAgBA,MAAmB;AAAA,kBACrC;AAAA,gBACF;AAAA,gBACA,cAAYlB;AAAA,gBAEX,UAAAa;AAAA,cAAA;AAAA,YACH;AAAA,YAEA,gBAAAO;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWG;AAAA,kBACT;AAAA,kBACA;AAAA,oBACE,aAAaL,MAAmB;AAAA,oBAChC,YAAYA,MAAmB;AAAA,oBAC/B,cAAcA,MAAmB;AAAA,kBACnC;AAAA,gBACF;AAAA,gBAEA,UAAA,gBAAAI,EAAC,QAAK,EAAA,WAAU,wBACb,UAAA;AAAA,kBAAmBJ,MAAA,6BACjBO,GAAK,EAAA,MAAK,gBAAe,OAAM,QAAO,MAAMpB,EAAU,CAAA;AAAA,kBAGxDa,MAAmB,aACjB,gBAAAE,EAAAK,GAAA,EAAK,MAAK,gBAAe,OAAM,QAAO,MAAMpB,EAAU,CAAA;AAAA,kBAGxD,gBAAAe,EAAA,UAAA,EAAO,WAAU,mCAChB,4BAACK,GAAK,EAAA,MAAK,oBAAmB,MAAK,OAAM,OAAM,QAAO,OAAM,QAAQ,CAAA,GACtE;AAAA,gBAAA,GACF;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/molecules/Forms/Switch.js

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { c as x } from "../../index-Cu0xwYjD.js";
+import { c as x } from "../../chunks/index.js";
 import { useValue as f } from "../../hooks/useValue.js";
-/* empty css                      */
+/* empty css                    */
 import { useId as w } from "react";
 function k(r) {
   const s = w(), {

package/molecules/Forms/TextField.js

@@ -1,12 +1,11 @@
 import { jsx as r, jsxs as o } from "react/jsx-runtime";
-import { c as m } from "../../index-Cu0xwYjD.js";
+import { c as u } from "../../chunks/index.js";
 import { useValue as F } from "../../hooks/useValue.js";
 import { useInternalStatus as S } from "../../hooks/useInternalStatus.js";
 import { FormControl as j } from "./FormControl.js";
-import { Icon as i } from "../../atoms/Icons/Icon.js";
-import "../../atoms/Icons/contexts/IconsContext.js";
+import { Icon as i } from "/builds/clubmed/cm-trident-ui/node_modules/@clubmed/trident-icons/index.js";
 import { useId as D } from "react";
-const E = (u) => {
+const B = (m) => {
   const p = D(), {
     id: t = p,
     name: a = t,
@@ -25,7 +24,7 @@ const E = (u) => {
     onChange: w,
     formatter: N,
     ...C
-  } = u, { value: I, setValue: T } = F({ name: a, initialValue: b, onChange: w, formatter: N }), e = S({
+  } = m, { value: I, setValue: T } = F({ name: a, initialValue: b, onChange: w, formatter: N }), e = S({
     isDisabled: l,
     validationStatus: n
   });
@@ -54,7 +53,7 @@ const E = (u) => {
             required: c,
             value: I,
             onChange: (k) => T(k.target.value),
-            className: m(
+            className: u(
               "text-b3 rounded-pill w-full border px-20 py-12 font-normal outline-none",
               {
                 "border-lightGrey focus:border-black active:border-black": e === "default",
@@ -72,7 +71,7 @@ const E = (u) => {
         /* @__PURE__ */ o(
           "div",
           {
-            className: m(
+            className: u(
               "pointer-events-none absolute inset-0 flex items-center justify-between px-20 py-12",
               {
                 "text-grey": e === "disabled",
@@ -94,6 +93,6 @@ const E = (u) => {
   );
 };
 export {
-  E as TextField
+  B as TextField
 };
 //# sourceMappingURL=TextField.js.map

package/molecules/Forms/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","sources":["../../../lib/molecules/Forms/TextField.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport { useValue, type UseValueProps } from '@/hooks/useValue';\nimport { useInternalStatus } from '@/hooks/useInternalStatus';\nimport { FormControl, type FormControlProps } from './FormControl.js';\nimport { Icon, type IconicNames, type IconicTypes } from '@/atoms/Icons';\nimport { useId } from 'react';\n\nexport interface TextFieldProps<Value> extends FormControlProps<Value> {\n  description?: string;\n  icon?: IconicNames;\n  iconType?: IconicTypes;\n  errorMessage?: string;\n  dataTestId?: string;\n  formatter?: UseValueProps<Value>['formatter'];\n}\n\nexport const TextField = <Value = string,>(props: TextFieldProps<Value>) => {\n  const internalId = useId();\n\n  const {\n    id = internalId,\n    name = id,\n    label,\n    value: initialValue,\n    description,\n    validationStatus = 'default',\n    icon,\n    iconType,\n    errorMessage,\n    disabled = false,\n    required = false,\n    hideRequiredStar,\n    className,\n    dataTestId = 'TextField',\n    onChange,\n    formatter,\n    ...rest\n  } = props;\n\n  const { value, setValue } = useValue<Value>({ name, initialValue, onChange, formatter });\n  const internalStatus = useInternalStatus({\n    isDisabled: disabled,\n    validationStatus,\n  });\n\n  return (\n    <FormControl\n      id={id}\n      label={label}\n      className={className}\n      description={description}\n      dataName=\"TextField\"\n      dataTestId={dataTestId}\n      disabled={disabled}\n      required={required}\n      hideRequiredStar={hideRequiredStar}\n      validationStatus={validationStatus}\n      errorMessage={errorMessage}\n    >\n      <div className=\"relative\">\n        <input\n          {...rest}\n          id={id}\n          name={name}\n          disabled={disabled}\n          required={required}\n          value={value as any}\n          onChange={(e) => setValue(e.target.value as Value)}\n          className={classnames(\n            'text-b3 rounded-pill w-full border px-20 py-12 font-normal outline-none',\n            {\n              'border-lightGrey focus:border-black active:border-black':\n                internalStatus === 'default',\n              'ps-[52px]': icon,\n              'pe-[52px]': internalStatus === 'error' || internalStatus === 'success',\n              'bg-white text-black': internalStatus !== 'disabled',\n              'bg-pearl text-grey': internalStatus === 'disabled',\n              'border-red': internalStatus === 'error',\n              'border-green': internalStatus === 'success',\n            },\n          )}\n          aria-label={name}\n        />\n\n        <div\n          className={classnames(\n            'pointer-events-none absolute inset-0 flex items-center justify-between px-20 py-12',\n            {\n              'text-grey': internalStatus === 'disabled',\n              'text-red': internalStatus === 'error',\n              'text-green': internalStatus === 'success',\n            },\n          )}\n        >\n          {icon && <Icon name={icon} width=\"24px\" />}\n\n          <span className=\"ms-auto flex gap-x-8\">\n            {internalStatus === 'error' && (\n              <Icon name=\"CrossDefault\" width=\"24px\" type={iconType} />\n            )}\n\n            {internalStatus === 'success' && (\n              <Icon name=\"CheckDefault\" width=\"24px\" type={iconType} />\n            )}\n          </span>\n        </div>\n      </div>\n    </FormControl>\n  );\n};\n"],"names":["TextField","props","internalId","useId","id","name","label","initialValue","description","validationStatus","icon","iconType","errorMessage","disabled","required","hideRequiredStar","className","dataTestId","onChange","formatter","rest","value","setValue","useValue","internalStatus","useInternalStatus","jsx","FormControl","jsxs","e","classnames","Icon"],"mappings":";;;;;;;;AAgBa,MAAAA,IAAY,CAAkBC,MAAiC;AAC1E,QAAMC,IAAaC,KAEb;AAAA,IACJ,IAAAC,IAAKF;AAAA,IACL,MAAAG,IAAOD;AAAA,IACP,OAAAE;AAAA,IACA,OAAOC;AAAA,IACP,aAAAC;AAAA,IACA,kBAAAC,IAAmB;AAAA,IACnB,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,kBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAnB,GAEE,EAAE,OAAAoB,GAAO,UAAAC,EAAA,IAAaC,EAAgB,EAAE,MAAAlB,GAAM,cAAAE,GAAc,UAAAW,GAAU,WAAAC,EAAA,CAAW,GACjFK,IAAiBC,EAAkB;AAAA,IACvC,YAAYZ;AAAA,IACZ,kBAAAJ;AAAA,EAAA,CACD;AAGC,SAAA,gBAAAiB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAAvB;AAAA,MACA,OAAAE;AAAA,MACA,WAAAU;AAAA,MACA,aAAAR;AAAA,MACA,UAAS;AAAA,MACT,YAAAS;AAAA,MACA,UAAAJ;AAAA,MACA,UAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAN;AAAA,MACA,cAAAG;AAAA,MAEA,UAAA,gBAAAgB,EAAC,OAAI,EAAA,WAAU,YACb,UAAA;AAAA,QAAA,gBAAAF;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGN;AAAA,YACJ,IAAAhB;AAAA,YACA,MAAAC;AAAA,YACA,UAAAQ;AAAA,YACA,UAAAC;AAAA,YACA,OAAAO;AAAA,YACA,UAAU,CAACQ,MAAMP,EAASO,EAAE,OAAO,KAAc;AAAA,YACjD,WAAWC;AAAA,cACT;AAAA,cACA;AAAA,gBACE,2DACEN,MAAmB;AAAA,gBACrB,aAAad;AAAA,gBACb,aAAac,MAAmB,WAAWA,MAAmB;AAAA,gBAC9D,uBAAuBA,MAAmB;AAAA,gBAC1C,sBAAsBA,MAAmB;AAAA,gBACzC,cAAcA,MAAmB;AAAA,gBACjC,gBAAgBA,MAAmB;AAAA,cACrC;AAAA,YACF;AAAA,YACA,cAAYnB;AAAA,UAAA;AAAA,QACd;AAAA,QAEA,gBAAAuB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWE;AAAA,cACT;AAAA,cACA;AAAA,gBACE,aAAaN,MAAmB;AAAA,gBAChC,YAAYA,MAAmB;AAAA,gBAC/B,cAAcA,MAAmB;AAAA,cACnC;AAAA,YACF;AAAA,YAEC,UAAA;AAAA,cAAAd,KAAS,gBAAAgB,EAAAK,GAAA,EAAK,MAAMrB,GAAM,OAAM,QAAO;AAAA,cAExC,gBAAAkB,EAAC,QAAK,EAAA,WAAU,wBACb,UAAA;AAAA,gBAAmBJ,MAAA,6BACjBO,GAAK,EAAA,MAAK,gBAAe,OAAM,QAAO,MAAMpB,EAAU,CAAA;AAAA,gBAGxDa,MAAmB,aACjB,gBAAAE,EAAAK,GAAA,EAAK,MAAK,gBAAe,OAAM,QAAO,MAAMpB,EAAU,CAAA;AAAA,cAAA,GAE3D;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"TextField.js","sources":["../../../lib/molecules/Forms/TextField.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport { useValue, type UseValueProps } from '@/hooks/useValue';\nimport { useInternalStatus } from '@/hooks/useInternalStatus';\nimport { FormControl, type FormControlProps } from './FormControl.js';\nimport { Icon, type IconicNames, type IconicTypes } from '@/atoms/Icons';\nimport { useId } from 'react';\n\nexport interface TextFieldProps<Value> extends FormControlProps<Value> {\n  description?: string;\n  icon?: IconicNames;\n  iconType?: IconicTypes;\n  errorMessage?: string;\n  dataTestId?: string;\n  formatter?: UseValueProps<Value>['formatter'];\n}\n\nexport const TextField = <Value = string,>(props: TextFieldProps<Value>) => {\n  const internalId = useId();\n\n  const {\n    id = internalId,\n    name = id,\n    label,\n    value: initialValue,\n    description,\n    validationStatus = 'default',\n    icon,\n    iconType,\n    errorMessage,\n    disabled = false,\n    required = false,\n    hideRequiredStar,\n    className,\n    dataTestId = 'TextField',\n    onChange,\n    formatter,\n    ...rest\n  } = props;\n\n  const { value, setValue } = useValue<Value>({ name, initialValue, onChange, formatter });\n  const internalStatus = useInternalStatus({\n    isDisabled: disabled,\n    validationStatus,\n  });\n\n  return (\n    <FormControl\n      id={id}\n      label={label}\n      className={className}\n      description={description}\n      dataName=\"TextField\"\n      dataTestId={dataTestId}\n      disabled={disabled}\n      required={required}\n      hideRequiredStar={hideRequiredStar}\n      validationStatus={validationStatus}\n      errorMessage={errorMessage}\n    >\n      <div className=\"relative\">\n        <input\n          {...rest}\n          id={id}\n          name={name}\n          disabled={disabled}\n          required={required}\n          value={value as any}\n          onChange={(e) => setValue(e.target.value as Value)}\n          className={classnames(\n            'text-b3 rounded-pill w-full border px-20 py-12 font-normal outline-none',\n            {\n              'border-lightGrey focus:border-black active:border-black':\n                internalStatus === 'default',\n              'ps-[52px]': icon,\n              'pe-[52px]': internalStatus === 'error' || internalStatus === 'success',\n              'bg-white text-black': internalStatus !== 'disabled',\n              'bg-pearl text-grey': internalStatus === 'disabled',\n              'border-red': internalStatus === 'error',\n              'border-green': internalStatus === 'success',\n            },\n          )}\n          aria-label={name}\n        />\n\n        <div\n          className={classnames(\n            'pointer-events-none absolute inset-0 flex items-center justify-between px-20 py-12',\n            {\n              'text-grey': internalStatus === 'disabled',\n              'text-red': internalStatus === 'error',\n              'text-green': internalStatus === 'success',\n            },\n          )}\n        >\n          {icon && <Icon name={icon} width=\"24px\" />}\n\n          <span className=\"ms-auto flex gap-x-8\">\n            {internalStatus === 'error' && (\n              <Icon name=\"CrossDefault\" width=\"24px\" type={iconType} />\n            )}\n\n            {internalStatus === 'success' && (\n              <Icon name=\"CheckDefault\" width=\"24px\" type={iconType} />\n            )}\n          </span>\n        </div>\n      </div>\n    </FormControl>\n  );\n};\n"],"names":["TextField","props","internalId","useId","id","name","label","initialValue","description","validationStatus","icon","iconType","errorMessage","disabled","required","hideRequiredStar","className","dataTestId","onChange","formatter","rest","value","setValue","useValue","internalStatus","useInternalStatus","jsx","FormControl","jsxs","e","classnames","Icon"],"mappings":";;;;;;;AAgBa,MAAAA,IAAY,CAAkBC,MAAiC;AAC1E,QAAMC,IAAaC,KAEb;AAAA,IACJ,IAAAC,IAAKF;AAAA,IACL,MAAAG,IAAOD;AAAA,IACP,OAAAE;AAAA,IACA,OAAOC;AAAA,IACP,aAAAC;AAAA,IACA,kBAAAC,IAAmB;AAAA,IACnB,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,kBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAnB,GAEE,EAAE,OAAAoB,GAAO,UAAAC,EAAA,IAAaC,EAAgB,EAAE,MAAAlB,GAAM,cAAAE,GAAc,UAAAW,GAAU,WAAAC,EAAA,CAAW,GACjFK,IAAiBC,EAAkB;AAAA,IACvC,YAAYZ;AAAA,IACZ,kBAAAJ;AAAA,EAAA,CACD;AAGC,SAAA,gBAAAiB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAAvB;AAAA,MACA,OAAAE;AAAA,MACA,WAAAU;AAAA,MACA,aAAAR;AAAA,MACA,UAAS;AAAA,MACT,YAAAS;AAAA,MACA,UAAAJ;AAAA,MACA,UAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAN;AAAA,MACA,cAAAG;AAAA,MAEA,UAAA,gBAAAgB,EAAC,OAAI,EAAA,WAAU,YACb,UAAA;AAAA,QAAA,gBAAAF;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGN;AAAA,YACJ,IAAAhB;AAAA,YACA,MAAAC;AAAA,YACA,UAAAQ;AAAA,YACA,UAAAC;AAAA,YACA,OAAAO;AAAA,YACA,UAAU,CAACQ,MAAMP,EAASO,EAAE,OAAO,KAAc;AAAA,YACjD,WAAWC;AAAA,cACT;AAAA,cACA;AAAA,gBACE,2DACEN,MAAmB;AAAA,gBACrB,aAAad;AAAA,gBACb,aAAac,MAAmB,WAAWA,MAAmB;AAAA,gBAC9D,uBAAuBA,MAAmB;AAAA,gBAC1C,sBAAsBA,MAAmB;AAAA,gBACzC,cAAcA,MAAmB;AAAA,gBACjC,gBAAgBA,MAAmB;AAAA,cACrC;AAAA,YACF;AAAA,YACA,cAAYnB;AAAA,UAAA;AAAA,QACd;AAAA,QAEA,gBAAAuB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWE;AAAA,cACT;AAAA,cACA;AAAA,gBACE,aAAaN,MAAmB;AAAA,gBAChC,YAAYA,MAAmB;AAAA,gBAC/B,cAAcA,MAAmB;AAAA,cACnC;AAAA,YACF;AAAA,YAEC,UAAA;AAAA,cAAAd,KAAS,gBAAAgB,EAAAK,GAAA,EAAK,MAAMrB,GAAM,OAAM,QAAO;AAAA,cAExC,gBAAAkB,EAAC,QAAK,EAAA,WAAU,wBACb,UAAA;AAAA,gBAAmBJ,MAAA,6BACjBO,GAAK,EAAA,MAAK,gBAAe,OAAM,QAAO,MAAMpB,EAAU,CAAA;AAAA,gBAGxDa,MAAmB,aACjB,gBAAAE,EAAAK,GAAA,EAAK,MAAK,gBAAe,OAAM,QAAO,MAAMpB,EAAU,CAAA;AAAA,cAAA,GAE3D;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/molecules/Link.js

@@ -1,11 +1,10 @@
-import { jsxs as t, jsx as o } from "react/jsx-runtime";
-import { c as a } from "../index-Cu0xwYjD.js";
-import { Icon as u } from "../atoms/Icons/Icon.js";
-import "../atoms/Icons/contexts/IconsContext.js";
-const C = ({
+import { jsxs as t, jsx as c } from "react/jsx-runtime";
+import { c as a } from "../chunks/index.js";
+import { Icon as u } from "/builds/clubmed/cm-trident-ui/node_modules/@clubmed/trident-icons/index.js";
+const j = ({
   label: n,
   icon: s,
-  component: c = "a",
+  component: o = "a",
   iconType: m,
   underlined: e = !0,
   className: l,
@@ -14,7 +13,7 @@ const C = ({
 }) => {
   const r = n.lastIndexOf(" "), i = r === -1 ? n.length : r, h = n.substring(0, 1), x = n.substring(1, i + 1), g = n.substring(i);
   return /* @__PURE__ */ t(
-    p ? "span" : c,
+    p ? "span" : o,
     {
       className: a(
         "text-b3 decoration-none link-container cursor-pointer text-inherit",
@@ -23,7 +22,7 @@ const C = ({
       "data-name": "Link",
       ...d,
       children: [
-        /* @__PURE__ */ o("span", { className: a({ "link-underline": e }), children: h }),
+        /* @__PURE__ */ c("span", { className: a({ "link-underline": e }), children: h }),
         /* @__PURE__ */ t(
           "span",
           {
@@ -35,7 +34,7 @@ const C = ({
               x,
               /* @__PURE__ */ t("span", { className: "inline-block", children: [
                 g,
-                s && /* @__PURE__ */ o(
+                s && /* @__PURE__ */ c(
                   u,
                   {
                     name: s,
@@ -53,6 +52,6 @@ const C = ({
   );
 };
 export {
-  C as Link
+  j as Link
 };
 //# sourceMappingURL=Link.js.map

package/molecules/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../lib/molecules/Link.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport type { AnchorHTMLAttributes, FunctionComponent, PropsWithChildren } from 'react';\n\nimport { Icon, type IconicNames, type IconicTypes } from '@/atoms/Icons';\n\ninterface LinkProps<T extends HTMLAnchorElement = HTMLAnchorElement>\n  extends AnchorHTMLAttributes<T> {\n  /**\n   * Label text\n   */\n  label: string;\n  /**\n   * Icon name\n   */\n  icon?: IconicNames;\n  iconType?: IconicTypes;\n  /**\n   * Underlined\n   */\n  underlined?: boolean;\n  /**\n   * Additional class names\n   */\n  className?: string;\n  /**\n   * Is the link inert (not itself clickable but part of a clickable element)\n   */\n  inert?: boolean;\n  /**\n   * Allow giving a custom component\n   */\n  component?: FunctionComponent<PropsWithChildren<any>> | string;\n}\n\nexport const Link: FunctionComponent<LinkProps> = ({\n  label,\n  icon,\n  component = 'a',\n  iconType,\n  underlined = true,\n  className,\n  inert,\n  ...anchorAttrs\n}) => {\n  const lastSpace = label.lastIndexOf(' ');\n  const lastIndex = lastSpace === -1 ? label.length : lastSpace;\n\n  const first = label.substring(0, 1);\n  const middle = label.substring(1, lastIndex + 1);\n  const last = label.substring(lastIndex);\n  const Cmp = component as FunctionComponent<PropsWithChildren>;\n\n  const TagName = inert ? 'span' : Cmp;\n\n  return (\n    <TagName\n      className={classnames(\n        'text-b3 decoration-none link-container cursor-pointer text-inherit',\n        className,\n      )}\n      data-name=\"Link\"\n      {...anchorAttrs}\n    >\n      <span className={classnames({ 'link-underline': underlined })}>{first}</span>\n      <span\n        className={classnames('hoverable', {\n          'has-icon': icon,\n          'link-underline': underlined,\n        })}\n      >\n        {middle}\n        <span className=\"inline-block\">\n          {last}\n          {icon && (\n            <Icon\n              name={icon}\n              iconType={iconType}\n              width=\"24px\"\n              style={{ marginInlineStart: '8px' }}\n            />\n          )}\n        </span>\n      </span>\n    </TagName>\n  );\n};\n"],"names":["Link","label","icon","component","iconType","underlined","className","inert","anchorAttrs","lastSpace","lastIndex","first","middle","last","jsxs","classnames","jsx","Icon"],"mappings":";;;;AAkCO,MAAMA,IAAqC,CAAC;AAAA,EACjD,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAAC,IAAYR,EAAM,YAAY,GAAG,GACjCS,IAAYD,MAAc,KAAKR,EAAM,SAASQ,GAE9CE,IAAQV,EAAM,UAAU,GAAG,CAAC,GAC5BW,IAASX,EAAM,UAAU,GAAGS,IAAY,CAAC,GACzCG,IAAOZ,EAAM,UAAUS,CAAS;AAMpC,SAAA,gBAAAI;AAAA,IAHcP,IAAQ,SAFZJ;AAAA,IAKT;AAAA,MACC,WAAWY;AAAA,QACT;AAAA,QACAT;AAAA,MACF;AAAA,MACA,aAAU;AAAA,MACT,GAAGE;AAAA,MAEJ,UAAA;AAAA,QAAC,gBAAAQ,EAAA,QAAA,EAAK,WAAWD,EAAW,EAAE,kBAAkBV,GAAY,GAAI,UAAMM,GAAA;AAAA,QACtE,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC,EAAW,aAAa;AAAA,cACjC,YAAYb;AAAA,cACZ,kBAAkBG;AAAA,YAAA,CACnB;AAAA,YAEA,UAAA;AAAA,cAAAO;AAAA,cACD,gBAAAE,EAAC,QAAK,EAAA,WAAU,gBACb,UAAA;AAAA,gBAAAD;AAAA,gBACAX,KACC,gBAAAc;AAAA,kBAACC;AAAA,kBAAA;AAAA,oBACC,MAAMf;AAAA,oBACN,UAAAE;AAAA,oBACA,OAAM;AAAA,oBACN,OAAO,EAAE,mBAAmB,MAAM;AAAA,kBAAA;AAAA,gBACpC;AAAA,cAAA,GAEJ;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Link.js","sources":["../../lib/molecules/Link.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport type { AnchorHTMLAttributes, FunctionComponent, PropsWithChildren } from 'react';\n\nimport { Icon, type IconicNames, type IconicTypes } from '@/atoms/Icons';\n\ninterface LinkProps<T extends HTMLAnchorElement = HTMLAnchorElement>\n  extends AnchorHTMLAttributes<T> {\n  /**\n   * Label text\n   */\n  label: string;\n  /**\n   * Icon name\n   */\n  icon?: IconicNames;\n  iconType?: IconicTypes;\n  /**\n   * Underlined\n   */\n  underlined?: boolean;\n  /**\n   * Additional class names\n   */\n  className?: string;\n  /**\n   * Is the link inert (not itself clickable but part of a clickable element)\n   */\n  inert?: boolean;\n  /**\n   * Allow giving a custom component\n   */\n  component?: FunctionComponent<PropsWithChildren<any>> | string;\n}\n\nexport const Link: FunctionComponent<LinkProps> = ({\n  label,\n  icon,\n  component = 'a',\n  iconType,\n  underlined = true,\n  className,\n  inert,\n  ...anchorAttrs\n}) => {\n  const lastSpace = label.lastIndexOf(' ');\n  const lastIndex = lastSpace === -1 ? label.length : lastSpace;\n\n  const first = label.substring(0, 1);\n  const middle = label.substring(1, lastIndex + 1);\n  const last = label.substring(lastIndex);\n  const Cmp = component as FunctionComponent<PropsWithChildren>;\n\n  const TagName = inert ? 'span' : Cmp;\n\n  return (\n    <TagName\n      className={classnames(\n        'text-b3 decoration-none link-container cursor-pointer text-inherit',\n        className,\n      )}\n      data-name=\"Link\"\n      {...anchorAttrs}\n    >\n      <span className={classnames({ 'link-underline': underlined })}>{first}</span>\n      <span\n        className={classnames('hoverable', {\n          'has-icon': icon,\n          'link-underline': underlined,\n        })}\n      >\n        {middle}\n        <span className=\"inline-block\">\n          {last}\n          {icon && (\n            <Icon\n              name={icon}\n              iconType={iconType}\n              width=\"24px\"\n              style={{ marginInlineStart: '8px' }}\n            />\n          )}\n        </span>\n      </span>\n    </TagName>\n  );\n};\n"],"names":["Link","label","icon","component","iconType","underlined","className","inert","anchorAttrs","lastSpace","lastIndex","first","middle","last","jsxs","classnames","jsx","Icon"],"mappings":";;;AAkCO,MAAMA,IAAqC,CAAC;AAAA,EACjD,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAAC,IAAYR,EAAM,YAAY,GAAG,GACjCS,IAAYD,MAAc,KAAKR,EAAM,SAASQ,GAE9CE,IAAQV,EAAM,UAAU,GAAG,CAAC,GAC5BW,IAASX,EAAM,UAAU,GAAGS,IAAY,CAAC,GACzCG,IAAOZ,EAAM,UAAUS,CAAS;AAMpC,SAAA,gBAAAI;AAAA,IAHcP,IAAQ,SAFZJ;AAAA,IAKT;AAAA,MACC,WAAWY;AAAA,QACT;AAAA,QACAT;AAAA,MACF;AAAA,MACA,aAAU;AAAA,MACT,GAAGE;AAAA,MAEJ,UAAA;AAAA,QAAC,gBAAAQ,EAAA,QAAA,EAAK,WAAWD,EAAW,EAAE,kBAAkBV,GAAY,GAAI,UAAMM,GAAA;AAAA,QACtE,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC,EAAW,aAAa;AAAA,cACjC,YAAYb;AAAA,cACZ,kBAAkBG;AAAA,YAAA,CACnB;AAAA,YAEA,UAAA;AAAA,cAAAO;AAAA,cACD,gBAAAE,EAAC,QAAK,EAAA,WAAU,gBACb,UAAA;AAAA,gBAAAD;AAAA,gBACAX,KACC,gBAAAc;AAAA,kBAACC;AAAA,kBAAA;AAAA,oBACC,MAAMf;AAAA,oBACN,UAAAE;AAAA,oBACA,OAAM;AAAA,oBACN,OAAO,EAAE,mBAAmB,MAAM;AAAA,kBAAA;AAAA,gBACpC;AAAA,cAAA,GAEJ;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/molecules/Popin.js

@@ -2,7 +2,7 @@ import { jsx as t, jsxs as d } from "react/jsx-runtime";
 import { useTransition as f, config as p, animated as x } from "@react-spring/web";
 import { Backdrop as h } from "./Backdrop.js";
 import { Button as u } from "./Buttons/Button.js";
-import { c as v } from "../index-Cu0xwYjD.js";
+import { c as v } from "../chunks/index.js";
 const b = ({ closeLabel: e, onClose: o }) => /* @__PURE__ */ t(
   u,
   {

package/molecules/Tabs/Tabs.js

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { c as t } from "../../index-Cu0xwYjD.js";
+import { c as t } from "../../chunks/index.js";
 import { TabsProvider as c } from "./context/TabControl.js";
 const p = ({
   className: s,

package/molecules/Tabs/TabsBody.js

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import { c as a } from "../../index-Cu0xwYjD.js";
+import { c as a } from "../../chunks/index.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/TabsHeader.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as r, jsxs as w } from "react/jsx-runtime";
-import { c as l } from "../../index-Cu0xwYjD.js";
+import { c as l } from "../../chunks/index.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";

package/molecules/Tabs/TabsHeading.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as u, jsxs as B } from "react/jsx-runtime";
-import { c as d } from "../../index-Cu0xwYjD.js";
+import { c as d } from "../../chunks/index.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";

package/molecules/Tabs/TabsPanel.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as p } from "react/jsx-runtime";
-import { c as d } from "../../index-Cu0xwYjD.js";
+import { c as d } from "../../chunks/index.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";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clubmed/trident-ui",
-  "version": "1.1.1-beta.1",
+  "version": "1.2.0-beta.2",
   "type": "module",
   "description": "Shared ClubMed React UI components",
   "keywords": [
@@ -89,11 +89,9 @@
     }
   },
   "scripts": {
-    "predev": "npm run build:icons",
     "dev": "storybook dev -p 6006",
-    "prebuild": "npm run build:icons",
-    "build": "vite build && npm run build:icons font && npm run build:exports",
-    "build:storybook": "npm run build:icons && storybook build",
+    "build": "vite build && npm run build:exports",
+    "build:storybook": "storybook build",
     "lint": "eslint . --report-unused-disable-directives",
     "lint:fix": "eslint . --fix",
     "prettier:write": "prettier . --write --ignore-unknown",
@@ -101,20 +99,23 @@
     "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:exports": "NODE_NO_WARNINGS=1 node --loader ts-node/esm tools/exports-builder/index.ts"
   },
-  "peerDependencies": {
-    "react": ">=17.0.2",
-    "react-dom": ">=17.0.2",
-    "tailwindcss": ">=3.3.5"
-  },
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "lint-staged": {
-    "*.(js,ts,tsx)": "eslint --fix",
-    "!*.(js,ts,tsx)": "prettier --write --ignore-unknown"
+  "dependencies": {
+    "@clubmed/trident-icons": ">=1.0.0-rc.4",
+    "@juggle/resize-observer": "^3.4.0",
+    "@react-spring/web": "^9.7.3",
+    "@use-gesture/react": "^10.2.26",
+    "@whitespace/storybook-addon-html": "6.0.5",
+    "build": "^0.1.4",
+    "classnames": "^2.3.2",
+    "date-fns": "^2.30.0",
+    "react-day-picker": "^8.10.0",
+    "react-hot-toast": "^2.4.1",
+    "react-use-measure": "^2.1.1",
+    "run": "^1.5.0",
+    "use-boop": "^1.1.1",
+    "use-resize-observer": "^9.1.0"
   },
   "devDependencies": {
     "@commitlint/cli": "18.6.1",
@@ -177,17 +178,16 @@
     "vite-plugin-svgr": "^4.2.0",
     "vitest": "^2.1.2"
   },
-  "dependencies": {
-    "@juggle/resize-observer": "^3.4.0",
-    "@react-spring/web": "^9.7.3",
-    "@use-gesture/react": "^10.2.26",
-    "@whitespace/storybook-addon-html": "6.0.5",
-    "classnames": "^2.3.2",
-    "date-fns": "^2.30.0",
-    "react-day-picker": "^8.10.0",
-    "react-hot-toast": "^2.4.1",
-    "react-use-measure": "^2.1.1",
-    "use-boop": "^1.1.1",
-    "use-resize-observer": "^9.1.0"
+  "peerDependencies": {
+    "react": ">=17.0.2",
+    "react-dom": ">=17.0.2",
+    "tailwindcss": ">=3.3.5"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "lint-staged": {
+    "*.(js,ts,tsx)": "eslint --fix",
+    "!*.(js,ts,tsx)": "prettier --write --ignore-unknown"
   }
 }

package/tailwind/tailwind.preset.js

@@ -1,4 +1,4 @@
-import { g as c } from "../_commonjsHelpers-DaMA6jEr.js";
+import { g as c } from "../chunks/_commonjsHelpers.js";
 var s = {}, p = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {

package/360Videos-1wY-423I.js

@@ -1,8 +0,0 @@
-import * as C from "react";
-const t = (e) => /* @__PURE__ */ C.createElement("svg", { id: "360Videos", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 30 30", fill: "none", ...e }, /* @__PURE__ */ C.createElement("mask", { id: "mask0_1245_5486", style: {
-  maskType: "alpha"
-}, maskUnits: "userSpaceOnUse", x: 3, y: 3, width: 24, height: 24 }, /* @__PURE__ */ C.createElement("rect", { x: 3, y: 3, width: 24, height: 24, fill: "white" })), /* @__PURE__ */ C.createElement("g", { mask: "url(#mask0_1245_5486)" }, /* @__PURE__ */ C.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22.0084 9.74994C22.8475 9.74994 23.4066 9.40014 23.4066 7.68898V6.67444C23.4066 4.82276 22.7339 4.56763 22.0084 4.56763C21.1762 4.56763 20.6211 4.9264 20.6211 6.67444V7.68898C20.6211 9.40612 21.1513 9.74994 22.0084 9.74994ZM25.4314 7.80261C25.4314 10.0768 24.2145 11.3296 22.0071 11.3296C19.8056 11.3296 18.5938 10.0768 18.5938 7.80261V6.54989C18.5938 4.22681 19.7737 3 22.0071 3C24.2474 3 25.4314 4.22681 25.4314 6.54989V7.80261ZM6.57451 8.86572C6.69809 9.46866 7.06085 9.73874 7.7485 9.73874C8.22587 9.73874 9.02514 9.61117 9.02514 8.75908C9.02514 8.11229 8.40526 7.88207 7.82524 7.88207H6.68513V6.21177H7.71561C8.43715 6.21177 8.85073 5.89984 8.85073 5.35669C8.85073 4.84843 8.48698 4.5913 7.76943 4.5913C7.19938 4.5913 6.79775 4.92716 6.72201 5.46931L6.69111 5.68358H4.67899L4.72084 5.39855C4.93611 3.9196 6.10412 3.00073 7.76943 3.00073C9.67093 3.00073 10.8519 3.8907 10.8519 5.32281C10.8519 5.98953 10.534 6.56656 9.94599 6.98414C10.6267 7.37182 11.0313 8.01562 11.0313 8.74812C11.0313 10.3656 9.80447 11.3323 7.7485 11.3323C6.00745 11.3323 4.81851 10.4443 4.56936 8.95641L4.51953 8.6664H6.53365L6.57451 8.86572ZM15 13.9675C9.03737 13.9675 3 15.7315 3 19.1C3 21.2586 6.01869 23.6355 12.7537 24.1418L11.6584 25.2141C11.4531 25.4144 11.3395 25.6785 11.3395 25.9556C11.3395 26.2346 11.4531 26.4977 11.6594 26.699C11.8547 26.8874 12.1408 27 12.4258 27C12.6959 27 12.951 26.9013 13.1982 26.693L16.0135 23.9335C16.2208 23.7351 16.3344 23.471 16.3344 23.189C16.3344 22.911 16.2218 22.6479 16.0155 22.4465L13.1673 19.7308C12.7457 19.3232 12.0581 19.3212 11.6345 19.7288C11.4282 19.9291 11.3146 20.1922 11.3146 20.4703C11.3146 20.7513 11.4282 21.0154 11.6355 21.2137L12.5225 22.0678C7.93414 21.6612 5.13371 20.1005 5.13371 19.1239C5.13371 18.516 6.16319 17.7446 7.75675 17.1586C9.69911 16.445 12.2614 16.0524 14.9751 16.0524C21.436 16.0524 24.8165 18.0525 24.8165 19.1239C24.8165 19.8843 23.0505 21.2357 19.1309 21.8585C18.8498 21.8974 18.6057 22.0419 18.4412 22.2632C18.2708 22.4924 18.2021 22.7764 18.2509 23.0943C18.3944 23.6185 18.9575 23.9733 19.5206 23.8946C24.2036 23.1402 27 21.3483 27 19.1C27 15.7315 20.9626 13.9675 15 13.9675ZM14.6852 7.20532C13.9068 7.20532 13.4414 7.68469 13.4414 8.48994C13.4414 9.27127 13.9068 9.73868 14.6852 9.73868C15.309 9.73868 15.9748 9.4108 15.9748 8.48994C15.9748 7.7096 15.4685 7.20532 14.6852 7.20532ZM17.9456 8.47701C17.9456 10.1842 16.6351 11.3323 14.6848 11.3323C12.7613 11.3323 11.4688 10.1902 11.4688 8.48996C11.4688 7.71461 11.6691 7.09173 12.1584 6.3383L14.2423 3.13623H16.5235L14.8861 5.60381C16.7497 5.66361 17.9456 6.7778 17.9456 8.47701Z", fill: "currentColor" })));
-export {
-  t as default
-};
-//# sourceMappingURL=360Videos-1wY-423I.js.map

package/360Videos-1wY-423I.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"360Videos-1wY-423I.js","sources":["../lib/assets/icons/Utilities/360Videos.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst Svg360Videos = (props) => /* @__PURE__ */ React.createElement(\"svg\", { id: \"360Videos\", xmlns: \"http://www.w3.org/2000/svg\", viewBox: \"0 0 30 30\", fill: \"none\", ...props }, /* @__PURE__ */ React.createElement(\"mask\", { id: \"mask0_1245_5486\", style: {\n  maskType: \"alpha\"\n}, maskUnits: \"userSpaceOnUse\", x: 3, y: 3, width: 24, height: 24 }, /* @__PURE__ */ React.createElement(\"rect\", { x: 3, y: 3, width: 24, height: 24, fill: \"white\" })), /* @__PURE__ */ React.createElement(\"g\", { mask: \"url(#mask0_1245_5486)\" }, /* @__PURE__ */ React.createElement(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M22.0084 9.74994C22.8475 9.74994 23.4066 9.40014 23.4066 7.68898V6.67444C23.4066 4.82276 22.7339 4.56763 22.0084 4.56763C21.1762 4.56763 20.6211 4.9264 20.6211 6.67444V7.68898C20.6211 9.40612 21.1513 9.74994 22.0084 9.74994ZM25.4314 7.80261C25.4314 10.0768 24.2145 11.3296 22.0071 11.3296C19.8056 11.3296 18.5938 10.0768 18.5938 7.80261V6.54989C18.5938 4.22681 19.7737 3 22.0071 3C24.2474 3 25.4314 4.22681 25.4314 6.54989V7.80261ZM6.57451 8.86572C6.69809 9.46866 7.06085 9.73874 7.7485 9.73874C8.22587 9.73874 9.02514 9.61117 9.02514 8.75908C9.02514 8.11229 8.40526 7.88207 7.82524 7.88207H6.68513V6.21177H7.71561C8.43715 6.21177 8.85073 5.89984 8.85073 5.35669C8.85073 4.84843 8.48698 4.5913 7.76943 4.5913C7.19938 4.5913 6.79775 4.92716 6.72201 5.46931L6.69111 5.68358H4.67899L4.72084 5.39855C4.93611 3.9196 6.10412 3.00073 7.76943 3.00073C9.67093 3.00073 10.8519 3.8907 10.8519 5.32281C10.8519 5.98953 10.534 6.56656 9.94599 6.98414C10.6267 7.37182 11.0313 8.01562 11.0313 8.74812C11.0313 10.3656 9.80447 11.3323 7.7485 11.3323C6.00745 11.3323 4.81851 10.4443 4.56936 8.95641L4.51953 8.6664H6.53365L6.57451 8.86572ZM15 13.9675C9.03737 13.9675 3 15.7315 3 19.1C3 21.2586 6.01869 23.6355 12.7537 24.1418L11.6584 25.2141C11.4531 25.4144 11.3395 25.6785 11.3395 25.9556C11.3395 26.2346 11.4531 26.4977 11.6594 26.699C11.8547 26.8874 12.1408 27 12.4258 27C12.6959 27 12.951 26.9013 13.1982 26.693L16.0135 23.9335C16.2208 23.7351 16.3344 23.471 16.3344 23.189C16.3344 22.911 16.2218 22.6479 16.0155 22.4465L13.1673 19.7308C12.7457 19.3232 12.0581 19.3212 11.6345 19.7288C11.4282 19.9291 11.3146 20.1922 11.3146 20.4703C11.3146 20.7513 11.4282 21.0154 11.6355 21.2137L12.5225 22.0678C7.93414 21.6612 5.13371 20.1005 5.13371 19.1239C5.13371 18.516 6.16319 17.7446 7.75675 17.1586C9.69911 16.445 12.2614 16.0524 14.9751 16.0524C21.436 16.0524 24.8165 18.0525 24.8165 19.1239C24.8165 19.8843 23.0505 21.2357 19.1309 21.8585C18.8498 21.8974 18.6057 22.0419 18.4412 22.2632C18.2708 22.4924 18.2021 22.7764 18.2509 23.0943C18.3944 23.6185 18.9575 23.9733 19.5206 23.8946C24.2036 23.1402 27 21.3483 27 19.1C27 15.7315 20.9626 13.9675 15 13.9675ZM14.6852 7.20532C13.9068 7.20532 13.4414 7.68469 13.4414 8.48994C13.4414 9.27127 13.9068 9.73868 14.6852 9.73868C15.309 9.73868 15.9748 9.4108 15.9748 8.48994C15.9748 7.7096 15.4685 7.20532 14.6852 7.20532ZM17.9456 8.47701C17.9456 10.1842 16.6351 11.3323 14.6848 11.3323C12.7613 11.3323 11.4688 10.1902 11.4688 8.48996C11.4688 7.71461 11.6691 7.09173 12.1584 6.3383L14.2423 3.13623H16.5235L14.8861 5.60381C16.7497 5.66361 17.9456 6.7778 17.9456 8.47701Z\", fill: \"currentColor\" })));\nexport default Svg360Videos;\n"],"names":["Svg360Videos","props","React"],"mappings":";AACK,MAACA,IAAe,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,IAAI,aAAa,OAAO,8BAA8B,SAAS,aAAa,MAAM,QAAQ,GAAGD,EAAK,GAAoB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,IAAI,mBAAmB,OAAO;AAAA,EAC7P,UAAU;AACZ,GAAG,WAAW,kBAAkB,GAAG,GAAG,GAAG,GAAG,OAAO,IAAI,QAAQ,GAAE,GAAoB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,GAAG,GAAG,GAAG,OAAO,IAAI,QAAQ,IAAI,MAAM,QAAO,CAAE,CAAC,GAAmB,gBAAAA,EAAM,cAAc,KAAK,EAAE,MAAM,wBAAyB,GAAkB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,UAAU,WAAW,UAAU,WAAW,GAAG,giFAAgiF,MAAM,eAAc,CAAE,CAAC,CAAC;"}

package/AC-X93cUbf2.js

@@ -1,6 +0,0 @@
-import * as C from "react";
-const l = (e) => /* @__PURE__ */ C.createElement("svg", { id: "AC", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 30 30", fill: "none", ...e }, /* @__PURE__ */ C.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M24.1112 15.4451H5.8888C4.29946 15.4451 3 14.1557 3 12.5563V5.88905C3 4.29971 4.29946 3.00024 5.8888 3.00024H24.1112C25.7005 3.00024 27 4.28971 27 5.88905V12.5563C27 13.316 26.7101 14.0457 26.1703 14.5855C25.6206 15.1352 24.9009 15.4351 24.1212 15.4351L24.1112 15.4451ZM5.8888 4.90946C5.34902 4.90946 4.9092 5.34928 4.9092 5.88905V12.5563C4.9092 13.0961 5.34902 13.5359 5.8888 13.5359H24.1212C24.3811 13.5359 24.631 13.4359 24.8109 13.246C24.9908 13.0661 25.0908 12.8162 25.0908 12.5663V5.88905C25.0908 5.34928 24.651 4.90946 24.1112 4.90946H5.8888ZM22.6017 11.4176H7.38808C6.8583 11.4176 6.43848 10.9876 6.43848 10.4676C6.43848 9.94758 6.8683 9.51758 7.38808 9.51758H22.6017C23.1315 9.51758 23.5513 9.94758 23.5513 10.4676C23.5513 10.9876 23.1215 11.4176 22.6017 11.4176ZM11.5815 27.0002L11.5865 27.0002H11.5765L11.5815 27.0002ZM12.0963 26.8503C11.9379 26.9493 11.7598 26.9993 11.5815 27.0002C11.2733 26.9986 10.9658 26.8488 10.7869 26.5704C10.7169 26.4705 9.17753 24.0415 10.7469 21.1626C11.7565 19.3034 10.8168 17.7541 10.7769 17.6941C10.497 17.2543 10.6269 16.6645 11.0667 16.3846C11.5066 16.1047 12.0863 16.2247 12.3762 16.6645C12.4462 16.7645 13.9855 19.1935 12.4162 22.0723C11.3866 23.9715 12.3662 25.5209 12.3762 25.5308C12.6661 25.9707 12.5361 26.5604 12.0963 26.8503ZM14.975 27.0002C14.6651 27.0002 14.3652 26.8503 14.1853 26.5704C14.1153 26.4705 12.576 24.0415 14.1453 21.1626C15.1549 19.3034 14.2153 17.7541 14.1753 17.6941C13.8954 17.2543 14.0254 16.6645 14.4652 16.3846C14.905 16.1047 15.4848 16.2247 15.7746 16.6645C15.8446 16.7645 17.384 19.1935 15.8146 22.0723C14.8248 23.8952 15.7087 25.4106 15.7813 25.5351L15.7846 25.5408C16.0645 25.9807 15.9346 26.5704 15.4948 26.8503C15.3348 26.9503 15.1549 27.0002 14.985 27.0002H14.975ZM17.624 26.5704C17.8039 26.8503 18.1038 27.0002 18.4137 27.0002H18.4237C18.5936 27.0002 18.7735 26.9503 18.9335 26.8503C19.3733 26.5704 19.5032 25.9807 19.2233 25.5408C19.2226 25.5395 19.2214 25.5376 19.22 25.5351C19.1474 25.4106 18.2635 23.8952 19.2533 22.0723C20.8227 19.1935 19.2833 16.7645 19.2134 16.6645C18.9235 16.2247 18.3437 16.1047 17.9039 16.3846C17.4641 16.6645 17.3341 17.2543 17.614 17.6941C17.654 17.7541 18.5936 19.3034 17.584 21.1626C16.0147 24.0415 17.554 26.4705 17.624 26.5704Z", fill: "currentColor" }));
-export {
-  l as default
-};
-//# sourceMappingURL=AC-X93cUbf2.js.map