@123usmanhaider321/ui 0.1.0

package/README.md

@@ -0,0 +1,53 @@
+# @ticketly/ui
+
+A production-grade, enterprise-ready UI component library designed for the Ticketly ecosystem. This package provides a centralized design system to ensure visual consistency and logic reuse across multiple organization and admin portals.
+
+## 🏗️ Architecture & Tech Stack
+
+- **Core**: React 19 + TypeScript 5
+- **Bundling**: [Vite](https://vitejs.dev/) + [Rollup](https://rollupjs.org/) (ESM + Tree-shaking)
+- **Styling**: [Tailwind CSS 4](https://tailwindcss.com/) with a standalone PostCSS pipeline.
+- **Documentation**: [Storybook 8](https://storybook.js.org/) for interactive component development.
+- **Type Safety**: Automatic `.d.ts` generation via `vite-plugin-dts`.
+
+## 🛠️ Key Features
+
+- **Prop-Based Decoupling**: Components are extracted from legacy Redux states and rely entirely on prop-based injection, making them compatible with any React host.
+- **Production-Ready Bundle**: Optimized build targets with separate CSS extraction to prevent style-cascading issues.
+- **Advanced Form Tools**: Includes high-level abstractions like `StepperForm` and `FormBuilder` designed for complex industrial ticketing workflows.
+- **Component Integrity**: Rigidly tested named exports to ensure consistent consumption in both Vite and Next.js (including Turbopack) environments.
+
+## 🚀 Installation
+
+```bash
+npm install @ticketly/ui
+```
+
+## 📖 Usage
+
+### Importing Components:
+```tsx
+import { Button, Alert } from '@ticketly/ui';
+import '@ticketly/ui/styles.css';
+
+function App() {
+  return (
+    <>
+      <Button variant="primary">Click Me</Button>
+      <Alert type="success" message="Success!" isVisible={true} />
+    </>
+  );
+}
+```
+
+## 👨‍💻 Development & Integration
+
+This library was built with a **"Resilient Development"** philosophy. To bypass modern filesystem-root security restrictions in Turbopack/Next.js 16, it supports physical mirroring via `npm install --install-links`, ensuring zero-friction development on Windows and local environments.
+
+### Scripts:
+- `npm run dev`: Start Vite development server.
+- `npm run build`: Generate optimized production bundle and CSS.
+- `npm run storybook`: Launch interactive documentation.
+
+---
+*Created with a focus on Frontend Systems Architecture and scalable component design.*

package/dist/_virtual/_commonjsHelpers.js

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

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

package/dist/_virtual/customParseFormat.js

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

package/dist/_virtual/customParseFormat.js.map

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

package/dist/_virtual/dayjs.min.js

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

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

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

package/dist/_virtual/index.js

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

package/dist/_virtual/index.js.map

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

package/dist/_virtual/index2.js

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

package/dist/_virtual/index2.js.map

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

package/dist/_virtual/jsx-runtime.js

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

package/dist/_virtual/jsx-runtime.js.map

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

package/dist/_virtual/react-is.development.js

@@ -0,0 +1,5 @@
+var reactIs_development = {};
+export {
+  reactIs_development as __exports
+};
+//# sourceMappingURL=react-is.development.js.map

package/dist/_virtual/react-is.development.js.map

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

package/dist/_virtual/react-is.production.min.js

@@ -0,0 +1,5 @@
+var reactIs_production_min = {};
+export {
+  reactIs_production_min as __exports
+};
+//# sourceMappingURL=react-is.production.min.js.map

package/dist/_virtual/react-is.production.min.js.map

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

package/dist/_virtual/react-jsx-runtime.development.js

@@ -0,0 +1,5 @@
+var reactJsxRuntime_development = {};
+export {
+  reactJsxRuntime_development as __exports
+};
+//# sourceMappingURL=react-jsx-runtime.development.js.map

package/dist/_virtual/react-jsx-runtime.development.js.map

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

package/dist/_virtual/react-jsx-runtime.production.js

@@ -0,0 +1,5 @@
+var reactJsxRuntime_production = {};
+export {
+  reactJsxRuntime_production as __exports
+};
+//# sourceMappingURL=react-jsx-runtime.production.js.map

package/dist/_virtual/react-jsx-runtime.production.js.map

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

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

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

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

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

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

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

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

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

package/dist/_virtual/with-selector.js

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

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

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

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

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

package/dist/components/Alert/Alert.js

@@ -0,0 +1,54 @@
+import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { memo, useState, useEffect } from "react";
+import { cn } from "../../utils/cn.js";
+const Alert = memo(({ 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" ? "ui-translate-y-0 ui-opacity-100" : "ui--translate-y-full ui-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 })
+    ] }),
+    /* @__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" }) }) })
+  ] }) });
+});
+export {
+  Alert
+};
+//# sourceMappingURL=Alert.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,8 @@
+import * as React from "react";
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    isLoading?: boolean;
+    variant?: 'default' | 'outline' | 'ghost' | 'destructive' | 'secondary';
+    size?: 'sm' | 'md' | 'lg' | 'icon';
+}
+declare const Button: React.NamedExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button };

package/dist/components/Button/Button.js

@@ -0,0 +1,52 @@
+import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import * as React from "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,
+    variant = "default",
+    size = "md",
+    isLoading = false,
+    disabled,
+    children,
+    ...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"
+    };
+    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"
+    };
+    return /* @__PURE__ */ jsxRuntimeExports.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",
+          variants[variant],
+          sizes[size],
+          className
+        ),
+        ref,
+        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" }),
+          children
+        ]
+      }
+    );
+  }
+));
+Button.displayName = "Button";
+export {
+  Button
+};
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +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;"}

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

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

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

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

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+
+export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    onCheckedChange?: (checked: boolean) => void;
+    filled?: boolean;
+}
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+export { Checkbox };

package/dist/components/Checkbox/Checkbox.js

@@ -0,0 +1,50 @@
+import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import React__default from "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(
+        "input",
+        {
+          type: "checkbox",
+          className: cn("ui-peer ui-sr-only", className),
+          ref,
+          checked,
+          onChange: handleChange,
+          ...props
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.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"
+          ),
+          children: /* @__PURE__ */ jsxRuntimeExports.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"
+              ),
+              strokeWidth: 3
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+Checkbox.displayName = "Checkbox";
+export {
+  Checkbox
+};
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +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;"}

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

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

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

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

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

@@ -0,0 +1,25 @@
+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 {};

package/dist/components/CheckboxGroup/CheckboxGroup.js

@@ -0,0 +1,99 @@
+import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import InformationPopover from "../InformationPopover/InformationPopover.js";
+import { Checkbox } from "../Checkbox/Checkbox.js";
+import InputErrorMessage from "../InputErrorMessage/InputErrorMessage.js";
+import { Radio } from "../Radio/Radio.js";
+import { cn } from "../../utils/cn.js";
+const CheckboxGroup = ({
+  label,
+  options,
+  formData,
+  setFormData,
+  field,
+  classname,
+  formErrors,
+  validation,
+  tooltip,
+  inputType = "checkbox",
+  filled = true
+}) => {
+  const handleChanges = (value) => {
+    const currentValues = formData[field] || [];
+    let newValues;
+    if (inputType === "radio") {
+      newValues = [value];
+    } else {
+      if (currentValues.includes(value)) {
+        newValues = currentValues.filter((item) => item !== value);
+      } else {
+        newValues = [...currentValues, value];
+      }
+    }
+    setFormData((prev) => ({
+      ...prev,
+      [field]: newValues
+    }));
+    if (validation) {
+      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: [
+        label,
+        " ",
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ui-text-red-500", children: "*" })
+      ] }),
+      tooltip && /* @__PURE__ */ jsxRuntimeExports.jsx(InformationPopover, { text: tooltip })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn(
+      "ui-grid ui-grid-cols-1 ui-gap-3",
+      classname
+    ), children: options.map((option, index) => {
+      var _a, _b;
+      return /* @__PURE__ */ jsxRuntimeExports.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(
+              Radio,
+              {
+                name: field,
+                value: option.value,
+                checked: (_a = formData[field]) == null ? void 0 : _a.includes(option.value),
+                onChange: () => handleChanges(option.value),
+                disabled: option.disabled,
+                className: "ui-mr-3"
+              }
+            ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Checkbox,
+              {
+                checked: (_b = formData[field]) == null ? void 0 : _b.includes(option.value),
+                onCheckedChange: () => handleChanges(option.value),
+                disabled: option.disabled,
+                className: "ui-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"
+              ), 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" })
+            ] })
+          ] })
+        },
+        index
+      );
+    }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(InputErrorMessage, { error: (formErrors == null ? void 0 : formErrors[field]) || "", className: "ui-mt-2" })
+  ] });
+};
+export {
+  CheckboxGroup
+};
+//# sourceMappingURL=CheckboxGroup.js.map

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

@@ -0,0 +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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"}

package/dist/components/ConfirmationModal/ConfirmationModal.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+
+export interface ConfirmationModalProps {
+    open: boolean;
+    title: string;
+    description?: string;
+    onClose: () => void;
+    onConfirm: () => Promise<void> | void;
+    confirmText?: string;
+    cancelText?: string;
+    children?: ReactNode;
+    isLoading?: boolean;
+    confirmationKeyword?: string;
+}
+export default function ConfirmationModal({ open, title, description, onClose, onConfirm, confirmText, cancelText, children, isLoading, confirmationKeyword }: ConfirmationModalProps): import("react/jsx-runtime").JSX.Element;