@123usmanhaider321/ui 0.1.8 → 1.0.2

package/package.json

@@ -1,98 +1,108 @@
 {
   "name": "@123usmanhaider321/ui",
-  "version": "0.1.8",
+  "version": "1.0.2",
   "type": "module",
-  "description": "Shared UI components for Ticketly portals",
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": "./dist/index.js",
-    "./styles.css": "./dist/styles.css",
-    "./package.json": "./package.json"
-  },
-  "sideEffects": [
-    "**/*.css",
-    "./dist/styles.css"
-  ],
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
   "files": [
     "dist"
   ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./dist/styles.css": "./dist/styles.css",
+    "./styles.css": "./dist/styles.css",
+    "./*": "./*"
+  },
   "scripts": {
     "dev": "vite",
     "build": "vite build && npm run build:css",
-    "build:css": "npx tailwindcss -i ./src/index.css -o ./dist/styles.css",
-    "preview": "vite preview",
-    "test": "vitest",
+    "build:css": "tailwindcss -i ./src/index.css -o ./dist/styles.css",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "preview": "vite preview",
+    "playground": "vite playground -c playground/vite.config.ts --host 127.0.0.1 --port 5173"
   },
   "peerDependencies": {
+    "@reduxjs/toolkit": "^2.0.0",
+    "framer-motion": "^11.0.0 || ^12.0.0",
     "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "react-redux": "^9.0.0",
+    "redux-persist": "^6.0.0"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^5.1.1",
-    "@dnd-kit/core": "^6.3.1",
-    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/core": "^6.1.0",
+    "@dnd-kit/sortable": "^8.0.0",
     "@dnd-kit/utilities": "^3.2.2",
     "@fortawesome/fontawesome-svg-core": "^7.2.0",
     "@fortawesome/free-solid-svg-icons": "^7.2.0",
-    "@fortawesome/react-fontawesome": "^3.3.0",
-    "@headlessui/react": "^2.2.10",
-    "@heroicons/react": "^2.2.0",
-    "@storybook/addon-a11y": "^10.3.5",
-    "@storybook/addon-docs": "^10.3.5",
-    "@storybook/addon-onboarding": "^10.3.5",
-    "@storybook/addon-vitest": "^10.3.5",
-    "@storybook/react-vite": "^10.3.5",
-    "@tailwindcss/cli": "^4.2.2",
-    "@tailwindcss/postcss": "^4.0.0",
-    "@testing-library/jest-dom": "^6.4.2",
-    "@testing-library/react": "^14.2.1",
-    "@types/node": "^25.6.0",
-    "@types/react": "^18.2.56 || ^19.0.0",
-    "@types/react-dom": "^18.2.19 || ^19.0.0",
+    "@fortawesome/react-fontawesome": "^3.3.1",
+    "@headlessui/react": "^2.2.0",
+    "@heroicons/react": "^2.1.1",
+    "@reduxjs/toolkit": "^2.11.2",
+    "@tailwindcss/aspect-ratio": "^0.4.2",
+    "@tailwindcss/forms": "^0.5.11",
+    "@tiptap/extension-link": "^2.2.4",
+    "@tiptap/extension-placeholder": "^2.2.4",
+    "@tiptap/extension-underline": "^2.2.4",
+    "@tiptap/react": "^2.2.4",
+    "@tiptap/starter-kit": "^2.2.4",
+    "@types/dompurify": "^3.0.5",
+    "@types/lodash": "^4.17.0",
+    "@types/node": "^20.0.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@types/react-redux": "^7.1.34",
+    "@typescript-eslint/eslint-plugin": "^7.0.0",
+    "@typescript-eslint/parser": "^7.0.0",
     "@vitejs/plugin-react": "^4.2.1",
-    "@vitest/browser": "^1.3.1",
-    "@vitest/coverage-v8": "^1.3.1",
     "autoprefixer": "^10.4.17",
     "clsx": "^2.1.0",
     "dayjs": "^1.11.20",
-    "framer-motion": "^12.38.0",
-    "jsdom": "^28.1.0",
-    "lucide-react": "^1.8.0",
-    "next": "^16.2.3",
-    "playwright": "^1.59.1",
+    "dompurify": "^3.0.9",
+    "eslint": "^8.56.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.5",
+    "firebase": "^10.8.0",
+    "firebase-admin": "^13.8.0",
+    "framer-motion": "^11.0.0",
+    "lodash": "^4.17.21",
+    "lottie-react": "^2.4.0",
+    "lucide-react": "^0.344.0",
+    "moment": "^2.30.1",
+    "next": "^14.1.0",
     "postcss": "^8.4.35",
-    "react": "^19.2.5",
-    "react-dom": "^19.2.5",
-    "react-icons": "^5.6.0",
-    "react-imask": "^7.6.1",
-    "storybook": "^10.3.5",
+    "react": "^18.0.0",
+    "react-confetti": "^6.1.0",
+    "react-confirm-alert": "^3.0.6",
+    "react-dom": "^18.0.0",
+    "react-easy-crop": "^5.0.5",
+    "react-icons": "^5.0.1",
+    "react-imask": "^7.5.0",
+    "react-input-mask": "^2.0.4",
+    "react-quill-new": "^3.3.3",
+    "react-redux": "^9.2.0",
+    "react-toastify": "^10.0.4",
+    "react-type-animation": "^3.2.0",
+    "react-use": "^17.5.0",
+    "react-youtube": "^10.1.0",
+    "sweetalert2": "^11.10.5",
     "tailwind-merge": "^2.2.1",
-    "tailwindcss": "^4.0.0",
-    "terser": "^5.46.1",
-    "typescript": "^5.2.2",
+    "tailwind-scrollbar": "^4.0.2",
+    "tailwindcss": "^3.4.1",
+    "tailwindcss-animate": "^1.0.7",
+    "typescript": "^5.3.3",
     "vite": "^5.1.4",
     "vite-plugin-dts": "^3.7.3",
-    "vitest": "^1.3.1",
-    "zod": "^4.3.6"
+    "zod": "^3.22.4"
   },
   "dependencies": {
-    "@reduxjs/toolkit": "^2.11.2",
-    "@tiptap/extension-link": "^3.22.3",
-    "@tiptap/extension-placeholder": "^3.22.3",
-    "@tiptap/extension-underline": "^3.22.3",
-    "@tiptap/react": "^3.22.3",
-    "@tiptap/starter-kit": "^3.22.3",
-    "firebase": "^12.12.0",
-    "moment": "^2.30.1",
-    "react-easy-crop": "^5.5.7",
-    "react-input-mask": "^2.0.4",
-    "react-quill-new": "^3.8.3",
-    "react-redux": "^9.2.0",
-    "sweetalert2": "^11.26.24"
+    "react-tailwindcss-datepicker": "^2.0.0",
+    "react-tailwindcss-datetimepicker": "^3.3.3"
   }
 }

package/dist/_virtual/_commonjsHelpers.js

@@ -1,9 +0,0 @@
-var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
-function getDefaultExportFromCjs(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
-}
-export {
-  commonjsGlobal,
-  getDefaultExportFromCjs
-};
-//# sourceMappingURL=_commonjsHelpers.js.map

package/dist/_virtual/_commonjsHelpers.js.map

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

package/dist/_virtual/customParseFormat.js

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

package/dist/_virtual/customParseFormat.js.map

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

package/dist/_virtual/dayjs.min.js

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

package/dist/_virtual/dayjs.min.js.map

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

package/dist/_virtual/duration.js

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

package/dist/_virtual/duration.js.map

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

package/dist/_virtual/index.js

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

package/dist/_virtual/index.js.map

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

package/dist/_virtual/isBetween.js

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

package/dist/_virtual/isBetween.js.map

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

package/dist/_virtual/relativeTime.js

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

package/dist/_virtual/relativeTime.js.map

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

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

@@ -1,5 +0,0 @@
-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

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

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

@@ -1,5 +0,0 @@
-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

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

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

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

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

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

package/dist/_virtual/with-selector.js

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

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

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

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

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

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

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

package/dist/components/Alert/Alert.js

@@ -1,51 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { memo, useState, useEffect } from "react";
-const Alert = ({ isVisible, message, type = "error", onClose }) => {
-  const [animationState, setAnimationState] = useState("enter");
-  const [localIsVisible, setLocalIsVisible] = useState(isVisible);
-  useEffect(() => {
-    if (isVisible) {
-      setLocalIsVisible(true);
-      setAnimationState("enter");
-      if (type === "success") {
-        const timeout = setTimeout(() => {
-          handleClose();
-        }, 2500);
-        return () => clearTimeout(timeout);
-      }
-    } else {
-      setAnimationState("exit");
-      const timeout = setTimeout(() => setLocalIsVisible(false), 500);
-      return () => clearTimeout(timeout);
-    }
-  }, [isVisible, type]);
-  const handleClose = () => {
-    setAnimationState("exit");
-    setTimeout(() => {
-      setLocalIsVisible(false);
-      if (onClose) onClose();
-    }, 500);
-  };
-  const animationClasses = animationState === "enter" ? "translate-y-0 opacity-100" : "-translate-y-full opacity-0";
-  if (!localIsVisible) return null;
-  const isSuccess = type === "success";
-  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__ */ 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$1 as default
-};
-//# sourceMappingURL=Alert.js.map

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

@@ -1 +0,0 @@
-{"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,52 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { Loader2 } from "lucide-react";
-import { cn } from "../../utils/cn.js";
-const Button = React.memo(React.forwardRef(
-  ({
-    className,
-    variant = "default",
-    size = "md",
-    isLoading = false,
-    disabled,
-    children,
-    ...props
-  }, ref) => {
-    const variants = {
-      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: "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__ */ jsxs(
-      "button",
-      {
-        className: cn(
-          "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
-        ),
-        ref,
-        disabled: disabled || isLoading,
-        ...props,
-        children: [
-          isLoading && /* @__PURE__ */ jsx(Loader2, { "data-testid": "button-loader", className: "mr-2 h-4 w-4 animate-spin" }),
-          children
-        ]
-      }
-    );
-  }
-));
-Button.displayName = "Button";
-export {
-  Button
-};
-//# sourceMappingURL=Button.js.map

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

@@ -1 +0,0 @@
-{"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/Button/Button.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Button/index.d.ts

@@ -1 +0,0 @@
-export * from './Button';

package/dist/components/Checkbox/Checkbox.js

@@ -1,50 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import React__default from "react";
-import { Check } from "lucide-react";
-import { cn } from "../../utils/cn.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__ */ jsxs("div", { className: "relative flex items-center justify-center shrink-0", children: [
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "checkbox",
-          className: cn("peer sr-only", className),
-          ref,
-          checked,
-          onChange: handleChange,
-          ...props
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cn(
-            "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__ */ jsx(
-            Check,
-            {
-              className: cn(
-                "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
-            }
-          )
-        }
-      )
-    ] });
-  }
-);
-Checkbox.displayName = "Checkbox";
-export {
-  Checkbox
-};
-//# sourceMappingURL=Checkbox.js.map

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

@@ -1 +0,0 @@
-{"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/Checkbox/Checkbox.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Checkbox/index.d.ts

@@ -1 +0,0 @@
-export * from './Checkbox';

package/dist/components/CheckboxGroup/CheckboxGroup.d.ts

@@ -1,25 +0,0 @@
-import { default as React } from 'react';
-
-interface CheckboxGroupProps {
-    label: string;
-    options: {
-        value: string;
-        label?: string;
-        disabled: boolean;
-        title?: string;
-        description?: string;
-        tooltip?: string;
-    }[];
-    formData: any;
-    setFormData: any;
-    field: string;
-    classname?: string;
-    description?: string;
-    formErrors?: any;
-    validation?: any;
-    tooltip?: string;
-    inputType?: 'checkbox' | 'radio';
-    filled?: boolean;
-}
-export declare const CheckboxGroup: React.FC<CheckboxGroupProps>;
-export {};