@123usmanhaider321/ui 0.1.0 → 0.1.8

package/dist/_virtual/duration.js

@@ -0,0 +1,5 @@
+var duration = { exports: {} };
+export {
+  duration as __module
+};
+//# sourceMappingURL=duration.js.map

package/dist/_virtual/duration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"duration.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/index.js

@@ -1,5 +1,5 @@
-var propTypes = { exports: {} };
+var shim = { exports: {} };
 export {
-  propTypes as __module
+  shim as __module
 };
 //# sourceMappingURL=index.js.map

package/dist/_virtual/isBetween.js

@@ -0,0 +1,5 @@
+var isBetween = { exports: {} };
+export {
+  isBetween as __module
+};
+//# sourceMappingURL=isBetween.js.map

package/dist/_virtual/isBetween.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isBetween.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/relativeTime.js

@@ -0,0 +1,5 @@
+var relativeTime = { exports: {} };
+export {
+  relativeTime as __module
+};
+//# sourceMappingURL=relativeTime.js.map

package/dist/_virtual/relativeTime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"relativeTime.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/use-sync-external-store-shim.development.js

@@ -0,0 +1,5 @@
+var useSyncExternalStoreShim_development = {};
+export {
+  useSyncExternalStoreShim_development as __exports
+};
+//# sourceMappingURL=use-sync-external-store-shim.development.js.map

package/dist/_virtual/use-sync-external-store-shim.development.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sync-external-store-shim.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/use-sync-external-store-shim.production.js

@@ -0,0 +1,5 @@
+var useSyncExternalStoreShim_production = {};
+export {
+  useSyncExternalStoreShim_production as __exports
+};
+//# sourceMappingURL=use-sync-external-store-shim.production.js.map

package/dist/_virtual/use-sync-external-store-shim.production.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sync-external-store-shim.production.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/with-selector.development.js

@@ -0,0 +1,5 @@
+var withSelector_development = {};
+export {
+  withSelector_development as __exports
+};
+//# sourceMappingURL=with-selector.development.js.map

package/dist/_virtual/with-selector.development.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-selector.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/with-selector.production.js

@@ -0,0 +1,5 @@
+var withSelector_production = {};
+export {
+  withSelector_production as __exports
+};
+//# sourceMappingURL=with-selector.production.js.map

package/dist/_virtual/with-selector.production.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-selector.production.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/Alert/Alert.d.ts

@@ -6,5 +6,5 @@ interface AlertProps {
     type?: 'success' | 'error';
     onClose?: () => void;
 }
-export declare const Alert: React.MemoExoticComponent<({ isVisible, message, type, onClose }: AlertProps) => import("react/jsx-runtime").JSX.Element | null>;
-export {};
+declare const _default: React.MemoExoticComponent<({ isVisible, message, type, onClose }: AlertProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/components/Alert/Alert.js

@@ -1,7 +1,6 @@
-import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { memo, useState, useEffect } from "react";
-import { cn } from "../../utils/cn.js";
-const Alert = memo(({ isVisible, message, type = "error", onClose }) => {
+const Alert = ({ isVisible, message, type = "error", onClose }) => {
   const [animationState, setAnimationState] = useState("enter");
   const [localIsVisible, setLocalIsVisible] = useState(isVisible);
   useEffect(() => {
@@ -27,28 +26,26 @@ const Alert = memo(({ isVisible, message, type = "error", onClose }) => {
       if (onClose) onClose();
     }, 500);
   };
-  const animationClasses = animationState === "enter" ? "ui-translate-y-0 ui-opacity-100" : "ui--translate-y-full ui-opacity-0";
+  const animationClasses = animationState === "enter" ? "translate-y-0 opacity-100" : "-translate-y-full opacity-0";
   if (!localIsVisible) return null;
   const isSuccess = type === "success";
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn(
-    "ui-fixed ui-z-[9999] ui-top-5 ui-right-5 ui-transition-all ui-duration-500",
-    animationClasses
-  ), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn(
-    "ui-flex ui-items-center ui-w-full ui-max-w-sm ui-border-l-4 ui-px-4 ui-py-3 ui-shadow-lg ui-rounded-lg ui-bg-opacity-100",
-    isSuccess ? "ui-border-teal-500 ui-bg-teal-700" : "ui-border-red-500 ui-bg-gray-900"
-  ), children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn(
-      "ui-mr-3 ui-flex ui-h-8 ui-w-8 ui-min-w-8 ui-items-center ui-justify-center ui-rounded-lg",
-      isSuccess ? "ui-bg-white" : "ui-bg-red-500"
-    ), children: isSuccess ? /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: "16", height: "12", viewBox: "0 0 16 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M15.2984 0.826822L15.2868 0.811827L15.2741 0.797751C14.9173 0.401867 14.3238 0.400754 13.9657 0.794406L5.91888 9.45376L2.05667 5.2868C1.69856 4.89287 1.10487 4.89389 0.747996 5.28987C0.417335 5.65675 0.417335 6.22337 0.747996 6.59026L0.747959 6.59029L0.752701 6.59541L4.86742 11.0348C5.14445 11.3405 5.52858 11.5 5.89581 11.5C6.29242 11.5 6.65178 11.3355 6.92401 11.035L15.2162 2.11161C15.5833 1.74452 15.5760 1.18615 15.2984 0.826822Z", fill: "#14b8a6", stroke: "#14b8a6" }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: "13", height: "13", viewBox: "0 0 13 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M6.4917 7.65579L11.106 12.2645C11.2545 12.4128 11.4715 12.5 11.6738 12.5C11.8762 12.5 12.0931 12.4128 12.2416 12.2645C12.5621 11.9445 12.5623 11.4317 12.2423 11.1114C12.2422 11.1113 12.2422 11.1113 12.2422 11.1113C12.242 11.1111 12.242 11.1111 12.242 11.1111C12.242 11.1111 12.242 11.1111 12.242 11.1111L7.64539 6.50351L12.2589 1.91221L12.2595 1.91158C12.5802 1.59132 12.5802 1.07805 12.2595 0.757793C11.9393 0.437994 11.4268 0.437869 11.1064 0.757418C11.1063 0.757543 11.1062 0.757668 11.106 0.757793L6.49234 5.34931L1.89459 0.740581L1.89396 0.739942C1.57364 0.420019 1.0608 0.420019 0.740487 0.739944C0.42005 1.05999 0.419837 1.57279 0.73985 1.89309L6.4917 7.65579ZM6.4917 7.65579L1.89459 12.2639L1.89395 12.2645C1.74546 12.4128 1.52854 12.5 1.32616 12.5C1.12377 12.5 0.906853 12.4128 0.758361 12.2645L1.1117 11.9108L0.758358 12.2645C0.437984 11.9445 0.437708 11.4319 0.757539 11.1116C0.757812 11.1113 0.758086 11.1110 0.75836 11.1107L5.33864 6.50287L0.740487 1.89373L6.4917 7.65579Z", fill: "#ffffff", stroke: "#ffffff" }) }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ui-grow ui-mr-3", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("h5", { className: "ui-mb-1 ui-text-sm ui-font-semibold ui-text-white", children: isSuccess ? "Success" : "Error" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "ui-text-xs ui-leading-relaxed ui-text-white", children: message })
+  const styles = {
+    containerBorder: isSuccess ? "border-[#2dd4bf] bg-[#0f766e]" : "border-[#F87171] bg-[#1B1B24] bg-opacity-30",
+    iconBg: isSuccess ? "bg-white" : "bg-[#F87171]",
+    text: "text-white",
+    closeHover: "hover:text-grey-200"
+  };
+  return /* @__PURE__ */ jsx("div", { className: `fixed z-[100001] top-5 right-5 transition-all duration-500 ${animationClasses}`, children: /* @__PURE__ */ jsxs("div", { className: `flex items-center w-full max-w-sm border-l-6 px-4 py-3 shadow-md rounded-lg ${styles.containerBorder} bg-opacity-[100%]`, children: [
+    /* @__PURE__ */ jsx("div", { className: `mr-3 flex h-8 w-10 min-w-10 items-center justify-center rounded-lg ${styles.iconBg}`, children: isSuccess ? /* @__PURE__ */ jsx("svg", { width: "16", height: "12", viewBox: "0 0 16 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M15.2984 0.826822L15.2868 0.811827L15.2741 0.797751C14.9173 0.401867 14.3238 0.400754 13.9657 0.794406L5.91888 9.45376L2.05667 5.2868C1.69856 4.89287 1.10487 4.89389 0.747996 5.28987C0.417335 5.65675 0.417335 6.22337 0.747996 6.59026L0.747959 6.59029L0.752701 6.59541L4.86742 11.0348C5.14445 11.3405 5.52858 11.5 5.89581 11.5C6.29242 11.5 6.65178 11.3355 6.92401 11.035L15.2162 2.11161C15.5833 1.74452 15.576 1.18615 15.2984 0.826822Z", fill: "#14b8a6", stroke: "#14b8a6" }) }) : /* @__PURE__ */ jsx("svg", { width: "13", height: "13", viewBox: "0 0 13 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M6.4917 7.65579L11.106 12.2645C11.2545 12.4128 11.4715 12.5 11.6738 12.5C11.8762 12.5 12.0931 12.4128 12.2416 12.2645C12.5621 11.9445 12.5623 11.4317 12.2423 11.1114C12.2422 11.1113 12.2422 11.1113 12.2422 11.1113C12.242 11.1111 12.2418 11.1109 12.2416 11.1107L7.64539 6.50351L12.2589 1.91221L12.2595 1.91158C12.5802 1.59132 12.5802 1.07805 12.2595 0.757793C11.9393 0.437994 11.4268 0.437869 11.1064 0.757418C11.1063 0.757543 11.1062 0.757668 11.106 0.757793L6.49234 5.34931L1.89459 0.740581L1.89396 0.739942C1.57364 0.420019 1.0608 0.420019 0.740487 0.739944C0.42005 1.05999 0.419837 1.57279 0.73985 1.89309L6.4917 7.65579ZM6.4917 7.65579L1.89459 12.2639L1.89395 12.2645C1.74546 12.4128 1.52854 12.5 1.32616 12.5C1.12377 12.5 0.906853 12.4128 0.758361 12.2645L1.1117 11.9108L0.758358 12.2645C0.437984 11.9445 0.437708 11.4319 0.757539 11.1116C0.757812 11.1113 0.758086 11.111 0.75836 11.1107L5.33864 6.50287L0.740487 1.89373L6.4917 7.65579Z", fill: "#ffffff", stroke: "#ffffff" }) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "grow mr-3", children: [
+      /* @__PURE__ */ jsx("h5", { className: `mb-1 text-sm font-semibold ${styles.text}`, children: type === "success" ? "Success" : "Error" }),
+      /* @__PURE__ */ jsx("p", { className: `text-xs leading-relaxed ${styles.text}`, children: message })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: handleClose, className: "ui-text-white hover:ui-text-gray-200", children: /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { className: "ui-w-4 ui-h-4", fill: "currentColor", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { fillRule: "evenodd", d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z", clipRule: "evenodd" }) }) })
+    /* @__PURE__ */ jsx("button", { onClick: handleClose, className: `text-white ${styles.closeHover}`, children: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "currentColor", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z", clipRule: "evenodd" }) }) })
   ] }) });
-});
+};
+const Alert$1 = memo(Alert);
 export {
-  Alert
+  Alert$1 as default
 };
 //# sourceMappingURL=Alert.js.map

package/dist/components/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React, { useState, useEffect, memo } from 'react';\nimport { cn } from '../../utils/cn';\n\ninterface AlertProps {\n    isVisible: boolean;\n    message: string;\n    type?: 'success' | 'error';\n    onClose?: () => void;\n}\n\nexport const Alert = memo(({ isVisible, message, type = 'error', onClose }: AlertProps) => {\n    const [animationState, setAnimationState] = useState<'enter' | 'exit'>('enter');\n    const [localIsVisible, setLocalIsVisible] = useState(isVisible);\n\n    useEffect(() => {\n        if (isVisible) {\n            setLocalIsVisible(true);\n            setAnimationState('enter');\n\n            if (type === 'success') {\n                const timeout = setTimeout(() => {\n                    handleClose();\n                }, 2500);\n                return () => clearTimeout(timeout);\n            }\n        } else {\n            setAnimationState('exit');\n            const timeout = setTimeout(() => setLocalIsVisible(false), 500);\n            return () => clearTimeout(timeout);\n        }\n    }, [isVisible, type]);\n\n    const handleClose = () => {\n        setAnimationState('exit');\n        setTimeout(() => {\n            setLocalIsVisible(false);\n            if (onClose) onClose();\n        }, 500);\n    };\n\n    const animationClasses = animationState === 'enter' ? 'ui-translate-y-0 ui-opacity-100' : 'ui--translate-y-full ui-opacity-0';\n\n    if (!localIsVisible) return null;\n\n    const isSuccess = type === 'success';\n\n    return (\n        <div className={cn(\n            \"ui-fixed ui-z-[9999] ui-top-5 ui-right-5 ui-transition-all ui-duration-500\",\n            animationClasses\n        )}>\n            <div className={cn(\n                \"ui-flex ui-items-center ui-w-full ui-max-w-sm ui-border-l-4 ui-px-4 ui-py-3 ui-shadow-lg ui-rounded-lg ui-bg-opacity-100\",\n                isSuccess ? 'ui-border-teal-500 ui-bg-teal-700' : 'ui-border-red-500 ui-bg-gray-900'\n            )}>\n                <div className={cn(\n                    \"ui-mr-3 ui-flex ui-h-8 ui-w-8 ui-min-w-8 ui-items-center ui-justify-center ui-rounded-lg\",\n                    isSuccess ? 'ui-bg-white' : 'ui-bg-red-500'\n                )}>\n                    {isSuccess ? (\n                        <svg width=\"16\" height=\"12\" viewBox=\"0 0 16 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                            <path d=\"M15.2984 0.826822L15.2868 0.811827L15.2741 0.797751C14.9173 0.401867 14.3238 0.400754 13.9657 0.794406L5.91888 9.45376L2.05667 5.2868C1.69856 4.89287 1.10487 4.89389 0.747996 5.28987C0.417335 5.65675 0.417335 6.22337 0.747996 6.59026L0.747959 6.59029L0.752701 6.59541L4.86742 11.0348C5.14445 11.3405 5.52858 11.5 5.89581 11.5C6.29242 11.5 6.65178 11.3355 6.92401 11.035L15.2162 2.11161C15.5833 1.74452 15.5760 1.18615 15.2984 0.826822Z\" fill=\"#14b8a6\" stroke=\"#14b8a6\"></path>\n                        </svg>\n                    ) : (\n                        <svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                            <path d=\"M6.4917 7.65579L11.106 12.2645C11.2545 12.4128 11.4715 12.5 11.6738 12.5C11.8762 12.5 12.0931 12.4128 12.2416 12.2645C12.5621 11.9445 12.5623 11.4317 12.2423 11.1114C12.2422 11.1113 12.2422 11.1113 12.2422 11.1113C12.242 11.1111 12.242 11.1111 12.242 11.1111C12.242 11.1111 12.242 11.1111 12.242 11.1111L7.64539 6.50351L12.2589 1.91221L12.2595 1.91158C12.5802 1.59132 12.5802 1.07805 12.2595 0.757793C11.9393 0.437994 11.4268 0.437869 11.1064 0.757418C11.1063 0.757543 11.1062 0.757668 11.106 0.757793L6.49234 5.34931L1.89459 0.740581L1.89396 0.739942C1.57364 0.420019 1.0608 0.420019 0.740487 0.739944C0.42005 1.05999 0.419837 1.57279 0.73985 1.89309L6.4917 7.65579ZM6.4917 7.65579L1.89459 12.2639L1.89395 12.2645C1.74546 12.4128 1.52854 12.5 1.32616 12.5C1.12377 12.5 0.906853 12.4128 0.758361 12.2645L1.1117 11.9108L0.758358 12.2645C0.437984 11.9445 0.437708 11.4319 0.757539 11.1116C0.757812 11.1113 0.758086 11.1110 0.75836 11.1107L5.33864 6.50287L0.740487 1.89373L6.4917 7.65579Z\" fill=\"#ffffff\" stroke=\"#ffffff\"></path>\n                        </svg>\n                    )}\n                </div>\n                <div className=\"ui-grow ui-mr-3\">\n                    <h5 className=\"ui-mb-1 ui-text-sm ui-font-semibold ui-text-white\">\n                        {isSuccess ? 'Success' : 'Error'}\n                    </h5>\n                    <p className=\"ui-text-xs ui-leading-relaxed ui-text-white\">\n                        {message}\n                    </p>\n                </div>\n                <button onClick={handleClose} className=\"ui-text-white hover:ui-text-gray-200\">\n                    <svg className=\"ui-w-4 ui-h-4\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\">\n                        <path fillRule=\"evenodd\" d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\" clipRule=\"evenodd\"></path>\n                    </svg>\n                </button>\n            </div>\n        </div>\n    );\n});\n"],"names":["jsx","jsxs"],"mappings":";;;AAUO,MAAM,QAAQ,KAAK,CAAC,EAAE,WAAW,SAAS,OAAO,SAAS,cAA0B;AACvF,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAA2B,OAAO;AAC9E,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,SAAS;AAE9D,YAAU,MAAM;AACZ,QAAI,WAAW;AACX,wBAAkB,IAAI;AACtB,wBAAkB,OAAO;AAEzB,UAAI,SAAS,WAAW;AACpB,cAAM,UAAU,WAAW,MAAM;AAC7B,sBAAA;AAAA,QACJ,GAAG,IAAI;AACP,eAAO,MAAM,aAAa,OAAO;AAAA,MACrC;AAAA,IACJ,OAAO;AACH,wBAAkB,MAAM;AACxB,YAAM,UAAU,WAAW,MAAM,kBAAkB,KAAK,GAAG,GAAG;AAC9D,aAAO,MAAM,aAAa,OAAO;AAAA,IACrC;AAAA,EACJ,GAAG,CAAC,WAAW,IAAI,CAAC;AAEpB,QAAM,cAAc,MAAM;AACtB,sBAAkB,MAAM;AACxB,eAAW,MAAM;AACb,wBAAkB,KAAK;AACvB,UAAI,QAAS,SAAA;AAAA,IACjB,GAAG,GAAG;AAAA,EACV;AAEA,QAAM,mBAAmB,mBAAmB,UAAU,oCAAoC;AAE1F,MAAI,CAAC,eAAgB,QAAO;AAE5B,QAAM,YAAY,SAAS;AAE3B,SACIA,sCAAC,SAAI,WAAW;AAAA,IACZ;AAAA,IACA;AAAA,EAAA,GAEA,UAAAC,kCAAAA,KAAC,OAAA,EAAI,WAAW;AAAA,IACZ;AAAA,IACA,YAAY,sCAAsC;AAAA,EAAA,GAElD,UAAA;AAAA,IAAAD,sCAAC,SAAI,WAAW;AAAA,MACZ;AAAA,MACA,YAAY,gBAAgB;AAAA,IAAA,GAE3B,sBACGA,kCAAAA,IAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAC9D,UAAAA,kCAAAA,IAAC,QAAA,EAAK,GAAE,ubAAsb,MAAK,WAAU,QAAO,UAAA,CAAU,GACle,IAEAA,sCAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAC9D,UAAAA,kCAAAA,IAAC,UAAK,GAAE,69BAA49B,MAAK,WAAU,QAAO,WAAU,EAAA,CACxgC,EAAA,CAER;AAAA,IACAC,kCAAAA,KAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,MAAAD,sCAAC,MAAA,EAAG,WAAU,qDACT,UAAA,YAAY,YAAY,SAC7B;AAAA,MACAA,kCAAAA,IAAC,KAAA,EAAE,WAAU,+CACR,UAAA,QAAA,CACL;AAAA,IAAA,GACJ;AAAA,IACAA,kCAAAA,IAAC,UAAA,EAAO,SAAS,aAAa,WAAU,wCACpC,UAAAA,kCAAAA,IAAC,OAAA,EAAI,WAAU,iBAAgB,MAAK,gBAAe,SAAQ,aAAY,OAAM,8BACzE,UAAAA,kCAAAA,IAAC,QAAA,EAAK,UAAS,WAAU,GAAE,sMAAqM,UAAS,UAAA,CAAU,EAAA,CACvP,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER,CAAC;"}
+{"version":3,"file":"Alert.js","sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React, { useState, useEffect, memo } from 'react';\r\n\r\ninterface AlertProps {\r\n    isVisible: boolean;\r\n    message: string;\r\n    type?: 'success' | 'error';\r\n    onClose?: () => void;\r\n}\r\n\r\nconst Alert = ({ isVisible, message, type = 'error', onClose }: AlertProps) => {\r\n    const [animationState, setAnimationState] = useState<'enter' | 'exit'>('enter');\r\n    const [localIsVisible, setLocalIsVisible] = useState(isVisible);\r\n\r\n    useEffect(() => {\r\n        if (isVisible) {\r\n            setLocalIsVisible(true);\r\n            setAnimationState('enter');\r\n\r\n            if (type === 'success') {\r\n                const timeout = setTimeout(() => {\r\n                    handleClose();\r\n                }, 2500);\r\n                return () => clearTimeout(timeout);\r\n            }\r\n        } else {\r\n            setAnimationState('exit');\r\n            const timeout = setTimeout(() => setLocalIsVisible(false), 500);\r\n            return () => clearTimeout(timeout);\r\n        }\r\n    }, [isVisible, type]);\r\n\r\n    const handleClose = () => {\r\n        setAnimationState('exit');\r\n        setTimeout(() => {\r\n            setLocalIsVisible(false);\r\n            if (onClose) onClose();\r\n        }, 500);\r\n    };\r\n\r\n    const animationClasses = animationState === 'enter' ? 'translate-y-0 opacity-100' : '-translate-y-full opacity-0';\r\n\r\n    if (!localIsVisible) return null;\r\n\r\n    const isSuccess = type === 'success';\r\n\r\n    const styles = {\r\n        containerBorder: isSuccess ? 'border-[#2dd4bf] bg-[#0f766e]' : 'border-[#F87171] bg-[#1B1B24] bg-opacity-30',\r\n        iconBg: isSuccess ? 'bg-white' : 'bg-[#F87171]',\r\n        text: 'text-white',\r\n        closeHover: 'hover:text-grey-200'\r\n    };\r\n\r\n    return (\r\n        <div className={`fixed z-[100001] top-5 right-5 transition-all duration-500 ${animationClasses}`}>\r\n            <div className={`flex items-center w-full max-w-sm border-l-6 px-4 py-3 shadow-md rounded-lg ${styles.containerBorder} bg-opacity-[100%]`}>\r\n                <div className={`mr-3 flex h-8 w-10 min-w-10 items-center justify-center rounded-lg ${styles.iconBg}`}>\r\n                    {isSuccess ? (\r\n                        <svg width=\"16\" height=\"12\" viewBox=\"0 0 16 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                            <path d=\"M15.2984 0.826822L15.2868 0.811827L15.2741 0.797751C14.9173 0.401867 14.3238 0.400754 13.9657 0.794406L5.91888 9.45376L2.05667 5.2868C1.69856 4.89287 1.10487 4.89389 0.747996 5.28987C0.417335 5.65675 0.417335 6.22337 0.747996 6.59026L0.747959 6.59029L0.752701 6.59541L4.86742 11.0348C5.14445 11.3405 5.52858 11.5 5.89581 11.5C6.29242 11.5 6.65178 11.3355 6.92401 11.035L15.2162 2.11161C15.5833 1.74452 15.576 1.18615 15.2984 0.826822Z\" fill=\"#14b8a6\" stroke=\"#14b8a6\"></path>\r\n                        </svg>\r\n                    ) : (\r\n                        <svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                            <path d=\"M6.4917 7.65579L11.106 12.2645C11.2545 12.4128 11.4715 12.5 11.6738 12.5C11.8762 12.5 12.0931 12.4128 12.2416 12.2645C12.5621 11.9445 12.5623 11.4317 12.2423 11.1114C12.2422 11.1113 12.2422 11.1113 12.2422 11.1113C12.242 11.1111 12.2418 11.1109 12.2416 11.1107L7.64539 6.50351L12.2589 1.91221L12.2595 1.91158C12.5802 1.59132 12.5802 1.07805 12.2595 0.757793C11.9393 0.437994 11.4268 0.437869 11.1064 0.757418C11.1063 0.757543 11.1062 0.757668 11.106 0.757793L6.49234 5.34931L1.89459 0.740581L1.89396 0.739942C1.57364 0.420019 1.0608 0.420019 0.740487 0.739944C0.42005 1.05999 0.419837 1.57279 0.73985 1.89309L6.4917 7.65579ZM6.4917 7.65579L1.89459 12.2639L1.89395 12.2645C1.74546 12.4128 1.52854 12.5 1.32616 12.5C1.12377 12.5 0.906853 12.4128 0.758361 12.2645L1.1117 11.9108L0.758358 12.2645C0.437984 11.9445 0.437708 11.4319 0.757539 11.1116C0.757812 11.1113 0.758086 11.111 0.75836 11.1107L5.33864 6.50287L0.740487 1.89373L6.4917 7.65579Z\" fill=\"#ffffff\" stroke=\"#ffffff\"></path>\r\n                        </svg>\r\n                    )}\r\n                </div>\r\n                <div className=\"grow mr-3\">\r\n                    <h5 className={`mb-1 text-sm font-semibold ${styles.text}`}>\r\n                        {type === 'success' ? 'Success' : 'Error'}\r\n                    </h5>\r\n                    <p className={`text-xs leading-relaxed ${styles.text}`}>\r\n                        {message}\r\n                    </p>\r\n                </div>\r\n                <button onClick={handleClose} className={`text-white ${styles.closeHover}`}>\r\n                    <svg className=\"w-4 h-4\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                        <path fillRule=\"evenodd\" d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\" clipRule=\"evenodd\"></path>\r\n                    </svg>\r\n                </button>\r\n            </div>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default memo(Alert);\r\n"],"names":[],"mappings":";;AASA,MAAM,QAAQ,CAAC,EAAE,WAAW,SAAS,OAAO,SAAS,cAA0B;AAC3E,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAA2B,OAAO;AAC9E,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,SAAS;AAE9D,YAAU,MAAM;AACZ,QAAI,WAAW;AACX,wBAAkB,IAAI;AACtB,wBAAkB,OAAO;AAEzB,UAAI,SAAS,WAAW;AACpB,cAAM,UAAU,WAAW,MAAM;AAC7B,sBAAA;AAAA,QACJ,GAAG,IAAI;AACP,eAAO,MAAM,aAAa,OAAO;AAAA,MACrC;AAAA,IACJ,OAAO;AACH,wBAAkB,MAAM;AACxB,YAAM,UAAU,WAAW,MAAM,kBAAkB,KAAK,GAAG,GAAG;AAC9D,aAAO,MAAM,aAAa,OAAO;AAAA,IACrC;AAAA,EACJ,GAAG,CAAC,WAAW,IAAI,CAAC;AAEpB,QAAM,cAAc,MAAM;AACtB,sBAAkB,MAAM;AACxB,eAAW,MAAM;AACb,wBAAkB,KAAK;AACvB,UAAI,QAAS,SAAA;AAAA,IACjB,GAAG,GAAG;AAAA,EACV;AAEA,QAAM,mBAAmB,mBAAmB,UAAU,8BAA8B;AAEpF,MAAI,CAAC,eAAgB,QAAO;AAE5B,QAAM,YAAY,SAAS;AAE3B,QAAM,SAAS;AAAA,IACX,iBAAiB,YAAY,kCAAkC;AAAA,IAC/D,QAAQ,YAAY,aAAa;AAAA,IACjC,MAAM;AAAA,IACN,YAAY;AAAA,EAAA;AAGhB,SACI,oBAAC,OAAA,EAAI,WAAW,8DAA8D,gBAAgB,IAC1F,UAAA,qBAAC,OAAA,EAAI,WAAW,+EAA+E,OAAO,eAAe,sBACjH,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAW,sEAAsE,OAAO,MAAM,IAC9F,UAAA,YACG,oBAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAC9D,UAAA,oBAAC,QAAA,EAAK,GAAE,sbAAqb,MAAK,WAAU,QAAO,UAAA,CAAU,EAAA,CACje,IAEA,oBAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAC9D,UAAA,oBAAC,QAAA,EAAK,GAAE,i7BAAg7B,MAAK,WAAU,QAAO,UAAA,CAAU,EAAA,CAC59B,EAAA,CAER;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,aACX,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAG,WAAW,8BAA8B,OAAO,IAAI,IACnD,UAAA,SAAS,YAAY,YAAY,QAAA,CACtC;AAAA,0BACC,KAAA,EAAE,WAAW,2BAA2B,OAAO,IAAI,IAC/C,UAAA,QAAA,CACL;AAAA,IAAA,GACJ;AAAA,IACA,oBAAC,UAAA,EAAO,SAAS,aAAa,WAAW,cAAc,OAAO,UAAU,IACpE,UAAA,oBAAC,OAAA,EAAI,WAAU,WAAU,MAAK,gBAAe,SAAQ,aAAY,OAAM,8BACnE,UAAA,oBAAC,QAAA,EAAK,UAAS,WAAU,GAAE,sMAAqM,UAAS,UAAA,CAAU,EAAA,CACvP,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;AAEA,MAAA,UAAe,KAAK,KAAK;"}

package/dist/components/Button/Button.js

@@ -1,7 +1,7 @@
-import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import * as React from "react";
+import { Loader2 } from "lucide-react";
 import { cn } from "../../utils/cn.js";
-import LoaderCircle from "../../node_modules/lucide-react/dist/esm/icons/loader-circle.js";
 const Button = React.memo(React.forwardRef(
   ({
     className,
@@ -13,23 +13,23 @@ const Button = React.memo(React.forwardRef(
     ...props
   }, ref) => {
     const variants = {
-      default: "ui-bg-primaryx-600 ui-text-white hover:ui-bg-primaryx-700 ui-shadow-sm",
-      destructive: "ui-bg-red-500 ui-text-white hover:ui-bg-red-600 ui-shadow-sm",
-      outline: "ui-input-border ui-bg-white hover:ui-bg-gray-100 ui-text-gray-900 ui-shadow-sm",
-      secondary: "ui-bg-gray-100 ui-text-gray-900 hover:ui-bg-gray-200/80",
-      ghost: "hover:ui-bg-gray-100 ui-text-gray-700 hover:ui-text-gray-900"
+      default: "bg-primaryx-600 text-white hover:bg-primaryx-700 shadow-sm",
+      destructive: "bg-red-500 text-white hover:bg-red-600 shadow-sm",
+      outline: "input-border bg-white hover:bg-gray-100 text-gray-900 shadow-sm",
+      secondary: "bg-gray-100 text-gray-900 hover:bg-gray-200/80",
+      ghost: "hover:bg-gray-100 text-gray-700 hover:text-gray-900"
     };
     const sizes = {
-      sm: "ui-h-8 ui-px-3 ui-text-xs",
-      md: "ui-h-9 ui-px-4 ui-py-2 ui-text-sm",
-      lg: "ui-h-11 ui-px-8 ui-text-base",
-      icon: "ui-h-9 ui-w-9"
+      sm: "h-8 px-3 text-xs",
+      md: "h-9 px-4 py-2 text-sm",
+      lg: "h-11 px-8 text-base",
+      icon: "h-9 w-9"
     };
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    return /* @__PURE__ */ jsxs(
       "button",
       {
         className: cn(
-          "ui-inline-flex ui-items-center ui-justify-center ui-rounded-md ui-font-medium ui-transition-colors focus-visible:ui-outline-none focus-visible:ui-ring-1 focus-visible:ui-ring-gray-950 disabled:ui-pointer-events-none disabled:ui-opacity-50",
+          "inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gray-950 disabled:pointer-events-none disabled:opacity-50",
           variants[variant],
           sizes[size],
           className
@@ -38,7 +38,7 @@ const Button = React.memo(React.forwardRef(
         disabled: disabled || isLoading,
         ...props,
         children: [
-          isLoading && /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { "data-testid": "button-loader", className: "ui-mr-2 ui-h-4 ui-w-4 ui-animate-spin" }),
+          isLoading && /* @__PURE__ */ jsx(Loader2, { "data-testid": "button-loader", className: "mr-2 h-4 w-4 animate-spin" }),
           children
         ]
       }

package/dist/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Loader2 } from \"lucide-react\"\nimport { cn } from '../../utils/cn';\n\nexport interface ButtonProps\n    extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n    isLoading?: boolean;\n    variant?: 'default' | 'outline' | 'ghost' | 'destructive' | 'secondary';\n    size?: 'sm' | 'md' | 'lg' | 'icon';\n}\n\nconst Button = React.memo(React.forwardRef<HTMLButtonElement, ButtonProps>(\n    ({\n        className,\n        variant = 'default',\n        size = 'md',\n        isLoading = false,\n        disabled,\n        children,\n        ...props\n    }, ref) => {\n\n        const variants = {\n            default: \"ui-bg-primaryx-600 ui-text-white hover:ui-bg-primaryx-700 ui-shadow-sm\",\n            destructive: \"ui-bg-red-500 ui-text-white hover:ui-bg-red-600 ui-shadow-sm\",\n            outline: \"ui-input-border ui-bg-white hover:ui-bg-gray-100 ui-text-gray-900 ui-shadow-sm\",\n            secondary: \"ui-bg-gray-100 ui-text-gray-900 hover:ui-bg-gray-200/80\",\n            ghost: \"hover:ui-bg-gray-100 ui-text-gray-700 hover:ui-text-gray-900\",\n        };\n\n        const sizes = {\n            sm: \"ui-h-8 ui-px-3 ui-text-xs\",\n            md: \"ui-h-9 ui-px-4 ui-py-2 ui-text-sm\",\n            lg: \"ui-h-11 ui-px-8 ui-text-base\",\n            icon: \"ui-h-9 ui-w-9\",\n        };\n\n        return (\n            <button\n                className={cn(\n                    \"ui-inline-flex ui-items-center ui-justify-center ui-rounded-md ui-font-medium ui-transition-colors focus-visible:ui-outline-none focus-visible:ui-ring-1 focus-visible:ui-ring-gray-950 disabled:ui-pointer-events-none disabled:ui-opacity-50\",\n                    variants[variant],\n                    sizes[size],\n                    className\n                )}\n                ref={ref}\n                disabled={disabled || isLoading}\n                {...props}\n            >\n                {isLoading && <Loader2 data-testid=\"button-loader\" className=\"ui-mr-2 ui-h-4 ui-w-4 ui-animate-spin\" />}\n                {children}\n            </button>\n        )\n    }\n))\n\nButton.displayName = \"Button\"\n\nexport { Button }\n"],"names":["jsxs","jsx","Loader2"],"mappings":";;;;AAWA,MAAM,SAAS,MAAM,KAAK,MAAM;AAAA,EAC5B,CAAC;AAAA,IACG;AAAA,IACA,UAAU;AAAA,IACV,OAAO;AAAA,IACP,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GACJ,QAAQ;AAEP,UAAM,WAAW;AAAA,MACb,SAAS;AAAA,MACT,aAAa;AAAA,MACb,SAAS;AAAA,MACT,WAAW;AAAA,MACX,OAAO;AAAA,IAAA;AAGX,UAAM,QAAQ;AAAA,MACV,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,MAAM;AAAA,IAAA;AAGV,WACIA,kCAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA,SAAS,OAAO;AAAA,UAChB,MAAM,IAAI;AAAA,UACV;AAAA,QAAA;AAAA,QAEJ;AAAA,QACA,UAAU,YAAY;AAAA,QACrB,GAAG;AAAA,QAEH,UAAA;AAAA,UAAA,aAAaC,kCAAAA,IAACC,cAAA,EAAQ,eAAY,iBAAgB,WAAU,yCAAwC;AAAA,UACpG;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ,CAAC;AAED,OAAO,cAAc;"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\"\r\nimport { Loader2 } from \"lucide-react\"\r\nimport { cn } from '../../utils/cn';\r\n\r\nexport interface ButtonProps\r\n    extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n    isLoading?: boolean;\r\n    variant?: 'default' | 'outline' | 'ghost' | 'destructive' | 'secondary';\r\n    size?: 'sm' | 'md' | 'lg' | 'icon';\r\n}\r\n\r\nconst Button = React.memo(React.forwardRef<HTMLButtonElement, ButtonProps>(\r\n    ({\r\n        className,\r\n        variant = 'default',\r\n        size = 'md',\r\n        isLoading = false,\r\n        disabled,\r\n        children,\r\n        ...props\r\n    }, ref) => {\r\n\r\n        const variants = {\r\n            default: \"bg-primaryx-600 text-white hover:bg-primaryx-700 shadow-sm\",\r\n            destructive: \"bg-red-500 text-white hover:bg-red-600 shadow-sm\",\r\n            outline: \"input-border bg-white hover:bg-gray-100 text-gray-900 shadow-sm\",\r\n            secondary: \"bg-gray-100 text-gray-900 hover:bg-gray-200/80\",\r\n            ghost: \"hover:bg-gray-100 text-gray-700 hover:text-gray-900\",\r\n        };\r\n\r\n        const sizes = {\r\n            sm: \"h-8 px-3 text-xs\",\r\n            md: \"h-9 px-4 py-2 text-sm\",\r\n            lg: \"h-11 px-8 text-base\",\r\n            icon: \"h-9 w-9\",\r\n        };\r\n\r\n        return (\r\n            <button\r\n                className={cn(\r\n                    \"inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gray-950 disabled:pointer-events-none disabled:opacity-50\",\r\n                    variants[variant],\r\n                    sizes[size],\r\n                    className\r\n                )}\r\n                ref={ref}\r\n                disabled={disabled || isLoading}\r\n                {...props}\r\n            >\r\n                {isLoading && <Loader2 data-testid=\"button-loader\" className=\"mr-2 h-4 w-4 animate-spin\" />}\r\n                {children}\r\n            </button>\r\n        )\r\n    }\r\n))\r\n\r\nButton.displayName = \"Button\"\r\n\r\nexport { Button }\r\n"],"names":[],"mappings":";;;;AAaA,MAAM,SAAS,MAAM,KAAK,MAAM;AAAA,EAC5B,CAAC;AAAA,IACG;AAAA,IACA,UAAU;AAAA,IACV,OAAO;AAAA,IACP,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GACJ,QAAQ;AAEP,UAAM,WAAW;AAAA,MACb,SAAS;AAAA,MACT,aAAa;AAAA,MACb,SAAS;AAAA,MACT,WAAW;AAAA,MACX,OAAO;AAAA,IAAA;AAGX,UAAM,QAAQ;AAAA,MACV,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,MAAM;AAAA,IAAA;AAGV,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA,SAAS,OAAO;AAAA,UAChB,MAAM,IAAI;AAAA,UACV;AAAA,QAAA;AAAA,QAEJ;AAAA,QACA,UAAU,YAAY;AAAA,QACrB,GAAG;AAAA,QAEH,UAAA;AAAA,UAAA,aAAa,oBAAC,SAAA,EAAQ,eAAY,iBAAgB,WAAU,6BAA4B;AAAA,UACxF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ,CAAC;AAED,OAAO,cAAc;"}

package/dist/components/Checkbox/Checkbox.js

@@ -1,39 +1,39 @@
-import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
+import { Check } from "lucide-react";
 import { cn } from "../../utils/cn.js";
-import Check from "../../node_modules/lucide-react/dist/esm/icons/check.js";
 const Checkbox = React__default.forwardRef(
   ({ className, checked, onCheckedChange, onChange, filled = true, ...props }, ref) => {
     const handleChange = (e) => {
       onChange == null ? void 0 : onChange(e);
       onCheckedChange == null ? void 0 : onCheckedChange(e.target.checked);
     };
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ui-relative ui-flex ui-items-center ui-justify-center ui-shrink-0", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
+    return /* @__PURE__ */ jsxs("div", { className: "relative flex items-center justify-center shrink-0", children: [
+      /* @__PURE__ */ jsx(
         "input",
         {
           type: "checkbox",
-          className: cn("ui-peer ui-sr-only", className),
+          className: cn("peer sr-only", className),
           ref,
           checked,
           onChange: handleChange,
           ...props
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsx(
         "div",
         {
           className: cn(
-            "ui-flex ui-items-center ui-justify-center ui-w-4 ui-h-4 ui-rounded ui-transition-all ui-duration-200",
-            checked ? `ui-border ui-border-primaryx-500 ${filled ? "ui-bg-primaryx-500" : ""}` : "ui-input-border ui-bg-white group-hover:ui-border-primaryx-300",
-            "ui-peer-focus-visible:ui-ring-2 ui-peer-focus-visible:ui-ring-primaryx-500 ui-peer-focus-visible:ui-ring-offset-2"
+            "flex items-center justify-center w-4 h-4 rounded transition-all duration-200",
+            checked ? `border border-primaryx-500 ${filled ? "bg-primaryx-500" : ""}` : "input-border bg-white group-hover:border-primaryx-300",
+            "peer-focus-visible:ring-2 peer-focus-visible:ring-primaryx-500 peer-focus-visible:ring-offset-2"
           ),
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          children: /* @__PURE__ */ jsx(
             Check,
             {
               className: cn(
-                "ui-w-3 ui-h-3 ui-transition-all ui-duration-200",
-                checked ? `ui-opacity-100 ui-scale-100 ${filled ? "ui-text-white" : "ui-text-primaryx-500"}` : "ui-opacity-0 ui-scale-0"
+                "w-3 h-3 transition-all duration-200",
+                checked ? `opacity-100 scale-100 ${filled ? "text-white" : "text-primaryx-500"}` : "opacity-0 scale-0"
               ),
               strokeWidth: 3
             }

package/dist/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React from \"react\";\nimport { Check } from \"lucide-react\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {\n    label?: string;\n    onCheckedChange?: (checked: boolean) => void;\n    filled?: boolean;\n}\n\nconst Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n    ({ className, checked, onCheckedChange, onChange, filled = true, ...props }, ref) => {\n        const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n            onChange?.(e);\n            onCheckedChange?.(e.target.checked);\n        };\n\n        return (\n            <div className=\"ui-relative ui-flex ui-items-center ui-justify-center ui-shrink-0\">\n                <input\n                    type=\"checkbox\"\n                    className={cn(\"ui-peer ui-sr-only\", className)}\n                    ref={ref}\n                    checked={checked}\n                    onChange={handleChange}\n                    {...props}\n                />\n                <div\n                    className={cn(\n                        \"ui-flex ui-items-center ui-justify-center ui-w-4 ui-h-4 ui-rounded ui-transition-all ui-duration-200\",\n                        checked\n                            ? `ui-border ui-border-primaryx-500 ${filled ? 'ui-bg-primaryx-500' : ''}`\n                            : \"ui-input-border ui-bg-white group-hover:ui-border-primaryx-300\",\n                        \"ui-peer-focus-visible:ui-ring-2 ui-peer-focus-visible:ui-ring-primaryx-500 ui-peer-focus-visible:ui-ring-offset-2\"\n                    )}\n                >\n                    <Check\n                        className={cn(\n                            \"ui-w-3 ui-h-3 ui-transition-all ui-duration-200\",\n                            checked ? `ui-opacity-100 ui-scale-100 ${filled ? \"ui-text-white\" : \"ui-text-primaryx-500\"}` : \"ui-opacity-0 ui-scale-0\",\n                        )}\n                        strokeWidth={3}\n                    />\n                </div>\n            </div>\n        );\n    }\n);\nCheckbox.displayName = \"Checkbox\";\n\nexport { Checkbox };\n"],"names":["React","jsxs","jsx"],"mappings":";;;;AAUA,MAAM,WAAWA,eAAM;AAAA,EACnB,CAAC,EAAE,WAAW,SAAS,iBAAiB,UAAU,SAAS,MAAM,GAAG,MAAA,GAAS,QAAQ;AACjF,UAAM,eAAe,CAAC,MAA2C;AAC7D,2CAAW;AACX,yDAAkB,EAAE,OAAO;AAAA,IAC/B;AAEA,WACIC,kCAAAA,KAAC,OAAA,EAAI,WAAU,qEACX,UAAA;AAAA,MAAAC,kCAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,WAAW,GAAG,sBAAsB,SAAS;AAAA,UAC7C;AAAA,UACA;AAAA,UACA,UAAU;AAAA,UACT,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,MAERA,kCAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW;AAAA,YACP;AAAA,YACA,UACM,oCAAoC,SAAS,uBAAuB,EAAE,KACtE;AAAA,YACN;AAAA,UAAA;AAAA,UAGJ,UAAAA,kCAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAW;AAAA,gBACP;AAAA,gBACA,UAAU,+BAA+B,SAAS,kBAAkB,sBAAsB,KAAK;AAAA,cAAA;AAAA,cAEnG,aAAa;AAAA,YAAA;AAAA,UAAA;AAAA,QACjB;AAAA,MAAA;AAAA,IACJ,GACJ;AAAA,EAER;AACJ;AACA,SAAS,cAAc;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { Check } from \"lucide-react\";\r\nimport { cn } from \"../../utils/cn\";\r\n\r\nexport interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {\r\n    label?: string;\r\n    onCheckedChange?: (checked: boolean) => void;\r\n    filled?: boolean;\r\n}\r\n\r\nconst Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\r\n    ({ className, checked, onCheckedChange, onChange, filled = true, ...props }, ref) => {\r\n        const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n            onChange?.(e);\r\n            onCheckedChange?.(e.target.checked);\r\n        };\r\n\r\n        return (\r\n            <div className=\"relative flex items-center justify-center shrink-0\">\r\n                <input\r\n                    type=\"checkbox\"\r\n                    className={cn(\"peer sr-only\", className)}\r\n                    ref={ref}\r\n                    checked={checked}\r\n                    onChange={handleChange}\r\n                    {...props}\r\n                />\r\n                <div\r\n                    className={cn(\r\n                        \"flex items-center justify-center w-4 h-4 rounded transition-all duration-200\",\r\n                        checked\r\n                            ? `border border-primaryx-500 ${filled ? 'bg-primaryx-500' : ''}`\r\n                            : \"input-border bg-white group-hover:border-primaryx-300\",\r\n                        \"peer-focus-visible:ring-2 peer-focus-visible:ring-primaryx-500 peer-focus-visible:ring-offset-2\"\r\n                    )}\r\n                >\r\n                    <Check\r\n                        className={cn(\r\n                            \"w-3 h-3 transition-all duration-200\",\r\n                            checked ? `opacity-100 scale-100 ${filled ? \"text-white\" : \"text-primaryx-500\"}` : \"opacity-0 scale-0\",\r\n                        )}\r\n                        strokeWidth={3}\r\n                    />\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n);\r\nCheckbox.displayName = \"Checkbox\";\r\n\r\nexport { Checkbox };\r\n"],"names":["React"],"mappings":";;;;AAUA,MAAM,WAAWA,eAAM;AAAA,EACnB,CAAC,EAAE,WAAW,SAAS,iBAAiB,UAAU,SAAS,MAAM,GAAG,MAAA,GAAS,QAAQ;AACjF,UAAM,eAAe,CAAC,MAA2C;AAC7D,2CAAW;AACX,yDAAkB,EAAE,OAAO;AAAA,IAC/B;AAEA,WACI,qBAAC,OAAA,EAAI,WAAU,sDACX,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,WAAW,GAAG,gBAAgB,SAAS;AAAA,UACvC;AAAA,UACA;AAAA,UACA,UAAU;AAAA,UACT,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,MAER;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW;AAAA,YACP;AAAA,YACA,UACM,8BAA8B,SAAS,oBAAoB,EAAE,KAC7D;AAAA,YACN;AAAA,UAAA;AAAA,UAGJ,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAW;AAAA,gBACP;AAAA,gBACA,UAAU,yBAAyB,SAAS,eAAe,mBAAmB,KAAK;AAAA,cAAA;AAAA,cAEvF,aAAa;AAAA,YAAA;AAAA,UAAA;AAAA,QACjB;AAAA,MAAA;AAAA,IACJ,GACJ;AAAA,EAER;AACJ;AACA,SAAS,cAAc;"}

package/dist/components/CheckboxGroup/CheckboxGroup.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import InformationPopover from "../InformationPopover/InformationPopover.js";
 import { Checkbox } from "../Checkbox/Checkbox.js";
 import InputErrorMessage from "../InputErrorMessage/InputErrorMessage.js";
@@ -37,27 +37,27 @@ const CheckboxGroup = ({
       validation();
     }
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ui-transition-all ui-duration-300 ui-ease-in-out", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ui-flex ui-justify-between ui-items-center ui-mb-3", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ui-w-full ui-flex ui-items-center ui-gap-x-2", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "ui-block ui-text-sm ui-text-gray-700 ui-font-medium ui-whitespace-nowrap", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "transition-all duration-300 ease-in-out", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex justify-between items-center mb-3", children: /* @__PURE__ */ jsxs("div", { className: "w-full flex items-center gap-x-2", children: [
+      /* @__PURE__ */ jsxs("label", { className: "block text-sm text-gray-700 font-medium whitespace-nowrap", children: [
         label,
         " ",
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ui-text-red-500", children: "*" })
+        /* @__PURE__ */ jsx("span", { className: "text-red-500", children: "*" })
       ] }),
-      tooltip && /* @__PURE__ */ jsxRuntimeExports.jsx(InformationPopover, { text: tooltip })
+      tooltip && /* @__PURE__ */ jsx(InformationPopover, { text: tooltip })
     ] }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn(
-      "ui-grid ui-grid-cols-1 ui-gap-3",
+    /* @__PURE__ */ jsx("div", { className: cn(
+      "grid grid-cols-1 gap-3",
       classname
     ), children: options.map((option, index) => {
       var _a, _b;
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      return /* @__PURE__ */ jsx(
         "div",
         {
           title: (option == null ? void 0 : option.title) || void 0,
-          className: option.disabled ? "ui-cursor-not-allowed ui-opacity-60" : "ui-group",
-          children: /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "ui-relative ui-flex ui-items-center ui-cursor-pointer ui-select-none ui-pr-5 ui-space-x-2", children: [
-            inputType === "radio" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+          className: option.disabled ? "cursor-not-allowed opacity-60" : "group",
+          children: /* @__PURE__ */ jsxs("label", { className: "relative flex items-center cursor-pointer select-none pr-5 space-x-2", children: [
+            inputType === "radio" ? /* @__PURE__ */ jsx(
               Radio,
               {
                 name: field,
@@ -65,32 +65,32 @@ const CheckboxGroup = ({
                 checked: (_a = formData[field]) == null ? void 0 : _a.includes(option.value),
                 onChange: () => handleChanges(option.value),
                 disabled: option.disabled,
-                className: "ui-mr-3"
+                className: "mr-3"
               }
-            ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+            ) : /* @__PURE__ */ jsx(
               Checkbox,
               {
                 checked: (_b = formData[field]) == null ? void 0 : _b.includes(option.value),
                 onCheckedChange: () => handleChanges(option.value),
                 disabled: option.disabled,
-                className: "ui-mr-3",
+                className: "mr-3",
                 filled
               }
             ),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ui-relative ui-flex ui-gap-2", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: cn(
-                "ui-text-sm ui-transition-colors ui-duration-200",
-                option.disabled ? "ui-text-gray-400" : "ui-text-gray-700 hover:ui-text-gray-900"
+            /* @__PURE__ */ jsxs("div", { className: "relative flex gap-2", children: [
+              /* @__PURE__ */ jsx("span", { className: cn(
+                "text-sm transition-colors duration-200",
+                option.disabled ? "text-gray-400" : "text-gray-700 hover:text-gray-900"
               ), children: (option == null ? void 0 : option.label) || option.value }),
-              option.description && /* @__PURE__ */ jsxRuntimeExports.jsx(InformationPopover, { text: option.description, className: option.disabled ? "ui-text-gray-400" : "ui-text-gray-900" }),
-              option.tooltip && /* @__PURE__ */ jsxRuntimeExports.jsx(InformationPopover, { text: option.tooltip, className: option.disabled ? "ui-text-gray-400" : "ui-text-gray-900" })
+              option.description && /* @__PURE__ */ jsx(InformationPopover, { text: option.description, className: option.disabled ? "text-gray-400" : "text-gray-900" }),
+              option.tooltip && /* @__PURE__ */ jsx(InformationPopover, { text: option.tooltip, className: option.disabled ? "text-gray-400" : "text-gray-900" })
             ] })
           ] })
         },
         index
       );
     }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(InputErrorMessage, { error: (formErrors == null ? void 0 : formErrors[field]) || "", className: "ui-mt-2" })
+    /* @__PURE__ */ jsx(InputErrorMessage, { error: (formErrors == null ? void 0 : formErrors[field]) || "", className: "mt-2" })
   ] });
 };
 export {

package/dist/components/CheckboxGroup/CheckboxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.js","sources":["../../../src/components/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["import React from 'react';\nimport InformationPopover from \"../InformationPopover/InformationPopover\";\nimport { Checkbox } from \"../Checkbox/Checkbox\";\nimport InputErrorMessage from \"../InputErrorMessage/InputErrorMessage\";\nimport { Radio } from \"../Radio/Radio\";\nimport { cn } from \"../../utils/cn\";\n\ninterface CheckboxGroupProps {\n    label: string;\n    options: { value: string, label?: string; disabled: boolean, title?: string, description?: string; tooltip?: string; }[];\n    formData: any;\n    setFormData: any;\n    field: string;\n    classname?: string;\n    description?: string;\n    formErrors?: any;\n    validation?: any;\n    tooltip?: string;\n    inputType?: 'checkbox' | 'radio';\n    filled?: boolean;\n}\n\nexport const CheckboxGroup: React.FC<CheckboxGroupProps> = ({\n    label,\n    options,\n    formData,\n    setFormData,\n    field,\n    classname,\n    formErrors,\n    validation,\n    tooltip,\n    inputType = 'checkbox',\n    filled = true,\n}) => {\n\n    const handleChanges = (value: string) => {\n        const currentValues = formData[field] || [];\n        let newValues: any;\n\n        if (inputType === 'radio') {\n            newValues = [value];\n        } else {\n            if (currentValues.includes(value)) {\n                newValues = currentValues.filter((item: string) => item !== value);\n            } else {\n                newValues = [...currentValues, value];\n            }\n        }\n\n        setFormData((prev: any) => ({\n            ...prev,\n            [field]: newValues\n        }));\n\n        if (validation) {\n            validation();\n        }\n    };\n\n    return (\n        <div className=\"ui-transition-all ui-duration-300 ui-ease-in-out\">\n            <div className=\"ui-flex ui-justify-between ui-items-center ui-mb-3\">\n                <div className=\"ui-w-full ui-flex ui-items-center ui-gap-x-2\">\n                    <label className=\"ui-block ui-text-sm ui-text-gray-700 ui-font-medium ui-whitespace-nowrap\">\n                        {label} <span className=\"ui-text-red-500\">*</span>\n                    </label>\n                    {tooltip && <InformationPopover text={tooltip} />}\n                </div>\n            </div>\n\n            <div className={cn(\n                \"ui-grid ui-grid-cols-1 ui-gap-3\",\n                classname\n            )}>\n                {options.map((option, index) => (\n                    <div\n                        key={index}\n                        title={option?.title || undefined}\n                        className={option.disabled ? \"ui-cursor-not-allowed ui-opacity-60\" : \"ui-group\"}\n                    >\n                        <label className=\"ui-relative ui-flex ui-items-center ui-cursor-pointer ui-select-none ui-pr-5 ui-space-x-2\">\n                            {inputType === 'radio' ? (\n                                <Radio\n                                    name={field}\n                                    value={option.value}\n                                    checked={formData[field]?.includes(option.value)}\n                                    onChange={() => handleChanges(option.value)}\n                                    disabled={option.disabled}\n                                    className=\"ui-mr-3\"\n                                />\n                            ) : (\n                                <Checkbox\n                                    checked={formData[field]?.includes(option.value)}\n                                    onCheckedChange={() => handleChanges(option.value)}\n                                    disabled={option.disabled}\n                                    className=\"ui-mr-3\"\n                                    filled={filled}\n                                />\n                            )}\n                            <div className=\"ui-relative ui-flex ui-gap-2\">\n                                <span className={cn(\n                                    \"ui-text-sm ui-transition-colors ui-duration-200\",\n                                    option.disabled ? \"ui-text-gray-400\" : \"ui-text-gray-700 hover:ui-text-gray-900\"\n                                )}>\n                                    {option?.label || option.value}\n                                </span>\n                                {option.description && <InformationPopover text={option.description} className={option.disabled ? \"ui-text-gray-400\" : \"ui-text-gray-900\"} />}\n                                {option.tooltip && <InformationPopover text={option.tooltip} className={option.disabled ? \"ui-text-gray-400\" : \"ui-text-gray-900\"} />}\n                            </div>\n                        </label>\n                    </div>\n                ))}\n            </div>\n            <InputErrorMessage error={formErrors?.[field] || \"\"} className=\"ui-mt-2\" />\n        </div>\n    );\n};\n"],"names":["jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"CheckboxGroup.js","sources":["../../../src/components/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["import React from 'react';\r\nimport InformationPopover from \"../InformationPopover/InformationPopover\";\r\nimport { Checkbox } from \"../Checkbox/Checkbox\";\r\nimport InputErrorMessage from \"../InputErrorMessage/InputErrorMessage\";\r\nimport { Radio } from \"../Radio/Radio\";\r\nimport { cn } from \"../../utils/cn\";\r\n\r\ninterface CheckboxGroupProps {\r\n    label: string;\r\n    options: { value: string, label?: string; disabled: boolean, title?: string, description?: string; tooltip?: string; }[];\r\n    formData: any;\r\n    setFormData: any;\r\n    field: string;\r\n    classname?: string;\r\n    description?: string;\r\n    formErrors?: any;\r\n    validation?: any;\r\n    tooltip?: string;\r\n    inputType?: 'checkbox' | 'radio';\r\n    filled?: boolean;\r\n}\r\n\r\nexport const CheckboxGroup: React.FC<CheckboxGroupProps> = ({\r\n    label,\r\n    options,\r\n    formData,\r\n    setFormData,\r\n    field,\r\n    classname,\r\n    formErrors,\r\n    validation,\r\n    tooltip,\r\n    inputType = 'checkbox',\r\n    filled = true,\r\n}) => {\r\n\r\n    const handleChanges = (value: string) => {\r\n        const currentValues = formData[field] || [];\r\n        let newValues: any;\r\n\r\n        if (inputType === 'radio') {\r\n            newValues = [value];\r\n        } else {\r\n            if (currentValues.includes(value)) {\r\n                newValues = currentValues.filter((item: string) => item !== value);\r\n            } else {\r\n                newValues = [...currentValues, value];\r\n            }\r\n        }\r\n\r\n        setFormData((prev: any) => ({\r\n            ...prev,\r\n            [field]: newValues\r\n        }));\r\n\r\n        if (validation) {\r\n            validation();\r\n        }\r\n    };\r\n\r\n    return (\r\n        <div className=\"transition-all duration-300 ease-in-out\">\r\n            <div className=\"flex justify-between items-center mb-3\">\r\n                <div className=\"w-full flex items-center gap-x-2\">\r\n                    <label className=\"block text-sm text-gray-700 font-medium whitespace-nowrap\">\r\n                        {label} <span className=\"text-red-500\">*</span>\r\n                    </label>\r\n                    {tooltip && <InformationPopover text={tooltip} />}\r\n                </div>\r\n            </div>\r\n\r\n            <div className={cn(\r\n                \"grid grid-cols-1 gap-3\",\r\n                classname\r\n            )}>\r\n                {options.map((option, index) => (\r\n                    <div\r\n                        key={index}\r\n                        title={option?.title || undefined}\r\n                        className={option.disabled ? \"cursor-not-allowed opacity-60\" : \"group\"}\r\n                    >\r\n                        <label className=\"relative flex items-center cursor-pointer select-none pr-5 space-x-2\">\r\n                            {inputType === 'radio' ? (\r\n                                <Radio\r\n                                    name={field}\r\n                                    value={option.value}\r\n                                    checked={formData[field]?.includes(option.value)}\r\n                                    onChange={() => handleChanges(option.value)}\r\n                                    disabled={option.disabled}\r\n                                    className=\"mr-3\"\r\n                                />\r\n                            ) : (\r\n                                <Checkbox\r\n                                    checked={formData[field]?.includes(option.value)}\r\n                                    onCheckedChange={() => handleChanges(option.value)}\r\n                                    disabled={option.disabled}\r\n                                    className=\"mr-3\"\r\n                                    filled={filled}\r\n                                />\r\n                            )}\r\n                            <div className=\"relative flex gap-2\">\r\n                                <span className={cn(\r\n                                    \"text-sm transition-colors duration-200\",\r\n                                    option.disabled ? \"text-gray-400\" : \"text-gray-700 hover:text-gray-900\"\r\n                                )}>\r\n                                    {option?.label || option.value}\r\n                                </span>\r\n                                {option.description && <InformationPopover text={option.description} className={option.disabled ? \"text-gray-400\" : \"text-gray-900\"} />}\r\n                                {option.tooltip && <InformationPopover text={option.tooltip} className={option.disabled ? \"text-gray-400\" : \"text-gray-900\"} />}\r\n                            </div>\r\n                        </label>\r\n                    </div>\r\n                ))}\r\n            </div>\r\n            <InputErrorMessage error={formErrors?.[field] || \"\"} className=\"mt-2\" />\r\n        </div>\r\n    );\r\n};\r\n"],"names":[],"mappings":"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"}