@123usmanhaider321/ui 0.1.0 → 0.1.8

package/dist/components/InputErrorMessage/InputErrorMessage.js

@@ -1,17 +1,16 @@
-import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { cn } from "../../utils/cn.js";
+import { AnimatePresence, motion } from "framer-motion";
 import { memo } from "react";
-import { AnimatePresence } from "../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";
-import { motion } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
 const InputErrorMessage = ({ error, className }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ui-min-h-[1.25rem]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(AnimatePresence, { children: error && /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsx("div", { className: "min-h-[1.25rem]", children: /* @__PURE__ */ jsx(AnimatePresence, { children: error && /* @__PURE__ */ jsx(
     motion.div,
     {
       initial: { opacity: 0, y: -10, height: 0 },
       animate: { opacity: 1, y: 0, height: "auto" },
       exit: { opacity: 0, y: -10, height: 0 },
-      className: cn("ui-overflow-hidden", className),
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "ui-text-xs ui-font-medium ui-text-red-600", children: error })
+      className: cn("overflow-hidden", className),
+      children: /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-red-600", children: error })
     }
   ) }) });
 };

package/dist/components/InputErrorMessage/InputErrorMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputErrorMessage.js","sources":["../../../src/components/InputErrorMessage/InputErrorMessage.tsx"],"sourcesContent":["import { cn } from '../../utils/cn'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { memo } from 'react'\n\nconst InputErrorMessage = ({ error, className }: { error: string; className?: string; }) => {\n    return (\n        <div className=\"ui-min-h-[1.25rem]\">\n            <AnimatePresence>\n                {error &&\n                    <motion.div\n                        initial={{ opacity: 0, y: -10, height: 0 }}\n                        animate={{ opacity: 1, y: 0, height: \"auto\" }}\n                        exit={{ opacity: 0, y: -10, height: 0 }}\n                        className={cn(\"ui-overflow-hidden\", className)}\n                    >\n                        <p className=\"ui-text-xs ui-font-medium ui-text-red-600\">\n                            {error}\n                        </p>\n                    </motion.div>\n                }\n            </AnimatePresence>\n        </div>\n    )\n}\n\nexport default memo(InputErrorMessage)\n"],"names":["jsx"],"mappings":";;;;;AAIA,MAAM,oBAAoB,CAAC,EAAE,OAAO,gBAAwD;AACxF,+CACK,OAAA,EAAI,WAAU,sBACX,UAAAA,kCAAAA,IAAC,mBACI,UAAA,SACGA,kCAAAA;AAAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACG,SAAS,EAAE,SAAS,GAAG,GAAG,KAAK,QAAQ,EAAA;AAAA,MACvC,SAAS,EAAE,SAAS,GAAG,GAAG,GAAG,QAAQ,OAAA;AAAA,MACrC,MAAM,EAAE,SAAS,GAAG,GAAG,KAAK,QAAQ,EAAA;AAAA,MACpC,WAAW,GAAG,sBAAsB,SAAS;AAAA,MAE7C,UAAAA,kCAAAA,IAAC,KAAA,EAAE,WAAU,6CACR,UAAA,MAAA,CACL;AAAA,IAAA;AAAA,EAAA,GAGZ,EAAA,CACJ;AAER;AAEA,MAAA,sBAAe,KAAK,iBAAiB;"}
+{"version":3,"file":"InputErrorMessage.js","sources":["../../../src/components/InputErrorMessage/InputErrorMessage.tsx"],"sourcesContent":["import { cn } from '../../utils/cn'\r\nimport { AnimatePresence, motion } from 'framer-motion'\r\nimport { memo } from 'react'\r\n\r\nconst InputErrorMessage = ({ error, className }: { error: string; className?: string; }) => {\r\n    return (\r\n        <div className=\"min-h-[1.25rem]\">\r\n            <AnimatePresence>\r\n                {error &&\r\n                    <motion.div\r\n                        initial={{ opacity: 0, y: -10, height: 0 }}\r\n                        animate={{ opacity: 1, y: 0, height: \"auto\" }}\r\n                        exit={{ opacity: 0, y: -10, height: 0 }}\r\n                        className={cn(\"overflow-hidden\", className)}\r\n                    >\r\n                        <p className=\"text-xs font-medium text-red-600\">\r\n                            {error}\r\n                        </p>\r\n                    </motion.div>\r\n                }\r\n            </AnimatePresence>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default memo(InputErrorMessage)\r\n"],"names":[],"mappings":";;;;AAIA,MAAM,oBAAoB,CAAC,EAAE,OAAO,gBAAwD;AACxF,6BACK,OAAA,EAAI,WAAU,mBACX,UAAA,oBAAC,mBACI,UAAA,SACG;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACG,SAAS,EAAE,SAAS,GAAG,GAAG,KAAK,QAAQ,EAAA;AAAA,MACvC,SAAS,EAAE,SAAS,GAAG,GAAG,GAAG,QAAQ,OAAA;AAAA,MACrC,MAAM,EAAE,SAAS,GAAG,GAAG,KAAK,QAAQ,EAAA;AAAA,MACpC,WAAW,GAAG,mBAAmB,SAAS;AAAA,MAE1C,UAAA,oBAAC,KAAA,EAAE,WAAU,oCACR,UAAA,MAAA,CACL;AAAA,IAAA;AAAA,EAAA,GAGZ,EAAA,CACJ;AAER;AAEA,MAAA,sBAAe,KAAK,iBAAiB;"}

package/dist/components/Modal/Modal.js

@@ -1,8 +1,7 @@
-import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../utils/cn.js";
+import { Transition, Dialog } from "@headlessui/react";
 import { memo, Fragment } from "react";
-import { Transition as Ke } from "../../node_modules/@headlessui/react/dist/components/transition/transition.js";
-import { Dialog as ht } from "../../node_modules/@headlessui/react/dist/components/dialog/dialog.js";
 const Modal = ({
   children,
   open,
@@ -14,11 +13,11 @@ const Modal = ({
   closeOnEscape = true,
   applyDefaultPanel = false
 }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Ke, { appear: true, show: open, as: Fragment, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    ht,
+  return /* @__PURE__ */ jsx(Transition, { appear: true, show: open, as: Fragment, children: /* @__PURE__ */ jsxs(
+    Dialog,
     {
       as: "div",
-      className: cn("ui-relative ui-z-[10000]", className),
+      className: cn("relative z-[10000]", className),
       onClose: () => {
       },
       onKeyDown: (e) => {
@@ -27,20 +26,20 @@ const Modal = ({
         }
       },
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Ke.Child,
+        /* @__PURE__ */ jsx(
+          Transition.Child,
           {
             as: Fragment,
-            enter: "ui-ease-out ui-duration-300",
-            enterFrom: "ui-opacity-0",
-            enterTo: "ui-opacity-100",
-            leave: "ui-ease-in ui-duration-200",
-            leaveFrom: "ui-opacity-100",
-            leaveTo: "ui-opacity-0",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            enter: "ease-out duration-300",
+            enterFrom: "opacity-0",
+            enterTo: "opacity-100",
+            leave: "ease-in duration-200",
+            leaveFrom: "opacity-100",
+            leaveTo: "opacity-0",
+            children: /* @__PURE__ */ jsx(
               "div",
               {
-                className: cn("ui-fixed ui-inset-0 ui-bg-black/40 ui-backdrop-blur-sm", overlayClassName),
+                className: cn("fixed inset-0 bg-black/40 backdrop-blur-sm", overlayClassName),
                 onClick: () => {
                   if (closeOnOutsideClick) {
                     handleClose();
@@ -50,17 +49,17 @@ const Modal = ({
             )
           }
         ),
-        applyDefaultPanel ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ui-fixed ui-inset-0 ui-overflow-y-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ui-flex ui-min-h-full ui-items-center ui-justify-center ui-p-4 ui-text-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Ke.Child,
+        applyDefaultPanel ? /* @__PURE__ */ jsx("div", { className: "fixed inset-0 overflow-y-auto", children: /* @__PURE__ */ jsx("div", { className: "flex min-h-full items-center justify-center p-4 text-center", children: /* @__PURE__ */ jsx(
+          Transition.Child,
           {
             as: Fragment,
-            enter: "ui-ease-out ui-duration-300",
-            enterFrom: "ui-opacity-0 ui-scale-95",
-            enterTo: "ui-opacity-100 ui-scale-100",
-            leave: "ui-ease-in ui-duration-200",
-            leaveFrom: "ui-opacity-100 ui-scale-100",
-            leaveTo: "ui-opacity-0 ui-scale-95",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(ht.Panel, { className: cn("ui-w-full ui-max-w-2xl ui-transform ui-rounded-2xl ui-overflow-x-hidden ui-bg-white ui-p-8 ui-text-left ui-align-middle ui-shadow-xl ui-transition-all ui-border ui-border-gray-100", panelClassName), children })
+            enter: "ease-out duration-300",
+            enterFrom: "opacity-0 scale-95",
+            enterTo: "opacity-100 scale-100",
+            leave: "ease-in duration-200",
+            leaveFrom: "opacity-100 scale-100",
+            leaveTo: "opacity-0 scale-95",
+            children: /* @__PURE__ */ jsx(Dialog.Panel, { className: cn("w-full max-w-2xl transform rounded-2xl overflow-x-hidden bg-white p-8 text-left align-middle shadow-xl transition-all border border-gray-100", panelClassName), children })
           }
         ) }) }) : children
       ]

package/dist/components/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn\";\nimport { Dialog, Transition } from \"@headlessui/react\";\nimport React, { Fragment, memo, ReactNode } from \"react\";\n\nexport interface ModalProps {\n    children: ReactNode,\n    open: boolean,\n    handleClose: () => void,\n    className?: string\n    overlayClassName?: string\n    panelClassName?: string\n    closeOnOutsideClick?: boolean\n    closeOnEscape?: boolean\n    applyDefaultPanel?: boolean\n}\n\nconst Modal = ({\n    children,\n    open,\n    handleClose,\n    className,\n    overlayClassName,\n    panelClassName,\n    closeOnOutsideClick = true,\n    closeOnEscape = true,\n    applyDefaultPanel = false,\n}: ModalProps) => {\n    return (\n        <Transition appear show={open} as={Fragment}>\n            <Dialog\n                as=\"div\"\n                className={cn(\"ui-relative ui-z-[10000]\", className)}\n                onClose={() => { }}\n                onKeyDown={(e) => {\n                    if (e.key === 'Escape' && closeOnEscape) {\n                        handleClose();\n                    }\n                }}\n            >\n                <Transition.Child\n                    as={Fragment}\n                    enter=\"ui-ease-out ui-duration-300\"\n                    enterFrom=\"ui-opacity-0\"\n                    enterTo=\"ui-opacity-100\"\n                    leave=\"ui-ease-in ui-duration-200\"\n                    leaveFrom=\"ui-opacity-100\"\n                    leaveTo=\"ui-opacity-0\"\n                >\n                    <div\n                        className={cn(\"ui-fixed ui-inset-0 ui-bg-black/40 ui-backdrop-blur-sm\", overlayClassName)}\n                        onClick={() => {\n                            if (closeOnOutsideClick) {\n                                handleClose();\n                            }\n                        }}\n                    />\n                </Transition.Child>\n\n                {applyDefaultPanel ? (\n                    <div className=\"ui-fixed ui-inset-0 ui-overflow-y-auto\">\n                        <div className=\"ui-flex ui-min-h-full ui-items-center ui-justify-center ui-p-4 ui-text-center\">\n                            <Transition.Child\n                                as={Fragment}\n                                enter=\"ui-ease-out ui-duration-300\"\n                                enterFrom=\"ui-opacity-0 ui-scale-95\"\n                                enterTo=\"ui-opacity-100 ui-scale-100\"\n                                leave=\"ui-ease-in ui-duration-200\"\n                                leaveFrom=\"ui-opacity-100 ui-scale-100\"\n                                leaveTo=\"ui-opacity-0 ui-scale-95\"\n                            >\n                                <Dialog.Panel className={cn(\"ui-w-full ui-max-w-2xl ui-transform ui-rounded-2xl ui-overflow-x-hidden ui-bg-white ui-p-8 ui-text-left ui-align-middle ui-shadow-xl ui-transition-all ui-border ui-border-gray-100\", panelClassName)}>\n                                    {children}\n                                </Dialog.Panel>\n                            </Transition.Child>\n                        </div>\n                    </div>\n                ) : children}\n            </Dialog>\n        </Transition>)\n}\n\nexport default memo(Modal)\n"],"names":["Transition","jsxs","Dialog","jsx"],"mappings":";;;;;AAgBA,MAAM,QAAQ,CAAC;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,sBAAsB;AAAA,EACtB,gBAAgB;AAAA,EAChB,oBAAoB;AACxB,MAAkB;AACd,+CACKA,IAAA,EAAW,QAAM,MAAC,MAAM,MAAM,IAAI,UAC/B,UAAAC,kCAAAA;AAAAA,IAACC;AAAAA,IAAA;AAAA,MACG,IAAG;AAAA,MACH,WAAW,GAAG,4BAA4B,SAAS;AAAA,MACnD,SAAS,MAAM;AAAA,MAAE;AAAA,MACjB,WAAW,CAAC,MAAM;AACd,YAAI,EAAE,QAAQ,YAAY,eAAe;AACrC,sBAAA;AAAA,QACJ;AAAA,MACJ;AAAA,MAEA,UAAA;AAAA,QAAAC,kCAAAA;AAAAA,UAACH,GAAW;AAAA,UAAX;AAAA,YACG,IAAI;AAAA,YACJ,OAAM;AAAA,YACN,WAAU;AAAA,YACV,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,WAAU;AAAA,YACV,SAAQ;AAAA,YAER,UAAAG,kCAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAW,GAAG,0DAA0D,gBAAgB;AAAA,gBACxF,SAAS,MAAM;AACX,sBAAI,qBAAqB;AACrB,gCAAA;AAAA,kBACJ;AAAA,gBACJ;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,QAGH,0DACI,OAAA,EAAI,WAAU,0CACX,UAAAA,kCAAAA,IAAC,OAAA,EAAI,WAAU,iFACX,UAAAA,kCAAAA;AAAAA,UAACH,GAAW;AAAA,UAAX;AAAA,YACG,IAAI;AAAA,YACJ,OAAM;AAAA,YACN,WAAU;AAAA,YACV,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,WAAU;AAAA,YACV,SAAQ;AAAA,YAER,UAAAG,kCAAAA,IAACD,GAAO,OAAP,EAAa,WAAW,GAAG,uLAAuL,cAAc,GAC5N,SAAA,CACL;AAAA,UAAA;AAAA,QAAA,EACJ,CACJ,GACJ,IACA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEZ;AACR;AAEA,MAAA,UAAe,KAAK,KAAK;"}
+{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn\";\r\nimport { Dialog, Transition } from \"@headlessui/react\";\r\nimport React, { Fragment, memo, ReactNode } from \"react\";\r\n\r\nexport interface ModalProps {\r\n    children: ReactNode,\r\n    open: boolean,\r\n    handleClose: () => void,\r\n    className?: string\r\n    overlayClassName?: string\r\n    panelClassName?: string\r\n    closeOnOutsideClick?: boolean\r\n    closeOnEscape?: boolean\r\n    applyDefaultPanel?: boolean\r\n}\r\n\r\nconst Modal = ({\r\n    children,\r\n    open,\r\n    handleClose,\r\n    className,\r\n    overlayClassName,\r\n    panelClassName,\r\n    closeOnOutsideClick = true,\r\n    closeOnEscape = true,\r\n    applyDefaultPanel = false,\r\n}: ModalProps) => {\r\n    return (\r\n        <Transition appear show={open} as={Fragment}>\r\n            <Dialog\r\n                as=\"div\"\r\n                className={cn(\"relative z-[10000]\", className)}\r\n                onClose={() => { }}\r\n                onKeyDown={(e) => {\r\n                    if (e.key === 'Escape' && closeOnEscape) {\r\n                        handleClose();\r\n                    }\r\n                }}\r\n            >\r\n                <Transition.Child\r\n                    as={Fragment}\r\n                    enter=\"ease-out duration-300\"\r\n                    enterFrom=\"opacity-0\"\r\n                    enterTo=\"opacity-100\"\r\n                    leave=\"ease-in duration-200\"\r\n                    leaveFrom=\"opacity-100\"\r\n                    leaveTo=\"opacity-0\"\r\n                >\r\n                    <div\r\n                        className={cn(\"fixed inset-0 bg-black/40 backdrop-blur-sm\", overlayClassName)}\r\n                        onClick={() => {\r\n                            if (closeOnOutsideClick) {\r\n                                handleClose();\r\n                            }\r\n                        }}\r\n                    />\r\n                </Transition.Child>\r\n\r\n                {applyDefaultPanel ? (\r\n                    <div className=\"fixed inset-0 overflow-y-auto\">\r\n                        <div className=\"flex min-h-full items-center justify-center p-4 text-center\">\r\n                            <Transition.Child\r\n                                as={Fragment}\r\n                                enter=\"ease-out duration-300\"\r\n                                enterFrom=\"opacity-0 scale-95\"\r\n                                enterTo=\"opacity-100 scale-100\"\r\n                                leave=\"ease-in duration-200\"\r\n                                leaveFrom=\"opacity-100 scale-100\"\r\n                                leaveTo=\"opacity-0 scale-95\"\r\n                            >\r\n                                <Dialog.Panel className={cn(\"w-full max-w-2xl transform rounded-2xl overflow-x-hidden bg-white p-8 text-left align-middle shadow-xl transition-all border border-gray-100\", panelClassName)}>\r\n                                    {children}\r\n                                </Dialog.Panel>\r\n                            </Transition.Child>\r\n                        </div>\r\n                    </div>\r\n                ) : children}\r\n            </Dialog>\r\n        </Transition>)\r\n}\r\n\r\nexport default memo(Modal)\r\n"],"names":[],"mappings":";;;;AAgBA,MAAM,QAAQ,CAAC;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,sBAAsB;AAAA,EACtB,gBAAgB;AAAA,EAChB,oBAAoB;AACxB,MAAkB;AACd,6BACK,YAAA,EAAW,QAAM,MAAC,MAAM,MAAM,IAAI,UAC/B,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,IAAG;AAAA,MACH,WAAW,GAAG,sBAAsB,SAAS;AAAA,MAC7C,SAAS,MAAM;AAAA,MAAE;AAAA,MACjB,WAAW,CAAC,MAAM;AACd,YAAI,EAAE,QAAQ,YAAY,eAAe;AACrC,sBAAA;AAAA,QACJ;AAAA,MACJ;AAAA,MAEA,UAAA;AAAA,QAAA;AAAA,UAAC,WAAW;AAAA,UAAX;AAAA,YACG,IAAI;AAAA,YACJ,OAAM;AAAA,YACN,WAAU;AAAA,YACV,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,WAAU;AAAA,YACV,SAAQ;AAAA,YAER,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAW,GAAG,8CAA8C,gBAAgB;AAAA,gBAC5E,SAAS,MAAM;AACX,sBAAI,qBAAqB;AACrB,gCAAA;AAAA,kBACJ;AAAA,gBACJ;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,QAGH,wCACI,OAAA,EAAI,WAAU,iCACX,UAAA,oBAAC,OAAA,EAAI,WAAU,+DACX,UAAA;AAAA,UAAC,WAAW;AAAA,UAAX;AAAA,YACG,IAAI;AAAA,YACJ,OAAM;AAAA,YACN,WAAU;AAAA,YACV,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,WAAU;AAAA,YACV,SAAQ;AAAA,YAER,UAAA,oBAAC,OAAO,OAAP,EAAa,WAAW,GAAG,gJAAgJ,cAAc,GACrL,SAAA,CACL;AAAA,UAAA;AAAA,QAAA,EACJ,CACJ,GACJ,IACA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEZ;AACR;AAEA,MAAA,UAAe,KAAK,KAAK;"}

package/dist/components/Radio/Radio.js

@@ -1,30 +1,30 @@
-import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { cn } from "../../utils/cn.js";
 const Radio = React__default.forwardRef(
   ({ className, checked, ...props }, ref) => {
-    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: "radio",
-          className: cn("ui-peer ui-sr-only", className),
+          className: cn("peer sr-only", className),
           ref,
           checked,
           ...props
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsx(
         "div",
         {
           className: cn(
-            "ui-w-4 ui-h-4 ui-rounded-full ui-bg-white ui-transition-all ui-duration-200",
-            checked ? "ui-border ui-border-primaryx-500" : "ui-border ui-border-gray-200",
-            "peer-focus-visible:ui-ring-2 peer-focus-visible:ui-ring-primaryx-500 peer-focus-visible:ui-ring-offset-2"
+            "w-4 h-4 rounded-full bg-white transition-all duration-200",
+            checked ? "border border-primaryx-500" : "border border-gray-200",
+            "peer-focus-visible:ring-2 peer-focus-visible:ring-primaryx-500 peer-focus-visible:ring-offset-2"
           )
         }
       ),
-      checked && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ui-absolute ui-w-1.5 ui-h-1.5 ui-rounded-full ui-bg-primaryx-500 ui-pointer-events-none" })
+      checked && /* @__PURE__ */ jsx("div", { className: "absolute w-1.5 h-1.5 rounded-full bg-primaryx-500 pointer-events-none" })
     ] });
   }
 );

package/dist/components/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> { }\n\nconst Radio = React.forwardRef<HTMLInputElement, RadioProps>(\n    ({ className, checked, ...props }, ref) => {\n        return (\n            <div className=\"ui-relative ui-flex ui-items-center ui-justify-center ui-shrink-0\">\n                <input\n                    type=\"radio\"\n                    className={cn(\"ui-peer ui-sr-only\", className)}\n                    ref={ref}\n                    checked={checked}\n                    {...props}\n                />\n                <div\n                    className={cn(\n                        \"ui-w-4 ui-h-4 ui-rounded-full ui-bg-white ui-transition-all ui-duration-200\",\n                        checked ? \"ui-border ui-border-primaryx-500\" : \"ui-border ui-border-gray-200\",\n                        \"peer-focus-visible:ui-ring-2 peer-focus-visible:ui-ring-primaryx-500 peer-focus-visible:ui-ring-offset-2\"\n                    )}\n                />\n                {checked && (\n                    <div className=\"ui-absolute ui-w-1.5 ui-h-1.5 ui-rounded-full ui-bg-primaryx-500 ui-pointer-events-none\" />\n                )}\n            </div>\n        );\n    }\n);\nRadio.displayName = \"Radio\";\n\nexport { Radio };\n"],"names":["React","jsxs","jsx"],"mappings":";;;AAKA,MAAM,QAAQA,eAAM;AAAA,EAChB,CAAC,EAAE,WAAW,SAAS,GAAG,MAAA,GAAS,QAAQ;AACvC,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,UACC,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,MAERA,kCAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW;AAAA,YACP;AAAA,YACA,UAAU,qCAAqC;AAAA,YAC/C;AAAA,UAAA;AAAA,QACJ;AAAA,MAAA;AAAA,MAEH,WACGA,kCAAAA,IAAC,OAAA,EAAI,WAAU,0FAAA,CAA0F;AAAA,IAAA,GAEjH;AAAA,EAER;AACJ;AACA,MAAM,cAAc;"}
+{"version":3,"file":"Radio.js","sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { cn } from \"../../utils/cn\";\r\n\r\nexport interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> { }\r\n\r\nconst Radio = React.forwardRef<HTMLInputElement, RadioProps>(\r\n    ({ className, checked, ...props }, ref) => {\r\n        return (\r\n            <div className=\"relative flex items-center justify-center shrink-0\">\r\n                <input\r\n                    type=\"radio\"\r\n                    className={cn(\"peer sr-only\", className)}\r\n                    ref={ref}\r\n                    checked={checked}\r\n                    {...props}\r\n                />\r\n                <div\r\n                    className={cn(\r\n                        \"w-4 h-4 rounded-full bg-white transition-all duration-200\",\r\n                        checked ? \"border border-primaryx-500\" : \"border border-gray-200\",\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                {checked && (\r\n                    <div className=\"absolute w-1.5 h-1.5 rounded-full bg-primaryx-500 pointer-events-none\" />\r\n                )}\r\n            </div>\r\n        );\r\n    }\r\n);\r\nRadio.displayName = \"Radio\";\r\n\r\nexport { Radio };\r\n"],"names":["React"],"mappings":";;;AAKA,MAAM,QAAQA,eAAM;AAAA,EAChB,CAAC,EAAE,WAAW,SAAS,GAAG,MAAA,GAAS,QAAQ;AACvC,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,UACC,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,MAER;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW;AAAA,YACP;AAAA,YACA,UAAU,+BAA+B;AAAA,YACzC;AAAA,UAAA;AAAA,QACJ;AAAA,MAAA;AAAA,MAEH,WACG,oBAAC,OAAA,EAAI,WAAU,wEAAA,CAAwE;AAAA,IAAA,GAE/F;AAAA,EAER;AACJ;AACA,MAAM,cAAc;"}

package/dist/components/Spinner/spinner.d.ts

@@ -0,0 +1,2 @@
+declare const LoadingOverlay: () => import("react/jsx-runtime").JSX.Element;
+export default LoadingOverlay;

package/dist/components/Spinner/spinner.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+const LoadingOverlay = () => {
+  const [isClient, setIsClient] = useState(false);
+  useEffect(() => {
+    setIsClient(true);
+  }, []);
+  if (!isClient) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "fixed inset-0 z-[10000] flex items-center justify-center bg-black bg-opacity-50 backdrop-filter backdrop-blur-sm",
+      role: "alert",
+      "aria-live": "assertive",
+      children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-96 h-96", children: /* @__PURE__ */ jsx("div", { className: "w-1/3 h-1/3 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "animate-spin rounded-full h-16 w-16 border-b-2 border-white" }) }) })
+    }
+  );
+};
+export {
+  LoadingOverlay as default
+};
+//# sourceMappingURL=spinner.js.map

package/dist/components/Spinner/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.js","sources":["../../../src/components/Spinner/spinner.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React, { useEffect, useState } from \"react\";\r\n\r\nconst LoadingOverlay = () => {\r\n  const [isClient, setIsClient] = useState(false);\r\n\r\n  useEffect(() => {\r\n    setIsClient(true);\r\n  }, []);\r\n\r\n  if (!isClient) return null;\r\n\r\n  return (\r\n    <div\r\n      className=\"fixed inset-0 z-[10000] flex items-center justify-center bg-black bg-opacity-50 backdrop-filter backdrop-blur-sm\"\r\n      role=\"alert\"\r\n      aria-live=\"assertive\"\r\n    >\r\n      <div className=\"flex items-center justify-center w-96 h-96\">\r\n        <div className=\"w-1/3 h-1/3 flex items-center justify-center\">\r\n          <div className=\"animate-spin rounded-full h-16 w-16 border-b-2 border-white\"></div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default LoadingOverlay;\r\n"],"names":[],"mappings":";;AAIA,MAAM,iBAAiB,MAAM;AAC3B,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,YAAU,MAAM;AACd,gBAAY,IAAI;AAAA,EAClB,GAAG,CAAA,CAAE;AAEL,MAAI,CAAC,SAAU,QAAO;AAEtB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,aAAU;AAAA,MAEV,UAAA,oBAAC,OAAA,EAAI,WAAU,8CACb,UAAA,oBAAC,OAAA,EAAI,WAAU,gDACb,UAAA,oBAAC,OAAA,EAAI,WAAU,8DAAA,CAA8D,GAC/E,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Tooltip/Tooltip.js

@@ -1,9 +1,8 @@
-import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { memo, useState, useRef, useEffect } from "react";
 import { createPortal } from "react-dom";
+import { AnimatePresence, motion } from "framer-motion";
 import { cn } from "../../utils/cn.js";
-import { AnimatePresence } from "../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";
-import { motion } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
 const Tooltip = memo(({
   children,
   content,
@@ -77,19 +76,19 @@ const Tooltip = memo(({
       return () => clearTimeout(timer);
     }
   }, [isVisible, content, placement]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
       "div",
       {
         ref: triggerRef,
-        className: cn("ui-inline-block", triggerClassName),
+        className: cn("inline-block", triggerClassName),
         onMouseEnter: () => setIsVisible(true),
         onMouseLeave: () => setIsVisible(false),
         children
       }
     ),
     disabled && typeof document !== "undefined" && createPortal(
-      /* @__PURE__ */ jsxRuntimeExports.jsx(AnimatePresence, { children: isVisible && content && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      /* @__PURE__ */ jsx(AnimatePresence, { children: isVisible && content && /* @__PURE__ */ jsxs(
         motion.div,
         {
           ref: tooltipRef,
@@ -105,20 +104,20 @@ const Tooltip = memo(({
             // Ensure it's on top of everything (even popovers)
           },
           className: cn(
-            "ui-bg-[#1A1F2C] ui-text-white ui-text-center ui-text-xs ui-px-3 ui-py-2 ui-rounded-lg ui-shadow-lg ui-max-w-xs ui-pointer-events-none",
+            "bg-[#1A1F2C] text-white text-center text-xs px-3 py-2 rounded-lg shadow-lg max-w-xs pointer-events-none",
             className
           ),
           children: [
             content,
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
+            /* @__PURE__ */ jsx(
               "div",
               {
                 className: cn(
-                  "ui-absolute ui-w-0 ui-h-0 ui-border-4 ui-border-transparent",
-                  actualPlacement === "top" && "ui-top-full ui-left-1/2 ui--translate-x-1/2 ui-border-t-[#1A1F2C]",
-                  actualPlacement === "bottom" && "ui-bottom-full ui-left-1/2 ui--translate-x-1/2 ui-border-b-[#1A1F2C]",
-                  actualPlacement === "left" && "ui-left-full ui-top-1/2 ui--translate-y-1/2 ui-border-l-[#1A1F2C]",
-                  actualPlacement === "right" && "ui-right-full ui-top-1/2 ui--translate-y-1/2 ui-border-r-[#1A1F2C]"
+                  "absolute w-0 h-0 border-4 border-transparent",
+                  actualPlacement === "top" && "top-full left-1/2 -translate-x-1/2 border-t-[#1A1F2C]",
+                  actualPlacement === "bottom" && "bottom-full left-1/2 -translate-x-1/2 border-b-[#1A1F2C]",
+                  actualPlacement === "left" && "left-full top-1/2 -translate-y-1/2 border-l-[#1A1F2C]",
+                  actualPlacement === "right" && "right-full top-1/2 -translate-y-1/2 border-r-[#1A1F2C]"
                 )
               }
             )

package/dist/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, ReactNode, memo } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { cn } from \"../../utils/cn\";\n\ninterface TooltipProps {\n  children: ReactNode;\n  content: ReactNode;\n  placement?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  className?: string; // For the tooltip content container\n  triggerClassName?: string; // For the trigger wrapper\n  disabled?: boolean;\n}\n\nexport const Tooltip = memo(({\n  children,\n  content,\n  placement = \"top\",\n  className,\n  triggerClassName,\n  disabled = true,\n}: TooltipProps) => {\n  const [isVisible, setIsVisible] = useState(false);\n  const [coords, setCoords] = useState<{ top: number; left: number }>({\n    top: 0,\n    left: 0,\n  });\n  const [actualPlacement, setActualPlacement] = useState(placement);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const tooltipRef = useRef<HTMLDivElement>(null);\n\n  const updatePosition = () => {\n    if (!triggerRef.current) return;\n\n    const triggerRect = triggerRef.current.getBoundingClientRect();\n    const tooltipRect = tooltipRef.current?.getBoundingClientRect() || {\n      width: 0,\n      height: 0,\n    };\n\n    let top = 0;\n    let left = 0;\n    const gap = 8; // Distance between trigger and tooltip\n    let targetPlacement = placement;\n\n    // Responsive check\n    if (typeof window !== 'undefined' && window.innerWidth < 768 && (placement === \"left\" || placement === \"right\")) {\n      // Check space above\n      if (triggerRect.top > tooltipRect.height + gap + 10) {\n        targetPlacement = \"top\";\n      } else {\n        targetPlacement = \"bottom\";\n      }\n    }\n\n    switch (targetPlacement) {\n      case \"top\":\n        top = triggerRect.top - tooltipRect.height - gap;\n        left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;\n        break;\n      case \"bottom\":\n        top = triggerRect.bottom + gap;\n        left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;\n        break;\n      case \"left\":\n        top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;\n        left = triggerRect.left - tooltipRect.width - gap;\n        break;\n      case \"right\":\n        top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;\n        left = triggerRect.right + gap;\n        break;\n    }\n\n    setCoords({ top, left });\n    setActualPlacement(targetPlacement);\n  };\n\n  useEffect(() => {\n    if (isVisible) {\n      updatePosition();\n      // Update position on scroll/resize\n      window.addEventListener(\"scroll\", updatePosition, true);\n      window.addEventListener(\"resize\", updatePosition);\n    }\n    return () => {\n      window.removeEventListener(\"scroll\", updatePosition, true);\n      window.removeEventListener(\"resize\", updatePosition);\n    };\n  }, [isVisible]);\n\n  // Recalculate when content or placement changes\n  useEffect(() => {\n    if (isVisible) {\n      // Small timeout to allow render\n      const timer = setTimeout(updatePosition, 0);\n      return () => clearTimeout(timer);\n    }\n  }, [isVisible, content, placement]);\n\n  return (\n    <>\n      <div\n        ref={triggerRef}\n        className={cn(\"ui-inline-block\", triggerClassName)}\n        onMouseEnter={() => setIsVisible(true)}\n        onMouseLeave={() => setIsVisible(false)}\n      >\n        {children}\n      </div>\n      {disabled && typeof document !== 'undefined' && createPortal(\n        <AnimatePresence>\n          {isVisible && content && (\n            <motion.div\n              ref={tooltipRef}\n              initial={{ opacity: 0, scale: 0.95 }}\n              animate={{ opacity: 1, scale: 1 }}\n              exit={{ opacity: 0, scale: 0.95 }}\n              transition={{ duration: 0.1 }}\n              style={{\n                position: \"fixed\",\n                top: coords.top,\n                left: coords.left,\n                zIndex: 100000, // Ensure it's on top of everything (even popovers)\n              }}\n              className={cn(\n                \"ui-bg-[#1A1F2C] ui-text-white ui-text-center ui-text-xs ui-px-3 ui-py-2 ui-rounded-lg ui-shadow-lg ui-max-w-xs ui-pointer-events-none\",\n                className\n              )}\n            >\n              {content}\n              {/* Arrow */}\n              <div\n                className={cn(\n                  \"ui-absolute ui-w-0 ui-h-0 ui-border-4 ui-border-transparent\",\n                  actualPlacement === \"top\" &&\n                  \"ui-top-full ui-left-1/2 ui--translate-x-1/2 ui-border-t-[#1A1F2C]\",\n                  actualPlacement === \"bottom\" &&\n                  \"ui-bottom-full ui-left-1/2 ui--translate-x-1/2 ui-border-b-[#1A1F2C]\",\n                  actualPlacement === \"left\" &&\n                  \"ui-left-full ui-top-1/2 ui--translate-y-1/2 ui-border-l-[#1A1F2C]\",\n                  actualPlacement === \"right\" &&\n                  \"ui-right-full ui-top-1/2 ui--translate-y-1/2 ui-border-r-[#1A1F2C]\"\n                )}\n              />\n            </motion.div>\n          )}\n        </AnimatePresence>,\n        document.body\n      )}\n    </>\n  );\n});\n"],"names":["jsxs","Fragment","jsx"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, ReactNode, memo } from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\nimport { AnimatePresence, motion } from \"framer-motion\";\r\nimport { cn } from \"../../utils/cn\";\r\n\r\ninterface TooltipProps {\r\n  children: ReactNode;\r\n  content: ReactNode;\r\n  placement?: \"top\" | \"bottom\" | \"left\" | \"right\";\r\n  className?: string; // For the tooltip content container\r\n  triggerClassName?: string; // For the trigger wrapper\r\n  disabled?: boolean;\r\n}\r\n\r\nexport const Tooltip = memo(({\r\n  children,\r\n  content,\r\n  placement = \"top\",\r\n  className,\r\n  triggerClassName,\r\n  disabled = true,\r\n}: TooltipProps) => {\r\n  const [isVisible, setIsVisible] = useState(false);\r\n  const [coords, setCoords] = useState<{ top: number; left: number }>({\r\n    top: 0,\r\n    left: 0,\r\n  });\r\n  const [actualPlacement, setActualPlacement] = useState(placement);\r\n  const triggerRef = useRef<HTMLDivElement>(null);\r\n  const tooltipRef = useRef<HTMLDivElement>(null);\r\n\r\n  const updatePosition = () => {\r\n    if (!triggerRef.current) return;\r\n\r\n    const triggerRect = triggerRef.current.getBoundingClientRect();\r\n    const tooltipRect = tooltipRef.current?.getBoundingClientRect() || {\r\n      width: 0,\r\n      height: 0,\r\n    };\r\n\r\n    let top = 0;\r\n    let left = 0;\r\n    const gap = 8; // Distance between trigger and tooltip\r\n    let targetPlacement = placement;\r\n\r\n    // Responsive check\r\n    if (typeof window !== 'undefined' && window.innerWidth < 768 && (placement === \"left\" || placement === \"right\")) {\r\n      // Check space above\r\n      if (triggerRect.top > tooltipRect.height + gap + 10) {\r\n        targetPlacement = \"top\";\r\n      } else {\r\n        targetPlacement = \"bottom\";\r\n      }\r\n    }\r\n\r\n    switch (targetPlacement) {\r\n      case \"top\":\r\n        top = triggerRect.top - tooltipRect.height - gap;\r\n        left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;\r\n        break;\r\n      case \"bottom\":\r\n        top = triggerRect.bottom + gap;\r\n        left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;\r\n        break;\r\n      case \"left\":\r\n        top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;\r\n        left = triggerRect.left - tooltipRect.width - gap;\r\n        break;\r\n      case \"right\":\r\n        top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;\r\n        left = triggerRect.right + gap;\r\n        break;\r\n    }\r\n\r\n    setCoords({ top, left });\r\n    setActualPlacement(targetPlacement);\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (isVisible) {\r\n      updatePosition();\r\n      // Update position on scroll/resize\r\n      window.addEventListener(\"scroll\", updatePosition, true);\r\n      window.addEventListener(\"resize\", updatePosition);\r\n    }\r\n    return () => {\r\n      window.removeEventListener(\"scroll\", updatePosition, true);\r\n      window.removeEventListener(\"resize\", updatePosition);\r\n    };\r\n  }, [isVisible]);\r\n\r\n  // Recalculate when content or placement changes\r\n  useEffect(() => {\r\n    if (isVisible) {\r\n      // Small timeout to allow render\r\n      const timer = setTimeout(updatePosition, 0);\r\n      return () => clearTimeout(timer);\r\n    }\r\n  }, [isVisible, content, placement]);\r\n\r\n  return (\r\n    <>\r\n      <div\r\n        ref={triggerRef}\r\n        className={cn(\"inline-block\", triggerClassName)}\r\n        onMouseEnter={() => setIsVisible(true)}\r\n        onMouseLeave={() => setIsVisible(false)}\r\n      >\r\n        {children}\r\n      </div>\r\n      {disabled && typeof document !== 'undefined' && createPortal(\r\n        <AnimatePresence>\r\n          {isVisible && content && (\r\n            <motion.div\r\n              ref={tooltipRef}\r\n              initial={{ opacity: 0, scale: 0.95 }}\r\n              animate={{ opacity: 1, scale: 1 }}\r\n              exit={{ opacity: 0, scale: 0.95 }}\r\n              transition={{ duration: 0.1 }}\r\n              style={{\r\n                position: \"fixed\",\r\n                top: coords.top,\r\n                left: coords.left,\r\n                zIndex: 100000, // Ensure it's on top of everything (even popovers)\r\n              }}\r\n              className={cn(\r\n                \"bg-[#1A1F2C] text-white text-center text-xs px-3 py-2 rounded-lg shadow-lg max-w-xs pointer-events-none\",\r\n                className\r\n              )}\r\n            >\r\n              {content}\r\n              {/* Arrow */}\r\n              <div\r\n                className={cn(\r\n                  \"absolute w-0 h-0 border-4 border-transparent\",\r\n                  actualPlacement === \"top\" &&\r\n                  \"top-full left-1/2 -translate-x-1/2 border-t-[#1A1F2C]\",\r\n                  actualPlacement === \"bottom\" &&\r\n                  \"bottom-full left-1/2 -translate-x-1/2 border-b-[#1A1F2C]\",\r\n                  actualPlacement === \"left\" &&\r\n                  \"left-full top-1/2 -translate-y-1/2 border-l-[#1A1F2C]\",\r\n                  actualPlacement === \"right\" &&\r\n                  \"right-full top-1/2 -translate-y-1/2 border-r-[#1A1F2C]\"\r\n                )}\r\n              />\r\n            </motion.div>\r\n          )}\r\n        </AnimatePresence>,\r\n        document.body\r\n      )}\r\n    </>\r\n  );\r\n});\r\n"],"names":[],"mappings":"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"}

package/dist/components/common/FallbackImage.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { ImageProps } from 'next/image';
+
+type FallbackImageProps = ImageProps & {
+    fallbackName?: string;
+    fallbackSrc?: string | import('next/dist/shared/lib/get-img-props').StaticImport;
+};
+declare const _default: React.NamedExoticComponent<FallbackImageProps>;
+export default _default;

package/dist/components/common/FallbackImage.js

@@ -0,0 +1,47 @@
+import { jsx } from "react/jsx-runtime";
+import { memo, useState, useCallback, useEffect } from "react";
+import Image from "next/image";
+import { generateAvatar } from "../../services/utils.js";
+const PLACEHOLDER_IMAGE = "/images/placeholder.svg";
+const FallbackImage = ({
+  fallbackName,
+  fallbackSrc,
+  onError,
+  src,
+  alt,
+  ...props
+}) => {
+  const [imgSrc, setImgSrc] = useState(src);
+  const [hasError, setHasError] = useState(false);
+  const handleError = useCallback(
+    (e) => {
+      if (!hasError) {
+        const nextSrc = fallbackSrc || (fallbackName ? generateAvatar(fallbackName) : PLACEHOLDER_IMAGE);
+        setImgSrc(nextSrc);
+        setHasError(true);
+      } else {
+        setImgSrc(PLACEHOLDER_IMAGE);
+      }
+      if (onError) onError(e);
+    },
+    [fallbackName, fallbackSrc, onError, hasError, imgSrc]
+  );
+  useEffect(() => {
+    setImgSrc(src);
+    setHasError(false);
+  }, [src]);
+  return /* @__PURE__ */ jsx(
+    Image,
+    {
+      ...props,
+      src: imgSrc,
+      alt,
+      onError: handleError
+    }
+  );
+};
+const FallbackImage$1 = memo(FallbackImage);
+export {
+  FallbackImage$1 as default
+};
+//# sourceMappingURL=FallbackImage.js.map

package/dist/components/common/FallbackImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FallbackImage.js","sources":["../../../src/components/common/FallbackImage.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React, { memo, useState, useCallback, useEffect } from \"react\";\r\nimport Image, { ImageProps } from \"next/image\";\r\nimport { generateAvatar } from \"@/services/utils\";\r\n\r\nconst PLACEHOLDER_IMAGE = \"/images/placeholder.svg\";\r\n\r\ntype FallbackImageProps = ImageProps & {\r\n  fallbackName?: string;\r\n  fallbackSrc?: string | import(\"next/dist/shared/lib/get-img-props\").StaticImport;\r\n};\r\n\r\nconst FallbackImage: React.FC<FallbackImageProps> = ({\r\n  fallbackName,\r\n  fallbackSrc,\r\n  onError,\r\n  src,\r\n  alt,\r\n  ...props\r\n}) => {\r\n  const [imgSrc, setImgSrc] = useState(src);\r\n  const [hasError, setHasError] = useState(false);\r\n\r\n  const handleError = useCallback(\r\n    (e: React.SyntheticEvent<HTMLImageElement, Event>) => {\r\n      if (!hasError) {\r\n        const nextSrc = fallbackSrc || (fallbackName ? generateAvatar(fallbackName) : PLACEHOLDER_IMAGE);\r\n        setImgSrc(nextSrc);\r\n        setHasError(true);\r\n      } else {\r\n        setImgSrc(PLACEHOLDER_IMAGE);\r\n      }\r\n      if (onError) onError(e);\r\n    },\r\n    [fallbackName, fallbackSrc, onError, hasError, imgSrc]\r\n  );\r\n\r\n  useEffect(() => {\r\n    setImgSrc(src);\r\n    setHasError(false);\r\n  }, [src]);\r\n\r\n  return (\r\n    <Image\r\n      {...props}\r\n      src={imgSrc}\r\n      alt={alt}\r\n      onError={handleError}\r\n    />\r\n  );\r\n};\r\n\r\nexport default memo(FallbackImage);\r\n"],"names":[],"mappings":";;;;AAMA,MAAM,oBAAoB;AAO1B,MAAM,gBAA8C,CAAC;AAAA,EACnD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,GAAG;AACxC,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,QAAM,cAAc;AAAA,IAClB,CAAC,MAAqD;AACpD,UAAI,CAAC,UAAU;AACb,cAAM,UAAU,gBAAgB,eAAe,eAAe,YAAY,IAAI;AAC9E,kBAAU,OAAO;AACjB,oBAAY,IAAI;AAAA,MAClB,OAAO;AACL,kBAAU,iBAAiB;AAAA,MAC7B;AACA,UAAI,iBAAiB,CAAC;AAAA,IACxB;AAAA,IACA,CAAC,cAAc,aAAa,SAAS,UAAU,MAAM;AAAA,EAAA;AAGvD,YAAU,MAAM;AACd,cAAU,GAAG;AACb,gBAAY,KAAK;AAAA,EACnB,GAAG,CAAC,GAAG,CAAC;AAER,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL;AAAA,MACA,SAAS;AAAA,IAAA;AAAA,EAAA;AAGf;AAEA,MAAA,kBAAe,KAAK,aAAa;"}

package/dist/components/ui/Calendar/calendar-utils.d.ts

@@ -0,0 +1,3 @@
+export declare const months: string[];
+export declare const daysOfWeek: string[];
+export declare const getDaysInMonth: (date: Date) => any[];

package/dist/components/ui/Calendar/calendar-utils.js

@@ -0,0 +1,51 @@
+const months = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+const daysOfWeek = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+const getDaysInMonth = (date) => {
+  const year = date.getFullYear();
+  const month = date.getMonth();
+  const firstDay = new Date(year, month, 1);
+  const lastDay = new Date(year, month + 1, 0);
+  const daysInMonth = lastDay.getDate();
+  const startingDay = firstDay.getDay();
+  const days = [];
+  const prevMonthLastDay = new Date(year, month, 0).getDate();
+  for (let i = startingDay - 1; i >= 0; i--) {
+    days.push({
+      date: new Date(year, month - 1, prevMonthLastDay - i),
+      cwMonth: false
+    });
+  }
+  for (let i = 1; i <= daysInMonth; i++) {
+    days.push({
+      date: new Date(year, month, i),
+      cwMonth: true
+    });
+  }
+  const remainingDays = 42 - days.length;
+  for (let i = 1; i <= remainingDays; i++) {
+    days.push({
+      date: new Date(year, month + 1, i),
+      cwMonth: false
+    });
+  }
+  return days;
+};
+export {
+  daysOfWeek,
+  getDaysInMonth,
+  months
+};
+//# sourceMappingURL=calendar-utils.js.map

package/dist/components/ui/Calendar/calendar-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-utils.js","sources":["../../../../src/components/ui/Calendar/calendar-utils.ts"],"sourcesContent":["export const months = [\r\n    \"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\r\n    \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\r\n];\r\n\r\nexport const daysOfWeek = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\r\n\r\nexport const getDaysInMonth = (date: Date) => {\r\n    const year = date.getFullYear();\r\n    const month = date.getMonth();\r\n    const firstDay = new Date(year, month, 1);\r\n    const lastDay = new Date(year, month + 1, 0);\r\n    const daysInMonth = lastDay.getDate();\r\n    const startingDay = firstDay.getDay();\r\n\r\n    const days = [];\r\n\r\n    // Previous month's days\r\n    const prevMonthLastDay = new Date(year, month, 0).getDate();\r\n    for (let i = startingDay - 1; i >= 0; i--) {\r\n        days.push({\r\n            date: new Date(year, month - 1, prevMonthLastDay - i),\r\n            cwMonth: false,\r\n        });\r\n    }\r\n\r\n    // Current month's days\r\n    for (let i = 1; i <= daysInMonth; i++) {\r\n        days.push({\r\n            date: new Date(year, month, i),\r\n            cwMonth: true,\r\n        });\r\n    }\r\n\r\n    // Next month's days\r\n    const remainingDays = 42 - days.length; // 6 rows * 7 days\r\n    for (let i = 1; i <= remainingDays; i++) {\r\n        days.push({\r\n            date: new Date(year, month + 1, i),\r\n            cwMonth: false,\r\n        });\r\n    }\r\n\r\n    return days;\r\n};\r\n"],"names":[],"mappings":"AAAO,MAAM,SAAS;AAAA,EAClB;AAAA,EAAW;AAAA,EAAY;AAAA,EAAS;AAAA,EAAS;AAAA,EAAO;AAAA,EAChD;AAAA,EAAQ;AAAA,EAAU;AAAA,EAAa;AAAA,EAAW;AAAA,EAAY;AAC1D;AAEO,MAAM,aAAa,CAAC,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;AAEnE,MAAM,iBAAiB,CAAC,SAAe;AAC1C,QAAM,OAAO,KAAK,YAAA;AAClB,QAAM,QAAQ,KAAK,SAAA;AACnB,QAAM,WAAW,IAAI,KAAK,MAAM,OAAO,CAAC;AACxC,QAAM,UAAU,IAAI,KAAK,MAAM,QAAQ,GAAG,CAAC;AAC3C,QAAM,cAAc,QAAQ,QAAA;AAC5B,QAAM,cAAc,SAAS,OAAA;AAE7B,QAAM,OAAO,CAAA;AAGb,QAAM,mBAAmB,IAAI,KAAK,MAAM,OAAO,CAAC,EAAE,QAAA;AAClD,WAAS,IAAI,cAAc,GAAG,KAAK,GAAG,KAAK;AACvC,SAAK,KAAK;AAAA,MACN,MAAM,IAAI,KAAK,MAAM,QAAQ,GAAG,mBAAmB,CAAC;AAAA,MACpD,SAAS;AAAA,IAAA,CACZ;AAAA,EACL;AAGA,WAAS,IAAI,GAAG,KAAK,aAAa,KAAK;AACnC,SAAK,KAAK;AAAA,MACN,MAAM,IAAI,KAAK,MAAM,OAAO,CAAC;AAAA,MAC7B,SAAS;AAAA,IAAA,CACZ;AAAA,EACL;AAGA,QAAM,gBAAgB,KAAK,KAAK;AAChC,WAAS,IAAI,GAAG,KAAK,eAAe,KAAK;AACrC,SAAK,KAAK;AAAA,MACN,MAAM,IAAI,KAAK,MAAM,QAAQ,GAAG,CAAC;AAAA,MACjC,SAAS;AAAA,IAAA,CACZ;AAAA,EACL;AAEA,SAAO;AACX;"}

package/dist/components/ui/Calendar/index.d.ts

@@ -0,0 +1,14 @@
+interface CalendarProps {
+    value?: Date | null;
+    onChange?: (date: Date) => void;
+    className?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    disabledDates?: (date: Date) => boolean;
+    minDateMessage?: string;
+    maxDateMessage?: string;
+    disabledDateMessage?: string;
+    defaultMonth?: Date;
+}
+declare const _default: import('react').MemoExoticComponent<({ value, onChange, className, minDate, maxDate, disabledDates, minDateMessage, maxDateMessage, disabledDateMessage, defaultMonth }: CalendarProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;