geoiq-frontend-ui-kit 2.0.0 → 2.0.2

package/dist/index.es86.js

@@ -1,22 +1,31 @@
-import C from "react";
-const t = () => /* @__PURE__ */ C.createElement(
-  "svg",
-  {
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  },
-  /* @__PURE__ */ C.createElement(
-    "path",
-    {
-      d: "M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17316C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8078C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C21.9972 9.34869 20.9427 6.80678 19.068 4.93202C17.1932 3.05727 14.6513 2.0028 12 2ZM16.3904 10.2365L11.0058 15.6212C10.9343 15.6927 10.8495 15.7494 10.7561 15.7881C10.6627 15.8268 10.5626 15.8468 10.4615 15.8468C10.3605 15.8468 10.2604 15.8268 10.167 15.7881C10.0736 15.7494 9.98875 15.6927 9.91731 15.6212L7.60962 13.3135C7.46528 13.1691 7.38419 12.9734 7.38419 12.7692C7.38419 12.5651 7.46528 12.3693 7.60962 12.225C7.75396 12.0807 7.94972 11.9996 8.15385 11.9996C8.35798 11.9996 8.55374 12.0807 8.69808 12.225L10.4615 13.9894L15.3019 9.14808C15.3734 9.07661 15.4582 9.01991 15.5516 8.98123C15.645 8.94256 15.7451 8.92265 15.8462 8.92265C15.9472 8.92265 16.0473 8.94256 16.1407 8.98123C16.2341 9.01991 16.3189 9.07661 16.3904 9.14808C16.4619 9.21954 16.5185 9.30439 16.5572 9.39777C16.5959 9.49115 16.6158 9.59123 16.6158 9.69231C16.6158 9.79338 16.5959 9.89346 16.5572 9.98684C16.5185 10.0802 16.4619 10.1651 16.3904 10.2365Z",
-      fill: "#439F6E"
+import { useState as p } from "react";
+import { StepItemStatus as e } from "./index.es31.js";
+const N = (o) => {
+  const i = JSON.parse(
+    JSON.stringify(o)
+  ), [a, u] = p(i);
+  return {
+    steps: a,
+    nextStep: () => {
+      u((n) => {
+        const t = [...n], s = t.findIndex(
+          (r) => r.status === e.CURRENT
+        );
+        return s !== -1 && (t[s].status = e.COMPLETED, s < t.length - 1 && (t[s + 1].status = e.CURRENT)), t;
+      });
+    },
+    resetSteps: () => {
+      u(i);
+    },
+    previousStep: () => {
+      u((n) => {
+        const t = [...n], s = t.findIndex((r) => r.status === e.CURRENT || n[n.length - 1].id == r?.id && r.status == e.COMPLETED);
+        return s !== -1 && s > -1 && (t[s].status = e.PENDING, s == 0 ? t[s].status = e.CURRENT : t[s - 1].status = e.CURRENT), t;
+      });
     }
-  )
-);
+  };
+};
 export {
-  t as default
+  N as useStepper
 };
 //# sourceMappingURL=index.es86.js.map

package/dist/index.es86.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es86.js","sources":["../src/components/molecules/toast/assets/svgs/success-icon.tsx"],"sourcesContent":["import React from 'react'\n\nconst SuccessIcon = () => (\n  <svg\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17316C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8078C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C21.9972 9.34869 20.9427 6.80678 19.068 4.93202C17.1932 3.05727 14.6513 2.0028 12 2ZM16.3904 10.2365L11.0058 15.6212C10.9343 15.6927 10.8495 15.7494 10.7561 15.7881C10.6627 15.8268 10.5626 15.8468 10.4615 15.8468C10.3605 15.8468 10.2604 15.8268 10.167 15.7881C10.0736 15.7494 9.98875 15.6927 9.91731 15.6212L7.60962 13.3135C7.46528 13.1691 7.38419 12.9734 7.38419 12.7692C7.38419 12.5651 7.46528 12.3693 7.60962 12.225C7.75396 12.0807 7.94972 11.9996 8.15385 11.9996C8.35798 11.9996 8.55374 12.0807 8.69808 12.225L10.4615 13.9894L15.3019 9.14808C15.3734 9.07661 15.4582 9.01991 15.5516 8.98123C15.645 8.94256 15.7451 8.92265 15.8462 8.92265C15.9472 8.92265 16.0473 8.94256 16.1407 8.98123C16.2341 9.01991 16.3189 9.07661 16.3904 9.14808C16.4619 9.21954 16.5185 9.30439 16.5572 9.39777C16.5959 9.49115 16.6158 9.59123 16.6158 9.69231C16.6158 9.79338 16.5959 9.89346 16.5572 9.98684C16.5185 10.0802 16.4619 10.1651 16.3904 10.2365Z\"\n      fill=\"#439F6E\"\n    />\n  </svg>\n)\n\nexport default SuccessIcon\n"],"names":["SuccessIcon","React"],"mappings":";AAEA,MAAMA,IAAc,MAClBC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,EAAA;AAAA,EAENA,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAK;AAAA,IAAA;AAAA,EAAA;AAET;"}
+{"version":3,"file":"index.es86.js","sources":["../src/components/molecules/stepper/use-stepper.ts"],"sourcesContent":["import { useState } from 'react'\nimport { StepperValue } from './stepper.type'\nimport { StepItemStatus } from './stepper.type'\nconst useStepper = (initialSteps: StepperValue[]) => {\n  //NOTE: initialSteps is the initial value of the steps\n  const initialValue = JSON.parse(\n    JSON.stringify(initialSteps)\n  ) as StepperValue[]\n  // State to manage the steps\n  const [steps, setSteps] = useState(initialValue)\n\n  // Function to move to the next step\n  const nextStep = () => {\n    setSteps((prevSteps) => {\n      const newSteps = [...prevSteps]\n      const currentIndex = newSteps.findIndex(\n        (step) => step.status === StepItemStatus.CURRENT\n      )\n\n      if (currentIndex !== -1) {\n        newSteps[currentIndex].status = StepItemStatus.COMPLETED\n        if (currentIndex < newSteps.length - 1) {\n          newSteps[currentIndex + 1].status = StepItemStatus.CURRENT\n        }\n      }\n\n      return newSteps\n    })\n  }\n\n  // fucntion to move to the previous step\n  const previousStep = () => {\n    setSteps((prevSteps) => {\n      const newSteps = [...prevSteps]\n      const currentIndex = newSteps.findIndex((step) => {\n        return (\n          step.status === StepItemStatus.CURRENT ||\n          (prevSteps[prevSteps.length - 1].id == step?.id &&\n            step.status == StepItemStatus.COMPLETED)\n        )\n      })\n\n      if (currentIndex !== -1 && currentIndex > -1) {\n        newSteps[currentIndex].status = StepItemStatus.PENDING\n        if (currentIndex == 0) {\n          newSteps[currentIndex].status = StepItemStatus.CURRENT\n        } else {\n          newSteps[currentIndex - 1].status = StepItemStatus.CURRENT\n        }\n      }\n\n      return newSteps\n    })\n  }\n\n  // Function to reset the steps\n  const resetSteps = () => {\n    setSteps(initialValue)\n  }\n\n  return {\n    steps,\n    nextStep,\n    resetSteps,\n    previousStep,\n  }\n}\n\nexport { useStepper }\n"],"names":["useStepper","initialSteps","initialValue","steps","setSteps","useState","prevSteps","newSteps","currentIndex","step","StepItemStatus"],"mappings":";;AAGA,MAAMA,IAAa,CAACC,MAAiC;AAEnD,QAAMC,IAAe,KAAK;AAAA,IACxB,KAAK,UAAUD,CAAY;AAAA,EAAA,GAGvB,CAACE,GAAOC,CAAQ,IAAIC,EAASH,CAAY;AAmD/C,SAAO;AAAA,IACL,OAAAC;AAAA,IACA,UAlDe,MAAM;AACrB,MAAAC,EAAS,CAACE,MAAc;AACtB,cAAMC,IAAW,CAAC,GAAGD,CAAS,GACxBE,IAAeD,EAAS;AAAA,UAC5B,CAACE,MAASA,EAAK,WAAWC,EAAe;AAAA,QAAA;AAG3C,eAAIF,MAAiB,OACnBD,EAASC,CAAY,EAAE,SAASE,EAAe,WAC3CF,IAAeD,EAAS,SAAS,MACnCA,EAASC,IAAe,CAAC,EAAE,SAASE,EAAe,WAIhDH;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IAmCE,YAPiB,MAAM;AACvB,MAAAH,EAASF,CAAY;AAAA,IACvB;AAAA,IAME,cAjCmB,MAAM;AACzB,MAAAE,EAAS,CAACE,MAAc;AACtB,cAAMC,IAAW,CAAC,GAAGD,CAAS,GACxBE,IAAeD,EAAS,UAAU,CAACE,MAErCA,EAAK,WAAWC,EAAe,WAC9BJ,EAAUA,EAAU,SAAS,CAAC,EAAE,MAAMG,GAAM,MAC3CA,EAAK,UAAUC,EAAe,SAEnC;AAED,eAAIF,MAAiB,MAAMA,IAAe,OACxCD,EAASC,CAAY,EAAE,SAASE,EAAe,SAC3CF,KAAgB,IAClBD,EAASC,CAAY,EAAE,SAASE,EAAe,UAE/CH,EAASC,IAAe,CAAC,EAAE,SAASE,EAAe,UAIhDH;AAAA,MACT,CAAC;AAAA,IACH;AAAA,EAWE;AAEJ;"}

package/dist/index.es87.js

@@ -1,22 +1,98 @@
-import C from "react";
-const t = () => /* @__PURE__ */ C.createElement(
-  "svg",
-  {
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  },
-  /* @__PURE__ */ C.createElement(
-    "path",
-    {
-      d: "M22.0617 10.9423L13.057 1.93668C12.776 1.6573 12.3958 1.50049 11.9995 1.50049C11.6033 1.50049 11.2231 1.6573 10.942 1.93668L1.94205 10.9423C1.66267 11.2233 1.50586 11.6035 1.50586 11.9998C1.50586 12.3961 1.66267 12.7763 1.94205 13.0573L10.9467 22.0629C11.2278 22.3423 11.608 22.4991 12.0042 22.4991C12.4005 22.4991 12.7807 22.3423 13.0617 22.0629L22.0664 13.0573C22.3458 12.7763 22.5026 12.3961 22.5026 11.9998C22.5026 11.6035 22.3458 11.2233 22.0664 10.9423H22.0617ZM11.2495 7.4998C11.2495 7.30089 11.3286 7.11012 11.4692 6.96947C11.6099 6.82882 11.8006 6.7498 11.9995 6.7498C12.1985 6.7498 12.3892 6.82882 12.5299 6.96947C12.6705 7.11012 12.7495 7.30089 12.7495 7.4998V12.7498C12.7495 12.9487 12.6705 13.1395 12.5299 13.2801C12.3892 13.4208 12.1985 13.4998 11.9995 13.4998C11.8006 13.4998 11.6099 13.4208 11.4692 13.2801C11.3286 13.1395 11.2495 12.9487 11.2495 12.7498V7.4998ZM11.9995 17.2498C11.777 17.2498 11.5595 17.1838 11.3745 17.0602C11.1895 16.9366 11.0453 16.7609 10.9602 16.5553C10.875 16.3498 10.8528 16.1236 10.8962 15.9053C10.9396 15.6871 11.0467 15.4866 11.2041 15.3293C11.3614 15.172 11.5618 15.0648 11.7801 15.0214C11.9983 14.978 12.2245 15.0003 12.4301 15.0854C12.6356 15.1706 12.8113 15.3148 12.935 15.4998C13.0586 15.6848 13.1245 15.9023 13.1245 16.1248C13.1245 16.4232 13.006 16.7093 12.795 16.9203C12.5841 17.1313 12.2979 17.2498 11.9995 17.2498Z",
-      fill: "#F93232"
+import * as c from "react";
+const d = 4, p = 1e6;
+let u = 0;
+function A() {
+  return u = (u + 1) % Number.MAX_SAFE_INTEGER, u.toString();
+}
+const a = /* @__PURE__ */ new Map(), S = (t) => {
+  if (a.has(t))
+    return;
+  const s = setTimeout(() => {
+    a.delete(t), n({
+      type: "REMOVE_TOAST",
+      toastId: t
+    });
+  }, p);
+  a.set(t, s);
+}, f = (t, s) => {
+  switch (s.type) {
+    case "ADD_TOAST":
+      return {
+        ...t,
+        toasts: [s.toast, ...t.toasts].slice(0, d)
+      };
+    case "UPDATE_TOAST":
+      return {
+        ...t,
+        toasts: t.toasts.map(
+          (e) => e.id === s.toast.id ? { ...e, ...s.toast } : e
+        )
+      };
+    case "DISMISS_TOAST": {
+      const { toastId: e } = s;
+      return e ? S(e) : t.toasts.forEach((o) => {
+        S(o.id);
+      }), {
+        ...t,
+        toasts: t.toasts.map(
+          (o) => o.id === e || e === void 0 ? {
+            ...o,
+            open: !1
+          } : o
+        )
+      };
     }
-  )
-);
+    case "REMOVE_TOAST":
+      return s.toastId === void 0 ? {
+        ...t,
+        toasts: []
+      } : {
+        ...t,
+        toasts: t.toasts.filter((e) => e.id !== s.toastId)
+      };
+  }
+}, r = [];
+let T = { toasts: [] };
+function n(t) {
+  T = f(T, t), r.forEach((s) => {
+    s(T);
+  });
+}
+function O({ ...t }) {
+  const s = A(), e = (i) => n({
+    type: "UPDATE_TOAST",
+    toast: { ...i, id: s }
+  }), o = () => n({ type: "DISMISS_TOAST", toastId: s });
+  return n({
+    type: "ADD_TOAST",
+    toast: {
+      ...t,
+      id: s,
+      open: !0,
+      onOpenChange: (i) => {
+        i || o();
+      }
+    }
+  }), {
+    id: s,
+    dismiss: o,
+    update: e
+  };
+}
+function E() {
+  const [t, s] = c.useState(T);
+  return c.useEffect(() => (r.push(s), () => {
+    const e = r.indexOf(s);
+    e > -1 && r.splice(e, 1);
+  }), [t]), {
+    ...t,
+    toast: O,
+    dismiss: (e) => n({ type: "DISMISS_TOAST", toastId: e })
+  };
+}
 export {
-  t as default
+  f as reducer,
+  O as toast,
+  E as useToast
 };
 //# sourceMappingURL=index.es87.js.map

package/dist/index.es87.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es87.js","sources":["../src/components/molecules/toast/assets/svgs/danger-icon.tsx"],"sourcesContent":["import React from 'react'\n\nconst DangerIcon = () => (\n  <svg\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M22.0617 10.9423L13.057 1.93668C12.776 1.6573 12.3958 1.50049 11.9995 1.50049C11.6033 1.50049 11.2231 1.6573 10.942 1.93668L1.94205 10.9423C1.66267 11.2233 1.50586 11.6035 1.50586 11.9998C1.50586 12.3961 1.66267 12.7763 1.94205 13.0573L10.9467 22.0629C11.2278 22.3423 11.608 22.4991 12.0042 22.4991C12.4005 22.4991 12.7807 22.3423 13.0617 22.0629L22.0664 13.0573C22.3458 12.7763 22.5026 12.3961 22.5026 11.9998C22.5026 11.6035 22.3458 11.2233 22.0664 10.9423H22.0617ZM11.2495 7.4998C11.2495 7.30089 11.3286 7.11012 11.4692 6.96947C11.6099 6.82882 11.8006 6.7498 11.9995 6.7498C12.1985 6.7498 12.3892 6.82882 12.5299 6.96947C12.6705 7.11012 12.7495 7.30089 12.7495 7.4998V12.7498C12.7495 12.9487 12.6705 13.1395 12.5299 13.2801C12.3892 13.4208 12.1985 13.4998 11.9995 13.4998C11.8006 13.4998 11.6099 13.4208 11.4692 13.2801C11.3286 13.1395 11.2495 12.9487 11.2495 12.7498V7.4998ZM11.9995 17.2498C11.777 17.2498 11.5595 17.1838 11.3745 17.0602C11.1895 16.9366 11.0453 16.7609 10.9602 16.5553C10.875 16.3498 10.8528 16.1236 10.8962 15.9053C10.9396 15.6871 11.0467 15.4866 11.2041 15.3293C11.3614 15.172 11.5618 15.0648 11.7801 15.0214C11.9983 14.978 12.2245 15.0003 12.4301 15.0854C12.6356 15.1706 12.8113 15.3148 12.935 15.4998C13.0586 15.6848 13.1245 15.9023 13.1245 16.1248C13.1245 16.4232 13.006 16.7093 12.795 16.9203C12.5841 17.1313 12.2979 17.2498 11.9995 17.2498Z\"\n      fill=\"#F93232\"\n    />\n  </svg>\n)\n\nexport default DangerIcon\n"],"names":["DangerIcon","React"],"mappings":";AAEA,MAAMA,IAAa,MACjBC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,EAAA;AAAA,EAENA,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAK;AAAA,IAAA;AAAA,EAAA;AAET;"}
+{"version":3,"file":"index.es87.js","sources":["../src/components/molecules/toast/use-toast.ts"],"sourcesContent":["'use client'\n\n// Inspired by react-hot-toast library\nimport * as React from 'react'\nimport { ToasterToastProps } from './toast.types'\n\nconst TOAST_LIMIT = 4\nconst TOAST_REMOVE_DELAY = 1000000\n\nconst actionTypes = {\n  ADD_TOAST: 'ADD_TOAST',\n  UPDATE_TOAST: 'UPDATE_TOAST',\n  DISMISS_TOAST: 'DISMISS_TOAST',\n  REMOVE_TOAST: 'REMOVE_TOAST',\n} as const\n\nlet count = 0\n\nfunction genId() {\n  count = (count + 1) % Number.MAX_SAFE_INTEGER\n  return count.toString()\n}\n\ntype ActionType = typeof actionTypes\n\ntype Action =\n  | {\n      type: ActionType['ADD_TOAST']\n      toast: ToasterToastProps\n    }\n  | {\n      type: ActionType['UPDATE_TOAST']\n      toast: Partial<ToasterToastProps>\n    }\n  | {\n      type: ActionType['DISMISS_TOAST']\n      toastId?: ToasterToastProps['id']\n    }\n  | {\n      type: ActionType['REMOVE_TOAST']\n      toastId?: ToasterToastProps['id']\n    }\n\ninterface State {\n  toasts: ToasterToastProps[]\n}\n\nconst toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>()\n\nconst addToRemoveQueue = (toastId: string) => {\n  if (toastTimeouts.has(toastId)) {\n    return\n  }\n\n  const timeout = setTimeout(() => {\n    toastTimeouts.delete(toastId)\n    dispatch({\n      type: 'REMOVE_TOAST',\n      toastId: toastId,\n    })\n  }, TOAST_REMOVE_DELAY)\n\n  toastTimeouts.set(toastId, timeout)\n}\n\nexport const reducer = (state: State, action: Action): State => {\n  switch (action.type) {\n    case 'ADD_TOAST':\n      return {\n        ...state,\n        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),\n      }\n\n    case 'UPDATE_TOAST':\n      return {\n        ...state,\n        toasts: state.toasts.map((t) =>\n          t.id === action.toast.id ? { ...t, ...action.toast } : t\n        ),\n      }\n\n    case 'DISMISS_TOAST': {\n      const { toastId } = action\n\n      // ! Side effects ! - This could be extracted into a dismissToast() action,\n      // but I'll keep it here for simplicity\n      if (toastId) {\n        addToRemoveQueue(toastId)\n      } else {\n        state.toasts.forEach((toast) => {\n          addToRemoveQueue(toast.id)\n        })\n      }\n\n      return {\n        ...state,\n        toasts: state.toasts.map((t) =>\n          t.id === toastId || toastId === undefined\n            ? {\n                ...t,\n                open: false,\n              }\n            : t\n        ),\n      }\n    }\n    case 'REMOVE_TOAST':\n      if (action.toastId === undefined) {\n        return {\n          ...state,\n          toasts: [],\n        }\n      }\n      return {\n        ...state,\n        toasts: state.toasts.filter((t) => t.id !== action.toastId),\n      }\n  }\n}\n\nconst listeners: Array<(state: State) => void> = []\n\nlet memoryState: State = { toasts: [] }\n\nfunction dispatch(action: Action) {\n  memoryState = reducer(memoryState, action)\n  listeners.forEach((listener) => {\n    listener(memoryState)\n  })\n}\n\ntype Toast = Omit<ToasterToastProps, 'id'>\n\nfunction toast({ ...props }: Toast) {\n  const id = genId()\n\n  const update = (props: ToasterToastProps) =>\n    dispatch({\n      type: 'UPDATE_TOAST',\n      toast: { ...props, id },\n    })\n  const dismiss = () => dispatch({ type: 'DISMISS_TOAST', toastId: id })\n\n  dispatch({\n    type: 'ADD_TOAST',\n    toast: {\n      ...props,\n      id,\n      open: true,\n      onOpenChange: (open) => {\n        if (!open) dismiss()\n      },\n    },\n  })\n\n  return {\n    id: id,\n    dismiss,\n    update,\n  }\n}\n\nfunction useToast() {\n  const [state, setState] = React.useState<State>(memoryState)\n\n  React.useEffect(() => {\n    listeners.push(setState)\n    return () => {\n      const index = listeners.indexOf(setState)\n      if (index > -1) {\n        listeners.splice(index, 1)\n      }\n    }\n  }, [state])\n\n  return {\n    ...state,\n    toast,\n    dismiss: (toastId?: string) => dispatch({ type: 'DISMISS_TOAST', toastId }),\n  }\n}\n\nexport { useToast, toast }\n"],"names":["TOAST_LIMIT","TOAST_REMOVE_DELAY","count","genId","toastTimeouts","addToRemoveQueue","toastId","timeout","dispatch","reducer","state","action","t","toast","listeners","memoryState","listener","props","id","update","dismiss","open","useToast","setState","React","index"],"mappings":"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"}

package/dist/index.es88.js

@@ -1,21 +1,4 @@
-import C from "react";
-const t = () => /* @__PURE__ */ C.createElement(
-  "svg",
-  {
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  },
-  /* @__PURE__ */ C.createElement(
-    "path",
-    {
-      d: "M22.1991 17.6335L14.0006 3.39569C13.7957 3.04687 13.5033 2.75764 13.1522 2.55668C12.8011 2.35572 12.4036 2.25 11.9991 2.25C11.5945 2.25 11.197 2.35572 10.8459 2.55668C10.4948 2.75764 10.2024 3.04687 9.99749 3.39569L1.79905 17.6335C1.60193 17.9709 1.49805 18.3546 1.49805 18.7454C1.49805 19.1361 1.60193 19.5199 1.79905 19.8572C2.0013 20.2082 2.29327 20.499 2.64502 20.6998C2.99676 20.9006 3.3956 21.0043 3.80061 21.0001H20.1975C20.6022 21.0039 21.0006 20.9001 21.352 20.6993C21.7034 20.4985 21.9951 20.2079 22.1972 19.8572C22.3946 19.52 22.4988 19.1364 22.4991 18.7456C22.4995 18.3549 22.3959 17.9711 22.1991 17.6335ZM11.2491 9.75006C11.2491 9.55115 11.3281 9.36038 11.4687 9.21973C11.6094 9.07908 11.8001 9.00006 11.9991 9.00006C12.198 9.00006 12.3887 9.07908 12.5294 9.21973C12.67 9.36038 12.7491 9.55115 12.7491 9.75006V13.5001C12.7491 13.699 12.67 13.8897 12.5294 14.0304C12.3887 14.171 12.198 14.2501 11.9991 14.2501C11.8001 14.2501 11.6094 14.171 11.4687 14.0304C11.3281 13.8897 11.2491 13.699 11.2491 13.5001V9.75006ZM11.9991 18.0001C11.7765 18.0001 11.559 17.9341 11.374 17.8105C11.189 17.6868 11.0448 17.5111 10.9597 17.3056C10.8745 17.1 10.8523 16.8738 10.8957 16.6556C10.9391 16.4374 11.0462 16.2369 11.2036 16.0796C11.3609 15.9222 11.5613 15.8151 11.7796 15.7717C11.9978 15.7283 12.224 15.7505 12.4296 15.8357C12.6351 15.9208 12.8108 16.065 12.9345 16.25C13.0581 16.4351 13.1241 16.6526 13.1241 16.8751C13.1241 17.1734 13.0055 17.4596 12.7945 17.6706C12.5836 17.8815 12.2974 18.0001 11.9991 18.0001Z",
-      fill: "#FFB82E"
-    }
-  )
-);
+import t from "./index.es18.js";
 export {
   t as default
 };

package/dist/index.es88.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es88.js","sources":["../src/components/molecules/toast/assets/svgs/warning-icon.tsx"],"sourcesContent":["import React from 'react'\n\nconst WarningIcon = () => (\n  <svg\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M22.1991 17.6335L14.0006 3.39569C13.7957 3.04687 13.5033 2.75764 13.1522 2.55668C12.8011 2.35572 12.4036 2.25 11.9991 2.25C11.5945 2.25 11.197 2.35572 10.8459 2.55668C10.4948 2.75764 10.2024 3.04687 9.99749 3.39569L1.79905 17.6335C1.60193 17.9709 1.49805 18.3546 1.49805 18.7454C1.49805 19.1361 1.60193 19.5199 1.79905 19.8572C2.0013 20.2082 2.29327 20.499 2.64502 20.6998C2.99676 20.9006 3.3956 21.0043 3.80061 21.0001H20.1975C20.6022 21.0039 21.0006 20.9001 21.352 20.6993C21.7034 20.4985 21.9951 20.2079 22.1972 19.8572C22.3946 19.52 22.4988 19.1364 22.4991 18.7456C22.4995 18.3549 22.3959 17.9711 22.1991 17.6335ZM11.2491 9.75006C11.2491 9.55115 11.3281 9.36038 11.4687 9.21973C11.6094 9.07908 11.8001 9.00006 11.9991 9.00006C12.198 9.00006 12.3887 9.07908 12.5294 9.21973C12.67 9.36038 12.7491 9.55115 12.7491 9.75006V13.5001C12.7491 13.699 12.67 13.8897 12.5294 14.0304C12.3887 14.171 12.198 14.2501 11.9991 14.2501C11.8001 14.2501 11.6094 14.171 11.4687 14.0304C11.3281 13.8897 11.2491 13.699 11.2491 13.5001V9.75006ZM11.9991 18.0001C11.7765 18.0001 11.559 17.9341 11.374 17.8105C11.189 17.6868 11.0448 17.5111 10.9597 17.3056C10.8745 17.1 10.8523 16.8738 10.8957 16.6556C10.9391 16.4374 11.0462 16.2369 11.2036 16.0796C11.3609 15.9222 11.5613 15.8151 11.7796 15.7717C11.9978 15.7283 12.224 15.7505 12.4296 15.8357C12.6351 15.9208 12.8108 16.065 12.9345 16.25C13.0581 16.4351 13.1241 16.6526 13.1241 16.8751C13.1241 17.1734 13.0055 17.4596 12.7945 17.6706C12.5836 17.8815 12.2974 18.0001 11.9991 18.0001Z\"\n      fill=\"#FFB82E\"\n    />\n  </svg>\n)\n\nexport default WarningIcon\n"],"names":["WarningIcon","React"],"mappings":";AAEA,MAAMA,IAAc,MAClBC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,EAAA;AAAA,EAENA,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAK;AAAA,IAAA;AAAA,EAAA;AAET;"}
+{"version":3,"file":"index.es88.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index.es89.js

@@ -1,52 +1,9 @@
-import { cva as r } from "class-variance-authority";
-const s = r(
-  ` h-[38px] w-full border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg  
-    text-light-2 px-3 py-2
-    file:border-0 file:bg-transparent
-    placeholder:font-normal placeholder:text-light-4`,
-  {
-    variants: {
-      isError: {
-        true: "",
-        false: ""
-      },
-      isFocused: {
-        true: "",
-        false: ""
-      },
-      disabled: {
-        true: "bg-light-3 border-neutral-2 cursor-not-allowed",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      isError: !1
-    },
-    compoundVariants: [
-      {
-        isError: !0,
-        isFocused: !0,
-        className: "border-danger-2 ring-4 ring-danger-1"
-      },
-      {
-        isError: !1,
-        isFocused: !0,
-        className: "border-primary-2 ring-4 ring-primary-1"
-      },
-      {
-        isError: !0,
-        isFocused: !1,
-        className: "border-danger-2"
-      },
-      {
-        isError: !1,
-        isFocused: !1,
-        className: "border-light-2"
-      }
-    ]
-  }
-);
+import { clsx as o } from "clsx";
+import { twMerge as t } from "tailwind-merge";
+function n(...r) {
+  return t(o(r));
+}
 export {
-  s as InputVariants
+  n as cn
 };
 //# sourceMappingURL=index.es89.js.map

package/dist/index.es89.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es89.js","sources":["../src/components/atoms/input/input.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const InputVariants = cva(\n  ` h-[38px] w-full border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg  \n    text-light-2 px-3 py-2\n    file:border-0 file:bg-transparent\n    placeholder:font-normal placeholder:text-light-4`,\n  {\n    variants: {\n      isError: {\n        true: '',\n        false: '',\n      },\n      isFocused: {\n        true: '',\n        false: '',\n      },\n      disabled: {\n        true: 'bg-light-3 border-neutral-2 cursor-not-allowed',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      isError: false,\n    },\n    compoundVariants: [\n      {\n        isError: true,\n        isFocused: true,\n        className: 'border-danger-2 ring-4 ring-danger-1',\n      },\n      {\n        isError: false,\n        isFocused: true,\n        className: 'border-primary-2 ring-4 ring-primary-1',\n      },\n      {\n        isError: true,\n        isFocused: false,\n        className: 'border-danger-2',\n      },\n      {\n        isError: false,\n        isFocused: false,\n        className: 'border-light-2',\n      },\n    ],\n  }\n)\n"],"names":["InputVariants","cva"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA;AAAA;AAAA;AAAA,EAIA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,IAEX,kBAAkB;AAAA,MAChB;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es89.js","sources":["../src/lib/utils.ts"],"sourcesContent":["import { clsx, type ClassValue } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"names":["cn","inputs","twMerge","clsx"],"mappings":";;AAGO,SAASA,KAAMC,GAAsB;AAC1C,SAAOC,EAAQC,EAAKF,CAAM,CAAC;AAC7B;"}

package/dist/index.es9.js

@@ -1,82 +1,47 @@
 import * as e from "react";
-import { cn as p } from "./index.es81.js";
-import { InputVariants as g } from "./index.es89.js";
-import { Typography as E } from "./index.es17.js";
-import { XCircle as h } from "lucide-react";
-const v = e.forwardRef(
-  ({ className: i, type: u, isError: l, message: o, prefix: c, suffix: s, id: m, ...t }, f) => {
-    const d = e.useRef(null), r = f || d, [n, a] = e.useState(!1);
-    return e.useEffect(() => {
-      n && r.current?.focus();
-    }, [n]), /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
-      "div",
+import { ButtonVariants as E, TitleVariants as N } from "./index.es75.js";
+import { Loader2 as y } from "lucide-react";
+import { Slot as b } from "@radix-ui/react-slot";
+import { Typography as h } from "./index.es19.js";
+import { cn as o } from "./index.es89.js";
+const w = e.forwardRef(
+  ({
+    className: n,
+    variant: l,
+    size: t,
+    title: a,
+    suffixIcon: s,
+    prefixIcon: c,
+    asChild: i = !1,
+    loading: r,
+    id: f,
+    disabled: p,
+    ...m
+  }, d) => {
+    const u = i ? b : "button";
+    return /* @__PURE__ */ e.createElement(
+      u,
       {
-        className: p(
-          g({
-            isError: l,
-            isFocused: n,
-            disabled: t.disabled,
-            className: i
-          })
-        ),
-        id: m
+        className: o(E({ variant: l, size: t, className: n })),
+        id: f,
+        ref: d,
+        disabled: r || p,
+        ...m
       },
-      c && /* @__PURE__ */ e.createElement(
-        "div",
+      r ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(y, { className: "w-4 h-4 mr-2 animate-spin" }), "Please wait...") : a ? /* @__PURE__ */ e.createElement("div", { className: "flex items-center" }, c, /* @__PURE__ */ e.createElement(
+        h,
         {
-          onClick: () => {
-            a(!0);
-          }
+          className: o(N({ size: t })),
+          variant: "body1"
         },
-        c
-      ),
-      /* @__PURE__ */ e.createElement(
-        "input",
-        {
-          type: u,
-          className: "outline-0 w-full h-full disabled:bg-transparent disabled:cursor-not-allowed outline-none",
-          onFocus: () => a(!0),
-          onBlur: () => a(!1),
-          ref: r,
-          ...t
-        }
-      ),
-      /* @__PURE__ */ e.createElement(
-        "div",
-        {
-          className: "flex items-center cursor-pointer",
-          onClick: () => {
-            if (s) {
-              a(!0);
-              return;
-            }
-          }
-        },
-        s ?? /* @__PURE__ */ e.createElement(
-          "div",
-          {
-            className: `${n ? "" : "opacity-0"} hover:opacity-100`,
-            onClick: () => {
-              t.onChange && t.onChange({
-                target: { value: "" }
-              }), r.current?.focus();
-            }
-          },
-          /* @__PURE__ */ e.createElement(h, { size: 16, className: "stroke-light-2" })
-        )
-      )
-    ), o && /* @__PURE__ */ e.createElement(
-      E,
-      {
-        variant: "body2",
-        className: `${l ? "text-danger-1" : "text-light-3"} mt-1.5`
-      },
-      o
-    ));
+        a
+      ), s) : m.children
+    );
   }
 );
-v.displayName = "Input";
+w.displayName = "Button";
 export {
-  v as Input
+  w as Button,
+  E as ButtonVariants
 };
 //# sourceMappingURL=index.es9.js.map

package/dist/index.es9.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es9.js","sources":["../src/components/atoms/input/input.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '@/lib/utils'\nimport { InputProps } from './input.types'\nimport { InputVariants } from './input.styles'\nimport { Typography } from '../typography'\nimport { XCircle } from 'lucide-react'\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    { className, type, isError, message, prefix, suffix, id, ...props },\n    ref\n  ) => {\n    const innerRef = React.useRef<HTMLInputElement>(null)\n    const inputRef = (ref as React.RefObject<HTMLInputElement>) || innerRef\n    const [isFocused, setIsFocused] = React.useState(false)\n\n    React.useEffect(() => {\n      if (isFocused) {\n        inputRef.current?.focus()\n      }\n    }, [isFocused])\n    return (\n      <>\n        <div\n          className={cn(\n            InputVariants({\n              isError,\n              isFocused,\n              disabled: props.disabled,\n              className,\n            })\n          )}\n          id={id}\n        >\n          {prefix && (\n            <div\n              onClick={() => {\n                setIsFocused(true)\n              }}\n            >\n              {prefix}\n            </div>\n          )}\n\n          <input\n            type={type}\n            className={`outline-0 w-full h-full disabled:bg-transparent disabled:cursor-not-allowed outline-none`}\n            onFocus={() => setIsFocused(true)}\n            onBlur={() => setIsFocused(false)}\n            ref={inputRef}\n            {...props}\n          ></input>\n\n          <div\n            className=\"flex items-center cursor-pointer\"\n            onClick={() => {\n              if (suffix) {\n                setIsFocused(true)\n                return\n              }\n            }}\n          >\n            {suffix ?? (\n              <div\n                className={`${!isFocused ? 'opacity-0' : ''} hover:opacity-100`}\n                onClick={() => {\n                  if (props.onChange)\n                    props.onChange({\n                      target: { value: '' },\n                    } as React.ChangeEvent<HTMLInputElement>)\n                  inputRef.current?.focus()\n                }}\n              >\n                <XCircle size={16} className=\"stroke-light-2\" />\n              </div>\n            )}\n          </div>\n        </div>\n\n        {message && (\n          <Typography\n            variant={'body2'}\n            className={`${isError ? 'text-danger-1' : 'text-light-3'} mt-1.5`}\n          >\n            {message}\n          </Typography>\n        )}\n      </>\n    )\n  }\n)\nInput.displayName = 'Input'\n\nexport { Input }\n"],"names":["Input","React","className","type","isError","message","prefix","suffix","id","props","ref","innerRef","inputRef","isFocused","setIsFocused","cn","InputVariants","XCircle","Typography"],"mappings":";;;;;AAQA,MAAMA,IAAQC,EAAM;AAAA,EAClB,CACE,EAAE,WAAAC,GAAW,MAAAC,GAAM,SAAAC,GAAS,SAAAC,GAAS,QAAAC,GAAQ,QAAAC,GAAQ,IAAAC,GAAI,GAAGC,EAAA,GAC5DC,MACG;AACH,UAAMC,IAAWV,EAAM,OAAyB,IAAI,GAC9CW,IAAYF,KAA6CC,GACzD,CAACE,GAAWC,CAAY,IAAIb,EAAM,SAAS,EAAK;AAEtD,WAAAA,EAAM,UAAU,MAAM;AACpB,MAAIY,KACFD,EAAS,SAAS,MAAA;AAAA,IAEtB,GAAG,CAACC,CAAS,CAAC,GAEZ,gBAAAZ,EAAA,cAAAA,EAAA,UAAA,MACE,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWc;AAAA,UACTC,EAAc;AAAA,YACZ,SAAAZ;AAAA,YACA,WAAAS;AAAA,YACA,UAAUJ,EAAM;AAAA,YAChB,WAAAP;AAAA,UAAA,CACD;AAAA,QAAA;AAAA,QAEH,IAAAM;AAAA,MAAA;AAAA,MAECF,KACC,gBAAAL,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,MAAM;AACb,YAAAa,EAAa,EAAI;AAAA,UACnB;AAAA,QAAA;AAAA,QAECR;AAAA,MAAA;AAAA,MAIL,gBAAAL,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAAE;AAAA,UACA,WAAW;AAAA,UACX,SAAS,MAAMW,EAAa,EAAI;AAAA,UAChC,QAAQ,MAAMA,EAAa,EAAK;AAAA,UAChC,KAAKF;AAAA,UACJ,GAAGH;AAAA,QAAA;AAAA,MAAA;AAAA,MAGN,gBAAAR,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAS,MAAM;AACb,gBAAIM,GAAQ;AACV,cAAAO,EAAa,EAAI;AACjB;AAAA,YACF;AAAA,UACF;AAAA,QAAA;AAAA,QAECP,KACC,gBAAAN,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,GAAIY,IAA0B,KAAd,WAAgB;AAAA,YAC3C,SAAS,MAAM;AACb,cAAIJ,EAAM,YACRA,EAAM,SAAS;AAAA,gBACb,QAAQ,EAAE,OAAO,GAAA;AAAA,cAAG,CACkB,GAC1CG,EAAS,SAAS,MAAA;AAAA,YACpB;AAAA,UAAA;AAAA,UAEA,gBAAAX,EAAA,cAACgB,GAAA,EAAQ,MAAM,IAAI,WAAU,iBAAA,CAAiB;AAAA,QAAA;AAAA,MAChD;AAAA,IAEJ,GAGDZ,KACC,gBAAAJ,EAAA;AAAA,MAACiB;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAW,GAAGd,IAAU,kBAAkB,cAAc;AAAA,MAAA;AAAA,MAEvDC;AAAA,IAAA,CAGP;AAAA,EAEJ;AACF;AACAL,EAAM,cAAc;"}
+{"version":3,"file":"index.es9.js","sources":["../src/components/atoms/button/button.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ButtonVariants, TitleVariants } from './button.styles'\n\nimport { ButtonProps } from './button.types'\nimport { Loader2 } from 'lucide-react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { Typography } from '../typography'\nimport { cn } from '@/lib/utils'\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      title,\n      suffixIcon,\n      prefixIcon,\n      asChild = false,\n      loading,\n      id,\n      disabled,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot : 'button'\n    return (\n      <Comp\n        className={cn(ButtonVariants({ variant, size, className }))}\n        id={id}\n        ref={ref}\n        disabled={loading || disabled}\n        {...props}\n      >\n        {loading ? (\n          <>\n            <Loader2 className=\"w-4 h-4 mr-2 animate-spin\" />\n            Please wait...\n          </>\n        ) : title ? (\n          <div className=\"flex items-center\">\n            {prefixIcon}\n            <Typography\n              className={cn(TitleVariants({ size }))}\n              variant={'body1'}\n            >\n              {title}\n            </Typography>\n            {suffixIcon}\n          </div>\n        ) : (\n          props.children\n        )}\n      </Comp>\n    )\n  }\n)\n\nButton.displayName = 'Button'\n\nexport { Button, ButtonVariants }\n"],"names":["Button","React","className","variant","size","title","suffixIcon","prefixIcon","asChild","loading","id","disabled","props","ref","Comp","Slot","cn","ButtonVariants","Loader2","Typography","TitleVariants"],"mappings":";;;;;;AAUA,MAAMA,IAASC,EAAM;AAAA,EACnB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,SAAAC;AAAA,IACA,IAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAON,IAAUO,IAAO;AAC9B,WACE,gBAAAd,EAAA;AAAA,MAACa;AAAA,MAAA;AAAA,QACC,WAAWE,EAAGC,EAAe,EAAE,SAAAd,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,QAC1D,IAAAQ;AAAA,QACA,KAAAG;AAAA,QACA,UAAUJ,KAAWE;AAAA,QACpB,GAAGC;AAAA,MAAA;AAAA,MAEHH,IACC,gBAAAR,EAAA,cAAAA,EAAA,UAAA,MACE,gBAAAA,EAAA,cAACiB,GAAA,EAAQ,WAAU,4BAAA,CAA4B,GAAE,gBAEnD,IACEb,IACF,gBAAAJ,EAAA,cAAC,OAAA,EAAI,WAAU,uBACZM,GACD,gBAAAN,EAAA;AAAA,QAACkB;AAAA,QAAA;AAAA,UACC,WAAWH,EAAGI,EAAc,EAAE,MAAAhB,EAAA,CAAM,CAAC;AAAA,UACrC,SAAS;AAAA,QAAA;AAAA,QAERC;AAAA,MAAA,GAEFC,CACH,IAEAM,EAAM;AAAA,IAAA;AAAA,EAId;AACF;AAEAZ,EAAO,cAAc;"}

package/dist/index.es90.js

@@ -1,91 +1,30 @@
-import * as e from "react";
-import { Slot as o } from "@radix-ui/react-slot";
-import { ChevronRight as l, MoreHorizontal as c } from "lucide-react";
-import { cn as m } from "./index.es81.js";
-const i = e.forwardRef(({ ...r }, a) => /* @__PURE__ */ e.createElement("nav", { ref: a, "aria-label": "breadcrumb", ...r }));
-i.displayName = "Breadcrumb";
-const d = e.forwardRef(({ className: r, ...a }, t) => /* @__PURE__ */ e.createElement(
-  "ol",
+import * as e from "@radix-ui/react-popover";
+import * as o from "react";
+import { cn as s } from "./index.es89.js";
+const c = e.Root, f = e.Trigger, m = o.forwardRef(({ className: n, align: r = "center", sideOffset: d = 4, ...a }, i) => /* @__PURE__ */ o.createElement(e.Portal, { container: a?.container }, /* @__PURE__ */ o.createElement(
+  e.Content,
   {
-    ref: t,
-    className: m(
-      "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
-      r
+    ref: i,
+    align: r,
+    sideOffset: d,
+    onWheel: (t) => {
+      t.stopPropagation(), t.deltaY > 0 ? t.currentTarget.dispatchEvent(
+        new KeyboardEvent("keydown", { key: "ArrowDown" })
+      ) : t.currentTarget.dispatchEvent(
+        new KeyboardEvent("keydown", { key: "ArrowUp" })
+      );
+    },
+    className: s(
+      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      n
     ),
     ...a
   }
-));
-d.displayName = "BreadcrumbList";
-const p = e.forwardRef(({ className: r, ...a }, t) => /* @__PURE__ */ e.createElement(
-  "li",
-  {
-    ref: t,
-    className: m("inline-flex items-center gap-1.5", r),
-    ...a
-  }
-));
-p.displayName = "BreadcrumbItem";
-const u = e.forwardRef(({ asChild: r, className: a, ...t }, s) => {
-  const n = r ? o : "a";
-  return /* @__PURE__ */ e.createElement(
-    n,
-    {
-      ref: s,
-      className: m("transition-colors hover:text-foreground", a),
-      ...t
-    }
-  );
-});
-u.displayName = "BreadcrumbLink";
-const f = e.forwardRef(({ className: r, ...a }, t) => /* @__PURE__ */ e.createElement(
-  "span",
-  {
-    ref: t,
-    role: "link",
-    "aria-disabled": "true",
-    "aria-current": "page",
-    className: m("font-normal text-foreground", r),
-    ...a
-  }
-));
-f.displayName = "BreadcrumbPage";
-const b = ({
-  children: r,
-  className: a,
-  ...t
-}) => /* @__PURE__ */ e.createElement(
-  "li",
-  {
-    role: "presentation",
-    "aria-hidden": "true",
-    className: m("[&>svg]:size-3.5", a),
-    ...t
-  },
-  r ?? /* @__PURE__ */ e.createElement(l, null)
-);
-b.displayName = "BreadcrumbSeparator";
-const N = ({
-  className: r,
-  ...a
-}) => /* @__PURE__ */ e.createElement(
-  "span",
-  {
-    role: "presentation",
-    "aria-hidden": "true",
-    className: m("flex h-9 w-9 items-center justify-center", r),
-    ...a
-  },
-  /* @__PURE__ */ e.createElement(c, { className: "h-4 w-4" }),
-  /* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "More")
-);
-N.displayName = "BreadcrumbElipssis";
+)));
+m.displayName = e.Content.displayName;
 export {
-  i as Breadcrumb,
-  N as BreadcrumbEllipsis,
-  p as BreadcrumbItem,
-  u as BreadcrumbLink,
-  d as BreadcrumbList,
-  f as BreadcrumbPage,
-  b as BreadcrumbSeparator
+  c as Popover,
+  m as PopoverContent,
+  f as PopoverTrigger
 };
 //# sourceMappingURL=index.es90.js.map

package/dist/index.es90.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es90.js","sources":["../src/components/molecules/breadcrumb/breadcrumb-components.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { ChevronRight, MoreHorizontal } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\nconst Breadcrumb = React.forwardRef<\n  HTMLElement,\n  React.ComponentPropsWithoutRef<'nav'> & {\n    separator?: React.ReactNode\n  }\n>(({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />)\nBreadcrumb.displayName = 'Breadcrumb'\n\nconst BreadcrumbList = React.forwardRef<\n  HTMLOListElement,\n  React.ComponentPropsWithoutRef<'ol'>\n>(({ className, ...props }, ref) => (\n  <ol\n    ref={ref}\n    className={cn(\n      'flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5',\n      className\n    )}\n    {...props}\n  />\n))\nBreadcrumbList.displayName = 'BreadcrumbList'\n\nconst BreadcrumbItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentPropsWithoutRef<'li'>\n>(({ className, ...props }, ref) => (\n  <li\n    ref={ref}\n    className={cn('inline-flex items-center gap-1.5', className)}\n    {...props}\n  />\n))\nBreadcrumbItem.displayName = 'BreadcrumbItem'\n\nconst BreadcrumbLink = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentPropsWithoutRef<'a'> & {\n    asChild?: boolean\n  }\n>(({ asChild, className, ...props }, ref) => {\n  const Comp = asChild ? Slot : 'a'\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn('transition-colors hover:text-foreground', className)}\n      {...props}\n    />\n  )\n})\nBreadcrumbLink.displayName = 'BreadcrumbLink'\n\nconst BreadcrumbPage = React.forwardRef<\n  HTMLSpanElement,\n  React.ComponentPropsWithoutRef<'span'>\n>(({ className, ...props }, ref) => (\n  <span\n    ref={ref}\n    role=\"link\"\n    aria-disabled=\"true\"\n    aria-current=\"page\"\n    className={cn('font-normal text-foreground', className)}\n    {...props}\n  />\n))\nBreadcrumbPage.displayName = 'BreadcrumbPage'\n\nconst BreadcrumbSeparator = ({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<'li'>) => (\n  <li\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn('[&>svg]:size-3.5', className)}\n    {...props}\n  >\n    {children ?? <ChevronRight />}\n  </li>\n)\nBreadcrumbSeparator.displayName = 'BreadcrumbSeparator'\n\nconst BreadcrumbEllipsis = ({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) => (\n  <span\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn('flex h-9 w-9 items-center justify-center', className)}\n    {...props}\n  >\n    <MoreHorizontal className=\"h-4 w-4\" />\n    <span className=\"sr-only\">More</span>\n  </span>\n)\nBreadcrumbEllipsis.displayName = 'BreadcrumbElipssis'\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n}\n"],"names":["Breadcrumb","React","props","ref","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Comp","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","MoreHorizontal"],"mappings":";;;;AAMA,MAAMA,IAAaC,EAAM,WAKvB,CAAC,EAAE,GAAGC,EAAA,GAASC,MAAQ,gBAAAF,EAAA,cAAC,SAAI,KAAAE,GAAU,cAAW,cAAc,GAAGD,GAAO,CAAE;AAC7EF,EAAW,cAAc;AAEzB,MAAMI,IAAiBH,EAAM,WAG3B,CAAC,EAAE,WAAAI,GAAW,GAAGH,EAAA,GAASC,MAC1B,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAE;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAD;AAAA,IAAA;AAAA,IAED,GAAGH;AAAA,EAAA;AACN,CACD;AACDE,EAAe,cAAc;AAE7B,MAAMG,IAAiBN,EAAM,WAG3B,CAAC,EAAE,WAAAI,GAAW,GAAGH,EAAA,GAASC,MAC1B,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAE;AAAA,IACA,WAAWG,EAAG,oCAAoCD,CAAS;AAAA,IAC1D,GAAGH;AAAA,EAAA;AACN,CACD;AACDK,EAAe,cAAc;AAE7B,MAAMC,IAAiBP,EAAM,WAK3B,CAAC,EAAE,SAAAQ,GAAS,WAAAJ,GAAW,GAAGH,EAAA,GAASC,MAAQ;AAC3C,QAAMO,IAAOD,IAAUE,IAAO;AAE9B,SACE,gBAAAV,EAAA;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,KAAAP;AAAA,MACA,WAAWG,EAAG,2CAA2CD,CAAS;AAAA,MACjE,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AACDM,EAAe,cAAc;AAE7B,MAAMI,IAAiBX,EAAM,WAG3B,CAAC,EAAE,WAAAI,GAAW,GAAGH,EAAA,GAASC,MAC1B,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAE;AAAA,IACA,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,gBAAa;AAAA,IACb,WAAWG,EAAG,+BAA+BD,CAAS;AAAA,IACrD,GAAGH;AAAA,EAAA;AACN,CACD;AACDU,EAAe,cAAc;AAE7B,MAAMC,IAAsB,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,WAAAT;AAAA,EACA,GAAGH;AACL,MACE,gBAAAD,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWK,EAAG,oBAAoBD,CAAS;AAAA,IAC1C,GAAGH;AAAA,EAAA;AAAA,EAEHY,qCAAaC,GAAA,IAAa;AAC7B;AAEFF,EAAoB,cAAc;AAElC,MAAMG,IAAqB,CAAC;AAAA,EAC1B,WAAAX;AAAA,EACA,GAAGH;AACL,MACE,gBAAAD,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWK,EAAG,4CAA4CD,CAAS;AAAA,IAClE,GAAGH;AAAA,EAAA;AAAA,EAEJ,gBAAAD,EAAA,cAACgB,GAAA,EAAe,WAAU,UAAA,CAAU;AAAA,EACpC,gBAAAhB,EAAA,cAAC,QAAA,EAAK,WAAU,UAAA,GAAU,MAAI;AAChC;AAEFe,EAAmB,cAAc;"}
+{"version":3,"file":"index.es90.js","sources":["../src/components/unstyled/popover/popover-components.tsx"],"sourcesContent":["'use client'\n\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst Popover = PopoverPrimitive.Root\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> &\n    Pick<\n      React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Portal>,\n      'container'\n    >\n>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal container={props?.container}>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      onWheel={(e) => {\n        e.stopPropagation()\n\n        const isScrollingDown = e.deltaY > 0\n\n        if (isScrollingDown) {\n          // Simulate arrow down key press\n          e.currentTarget.dispatchEvent(\n            new KeyboardEvent('keydown', { key: 'ArrowDown' })\n          )\n        } else {\n          // Simulate arrow up key press\n          e.currentTarget.dispatchEvent(\n            new KeyboardEvent('keydown', { key: 'ArrowUp' })\n          )\n        }\n      }}\n      className={cn(\n        'z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n        className\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport { Popover, PopoverTrigger, PopoverContent }\n"],"names":["Popover","PopoverPrimitive","PopoverTrigger","PopoverContent","React","className","align","sideOffset","props","ref","e","cn"],"mappings":";;;AAOA,MAAMA,IAAUC,EAAiB,MAC3BC,IAAiBD,EAAiB,SAElCE,IAAiBC,EAAM,WAO3B,CAAC,EAAE,WAAAC,GAAW,OAAAC,IAAQ,UAAU,YAAAC,IAAa,GAAG,GAAGC,EAAA,GAASC,MAC5D,gBAAAL,EAAA,cAACH,EAAiB,QAAjB,EAAwB,WAAWO,GAAO,aACzC,gBAAAJ,EAAA;AAAA,EAACH,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAQ;AAAA,IACA,OAAAH;AAAA,IACA,YAAAC;AAAA,IACA,SAAS,CAACG,MAAM;AACd,MAAAA,EAAE,gBAAA,GAEsBA,EAAE,SAAS,IAIjCA,EAAE,cAAc;AAAA,QACd,IAAI,cAAc,WAAW,EAAE,KAAK,aAAa;AAAA,MAAA,IAInDA,EAAE,cAAc;AAAA,QACd,IAAI,cAAc,WAAW,EAAE,KAAK,WAAW;AAAA,MAAA;AAAA,IAGrD;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAN;AAAA,IAAA;AAAA,IAED,GAAGG;AAAA,EAAA;AACN,CACF,CACD;AACDL,EAAe,cAAcF,EAAiB,QAAQ;"}