@mindlogic-ai/logician-ui 2.0.0-alpha.0 → 2.0.0-alpha.2

package/dist/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk5FHXD7KR_js = require('./chunk-5FHXD7KR.js');
+var chunkJUTI2M3P_js = require('./chunk-JUTI2M3P.js');
 var react = require('@chakra-ui/react');
 var jsxRuntime = require('react/jsx-runtime');
 var React7 = require('react');
@@ -24,7 +24,7 @@ var ReactSelect__default = /*#__PURE__*/_interopDefault(ReactSelect);
 var ReactPinInput__default = /*#__PURE__*/_interopDefault(ReactPinInput);
 
 // node_modules/react-is/cjs/react-is.production.min.js
-var require_react_is_production_min = chunk5FHXD7KR_js.__commonJS({
+var require_react_is_production_min = chunkJUTI2M3P_js.__commonJS({
   "node_modules/react-is/cjs/react-is.production.min.js"(exports) {
     var b = "function" === typeof Symbol && Symbol.for;
     var c = b ? Symbol.for("react.element") : 60103;
@@ -136,7 +136,7 @@ var require_react_is_production_min = chunk5FHXD7KR_js.__commonJS({
 });
 
 // node_modules/react-is/cjs/react-is.development.js
-var require_react_is_development = chunk5FHXD7KR_js.__commonJS({
+var require_react_is_development = chunkJUTI2M3P_js.__commonJS({
   "node_modules/react-is/cjs/react-is.development.js"(exports) {
     if (process.env.NODE_ENV !== "production") {
       (function() {
@@ -289,7 +289,7 @@ var require_react_is_development = chunk5FHXD7KR_js.__commonJS({
 });
 
 // node_modules/react-is/index.js
-var require_react_is = chunk5FHXD7KR_js.__commonJS({
+var require_react_is = chunkJUTI2M3P_js.__commonJS({
   "node_modules/react-is/index.js"(exports, module) {
     if (process.env.NODE_ENV === "production") {
       module.exports = require_react_is_production_min();
@@ -300,7 +300,7 @@ var require_react_is = chunk5FHXD7KR_js.__commonJS({
 });
 
 // node_modules/object-assign/index.js
-var require_object_assign = chunk5FHXD7KR_js.__commonJS({
+var require_object_assign = chunkJUTI2M3P_js.__commonJS({
   "node_modules/object-assign/index.js"(exports, module) {
     var getOwnPropertySymbols = Object.getOwnPropertySymbols;
     var hasOwnProperty = Object.prototype.hasOwnProperty;
@@ -369,7 +369,7 @@ var require_object_assign = chunk5FHXD7KR_js.__commonJS({
 });
 
 // node_modules/prop-types/lib/ReactPropTypesSecret.js
-var require_ReactPropTypesSecret = chunk5FHXD7KR_js.__commonJS({
+var require_ReactPropTypesSecret = chunkJUTI2M3P_js.__commonJS({
   "node_modules/prop-types/lib/ReactPropTypesSecret.js"(exports, module) {
     var ReactPropTypesSecret = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
     module.exports = ReactPropTypesSecret;
@@ -377,14 +377,14 @@ var require_ReactPropTypesSecret = chunk5FHXD7KR_js.__commonJS({
 });
 
 // node_modules/prop-types/lib/has.js
-var require_has = chunk5FHXD7KR_js.__commonJS({
+var require_has = chunkJUTI2M3P_js.__commonJS({
   "node_modules/prop-types/lib/has.js"(exports, module) {
     module.exports = Function.call.bind(Object.prototype.hasOwnProperty);
   }
 });
 
 // node_modules/prop-types/checkPropTypes.js
-var require_checkPropTypes = chunk5FHXD7KR_js.__commonJS({
+var require_checkPropTypes = chunkJUTI2M3P_js.__commonJS({
   "node_modules/prop-types/checkPropTypes.js"(exports, module) {
     var printWarning = function() {
     };
@@ -449,7 +449,7 @@ var require_checkPropTypes = chunk5FHXD7KR_js.__commonJS({
 });
 
 // node_modules/prop-types/factoryWithTypeCheckers.js
-var require_factoryWithTypeCheckers = chunk5FHXD7KR_js.__commonJS({
+var require_factoryWithTypeCheckers = chunkJUTI2M3P_js.__commonJS({
   "node_modules/prop-types/factoryWithTypeCheckers.js"(exports, module) {
     var ReactIs = require_react_is();
     var assign = require_object_assign();
@@ -891,7 +891,7 @@ var require_factoryWithTypeCheckers = chunk5FHXD7KR_js.__commonJS({
 });
 
 // node_modules/prop-types/factoryWithThrowingShims.js
-var require_factoryWithThrowingShims = chunk5FHXD7KR_js.__commonJS({
+var require_factoryWithThrowingShims = chunkJUTI2M3P_js.__commonJS({
   "node_modules/prop-types/factoryWithThrowingShims.js"(exports, module) {
     var ReactPropTypesSecret = require_ReactPropTypesSecret();
     function emptyFunction() {
@@ -944,7 +944,7 @@ var require_factoryWithThrowingShims = chunk5FHXD7KR_js.__commonJS({
 });
 
 // node_modules/prop-types/index.js
-var require_prop_types = chunk5FHXD7KR_js.__commonJS({
+var require_prop_types = chunkJUTI2M3P_js.__commonJS({
   "node_modules/prop-types/index.js"(exports, module) {
     if (process.env.NODE_ENV !== "production") {
       ReactIs = require_react_is();
@@ -981,11 +981,11 @@ var AccordionButton = ({
     react.AccordionButton,
     {
       _hover: {
-        bg: `${chunk5FHXD7KR_js.theme_default.colors.main}08`,
+        bg: `${chunkJUTI2M3P_js.theme_default.colors.main}08`,
         ..._hover
       },
       _expanded: {
-        bg: `${chunk5FHXD7KR_js.theme_default.colors.main}12`,
+        bg: `${chunkJUTI2M3P_js.theme_default.colors.main}12`,
         borderBottomWidth: "1px",
         ..._expanded
       },
@@ -1245,8 +1245,8 @@ var Banner = React7.forwardRef(
         ref,
         ...rest,
         children: /* @__PURE__ */ jsxRuntime.jsxs(react.Flex, { align: "stretch", gap: 2, children: [
-          !hideIcon && /* @__PURE__ */ jsxRuntime.jsx(react.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(chunk5FHXD7KR_js.Icon, { boxSize: "md", mr: 2, ...iconStyles[variant] }) }),
-          typeof children === "string" ? /* @__PURE__ */ jsxRuntime.jsx(chunk5FHXD7KR_js.Text, { w: "100%", ...textStyles[variant], children }) : /* @__PURE__ */ jsxRuntime.jsx(react.Box, { w: "100%", ...textStyles[variant], children })
+          !hideIcon && /* @__PURE__ */ jsxRuntime.jsx(react.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkJUTI2M3P_js.Icon, { boxSize: "md", mr: 2, ...iconStyles[variant] }) }),
+          typeof children === "string" ? /* @__PURE__ */ jsxRuntime.jsx(chunkJUTI2M3P_js.Text, { w: "100%", ...textStyles[variant], children }) : /* @__PURE__ */ jsxRuntime.jsx(react.Box, { w: "100%", ...textStyles[variant], children })
         ] })
       }
     );
@@ -1258,7 +1258,7 @@ var Breadcrumb = React7.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx(
       react.Breadcrumb,
       {
-        separator: /* @__PURE__ */ jsxRuntime.jsx(chunk5FHXD7KR_js.Icon, { icon: "IoChevronForward", color: "gray.800" }),
+        separator: /* @__PURE__ */ jsxRuntime.jsx(chunkJUTI2M3P_js.Icon, { icon: "IoChevronForward", color: "gray.800" }),
         ...rest,
         ref
       }
@@ -1274,7 +1274,7 @@ var BreadcrumbItem = React7.forwardRef(
 BreadcrumbItem.displayName = "BreadcrumbItem";
 var NextLink;
 try {
-  NextLink = chunk5FHXD7KR_js.__require("next/link").default;
+  NextLink = chunkJUTI2M3P_js.__require("next/link").default;
 } catch {
   NextLink = null;
 }
@@ -1334,7 +1334,7 @@ var variantStyles = {
     bgColor: "danger.main",
     color: "white",
     _hover: {
-      bgColor: chunk5FHXD7KR_js.theme_default.colors.red[600]
+      bgColor: chunkJUTI2M3P_js.theme_default.colors.red[600]
     }
   },
   link: {
@@ -1451,10 +1451,10 @@ var Carousel = ({
       }
     ),
     showArrows && /* @__PURE__ */ jsxRuntime.jsx(
-      chunk5FHXD7KR_js.IconButton,
+      chunkJUTI2M3P_js.IconButton,
       {
         "aria-label": "Previous Slide",
-        icon: /* @__PURE__ */ jsxRuntime.jsx(chunk5FHXD7KR_js.Icon, { icon: "IoIosArrowBack" }),
+        icon: /* @__PURE__ */ jsxRuntime.jsx(chunkJUTI2M3P_js.Icon, { icon: "IoIosArrowBack" }),
         position: "absolute",
         left: 3,
         top: "50%",
@@ -1465,10 +1465,10 @@ var Carousel = ({
       }
     ),
     showArrows && /* @__PURE__ */ jsxRuntime.jsx(
-      chunk5FHXD7KR_js.IconButton,
+      chunkJUTI2M3P_js.IconButton,
       {
         "aria-label": "Next Slide",
-        icon: /* @__PURE__ */ jsxRuntime.jsx(chunk5FHXD7KR_js.Icon, { icon: "IoChevronForward" }),
+        icon: /* @__PURE__ */ jsxRuntime.jsx(chunkJUTI2M3P_js.Icon, { icon: "IoChevronForward" }),
         position: "absolute",
         right: 3,
         top: "50%",
@@ -1555,7 +1555,7 @@ var CarouselModal = ({
   ...rest
 }) => {
   const nextButtonRef = React7.useRef(null);
-  const translate = chunk5FHXD7KR_js.useTranslate();
+  const translate = chunkJUTI2M3P_js.useTranslate();
   const [currentSlide, setCurrentSlide] = React7.useState(0);
   const handleNextClick = () => {
     if (currentSlide === slides.length - 1) {
@@ -1664,98 +1664,98 @@ var baseStyles2 = {
 var useCaseStyles = {
   primary: {
     solid: {
-      bgColor: chunk5FHXD7KR_js.theme_default.semanticTokens.colors.primary.main,
+      bgColor: chunkJUTI2M3P_js.theme_default.semanticTokens.colors.primary.main,
       color: "white"
     },
     outline: {
       border: "1px solid",
-      borderColor: chunk5FHXD7KR_js.theme_default.semanticTokens.colors.primary.main,
-      color: chunk5FHXD7KR_js.theme_default.semanticTokens.colors.primary.main,
+      borderColor: chunkJUTI2M3P_js.theme_default.semanticTokens.colors.primary.main,
+      color: chunkJUTI2M3P_js.theme_default.semanticTokens.colors.primary.main,
       bgColor: "white"
     },
     subtle: {
       bgColor: "#EBF0FB",
-      color: chunk5FHXD7KR_js.theme_default.semanticTokens.colors.primary.main
+      color: chunkJUTI2M3P_js.theme_default.semanticTokens.colors.primary.main
     }
   },
   secondary: {
     solid: {
-      bgColor: chunk5FHXD7KR_js.theme_default.colors.blue[700],
-      color: chunk5FHXD7KR_js.theme_default.colors.white
+      bgColor: chunkJUTI2M3P_js.theme_default.colors.blue[700],
+      color: chunkJUTI2M3P_js.theme_default.colors.white
     },
     outline: {
       border: "1px solid",
-      borderColor: chunk5FHXD7KR_js.theme_default.colors.blue[700],
-      color: chunk5FHXD7KR_js.theme_default.colors.blue[700],
+      borderColor: chunkJUTI2M3P_js.theme_default.colors.blue[700],
+      color: chunkJUTI2M3P_js.theme_default.colors.blue[700],
       bgColor: "white"
     },
     subtle: {
-      bgColor: chunk5FHXD7KR_js.theme_default.colors.blue[50],
-      color: chunk5FHXD7KR_js.theme_default.colors.blue[700]
+      bgColor: chunkJUTI2M3P_js.theme_default.colors.blue[50],
+      color: chunkJUTI2M3P_js.theme_default.colors.blue[700]
     }
   },
   success: {
     solid: {
-      bgColor: chunk5FHXD7KR_js.theme_default.semanticTokens.colors.success.main,
+      bgColor: chunkJUTI2M3P_js.theme_default.semanticTokens.colors.success.main,
       color: "white"
     },
     outline: {
       border: "1px solid",
-      borderColor: chunk5FHXD7KR_js.theme_default.semanticTokens.colors.success.main,
-      color: chunk5FHXD7KR_js.theme_default.semanticTokens.colors.success.main,
+      borderColor: chunkJUTI2M3P_js.theme_default.semanticTokens.colors.success.main,
+      color: chunkJUTI2M3P_js.theme_default.semanticTokens.colors.success.main,
       bgColor: "white"
     },
     subtle: {
-      bgColor: chunk5FHXD7KR_js.theme_default.colors.green[50],
-      color: chunk5FHXD7KR_js.theme_default.semanticTokens.colors.success.main
+      bgColor: chunkJUTI2M3P_js.theme_default.colors.green[50],
+      color: chunkJUTI2M3P_js.theme_default.semanticTokens.colors.success.main
     }
   },
   danger: {
     solid: {
-      bgColor: chunk5FHXD7KR_js.theme_default.semanticTokens.colors.danger.main,
+      bgColor: chunkJUTI2M3P_js.theme_default.semanticTokens.colors.danger.main,
       color: "white"
     },
     outline: {
       border: "1px solid",
-      borderColor: chunk5FHXD7KR_js.theme_default.semanticTokens.colors.danger.main,
-      color: chunk5FHXD7KR_js.theme_default.semanticTokens.colors.danger.main,
+      borderColor: chunkJUTI2M3P_js.theme_default.semanticTokens.colors.danger.main,
+      color: chunkJUTI2M3P_js.theme_default.semanticTokens.colors.danger.main,
       bgColor: "white"
     },
     subtle: {
-      bgColor: chunk5FHXD7KR_js.theme_default.semanticTokens.colors.danger.lighter,
-      color: chunk5FHXD7KR_js.theme_default.semanticTokens.colors.danger.main
+      bgColor: chunkJUTI2M3P_js.theme_default.semanticTokens.colors.danger.lighter,
+      color: chunkJUTI2M3P_js.theme_default.semanticTokens.colors.danger.main
     }
   },
   dark: {
     solid: {
-      bgColor: chunk5FHXD7KR_js.theme_default.colors.gray[800],
+      bgColor: chunkJUTI2M3P_js.theme_default.colors.gray[800],
       color: "white"
     },
     outline: {
       border: "1px solid",
       backgroundColor: "transparent",
-      borderColor: chunk5FHXD7KR_js.theme_default.colors.gray[700],
-      color: chunk5FHXD7KR_js.theme_default.colors.gray[700]
+      borderColor: chunkJUTI2M3P_js.theme_default.colors.gray[700],
+      color: chunkJUTI2M3P_js.theme_default.colors.gray[700]
     },
     subtle: {
-      bgColor: chunk5FHXD7KR_js.theme_default.colors.gray[100],
-      color: chunk5FHXD7KR_js.theme_default.colors.gray[800]
+      bgColor: chunkJUTI2M3P_js.theme_default.colors.gray[100],
+      color: chunkJUTI2M3P_js.theme_default.colors.gray[800]
     }
   },
   highlight: {
     solid: {
-      bgColor: chunk5FHXD7KR_js.theme_default.colors.purple[600],
+      bgColor: chunkJUTI2M3P_js.theme_default.colors.purple[600],
       color: "white"
     },
     outline: {
       border: "1px solid",
       backgroundColor: "transparent",
-      borderColor: chunk5FHXD7KR_js.theme_default.colors.purple[600],
-      color: chunk5FHXD7KR_js.theme_default.colors.purple[600]
+      borderColor: chunkJUTI2M3P_js.theme_default.colors.purple[600],
+      color: chunkJUTI2M3P_js.theme_default.colors.purple[600]
     },
     subtle: {
-      bgColor: chunk5FHXD7KR_js.theme_default.colors.purple[50],
-      color: chunk5FHXD7KR_js.theme_default.colors.purple[600]
+      bgColor: chunkJUTI2M3P_js.theme_default.colors.purple[50],
+      color: chunkJUTI2M3P_js.theme_default.colors.purple[600]
     }
   }
 };
@@ -1794,11 +1794,11 @@ var ChipButton = React7.forwardRef(
 ChipButton.displayName = "ChipButton";
 
 // src/components/Tabs/TabsContext.tsx
-var import_prop_types = chunk5FHXD7KR_js.__toESM(require_prop_types());
+var import_prop_types = chunkJUTI2M3P_js.__toESM(require_prop_types());
 var useRouter = null;
 var usePathname = null;
 try {
-  const nextNavigation = chunk5FHXD7KR_js.__require("next/navigation");
+  const nextNavigation = chunkJUTI2M3P_js.__require("next/navigation");
   useRouter = nextNavigation.useRouter;
   usePathname = nextNavigation.usePathname;
 } catch (error) {
@@ -1907,7 +1907,7 @@ var verticalStyles = {
   width: "100%"
 };
 var horizontalSelectedStyles = {
-  color: chunk5FHXD7KR_js.theme_default.semanticTokens.colors.primary.main,
+  color: chunkJUTI2M3P_js.theme_default.semanticTokens.colors.primary.main,
   fontWeight: "semibold",
   position: "relative",
   _after: {
@@ -1917,7 +1917,7 @@ var horizontalSelectedStyles = {
     left: 0,
     width: "100%",
     height: "2px",
-    background: chunk5FHXD7KR_js.theme_default.semanticTokens.colors.primary.main
+    background: chunkJUTI2M3P_js.theme_default.semanticTokens.colors.primary.main
   }
 };
 var verticalSelectedStyles = {
@@ -2046,7 +2046,7 @@ var CopyButton = ({
   onCopy,
   code
 }) => {
-  const translate = chunk5FHXD7KR_js.useTranslate();
+  const translate = chunkJUTI2M3P_js.useTranslate();
   const [tooltipText, setTooltipText] = React7.useState(translate("copy"));
   const { selectedIndex } = useTabsContext();
   const handleCopyClick = () => {
@@ -2057,12 +2057,12 @@ var CopyButton = ({
     }, 1500);
     return () => clearTimeout(t);
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(chunk5FHXD7KR_js.Tooltip, { label: tooltipText, placement: "top", children: /* @__PURE__ */ jsxRuntime.jsx(
-    chunk5FHXD7KR_js.IconButton,
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkJUTI2M3P_js.Tooltip, { label: tooltipText, placement: "top", children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkJUTI2M3P_js.IconButton,
     {
       "aria-label": "Copy",
       borderRadius: "full",
-      icon: /* @__PURE__ */ jsxRuntime.jsx(chunk5FHXD7KR_js.Icon, { icon: "FaRegCopy", boxSize: "xs" }),
+      icon: /* @__PURE__ */ jsxRuntime.jsx(chunkJUTI2M3P_js.Icon, { icon: "FaRegCopy", boxSize: "xs" }),
       size: "sm",
       _hover: {
         bgColor: "whiteAlpha.500"
@@ -2099,7 +2099,7 @@ var CodeTabs = ({ code, onCopy, ...rest }) => {
       onCopy && /* @__PURE__ */ jsxRuntime.jsx(CopyButton, { onCopy, code })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(TabPanels, { children: languages.map((language) => /* @__PURE__ */ jsxRuntime.jsx(TabPanel, { children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunk5FHXD7KR_js.Code,
+      chunkJUTI2M3P_js.Code,
       {
         language,
         hideHeader: true,
@@ -2115,7 +2115,7 @@ var CodeTabs = ({ code, onCopy, ...rest }) => {
 };
 var GUTTER_RATIO = 0.1;
 var getContainerWidth = (screenSize) => {
-  const largestBreakpoint = Object.values(chunk5FHXD7KR_js.theme_default.breakpoints).reduce(function(i, j) {
+  const largestBreakpoint = Object.values(chunkJUTI2M3P_js.theme_default.breakpoints).reduce(function(i, j) {
     const breakpoint = parseInt(j, 10);
     const screenThreshold = screenSize * (1 - GUTTER_RATIO * 2);
     return breakpoint < screenThreshold ? Math.max(i, breakpoint) : i;
@@ -2159,9 +2159,9 @@ var CopyableCode = ({
   onCopy,
   containerProps
 }) => {
-  const translate = chunk5FHXD7KR_js.useTranslate();
+  const translate = chunkJUTI2M3P_js.useTranslate();
   return /* @__PURE__ */ jsxRuntime.jsxs(react.Flex, { position: "relative", width: "100%", ...containerProps, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(chunk5FHXD7KR_js.Card, { overflow: "hidden", maxW: "100%", p: 0, width: "100%", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkJUTI2M3P_js.Card, { overflow: "hidden", maxW: "100%", p: 0, width: "100%", children: [
       /* @__PURE__ */ jsxRuntime.jsx(react.Box, { as: "pre", whiteSpace: "nowrap", overflowX: "scroll", p: 4, pr: 20, children }),
       /* @__PURE__ */ jsxRuntime.jsx(
         react.Box,
@@ -2183,7 +2183,7 @@ var CopyableCode = ({
         bgColor: "primary.dark",
         borderColor: "primary.dark",
         size: "xs",
-        leftIcon: /* @__PURE__ */ jsxRuntime.jsx(chunk5FHXD7KR_js.Icon, { icon: "FaRegCopy", boxSize: "xs" }),
+        leftIcon: /* @__PURE__ */ jsxRuntime.jsx(chunkJUTI2M3P_js.Icon, { icon: "FaRegCopy", boxSize: "xs" }),
         onClick: onCopy,
         position: "absolute",
         right: 4,
@@ -2212,7 +2212,7 @@ var ToastIcon = ({ status }) => {
       boxSize: "md"
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(chunk5FHXD7KR_js.Icon, { boxSize: "lg", ...iconProps[status] });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkJUTI2M3P_js.Icon, { boxSize: "lg", ...iconProps[status] });
 };
 var Toast = ({
   title,
@@ -2236,8 +2236,8 @@ var Toast = ({
     children: [
       /* @__PURE__ */ jsxRuntime.jsx(ToastIcon, { status }),
       /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { flex: 1, children: [
-        title && /* @__PURE__ */ jsxRuntime.jsx(chunk5FHXD7KR_js.H5, { fontWeight: "bold", mb: 2, children: title }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunk5FHXD7KR_js.Text, { color: "inherit", children: description })
+        title && /* @__PURE__ */ jsxRuntime.jsx(chunkJUTI2M3P_js.H5, { fontWeight: "bold", mb: 2, children: title }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkJUTI2M3P_js.Text, { color: "inherit", children: description })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
         react.CloseButton,
@@ -2320,12 +2320,12 @@ var useToast = (props) => {
 // src/components/CrossPageToasts/CrossPageToasts.tsx
 var useSearchParams;
 try {
-  useSearchParams = chunk5FHXD7KR_js.__require("next/navigation").useSearchParams;
+  useSearchParams = chunkJUTI2M3P_js.__require("next/navigation").useSearchParams;
 } catch {
   useSearchParams = () => ({ get: () => null });
 }
 function CrossPageToasts() {
-  const translate = chunk5FHXD7KR_js.useTranslate();
+  const translate = chunkJUTI2M3P_js.useTranslate();
   const pushToast = useToast();
   const searchParams = useSearchParams();
   const message = searchParams.get("message");
@@ -2365,7 +2365,7 @@ var inputStyles = {
     boxSizing: "content-box"
   },
   _focus: {
-    backgroundColor: chunk5FHXD7KR_js.theme_default.colors.white
+    backgroundColor: chunkJUTI2M3P_js.theme_default.colors.white
   }
 };
 var TOOLTIP_DISPLAY_TIME = 3e3;
@@ -2415,8 +2415,8 @@ var DataField = ({
   };
   const PreviewComponent = as ? as : (props) => /* @__PURE__ */ jsxRuntime.jsx("span", { ...props });
   return /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { children: [
-    label && /* @__PURE__ */ jsxRuntime.jsx(chunk5FHXD7KR_js.Text, { fontWeight: "bold", color: "black", children: label }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunk5FHXD7KR_js.Text, { children: isEditable ? /* @__PURE__ */ jsxRuntime.jsxs(
+    label && /* @__PURE__ */ jsxRuntime.jsx(chunkJUTI2M3P_js.Text, { fontWeight: "bold", color: "black", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkJUTI2M3P_js.Text, { children: isEditable ? /* @__PURE__ */ jsxRuntime.jsxs(
       react.Editable,
       {
         value,
@@ -2443,18 +2443,18 @@ var DataField = ({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk5FHXD7KR_js.IconButton,
+            chunkJUTI2M3P_js.IconButton,
             {
               "aria-label": `Edit ${label}`,
-              icon: /* @__PURE__ */ jsxRuntime.jsx(chunk5FHXD7KR_js.Icon, { icon: "Edit", color: "gray.400", boxSize: "sm" }),
+              icon: /* @__PURE__ */ jsxRuntime.jsx(chunkJUTI2M3P_js.Icon, { icon: "Edit", color: "gray.400", boxSize: "sm" }),
               onClick: handleEditButtonClick
             }
           ),
           isCopyable && /* @__PURE__ */ jsxRuntime.jsx(react.Tooltip, { label: "Copied!", isOpen: hasOpenCopyTooltip, children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunk5FHXD7KR_js.IconButton,
+            chunkJUTI2M3P_js.IconButton,
             {
               "aria-label": `Copy ${label}`,
-              icon: /* @__PURE__ */ jsxRuntime.jsx(chunk5FHXD7KR_js.Icon, { icon: "FaRegCopy", color: "gray.400", boxSize: "sm" }),
+              icon: /* @__PURE__ */ jsxRuntime.jsx(chunkJUTI2M3P_js.Icon, { icon: "FaRegCopy", color: "gray.400", boxSize: "sm" }),
               onClick: handleCopyButtonClick
             }
           ) })
@@ -2464,10 +2464,10 @@ var DataField = ({
       value,
       " ",
       isCopyable && /* @__PURE__ */ jsxRuntime.jsx(react.Tooltip, { label: "Copied!", isOpen: hasOpenCopyTooltip, children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunk5FHXD7KR_js.IconButton,
+        chunkJUTI2M3P_js.IconButton,
         {
           "aria-label": `Copy ${label}`,
-          icon: /* @__PURE__ */ jsxRuntime.jsx(chunk5FHXD7KR_js.Icon, { icon: "FaRegCopy", color: "gray.400", boxSize: "sm" }),
+          icon: /* @__PURE__ */ jsxRuntime.jsx(chunkJUTI2M3P_js.Icon, { icon: "FaRegCopy", color: "gray.400", boxSize: "sm" }),
           onClick: handleCopyButtonClick
         }
       ) })
@@ -2498,7 +2498,7 @@ var RangeDatePicker = ({
           color: "gray.1500",
           fontSize: "md",
           leftIcon: /* @__PURE__ */ jsxRuntime.jsx(
-            chunk5FHXD7KR_js.Icon,
+            chunkJUTI2M3P_js.Icon,
             {
               icon: "MdOutlineCalendarToday",
               color: "gray.600",
@@ -2568,7 +2568,7 @@ var SingleDatePicker = ({
           fontSize: "md",
           height: "100%",
           leftIcon: /* @__PURE__ */ jsxRuntime.jsx(
-            chunk5FHXD7KR_js.Icon,
+            chunkJUTI2M3P_js.Icon,
             {
               icon: "MdOutlineCalendarToday",
               color: "gray.600",
@@ -2633,7 +2633,7 @@ var FileInput = React7.forwardRef(
     ...rest
   }, ref) => {
     const theme = react.useTheme();
-    const translate = chunk5FHXD7KR_js.useTranslate();
+    const translate = chunkJUTI2M3P_js.useTranslate();
     const handleChange = (event) => {
       onChange(event.currentTarget.files);
     };
@@ -2707,16 +2707,16 @@ var FileInput = React7.forwardRef(
                         mb: 1,
                         w: "fit-content",
                         children: /* @__PURE__ */ jsxRuntime.jsx(
-                          chunk5FHXD7KR_js.Icon,
+                          chunkJUTI2M3P_js.Icon,
                           {
-                            icon: chunk5FHXD7KR_js.IconTypes.LuUpload,
+                            icon: chunkJUTI2M3P_js.IconTypes.LuUpload,
                             color: bgImage ? theme.colors.gray[1200] : theme.colors.gray[800]
                           }
                         )
                       }
                     ),
                     /* @__PURE__ */ jsxRuntime.jsx(
-                      chunk5FHXD7KR_js.Text,
+                      chunkJUTI2M3P_js.Text,
                       {
                         color: bgImage ? theme.colors.gray[1200] : theme.colors.gray[800],
                         children: fileInputLabel || translate("upload_your_file")
@@ -2812,31 +2812,31 @@ var FileItem = ({
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs(react.Flex, { w: "60%", alignItems: "center", gap: 2, children: [
           /* @__PURE__ */ jsxRuntime.jsx(react.Box, { minW: 5, children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunk5FHXD7KR_js.Icon,
+            chunkJUTI2M3P_js.Icon,
             {
-              icon: chunk5FHXD7KR_js.IconTypes.CiFileOn,
+              icon: chunkJUTI2M3P_js.IconTypes.CiFileOn,
               color: error ? errorColor : "gray.800"
             }
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk5FHXD7KR_js.Text, { isTruncated: true, color: error ? errorColor : void 0, children: fileName })
+          /* @__PURE__ */ jsxRuntime.jsx(chunkJUTI2M3P_js.Text, { isTruncated: true, color: error ? errorColor : void 0, children: fileName })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(react.Flex, { align: "center", gap: 2, flex: 1, children: [
-          error ? /* @__PURE__ */ jsxRuntime.jsx(react.Flex, { w: "100%", justify: "flex-end", align: "center", gap: 2, children: /* @__PURE__ */ jsxRuntime.jsx(chunk5FHXD7KR_js.Tooltip, { label: error, placement: "top", shouldWrapChildren: true, children: /* @__PURE__ */ jsxRuntime.jsx(chunk5FHXD7KR_js.Icon, { icon: "MdError", color: errorColor }) }) }) : /* @__PURE__ */ jsxRuntime.jsx(react.Box, { w: "100%", children: isUploadingFile && /* @__PURE__ */ jsxRuntime.jsxs(react.Flex, { align: "center", justify: "flex-end", gap: 2, children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(chunk5FHXD7KR_js.Subtext, { children: [
+          error ? /* @__PURE__ */ jsxRuntime.jsx(react.Flex, { w: "100%", justify: "flex-end", align: "center", gap: 2, children: /* @__PURE__ */ jsxRuntime.jsx(chunkJUTI2M3P_js.Tooltip, { label: error, placement: "top", shouldWrapChildren: true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkJUTI2M3P_js.Icon, { icon: "MdError", color: errorColor }) }) }) : /* @__PURE__ */ jsxRuntime.jsx(react.Box, { w: "100%", children: isUploadingFile && /* @__PURE__ */ jsxRuntime.jsxs(react.Flex, { align: "center", justify: "flex-end", gap: 2, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(chunkJUTI2M3P_js.Subtext, { children: [
               progress,
               "%"
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(ProgressBar, { w: "100%", minW: 3, maxW: 20, value: progress }),
             /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: "xs" }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunk5FHXD7KR_js.IconButton,
+              chunkJUTI2M3P_js.IconButton,
               {
                 "aria-label": "remove uploading file button",
                 onClick: onFileDelete,
                 icon: /* @__PURE__ */ jsxRuntime.jsx(
-                  chunk5FHXD7KR_js.Icon,
+                  chunkJUTI2M3P_js.Icon,
                   {
-                    icon: chunk5FHXD7KR_js.IconTypes.IoClose,
+                    icon: chunkJUTI2M3P_js.IconTypes.IoClose,
                     color: theme.colors.gray[600],
                     boxSize: "lg"
                   }
@@ -2847,16 +2847,16 @@ var FileItem = ({
             )
           ] }) }),
           !isUploadingFile && isFileUploadComplete && /* @__PURE__ */ jsxRuntime.jsxs(React7.Fragment, { children: [
-            fileSize && /* @__PURE__ */ jsxRuntime.jsx(chunk5FHXD7KR_js.Subtitle, { mr: 4, children: formatFileSize(fileSize) }),
+            fileSize && /* @__PURE__ */ jsxRuntime.jsx(chunkJUTI2M3P_js.Subtitle, { mr: 4, children: formatFileSize(fileSize) }),
             onFileDownload && !error && /* @__PURE__ */ jsxRuntime.jsx(
-              chunk5FHXD7KR_js.IconButton,
+              chunkJUTI2M3P_js.IconButton,
               {
                 "aria-label": "download uploaded file button",
                 onClick: onFileDownload,
                 icon: /* @__PURE__ */ jsxRuntime.jsx(
-                  chunk5FHXD7KR_js.Icon,
+                  chunkJUTI2M3P_js.Icon,
                   {
-                    icon: chunk5FHXD7KR_js.IconTypes.LuDownload,
+                    icon: chunkJUTI2M3P_js.IconTypes.LuDownload,
                     color: theme.colors.gray[800]
                   }
                 ),
@@ -2864,11 +2864,11 @@ var FileItem = ({
               }
             ),
             onFileDelete && /* @__PURE__ */ jsxRuntime.jsx(
-              chunk5FHXD7KR_js.IconButton,
+              chunkJUTI2M3P_js.IconButton,
               {
                 "aria-label": "remove uploaded file button",
                 onClick: onFileDelete,
-                icon: isDeleting ? /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: "xs" }) : /* @__PURE__ */ jsxRuntime.jsx(chunk5FHXD7KR_js.Icon, { icon: chunk5FHXD7KR_js.IconTypes.FaRegTrashAlt, boxSize: "sm" }),
+                icon: isDeleting ? /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: "xs" }) : /* @__PURE__ */ jsxRuntime.jsx(chunkJUTI2M3P_js.Icon, { icon: chunkJUTI2M3P_js.IconTypes.FaRegTrashAlt, boxSize: "sm" }),
                 size: "xs",
                 isDisabled: isDeleting
               }
@@ -2893,7 +2893,7 @@ var FileList = ({
     /* @__PURE__ */ new Set()
   );
   const theme = react.useTheme();
-  const translate = chunk5FHXD7KR_js.useTranslate();
+  const translate = chunkJUTI2M3P_js.useTranslate();
   const shouldShowLoadMoreButton = files && files.length > currentVisibleCount;
   const handleFileLoadMore = () => {
     setCurrentVisibleCount((prev) => prev + 3);
@@ -2947,7 +2947,7 @@ var FileList = ({
             display: "flex",
             gap: 1,
             children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(chunk5FHXD7KR_js.Subtitle, { color: "gray.600", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(chunkJUTI2M3P_js.Subtitle, { color: "gray.600", children: [
                 translate("see_more"),
                 " (",
                 visibleCount,
@@ -2956,9 +2956,9 @@ var FileList = ({
                 ")"
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunk5FHXD7KR_js.Icon,
+                chunkJUTI2M3P_js.Icon,
                 {
-                  icon: chunk5FHXD7KR_js.IconTypes.IoChevronDownOutline,
+                  icon: chunkJUTI2M3P_js.IconTypes.IoChevronDownOutline,
                   color: theme.colors.gray[600]
                 }
               )
@@ -3158,7 +3158,7 @@ var GuideCue = ({
             /* @__PURE__ */ jsxRuntime.jsx(react.PopoverCloseButton, { color: "gray.600" }),
             /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { py: 4, px: 2, color: "black", children: [
               cueRefs.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(
-                chunk5FHXD7KR_js.Subtext,
+                chunkJUTI2M3P_js.Subtext,
                 {
                   color: "primary.dark",
                   opacity: 0.5,
@@ -3167,8 +3167,8 @@ var GuideCue = ({
                   children: `${index + 1} / ${cueRefs.length}`
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(chunk5FHXD7KR_js.Subtitle, { color: "primary.dark", fontWeight: "bold", mb: 1, children: title }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunk5FHXD7KR_js.Subtext, { color: "gray.800", fontWeight: "normal", children: description })
+              /* @__PURE__ */ jsxRuntime.jsx(chunkJUTI2M3P_js.Subtitle, { color: "primary.dark", fontWeight: "bold", mb: 1, children: title }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunkJUTI2M3P_js.Subtext, { color: "gray.800", fontWeight: "normal", children: description })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(react.Flex, { justifyContent: "flex-end", gap: 2, w: "100%", p: 3, pt: 0, children: /* @__PURE__ */ jsxRuntime.jsx(
               Button,
@@ -3179,7 +3179,7 @@ var GuideCue = ({
                 w: "fit-content",
                 variant: "secondary",
                 ref: ctaRef,
-                rightIcon: currentIndex < cueRefs.length - 1 ? /* @__PURE__ */ jsxRuntime.jsx(chunk5FHXD7KR_js.Icon, { icon: "IoChevronForward", boxSize: "xs" }) : /* @__PURE__ */ jsxRuntime.jsx(chunk5FHXD7KR_js.Icon, { icon: "FaCheck", boxSize: "xs" }),
+                rightIcon: currentIndex < cueRefs.length - 1 ? /* @__PURE__ */ jsxRuntime.jsx(chunkJUTI2M3P_js.Icon, { icon: "IoChevronForward", boxSize: "xs" }) : /* @__PURE__ */ jsxRuntime.jsx(chunkJUTI2M3P_js.Icon, { icon: "FaCheck", boxSize: "xs" }),
                 children: currentIndex < cueRefs.length - 1 ? "Next" : `Got it!`
               }
             ) })
@@ -3206,7 +3206,7 @@ var InfoSprinkle = ({
         _hover: {
           opacity: 1
         },
-        children: icon || /* @__PURE__ */ jsxRuntime.jsx(chunk5FHXD7KR_js.Icon, { icon: chunk5FHXD7KR_js.IconTypes.LuInfo, boxSize: "sm" })
+        children: icon || /* @__PURE__ */ jsxRuntime.jsx(chunkJUTI2M3P_js.Icon, { icon: chunkJUTI2M3P_js.IconTypes.LuInfo, boxSize: "sm" })
       }
     ) }),
     /* @__PURE__ */ jsxRuntime.jsx(react.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(react.PopoverContent, { boxShadow: "2xl", w: "fit-content", children: [
@@ -3466,6 +3466,7 @@ Input3.displayName = "Input";
 var LineGraph = ({
   data = [],
   dataKeys,
+  displayLegend = true,
   ...rest
 }) => {
   const theme = react.useTheme();
@@ -3519,7 +3520,7 @@ var LineGraph = ({
             }
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(
+        displayLegend && /* @__PURE__ */ jsxRuntime.jsx(
           recharts.Legend,
           {
             wrapperStyle: {
@@ -3545,17 +3546,17 @@ var LineGraph = ({
 
 // src/components/Link/Link.styles.ts
 var linkTextStyles = {
-  color: chunk5FHXD7KR_js.theme_default.colors.blue[700],
+  color: chunkJUTI2M3P_js.theme_default.colors.blue[700],
   fontWeight: "500",
   position: "relative",
   _hover: {
     textDecoration: "none",
-    color: chunk5FHXD7KR_js.theme_default.colors.blue[900]
+    color: chunkJUTI2M3P_js.theme_default.colors.blue[900]
   }
 };
 var NextLink2;
 try {
-  NextLink2 = chunk5FHXD7KR_js.__require("next/link").default;
+  NextLink2 = chunkJUTI2M3P_js.__require("next/link").default;
 } catch {
   NextLink2 = null;
 }
@@ -3591,10 +3592,10 @@ var PageLoader = ({
       justify: "center",
       opacity: isLoading ? 0.5 : 0,
       transition: "0.3s opacity ease",
-      bg: chunk5FHXD7KR_js.theme_default.colors.white,
+      bg: chunkJUTI2M3P_js.theme_default.colors.white,
       zIndex: 9999,
       ...rest,
-      children: /* @__PURE__ */ jsxRuntime.jsx(react.Box, { position: "relative", children: /* @__PURE__ */ jsxRuntime.jsx(BounceLoader__default.default, { color: chunk5FHXD7KR_js.theme_default.colors.blue[500], style: { zIndex: 999 } }) })
+      children: /* @__PURE__ */ jsxRuntime.jsx(react.Box, { position: "relative", children: /* @__PURE__ */ jsxRuntime.jsx(BounceLoader__default.default, { color: chunkJUTI2M3P_js.theme_default.colors.blue[500], style: { zIndex: 999 } }) })
     }
   );
 };
@@ -3740,7 +3741,7 @@ var MaxLengthIndicator = ({
   React7.useEffect(() => {
     setCurrentValue(value);
   }, [value]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunk5FHXD7KR_js.Subtitle, { fontSize: "sm", color: "gray.600", ...rest, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkJUTI2M3P_js.Subtitle, { fontSize: "sm", color: "gray.600", ...rest, children: [
     currentValue,
     "/",
     maxLength
@@ -3965,7 +3966,7 @@ var isMonthDisabled = (month, year, minMonth, maxMonth) => {
   return false;
 };
 
-// src/components/MonthRangePicker/_utils/hasEnabledMonthsInYear.ts
+// src/components/MonthPicker/_utils/hasEnabledMonthsInYear.ts
 var hasEnabledMonthsInYear = (year, minMonth, maxMonth) => {
   for (let month = 0; month < 12; month++) {
     if (!isMonthDisabled(month, year, minMonth, maxMonth)) {
@@ -4106,9 +4107,10 @@ var MonthButton = React7.memo(
   }
 );
 MonthButton.displayName = "MonthButton";
-var MonthRangePicker = ({
+var MonthPicker = ({
   selectedRange,
   onChange,
+  isRange = true,
   minMonth,
   maxMonth,
   disabled = false,
@@ -4122,7 +4124,7 @@ var MonthRangePicker = ({
 }) => {
   const { isOpen, onOpen, onClose } = react.useDisclosure();
   const { language: locale } = useLocale_default();
-  const translate = chunk5FHXD7KR_js.useTranslate();
+  const translate = chunkJUTI2M3P_js.useTranslate();
   const [currentYear, setCurrentYear] = React7.useState(
     () => (/* @__PURE__ */ new Date()).getFullYear()
   );
@@ -4151,11 +4153,17 @@ var MonthRangePicker = ({
         const start = dateFns.format(startDate, effectiveDateFormat, {
           locale: dateFnsLocale
         });
-        return `${start} -`;
+        return isRange ? `${start} -` : start;
       }
     }
     return "";
-  }, [selectedRange, selectionStart, effectiveDateFormat, dateFnsLocale]);
+  }, [
+    selectedRange,
+    selectionStart,
+    effectiveDateFormat,
+    dateFnsLocale,
+    isRange
+  ]);
   const canNavigateToPrevYear = React7.useMemo(() => {
     return hasEnabledMonthsInYear(currentYear - 1, minMonth, maxMonth);
   }, [currentYear, minMonth, maxMonth]);
@@ -4175,6 +4183,15 @@ var MonthRangePicker = ({
     (month, year) => {
       if (isMonthDisabled(month, year, minMonth, maxMonth)) return;
       const clickedMonth = new Date(year, month, 1);
+      if (!isRange) {
+        onChange?.({
+          startMonth: clickedMonth,
+          endMonth: null
+        });
+        setSelectionStart(null);
+        onClose();
+        return;
+      }
       if (!selectionStart) {
         if (selectedRange) {
           onChange?.(null);
@@ -4197,7 +4214,15 @@ var MonthRangePicker = ({
         onClose();
       }
     },
-    [selectionStart, selectedRange, onChange, onClose, minMonth, maxMonth]
+    [
+      selectionStart,
+      selectedRange,
+      onChange,
+      onClose,
+      minMonth,
+      maxMonth,
+      isRange
+    ]
   );
   const handleMonthHover = React7.useCallback((month, year) => {
     setHoveredMonth({ month, year });
@@ -4219,10 +4244,10 @@ var MonthRangePicker = ({
           onClick: () => handleYearChange("prev"),
           disabled: !canNavigateToPrevYear,
           opacity: !canNavigateToPrevYear ? 0.4 : 1,
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunk5FHXD7KR_js.Icon, { icon: "IoIosArrowBack" })
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkJUTI2M3P_js.Icon, { icon: "IoIosArrowBack" })
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(chunk5FHXD7KR_js.Text, { fontWeight: "semibold", fontSize: "lg", children: currentYear }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkJUTI2M3P_js.Text, { fontWeight: "semibold", fontSize: "lg", children: currentYear }),
       /* @__PURE__ */ jsxRuntime.jsx(
         react.Button,
         {
@@ -4231,7 +4256,7 @@ var MonthRangePicker = ({
           onClick: () => handleYearChange("next"),
           disabled: !canNavigateToNextYear,
           opacity: !canNavigateToNextYear ? 0.4 : 1,
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunk5FHXD7KR_js.Icon, { icon: "IoChevronForward" })
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkJUTI2M3P_js.Icon, { icon: "IoChevronForward" })
         }
       )
     ] }),
@@ -4265,7 +4290,7 @@ var MonthRangePicker = ({
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(react.PopoverTrigger, { children: /* @__PURE__ */ jsxRuntime.jsxs(react.InputGroup, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(react.InputLeftElement, { children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunk5FHXD7KR_js.Icon,
+            chunkJUTI2M3P_js.Icon,
             {
               icon: "MdOutlineCalendarToday",
               boxSize: "xs",
@@ -4358,16 +4383,16 @@ var MenuList2 = ({
   return /* @__PURE__ */ jsxRuntime.jsx(DefaultMenuList, { ...props, innerRef: mergeRefs([innerRef, menuListRef]) });
 };
 var placeholderStyles = {
-  color: chunk5FHXD7KR_js.theme_default.colors.gray[800],
-  fontSize: chunk5FHXD7KR_js.theme_default.fontSizes.p,
-  fontWeight: chunk5FHXD7KR_js.theme_default.fontWeights.semibold
+  color: chunkJUTI2M3P_js.theme_default.colors.gray[800],
+  fontSize: chunkJUTI2M3P_js.theme_default.fontSizes.p,
+  fontWeight: chunkJUTI2M3P_js.theme_default.fontWeights.semibold
 };
 var menuStyles = {
   width: "max-content",
   minWidth: "100%",
-  backgroundColor: chunk5FHXD7KR_js.theme_default.colors.white,
-  borderRadius: chunk5FHXD7KR_js.theme_default.radii.md,
-  border: `1px solid ${chunk5FHXD7KR_js.theme_default.colors.gray[400]}`,
+  backgroundColor: chunkJUTI2M3P_js.theme_default.colors.white,
+  borderRadius: chunkJUTI2M3P_js.theme_default.radii.md,
+  border: `1px solid ${chunkJUTI2M3P_js.theme_default.colors.gray[400]}`,
   marginTop: 3,
   boxShadow: "0px 5px 20px 0px rgba(0, 0, 0, 0.10)",
   zIndex: 9
@@ -4378,39 +4403,39 @@ var optionStyles = ({
   isSelected
 }) => ({
   cursor: isDisabled ? "not-allowed" : "pointer",
-  height: chunk5FHXD7KR_js.theme_default.sizes[10],
+  height: chunkJUTI2M3P_js.theme_default.sizes[10],
   margin: "16px 0",
   // Use direct spacing value instead of theme.spacing[4]
-  borderRadius: chunk5FHXD7KR_js.theme_default.radii.sm,
-  fontSize: chunk5FHXD7KR_js.theme_default.fontSizes.p,
-  backgroundColor: isSelected || isFocused || isDisabled ? chunk5FHXD7KR_js.theme_default.colors.gray[50] : chunk5FHXD7KR_js.theme_default.colors.white,
-  color: isSelected ? chunk5FHXD7KR_js.theme_default.colors.gray[1500] : isDisabled ? chunk5FHXD7KR_js.theme_default.colors.gray[800] : chunk5FHXD7KR_js.theme_default.colors.gray[1200],
-  fontWeight: isSelected ? chunk5FHXD7KR_js.theme_default.fontWeights.semibold : chunk5FHXD7KR_js.theme_default.fontWeights.normal,
+  borderRadius: chunkJUTI2M3P_js.theme_default.radii.sm,
+  fontSize: chunkJUTI2M3P_js.theme_default.fontSizes.p,
+  backgroundColor: isSelected || isFocused || isDisabled ? chunkJUTI2M3P_js.theme_default.colors.gray[50] : chunkJUTI2M3P_js.theme_default.colors.white,
+  color: isSelected ? chunkJUTI2M3P_js.theme_default.colors.gray[1500] : isDisabled ? chunkJUTI2M3P_js.theme_default.colors.gray[800] : chunkJUTI2M3P_js.theme_default.colors.gray[1200],
+  fontWeight: isSelected ? chunkJUTI2M3P_js.theme_default.fontWeights.semibold : chunkJUTI2M3P_js.theme_default.fontWeights.normal,
   "&:hover": {
-    backgroundColor: chunk5FHXD7KR_js.theme_default.colors.gray[50]
+    backgroundColor: chunkJUTI2M3P_js.theme_default.colors.gray[50]
   }
 });
 var controlStyles = {
-  borderRadius: chunk5FHXD7KR_js.theme_default.radii.md,
+  borderRadius: chunkJUTI2M3P_js.theme_default.radii.md,
   cursor: "pointer",
   maxWidth: "100%",
   height: "100%",
-  color: chunk5FHXD7KR_js.theme_default.colors.gray[1200],
-  fontSize: chunk5FHXD7KR_js.theme_default.fontSizes.p,
-  fontWeight: chunk5FHXD7KR_js.theme_default.fontWeights.semibold,
+  color: chunkJUTI2M3P_js.theme_default.colors.gray[1200],
+  fontSize: chunkJUTI2M3P_js.theme_default.fontSizes.p,
+  fontWeight: chunkJUTI2M3P_js.theme_default.fontWeights.semibold,
   paddingLeft: 4,
   paddingRight: 3,
-  border: `1px solid ${chunk5FHXD7KR_js.theme_default.colors.gray[400]}`,
+  border: `1px solid ${chunkJUTI2M3P_js.theme_default.colors.gray[400]}`,
   boxShadow: "none"
 };
 var getControlVariantStyles = (state, variant) => {
   const primaryColor = react.useToken(
     "colors",
-    chunk5FHXD7KR_js.theme_default.semanticTokens.colors.primary.main
+    chunkJUTI2M3P_js.theme_default.semanticTokens.colors.primary.main
   );
   const dangerColor = react.useToken(
     "colors",
-    chunk5FHXD7KR_js.theme_default.semanticTokens.colors.danger.main
+    chunkJUTI2M3P_js.theme_default.semanticTokens.colors.danger.main
   );
   switch (variant) {
     case "danger":
@@ -4420,8 +4445,8 @@ var getControlVariantStyles = (state, variant) => {
       };
     default:
       return {
-        fontWeight: chunk5FHXD7KR_js.theme_default.fontWeights.semibold,
-        border: `1px solid ${state.isFocused ? primaryColor : chunk5FHXD7KR_js.theme_default.colors.gray[400]}`,
+        fontWeight: chunkJUTI2M3P_js.theme_default.fontWeights.semibold,
+        border: `1px solid ${state.isFocused ? primaryColor : chunkJUTI2M3P_js.theme_default.colors.gray[400]}`,
         boxShadow: state.isFocused ? `0 0 0 1px ${primaryColor} !important` : "none",
         "&:hover": state.isFocused ? {
           borderColor: primaryColor
@@ -4747,7 +4772,7 @@ var Pagination = ({
   ...rest
 }) => {
   const theme = react.useTheme();
-  const translate = chunk5FHXD7KR_js.useTranslate();
+  const translate = chunkJUTI2M3P_js.useTranslate();
   const [uncontrolledCurrentPage, setUncontrolledCurrentPage] = React7.useState(1);
   const maxPage = React7.useMemo(
     () => Math.ceil(numTotalItems / itemsPerPage),
@@ -4805,24 +4830,24 @@ var Pagination = ({
           onChange: handleItemsPerPageOptionChange
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(chunk5FHXD7KR_js.Subtext, { children: translate("pagination_items_per_page") })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkJUTI2M3P_js.Subtext, { children: translate("pagination_items_per_page") })
     ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(react.Flex, { children: /* @__PURE__ */ jsxRuntime.jsx(chunk5FHXD7KR_js.Subtitle, { children: translate("pagination_range_text", {
+    /* @__PURE__ */ jsxRuntime.jsx(react.Flex, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkJUTI2M3P_js.Subtitle, { children: translate("pagination_range_text", {
       range_start: (currentPage - 1) * itemsPerPage + 1,
       range_end: Math.min(numTotalItems, currentPage * itemsPerPage),
       num_total_items: numTotalItems
     }) }) }),
     /* @__PURE__ */ jsxRuntime.jsx(react.Flex, { align: "center", gap: 2, children: maxPage > 1 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(chunk5FHXD7KR_js.Subtitle, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkJUTI2M3P_js.Subtitle, { children: [
         currentPage,
         " / ",
         maxPage
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(react.Flex, { align: "center", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunk5FHXD7KR_js.IconButton,
+          chunkJUTI2M3P_js.IconButton,
           {
-            icon: /* @__PURE__ */ jsxRuntime.jsx(chunk5FHXD7KR_js.Icon, { icon: "IoIosArrowBack", boxSize: "sm" }),
+            icon: /* @__PURE__ */ jsxRuntime.jsx(chunkJUTI2M3P_js.Icon, { icon: "IoIosArrowBack", boxSize: "sm" }),
             "aria-label": translate("previous"),
             onClick: handleBack,
             isDisabled: currentPage <= 1,
@@ -4830,9 +4855,9 @@ var Pagination = ({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunk5FHXD7KR_js.IconButton,
+          chunkJUTI2M3P_js.IconButton,
           {
-            icon: /* @__PURE__ */ jsxRuntime.jsx(chunk5FHXD7KR_js.Icon, { icon: "IoChevronForward", boxSize: "sm" }),
+            icon: /* @__PURE__ */ jsxRuntime.jsx(chunkJUTI2M3P_js.Icon, { icon: "IoChevronForward", boxSize: "sm" }),
             "aria-label": translate("go_next_page_button"),
             onClick: handleNext,
             isDisabled: currentPage >= maxPage,
@@ -4856,10 +4881,10 @@ var PasswordInput = React7.forwardRef(
         ...rest,
         type: show ? "text" : "password",
         rightIcon: /* @__PURE__ */ jsxRuntime.jsx(
-          chunk5FHXD7KR_js.IconButton,
+          chunkJUTI2M3P_js.IconButton,
           {
             icon: /* @__PURE__ */ jsxRuntime.jsx(
-              chunk5FHXD7KR_js.Icon,
+              chunkJUTI2M3P_js.Icon,
               {
                 icon: show ? "FaRegEye" : "FaRegEyeSlash",
                 fill: "gray.900",
@@ -5062,7 +5087,7 @@ var RadialProgress = ({
             transform: "translate(-50%, -50%)",
             textAlign: "center",
             children: /* @__PURE__ */ jsxRuntime.jsxs(
-              chunk5FHXD7KR_js.Text,
+              chunkJUTI2M3P_js.Text,
               {
                 fontSize: `${fontSize}px`,
                 fontWeight: "500",
@@ -5150,11 +5175,11 @@ var SeeMoreButton = ({
   maxCount,
   ...rest
 }) => {
-  const translate = chunk5FHXD7KR_js.useTranslate();
+  const translate = chunkJUTI2M3P_js.useTranslate();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     react.Button,
     {
-      rightIcon: /* @__PURE__ */ jsxRuntime.jsx(chunk5FHXD7KR_js.Icon, { icon: "IoChevronDownOutline", color: "inherit" }),
+      rightIcon: /* @__PURE__ */ jsxRuntime.jsx(chunkJUTI2M3P_js.Icon, { icon: "IoChevronDownOutline", color: "inherit" }),
       ...seeMoreButtonStyles,
       ...rest,
       children: [
@@ -5405,107 +5430,107 @@ object-assign/index.js:
 
 Object.defineProperty(exports, "Card", {
   enumerable: true,
-  get: function () { return chunk5FHXD7KR_js.Card; }
+  get: function () { return chunkJUTI2M3P_js.Card; }
 });
 Object.defineProperty(exports, "Code", {
   enumerable: true,
-  get: function () { return chunk5FHXD7KR_js.Code; }
+  get: function () { return chunkJUTI2M3P_js.Code; }
 });
 Object.defineProperty(exports, "ExpandingTr", {
   enumerable: true,
-  get: function () { return chunk5FHXD7KR_js.ExpandingTr; }
+  get: function () { return chunkJUTI2M3P_js.ExpandingTr; }
 });
 Object.defineProperty(exports, "H1", {
   enumerable: true,
-  get: function () { return chunk5FHXD7KR_js.H1; }
+  get: function () { return chunkJUTI2M3P_js.H1; }
 });
 Object.defineProperty(exports, "H2", {
   enumerable: true,
-  get: function () { return chunk5FHXD7KR_js.H2; }
+  get: function () { return chunkJUTI2M3P_js.H2; }
 });
 Object.defineProperty(exports, "H3", {
   enumerable: true,
-  get: function () { return chunk5FHXD7KR_js.H3; }
+  get: function () { return chunkJUTI2M3P_js.H3; }
 });
 Object.defineProperty(exports, "H4", {
   enumerable: true,
-  get: function () { return chunk5FHXD7KR_js.H4; }
+  get: function () { return chunkJUTI2M3P_js.H4; }
 });
 Object.defineProperty(exports, "H5", {
   enumerable: true,
-  get: function () { return chunk5FHXD7KR_js.H5; }
+  get: function () { return chunkJUTI2M3P_js.H5; }
 });
 Object.defineProperty(exports, "Icon", {
   enumerable: true,
-  get: function () { return chunk5FHXD7KR_js.Icon; }
+  get: function () { return chunkJUTI2M3P_js.Icon; }
 });
 Object.defineProperty(exports, "IconButton", {
   enumerable: true,
-  get: function () { return chunk5FHXD7KR_js.IconButton; }
+  get: function () { return chunkJUTI2M3P_js.IconButton; }
 });
 Object.defineProperty(exports, "IconTypes", {
   enumerable: true,
-  get: function () { return chunk5FHXD7KR_js.IconTypes; }
+  get: function () { return chunkJUTI2M3P_js.IconTypes; }
 });
 Object.defineProperty(exports, "InlineCode", {
   enumerable: true,
-  get: function () { return chunk5FHXD7KR_js.InlineCode; }
+  get: function () { return chunkJUTI2M3P_js.InlineCode; }
 });
 Object.defineProperty(exports, "Markdown", {
   enumerable: true,
-  get: function () { return chunk5FHXD7KR_js.Markdown; }
+  get: function () { return chunkJUTI2M3P_js.Markdown; }
 });
 Object.defineProperty(exports, "SegmentedControl", {
   enumerable: true,
-  get: function () { return chunk5FHXD7KR_js.SegmentedControl; }
+  get: function () { return chunkJUTI2M3P_js.SegmentedControl; }
 });
 Object.defineProperty(exports, "Subtext", {
   enumerable: true,
-  get: function () { return chunk5FHXD7KR_js.Subtext; }
+  get: function () { return chunkJUTI2M3P_js.Subtext; }
 });
 Object.defineProperty(exports, "Subtitle", {
   enumerable: true,
-  get: function () { return chunk5FHXD7KR_js.Subtitle; }
+  get: function () { return chunkJUTI2M3P_js.Subtitle; }
 });
 Object.defineProperty(exports, "Table", {
   enumerable: true,
-  get: function () { return chunk5FHXD7KR_js.Table; }
+  get: function () { return chunkJUTI2M3P_js.Table; }
 });
 Object.defineProperty(exports, "TableContainer", {
   enumerable: true,
-  get: function () { return chunk5FHXD7KR_js.TableContainer; }
+  get: function () { return chunkJUTI2M3P_js.TableContainer; }
 });
 Object.defineProperty(exports, "Tbody", {
   enumerable: true,
-  get: function () { return chunk5FHXD7KR_js.Tbody; }
+  get: function () { return chunkJUTI2M3P_js.Tbody; }
 });
 Object.defineProperty(exports, "Td", {
   enumerable: true,
-  get: function () { return chunk5FHXD7KR_js.Td; }
+  get: function () { return chunkJUTI2M3P_js.Td; }
 });
 Object.defineProperty(exports, "Text", {
   enumerable: true,
-  get: function () { return chunk5FHXD7KR_js.Text; }
+  get: function () { return chunkJUTI2M3P_js.Text; }
 });
 Object.defineProperty(exports, "Th", {
   enumerable: true,
-  get: function () { return chunk5FHXD7KR_js.Th; }
+  get: function () { return chunkJUTI2M3P_js.Th; }
 });
 Object.defineProperty(exports, "Thead", {
   enumerable: true,
-  get: function () { return chunk5FHXD7KR_js.Thead; }
+  get: function () { return chunkJUTI2M3P_js.Thead; }
 });
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
-  get: function () { return chunk5FHXD7KR_js.Tooltip; }
+  get: function () { return chunkJUTI2M3P_js.Tooltip; }
 });
 Object.defineProperty(exports, "Tr", {
   enumerable: true,
-  get: function () { return chunk5FHXD7KR_js.Tr; }
+  get: function () { return chunkJUTI2M3P_js.Tr; }
 });
 Object.defineProperty(exports, "baseMarkdownComponents", {
   enumerable: true,
-  get: function () { return chunk5FHXD7KR_js.baseMarkdownComponents; }
+  get: function () { return chunkJUTI2M3P_js.baseMarkdownComponents; }
 });
 Object.defineProperty(exports, "AccordionPanel", {
   enumerable: true,
@@ -5558,7 +5583,7 @@ exports.ModalContent = ModalContent;
 exports.ModalFooter = ModalFooter;
 exports.ModalHeader = ModalHeader;
 exports.ModalOverlay = ModalOverlay;
-exports.MonthRangePicker = MonthRangePicker;
+exports.MonthPicker = MonthPicker;
 exports.PageLoader = PageLoader;
 exports.Pagination = Pagination;
 exports.PasswordInput = PasswordInput;