katalyst-riya-test 1.0.1 → 1.0.2

package/dist/index.cjs

@@ -75,9 +75,11 @@ __export(index_exports, {
   Loading: () => Loading_default,
   Modal: () => Modal,
   NestedDropdown: () => NestedDropdown_default,
+  Notice: () => Notice_default,
   OTPInput: () => OTPInput_default,
   Paragraph: () => Paragraph_default,
   Popover: () => Popover_default,
+  Progress: () => Progress_default,
   Radio: () => Radio_default,
   Skeleton: () => Skeleton_default,
   Slider: () => Slider_default,
@@ -2522,7 +2524,7 @@ function Modal({
 
 // src/components/NestedDropdown.tsx
 var import_fi = require("react-icons/fi");
-var import_react27 = require("react");
+var import_react27 = __toESM(require("react"), 1);
 var NestedDropdown = ({
   data,
   onSelect,
@@ -2568,38 +2570,38 @@ var NestedDropdown = ({
       handleItemClick(item, [...currentPath]);
     }
   };
-  return /* @__PURE__ */ React.createElement("div", { className: "relative w-full max-w-[200px]", ref: dropdownRef }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ import_react27.default.createElement("div", { className: "relative w-full max-w-[200px]", ref: dropdownRef }, /* @__PURE__ */ import_react27.default.createElement(
     "button",
     {
       type: "button",
       className: "w-full flex justify-between items-center py-3 px-4 text-sm bg-white border border-gray-300 rounded-lg shadow-sm text-left focus:outline-none focus:ring-1 focus:ring-primary-600 focus:border-primary-500 hover:border-gray-400 transition-colors duration-200",
       onClick: toggleDropdown
     },
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ import_react27.default.createElement(
       "span",
       {
         className: `whitespace-nowrap text-ellipsis overflow-hidden w-[180px] ${selectedItem ? "text-gray-900 font-medium" : "text-gray-500"}`
       },
       selectedItem ? selectedItem.name : placeholder
     ),
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ import_react27.default.createElement(
       import_fi.FiChevronDown,
       {
         className: `w-5 h-5 text-gray-400 transform transition-transform duration-200 ${isOpen ? "rotate-180" : ""}`
       }
     )
-  ), isOpen && /* @__PURE__ */ React.createElement("div", { className: "absolute z-50 w-[200px] mt-1 bg-white rounded-lg shadow-xl max-h-96" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col h-full" }, /* @__PURE__ */ React.createElement("div", { className: "border-b border-gray-200" }, /* @__PURE__ */ React.createElement("div", { className: "relative" }, /* @__PURE__ */ React.createElement(
+  ), isOpen && /* @__PURE__ */ import_react27.default.createElement("div", { className: "absolute z-50 w-[200px] mt-1 bg-white rounded-lg shadow-xl max-h-96" }, /* @__PURE__ */ import_react27.default.createElement("div", { className: "flex flex-col h-full" }, /* @__PURE__ */ import_react27.default.createElement("div", { className: "border-b border-gray-200" }, /* @__PURE__ */ import_react27.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react27.default.createElement(
     "input",
     {
       type: "text",
       placeholder: "Search",
       className: "w-full pl-3 pr-4 py-2 focus:outline-none focus:border-b focus:border-b-primary-600 text-sm"
     }
-  ), /* @__PURE__ */ React.createElement("div", { className: "absolute right-2 top-1/2 transform -translate-y-1/2" }, /* @__PURE__ */ React.createElement("span", { className: "text-xs text-gray-400 bg-gray-100 px-2 py-1 rounded" }, "Q")))), /* @__PURE__ */ React.createElement("div", { className: "flex-1 overflow-y-auto bg-white max-h-[200px]" }, /* @__PURE__ */ React.createElement("div", { className: "" }, data?.map((item) => {
+  ), /* @__PURE__ */ import_react27.default.createElement("div", { className: "absolute right-2 top-1/2 transform -translate-y-1/2" }, /* @__PURE__ */ import_react27.default.createElement("span", { className: "text-xs text-gray-400 bg-gray-100 px-2 py-1 rounded" }, "Q")))), /* @__PURE__ */ import_react27.default.createElement("div", { className: "flex-1 overflow-y-auto bg-white max-h-[200px]" }, /* @__PURE__ */ import_react27.default.createElement("div", { className: "" }, data?.map((item) => {
     const children = getChildren(item);
     const hasChildren = children && children.length > 0;
     const isActive = activePath[0]?._id === item._id;
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ import_react27.default.createElement(
       "div",
       {
         key: item._id,
@@ -2610,22 +2612,22 @@ var NestedDropdown = ({
                       `,
         onClick: (e) => handleCategoryClick(item, 0, e)
       },
-      /* @__PURE__ */ React.createElement("span", { className: "text-sm text-gray-800" }, item.name),
-      hasChildren && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(import_fi.FiChevronRight, { className: "w-4 h-4 text-gray-400" }))
+      /* @__PURE__ */ import_react27.default.createElement("span", { className: "text-sm text-gray-800" }, item.name),
+      hasChildren && /* @__PURE__ */ import_react27.default.createElement(import_react27.default.Fragment, null, /* @__PURE__ */ import_react27.default.createElement(import_fi.FiChevronRight, { className: "w-4 h-4 text-gray-400" }))
     );
-  })))), activePath?.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "absolute left-full top-[36px] flex" }, activePath?.map((pathItem, level) => {
+  })))), activePath?.length > 0 && /* @__PURE__ */ import_react27.default.createElement("div", { className: "absolute left-full top-[36px] flex" }, activePath?.map((pathItem, level) => {
     const children = getChildren(pathItem);
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ import_react27.default.createElement(
       "div",
       {
         key: pathItem._id,
         className: "w-[200px] bg-white border border-gray-200 shadow-xl rounded-b-lg max-h-[200px] overflow-y-auto"
       },
-      /* @__PURE__ */ React.createElement("div", { className: "" }, /* @__PURE__ */ React.createElement("div", { className: "" }, children?.map((child) => {
+      /* @__PURE__ */ import_react27.default.createElement("div", { className: "" }, /* @__PURE__ */ import_react27.default.createElement("div", { className: "" }, children?.map((child) => {
         const childChildren = getChildren(child);
         const hasChildren = childChildren && childChildren.length > 0;
         const isActive = activePath[level + 1]?._id === child._id;
-        return /* @__PURE__ */ React.createElement(
+        return /* @__PURE__ */ import_react27.default.createElement(
           "div",
           {
             key: child._id,
@@ -2636,8 +2638,8 @@ var NestedDropdown = ({
                               `,
             onClick: (e) => handleCategoryClick(child, level + 1, e)
           },
-          /* @__PURE__ */ React.createElement("span", { className: "text-sm text-gray-800" }, child.name),
-          hasChildren && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(import_fi.FiChevronRight, { className: "w-4 h-4 text-gray-400" }), /* @__PURE__ */ React.createElement("div", { className: "absolute opacity-0 group-hover:opacity-100 transition-opacity duration-200 bg-gray-800 text-white text-xs py-1 px-2 rounded bottom-full mb-1 left-1/2 transform -translate-x-1/2 whitespace-nowrap z-10" }, "Double-click to select", /* @__PURE__ */ React.createElement("div", { className: "absolute top-full left-1/2 transform -translate-x-1/2 border-4 border-transparent border-t-gray-800" })))
+          /* @__PURE__ */ import_react27.default.createElement("span", { className: "text-sm text-gray-800" }, child.name),
+          hasChildren && /* @__PURE__ */ import_react27.default.createElement(import_react27.default.Fragment, null, /* @__PURE__ */ import_react27.default.createElement(import_fi.FiChevronRight, { className: "w-4 h-4 text-gray-400" }), /* @__PURE__ */ import_react27.default.createElement("div", { className: "absolute opacity-0 group-hover:opacity-100 transition-opacity duration-200 bg-gray-800 text-white text-xs py-1 px-2 rounded bottom-full mb-1 left-1/2 transform -translate-x-1/2 whitespace-nowrap z-10" }, "Double-click to select", /* @__PURE__ */ import_react27.default.createElement("div", { className: "absolute top-full left-1/2 transform -translate-x-1/2 border-4 border-transparent border-t-gray-800" })))
         );
       })))
     );
@@ -2645,15 +2647,85 @@ var NestedDropdown = ({
 };
 var NestedDropdown_default = NestedDropdown;
 
-// src/components/OTPInput.tsx
+// src/components/Notice.tsx
 var import_react28 = __toESM(require("react"), 1);
+var import_class_variance_authority9 = require("class-variance-authority");
+var import_ri4 = require("react-icons/ri");
+var variantIconMap = {
+  success: /* @__PURE__ */ import_react28.default.createElement(import_ri4.RiThumbUpLine, { size: 20, color: "#fff" }),
+  warning: /* @__PURE__ */ import_react28.default.createElement(import_ri4.RiQuestionLine, { size: 20, color: "#fff" }),
+  info: /* @__PURE__ */ import_react28.default.createElement(import_ri4.RiErrorWarningLine, { size: 20, color: "#fff" }),
+  error: /* @__PURE__ */ import_react28.default.createElement(import_ri4.RiAlertFill, { size: 20, color: "#fff" }),
+  default: /* @__PURE__ */ import_react28.default.createElement(import_ri4.RiShieldCheckLine, { size: 20, color: "#fff" })
+};
+var VariantIcon = ({ variant }) => /* @__PURE__ */ import_react28.default.createElement("span", null, variantIconMap[variant]);
+var noticeVariants = (0, import_class_variance_authority9.cva)(
+  "fixed z-[10000000000] p-4 w-fit rounded-[6px] shadow-sm text-white transition-all duration-700",
+  {
+    variants: {
+      variant: {
+        success: "bg-success",
+        warning: "bg-[#ffaa33]",
+        info: "bg-primary-700",
+        error: "bg-error",
+        default: "bg-gray-800"
+      },
+      position: {
+        "top-left": "top-4 left-4 mx-auto slide-in-top-left",
+        "top-right": "top-4 right-4 mx-auto slide-in-top-right",
+        "bottom-left": "bottom-4 left-4 slide-in-bottom-left",
+        "bottom-right": "bottom-4 right-4 slide-in-bottom-right",
+        "top-center": "top-4 left-0 right-0 mx-auto slide-in-top",
+        "bottom-center": "bottom-4 left-0 right-0 mx-auto slide-in-bottom"
+      }
+    },
+    defaultVariants: {
+      position: "top-left",
+      variant: "default"
+    }
+  }
+);
+var Notice = ({
+  children,
+  noticeTitle,
+  variant = "default",
+  position = "top-left",
+  showIcon = true,
+  open,
+  setOpen,
+  className,
+  ...props
+}) => {
+  if (!open) return null;
+  const hasTitle = Boolean(noticeTitle?.length);
+  return /* @__PURE__ */ import_react28.default.createElement(
+    "div",
+    {
+      ...props,
+      className: cn(noticeVariants({ variant, position }), className)
+    },
+    /* @__PURE__ */ import_react28.default.createElement("div", { className: "relative pr-8" }, /* @__PURE__ */ import_react28.default.createElement(
+      "button",
+      {
+        onClick: () => setOpen(false),
+        className: "absolute top-0 right-0 cursor-pointer",
+        "aria-label": "Close notice"
+      },
+      /* @__PURE__ */ import_react28.default.createElement(import_ri4.RiCloseLine, { size: 20 })
+    ), /* @__PURE__ */ import_react28.default.createElement("div", { className: "flex items-start gap-2" }, showIcon && /* @__PURE__ */ import_react28.default.createElement(VariantIcon, { variant }), /* @__PURE__ */ import_react28.default.createElement("div", null, hasTitle && /* @__PURE__ */ import_react28.default.createElement("p", { className: "font-bold text-sm mb-1" }, noticeTitle), /* @__PURE__ */ import_react28.default.createElement("p", { className: "text-sm" }, children))))
+  );
+};
+var Notice_default = Notice;
+
+// src/components/OTPInput.tsx
+var import_react29 = __toESM(require("react"), 1);
 var OTPInput = ({
   length,
   onChange,
   type = "text"
 }) => {
-  const [otpValues, setOtpValues] = (0, import_react28.useState)(Array(length).fill(""));
-  const inputsRef = (0, import_react28.useRef)([]);
+  const [otpValues, setOtpValues] = (0, import_react29.useState)(Array(length).fill(""));
+  const inputsRef = (0, import_react29.useRef)([]);
   const handleChange = (e, idx) => {
     let value = e.target.value;
     if (type === "number") value = value.replace(/\D/g, "");
@@ -2685,7 +2757,7 @@ var OTPInput = ({
     onChange(newOtp.join(""));
     inputsRef.current[Math.min(pasteData.length, length - 1)]?.focus();
   };
-  return /* @__PURE__ */ import_react28.default.createElement("div", { className: "flex items-center gap-2" }, Array.from({ length }).map((_, idx) => /* @__PURE__ */ import_react28.default.createElement(
+  return /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex items-center gap-2" }, Array.from({ length }).map((_, idx) => /* @__PURE__ */ import_react29.default.createElement(
     Input_default,
     {
       key: idx,
@@ -2706,8 +2778,8 @@ var OTPInput = ({
 var OTPInput_default = OTPInput;
 
 // src/components/Popover.tsx
-var import_react29 = __toESM(require("react"), 1);
-var Popover = (0, import_react29.forwardRef)(
+var import_react30 = __toESM(require("react"), 1);
+var Popover = (0, import_react30.forwardRef)(
   ({
     isOpen,
     setIsOpen,
@@ -2716,9 +2788,9 @@ var Popover = (0, import_react29.forwardRef)(
     className,
     postion = "bottom-right"
   }, ref) => {
-    const triggerRef = (0, import_react29.useRef)(null);
-    const contentRef = (0, import_react29.useRef)(null);
-    (0, import_react29.useEffect)(() => {
+    const triggerRef = (0, import_react30.useRef)(null);
+    const contentRef = (0, import_react30.useRef)(null);
+    (0, import_react30.useEffect)(() => {
       const handleClickOutside = (event) => {
         if (!triggerRef.current?.contains(event.target) && !contentRef.current?.contains(event.target)) {
           setIsOpen(false);
@@ -2727,7 +2799,7 @@ var Popover = (0, import_react29.forwardRef)(
       document.addEventListener("mousedown", handleClickOutside);
       return () => document.removeEventListener("mousedown", handleClickOutside);
     }, [setIsOpen]);
-    return /* @__PURE__ */ import_react29.default.createElement("div", { className: "relative w-max", ref }, /* @__PURE__ */ import_react29.default.createElement(
+    return /* @__PURE__ */ import_react30.default.createElement("div", { className: "relative w-max", ref }, /* @__PURE__ */ import_react30.default.createElement(
       "div",
       {
         className: "cursor-pointer",
@@ -2735,7 +2807,7 @@ var Popover = (0, import_react29.forwardRef)(
         onClick: () => setIsOpen(!isOpen)
       },
       trigger
-    ), isOpen && /* @__PURE__ */ import_react29.default.createElement(
+    ), isOpen && /* @__PURE__ */ import_react30.default.createElement(
       "div",
       {
         ref: contentRef,
@@ -2750,11 +2822,11 @@ var Popover = (0, import_react29.forwardRef)(
           className
         )
       },
-      /* @__PURE__ */ import_react29.default.createElement(
+      /* @__PURE__ */ import_react30.default.createElement(
         "div",
         {
           className: cn(
-            "absolute h-3 w-3 bg-white dark:bg-dark border border-primary-200 dark:border-primary-700 rotate-45",
+            "absolute z-0 h-3 w-3 bg-white dark:bg-dark border border-primary-200 dark:border-primary-700 rotate-45",
             postion === "bottom-left" && "-top-1.5 left-4 border-b-0 border-r-0",
             postion === "bottom-right" && "-top-1.5 right-4 border-b-0 border-r-0",
             postion === "top-left" && "-bottom-1.5 left-4 border-t-0 border-l-0",
@@ -2771,10 +2843,73 @@ var Popover = (0, import_react29.forwardRef)(
 Popover.displayName = "Popover";
 var Popover_default = Popover;
 
+// src/components/Progress.tsx
+var import_react31 = __toESM(require("react"), 1);
+var Progress = ({
+  progress,
+  progressText = "",
+  progressColor,
+  progressTextPosition,
+  rounded,
+  height = "4px"
+}) => {
+  const _progress = Math?.min(Math?.max(0, progress), 100);
+  return /* @__PURE__ */ import_react31.default.createElement(
+    "div",
+    {
+      className: cn(
+        progressTextPosition === "right" ? "flex items-center gap-1" : progressTextPosition === "left" ? "flex items-center gap-1" : ""
+      )
+    },
+    /* @__PURE__ */ import_react31.default.createElement(
+      "span",
+      {
+        className: cn(
+          "text-dark dark:text-light text-sm",
+          progressTextPosition === "left" ? "inline-block" : progressTextPosition === "top" ? "flex justify-end" : "hidden"
+        )
+      },
+      progressText
+    ),
+    /* @__PURE__ */ import_react31.default.createElement(
+      "div",
+      {
+        className: cn(
+          "w-full h-1 bg-gray-200 dark:bg-gray-800",
+          rounded && "rounded"
+        ),
+        style: { height },
+        role: "progressbar",
+        "aria-valuenow": _progress,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100
+      },
+      /* @__PURE__ */ import_react31.default.createElement(
+        "div",
+        {
+          className: `${progressColor} h-full transition-all delay-100 duration-300 ease-in ${rounded && "rounded"}`,
+          style: { width: `${_progress}%` }
+        }
+      )
+    ),
+    /* @__PURE__ */ import_react31.default.createElement(
+      "span",
+      {
+        className: cn(
+          "text-dark dark:text-light text-sm",
+          progressTextPosition === "bottom" ? "flex justify-end" : progressTextPosition === "top" ? "hidden" : progressTextPosition === "right" ? "flex justify-end" : "hidden"
+        )
+      },
+      progressText
+    )
+  );
+};
+var Progress_default = Progress;
+
 // src/components/Radio.tsx
-var import_react30 = __toESM(require("react"), 1);
-var import_class_variance_authority9 = require("class-variance-authority");
-var radioVariants = (0, import_class_variance_authority9.cva)("", {
+var import_react32 = __toESM(require("react"), 1);
+var import_class_variance_authority10 = require("class-variance-authority");
+var radioVariants = (0, import_class_variance_authority10.cva)("", {
   variants: {
     size: {
       sm: "h-3 w-3",
@@ -2785,9 +2920,9 @@ var radioVariants = (0, import_class_variance_authority9.cva)("", {
     size: "sm"
   }
 });
-var Radio = (0, import_react30.forwardRef)(
+var Radio = (0, import_react32.forwardRef)(
   ({ size, disabled, checked, className, id, name, ...props }, ref) => {
-    return /* @__PURE__ */ import_react30.default.createElement("div", { className: "relative inline-flex items-center cursor-pointer" }, /* @__PURE__ */ import_react30.default.createElement(
+    return /* @__PURE__ */ import_react32.default.createElement("div", { className: "relative inline-flex items-center cursor-pointer" }, /* @__PURE__ */ import_react32.default.createElement(
       "input",
       {
         ...props,
@@ -2804,7 +2939,7 @@ var Radio = (0, import_react30.forwardRef)(
           radioVariants({ size, className })
         )
       }
-    ), /* @__PURE__ */ import_react30.default.createElement(
+    ), /* @__PURE__ */ import_react32.default.createElement(
       "span",
       {
         "aria-hidden": "true",
@@ -2820,7 +2955,7 @@ Radio.displayName = "Radio";
 var Radio_default = Radio;
 
 // src/components/Skeleton.tsx
-var import_react31 = __toESM(require("react"), 1);
+var import_react33 = __toESM(require("react"), 1);
 var Skeleton = ({
   width = "100%",
   height = "100%",
@@ -2833,7 +2968,7 @@ var Skeleton = ({
     borderRadius: circle ? "50%" : void 0,
     display: "block"
   };
-  return /* @__PURE__ */ import_react31.default.createElement(
+  return /* @__PURE__ */ import_react33.default.createElement(
     "span",
     {
       className: cn(
@@ -2850,11 +2985,11 @@ var Skeleton = ({
 var Skeleton_default = Skeleton;
 
 // src/components/Slider.tsx
-var import_react32 = __toESM(require("react"), 1);
-var Slider = (0, import_react32.forwardRef)(
+var import_react34 = __toESM(require("react"), 1);
+var Slider = (0, import_react34.forwardRef)(
   ({ value, min = 0, max = 100, size = "sm", ...props }, ref) => {
     const progress = (value - min) / (max - min) * 100;
-    return /* @__PURE__ */ import_react32.default.createElement(import_react32.default.Fragment, null, /* @__PURE__ */ import_react32.default.createElement(
+    return /* @__PURE__ */ import_react34.default.createElement(import_react34.default.Fragment, null, /* @__PURE__ */ import_react34.default.createElement(
       "input",
       {
         ref,
@@ -2878,14 +3013,14 @@ Slider.displayName = "Slider";
 var Slider_default = Slider;
 
 // src/components/StatsCard.tsx
-var import_react33 = __toESM(require("react"), 1);
+var import_react35 = __toESM(require("react"), 1);
 var StatsCard = ({
   statTitle,
   statDesc,
   className,
   cardIcon
 }) => {
-  return /* @__PURE__ */ import_react33.default.createElement(
+  return /* @__PURE__ */ import_react35.default.createElement(
     Card,
     {
       className: cn(
@@ -2893,21 +3028,21 @@ var StatsCard = ({
         className
       )
     },
-    /* @__PURE__ */ import_react33.default.createElement("span", { className: "group-hover:text-white text-dark dark:text-white" }, cardIcon),
-    /* @__PURE__ */ import_react33.default.createElement(CardTitle, { className: "group-hover:text-white text-[48px] font-bold text-primary-500 dark:text-white my-4" }, statTitle),
-    /* @__PURE__ */ import_react33.default.createElement(CardDescription, { className: "group-hover:text-white text-[24px] hover:text-white text-dark leading-[25px]" }, statDesc)
+    /* @__PURE__ */ import_react35.default.createElement("span", { className: "group-hover:text-white text-dark dark:text-white" }, cardIcon),
+    /* @__PURE__ */ import_react35.default.createElement(CardTitle, { className: "group-hover:text-white text-[48px] font-bold text-primary-500 dark:text-white my-4" }, statTitle),
+    /* @__PURE__ */ import_react35.default.createElement(CardDescription, { className: "group-hover:text-white text-[24px] hover:text-white text-dark leading-[25px]" }, statDesc)
   );
 };
 var StatsCard_default = StatsCard;
 
 // src/components/Tabs.tsx
-var import_react34 = __toESM(require("react"), 1);
+var import_react36 = __toESM(require("react"), 1);
 var TabsContainer = ({
   children,
   className,
   position = "horizontal"
 }) => {
-  return /* @__PURE__ */ import_react34.default.createElement("div", { className: cn(position === "vertical" ? "flex" : "block", className) }, children);
+  return /* @__PURE__ */ import_react36.default.createElement("div", { className: cn(position === "vertical" ? "flex" : "block", className) }, children);
 };
 var TabList = ({
   onChange,
@@ -2917,10 +3052,10 @@ var TabList = ({
   className,
   position = "horizontal"
 }) => {
-  const [focusIndex, setFocusIndex] = import_react34.default.useState(0);
-  const tabRefs = import_react34.default.useRef([]);
+  const [focusIndex, setFocusIndex] = import_react36.default.useState(0);
+  const tabRefs = import_react36.default.useRef([]);
   const handleKeyDown = (e, index) => {
-    const tabCount = import_react34.default.Children.count(children);
+    const tabCount = import_react36.default.Children.count(children);
     switch (e.key) {
       case "ArrowRight": {
         if (position === "horizontal") {
@@ -2973,7 +3108,7 @@ var TabList = ({
       }
     }
   };
-  return /* @__PURE__ */ import_react34.default.createElement(
+  return /* @__PURE__ */ import_react36.default.createElement(
     "div",
     {
       className: cn(
@@ -2985,9 +3120,9 @@ var TabList = ({
       "aria-label": ariaLabel,
       "aria-orientation": position
     },
-    import_react34.default.Children.map(children, (child, index) => {
-      if (import_react34.default.isValidElement(child)) {
-        return import_react34.default.cloneElement(child, {
+    import_react36.default.Children.map(children, (child, index) => {
+      if (import_react36.default.isValidElement(child)) {
+        return import_react36.default.cloneElement(child, {
           onChange,
           box,
           position,
@@ -3002,7 +3137,7 @@ var TabList = ({
     })
   );
 };
-var Tab = import_react34.default.forwardRef(
+var Tab = import_react36.default.forwardRef(
   ({
     label,
     value,
@@ -3017,7 +3152,7 @@ var Tab = import_react34.default.forwardRef(
     position = "horizontal"
   }, ref) => {
     const isSelected = value === selectedTabValue;
-    return /* @__PURE__ */ import_react34.default.createElement(
+    return /* @__PURE__ */ import_react36.default.createElement(
       "button",
       {
         ref,
@@ -3047,9 +3182,9 @@ var Tab = import_react34.default.forwardRef(
           className
         )
       },
-      icon && /* @__PURE__ */ import_react34.default.createElement("span", { "aria-hidden": "true" }, icon),
+      icon && /* @__PURE__ */ import_react36.default.createElement("span", { "aria-hidden": "true" }, icon),
       label,
-      content && /* @__PURE__ */ import_react34.default.createElement("span", { "aria-hidden": "true" }, content)
+      content && /* @__PURE__ */ import_react36.default.createElement("span", { "aria-hidden": "true" }, content)
     );
   }
 );
@@ -3059,7 +3194,7 @@ var TabPanel = ({
   children,
   className
 }) => {
-  return value === currentValue ? /* @__PURE__ */ import_react34.default.createElement(
+  return value === currentValue ? /* @__PURE__ */ import_react36.default.createElement(
     "div",
     {
       role: "tabpanel",
@@ -3075,9 +3210,9 @@ Tab.displayName = "Tab";
 var Tabs_default = TabsContainer;
 
 // src/components/Textarea.tsx
-var import_class_variance_authority10 = require("class-variance-authority");
-var import_react35 = __toESM(require("react"), 1);
-var textareaVariants = (0, import_class_variance_authority10.cva)(
+var import_class_variance_authority11 = require("class-variance-authority");
+var import_react37 = __toESM(require("react"), 1);
+var textareaVariants = (0, import_class_variance_authority11.cva)(
   "flex items-center gap-2 font-karla bg-transparent text-sm outline-none rounded-radius-md border py-2 px-4 disabled:opacity-60 disabled:select-none disabled:pointer-events-none w-full",
   {
     variants: {
@@ -3091,9 +3226,9 @@ var textareaVariants = (0, import_class_variance_authority10.cva)(
     }
   }
 );
-var Textarea = (0, import_react35.forwardRef)(
+var Textarea = (0, import_react37.forwardRef)(
   ({ className, rows, cols, variant, disabled, children, ...props }, ref) => {
-    return /* @__PURE__ */ import_react35.default.createElement(
+    return /* @__PURE__ */ import_react37.default.createElement(
       "textarea",
       {
         ...props,
@@ -3111,9 +3246,9 @@ Textarea.displayName = "Textarea";
 var Textarea_default = Textarea;
 
 // src/components/Toggle.tsx
-var import_class_variance_authority11 = require("class-variance-authority");
-var import_react36 = __toESM(require("react"), 1);
-var toggleVariants = (0, import_class_variance_authority11.cva)(
+var import_class_variance_authority12 = require("class-variance-authority");
+var import_react38 = __toESM(require("react"), 1);
+var toggleVariants = (0, import_class_variance_authority12.cva)(
   "rounded-radius-xl bg-gray-300 transition-colors peer-checked:bg-primary-500 peer-active:ring-2 peer-active:ring-primary-300",
   {
     variants: {
@@ -3127,9 +3262,9 @@ var toggleVariants = (0, import_class_variance_authority11.cva)(
     }
   }
 );
-var Toggle = (0, import_react36.forwardRef)(
+var Toggle = (0, import_react38.forwardRef)(
   ({ icon, children, disabled, size = "lg", ...props }, ref) => {
-    return /* @__PURE__ */ import_react36.default.createElement(
+    return /* @__PURE__ */ import_react38.default.createElement(
       "label",
       {
         className: cn(
@@ -3137,7 +3272,7 @@ var Toggle = (0, import_react36.forwardRef)(
           disabled && "opacity-50 pointer-events-none"
         )
       },
-      /* @__PURE__ */ import_react36.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react36.default.createElement(
+      /* @__PURE__ */ import_react38.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react38.default.createElement(
         "input",
         {
           type: "checkbox",
@@ -3146,7 +3281,7 @@ var Toggle = (0, import_react36.forwardRef)(
           ...props,
           className: "sr-only peer"
         }
-      ), /* @__PURE__ */ import_react36.default.createElement("div", { className: cn(toggleVariants({ size })) }), /* @__PURE__ */ import_react36.default.createElement(
+      ), /* @__PURE__ */ import_react38.default.createElement("div", { className: cn(toggleVariants({ size })) }), /* @__PURE__ */ import_react38.default.createElement(
         "div",
         {
           className: cn(
@@ -3154,7 +3289,7 @@ var Toggle = (0, import_react36.forwardRef)(
             size === "sm" ? "peer-checked:translate-x-2 top-[1px] left-[2px] w-5 h-4 rounded-radius-md" : "peer-checked:translate-x-[11px] top-[2.5px] left-1 h-[22px] w-[34px] rounded-radius-lg"
           )
         },
-        /* @__PURE__ */ import_react36.default.createElement("span", { className: "flex items-center justify-center" }, icon),
+        /* @__PURE__ */ import_react38.default.createElement("span", { className: "flex items-center justify-center" }, icon),
         children
       ))
     );
@@ -3164,12 +3299,12 @@ Toggle.displayName = "Toggle";
 var Toggle_default = Toggle;
 
 // src/components/TreeView.tsx
-var import_react37 = __toESM(require("react"), 1);
+var import_react39 = __toESM(require("react"), 1);
 var import_hi5 = require("react-icons/hi");
 var TreeViewLeadingVisual = ({
   children
-}) => /* @__PURE__ */ import_react37.default.createElement("span", { className: "flex items-center shrink-0 w-5 h-5 justify-center" }, children);
-var TreeViewTrailingVisual = ({ children, label }) => /* @__PURE__ */ import_react37.default.createElement("span", { "aria-label": label, className: "ml-auto flex items-center shrink-0" }, children);
+}) => /* @__PURE__ */ import_react39.default.createElement("span", { className: "flex items-center shrink-0 w-5 h-5 justify-center" }, children);
+var TreeViewTrailingVisual = ({ children, label }) => /* @__PURE__ */ import_react39.default.createElement("span", { "aria-label": label, className: "ml-auto flex items-center shrink-0" }, children);
 var TreeViewSubTree = ({
   children,
   expanded = false,
@@ -3179,7 +3314,7 @@ var TreeViewSubTree = ({
   count
 }) => {
   if (flat) return null;
-  return /* @__PURE__ */ import_react37.default.createElement(
+  return /* @__PURE__ */ import_react39.default.createElement(
     "ul",
     {
       role: "group",
@@ -3189,7 +3324,7 @@ var TreeViewSubTree = ({
         className
       )
     },
-    state === "loading" ? /* @__PURE__ */ import_react37.default.createElement("li", { className: "pl-6 py-1 text-gray-500 italic" }, "Loading", count ? ` ${count} items...` : "...") : children
+    state === "loading" ? /* @__PURE__ */ import_react39.default.createElement("li", { className: "pl-6 py-1 text-gray-500 italic" }, "Loading", count ? ` ${count} items...` : "...") : children
   );
 };
 var TreeViewItem = ({
@@ -3208,8 +3343,8 @@ var TreeViewItem = ({
   const trailing = [];
   const content = [];
   const subTrees = [];
-  import_react37.Children.forEach(children, (child) => {
-    if (!(0, import_react37.isValidElement)(child)) {
+  import_react39.Children.forEach(children, (child) => {
+    if (!(0, import_react39.isValidElement)(child)) {
       content.push(child);
       return;
     }
@@ -3226,7 +3361,7 @@ var TreeViewItem = ({
       onToggle?.(id);
     }
   };
-  return /* @__PURE__ */ import_react37.default.createElement(import_react37.default.Fragment, null, /* @__PURE__ */ import_react37.default.createElement(
+  return /* @__PURE__ */ import_react39.default.createElement(import_react39.default.Fragment, null, /* @__PURE__ */ import_react39.default.createElement(
     "li",
     {
       role: "treeitem",
@@ -3243,12 +3378,12 @@ var TreeViewItem = ({
         className
       )
     },
-    !leading.length && hasSubTree && !flat && /* @__PURE__ */ import_react37.default.createElement("span", { className: "text-gray-400" }, expanded ? /* @__PURE__ */ import_react37.default.createElement(import_hi5.HiChevronDown, { size: 18 }) : /* @__PURE__ */ import_react37.default.createElement(import_hi5.HiChevronRight, { size: 18 })),
+    !leading.length && hasSubTree && !flat && /* @__PURE__ */ import_react39.default.createElement("span", { className: "text-gray-400" }, expanded ? /* @__PURE__ */ import_react39.default.createElement(import_hi5.HiChevronDown, { size: 18 }) : /* @__PURE__ */ import_react39.default.createElement(import_hi5.HiChevronRight, { size: 18 })),
     leading,
-    /* @__PURE__ */ import_react37.default.createElement("span", { className: "flex-1 truncate" }, content),
+    /* @__PURE__ */ import_react39.default.createElement("span", { className: "flex-1 truncate" }, content),
     trailing
   ), subTrees.map(
-    (subTree, index) => import_react37.default.cloneElement(subTree, {
+    (subTree, index) => import_react39.default.cloneElement(subTree, {
       expanded,
       flat,
       key: `${id}-subtree-${index}`
@@ -3265,10 +3400,10 @@ var TreeView = ({
   onExpandedChange,
   allowMultiple = true
 }) => {
-  const [internalExpanded, setInternalExpanded] = (0, import_react37.useState)(
+  const [internalExpanded, setInternalExpanded] = (0, import_react39.useState)(
     () => new Set(defaultExpandedIds)
   );
-  const [selectedId, setSelectedId] = (0, import_react37.useState)(null);
+  const [selectedId, setSelectedId] = (0, import_react39.useState)(null);
   const expandedSet = expandedIds ? new Set(expandedIds) : internalExpanded;
   const toggleNode = (id) => {
     const update = (prev) => {
@@ -3292,10 +3427,10 @@ var TreeView = ({
       setInternalExpanded(update);
     }
   };
-  const enhance = (nodes, level = 0) => import_react37.Children.map(nodes, (child) => {
-    if (!(0, import_react37.isValidElement)(child)) return child;
+  const enhance = (nodes, level = 0) => import_react39.Children.map(nodes, (child) => {
+    if (!(0, import_react39.isValidElement)(child)) return child;
     if (child.type === TreeViewItem) {
-      return import_react37.default.cloneElement(child, {
+      return import_react39.default.cloneElement(child, {
         level,
         expanded: expandedSet.has(child.props.id),
         selected: selectedId === child.props.id,
@@ -3310,14 +3445,14 @@ var TreeView = ({
       });
     }
     if (child.type === TreeViewSubTree) {
-      return import_react37.default.cloneElement(child, {
+      return import_react39.default.cloneElement(child, {
         // Increase level for items inside the SubTree
         children: enhance(child.props.children, level + 1)
       });
     }
     return child;
   });
-  return /* @__PURE__ */ import_react37.default.createElement(
+  return /* @__PURE__ */ import_react39.default.createElement(
     "ul",
     {
       role: "tree",
@@ -3379,9 +3514,11 @@ var TreeView_default = TreeView;
   Loading,
   Modal,
   NestedDropdown,
+  Notice,
   OTPInput,
   Paragraph,
   Popover,
+  Progress,
   Radio,
   Skeleton,
   Slider,