design-zystem 1.0.310 → 1.0.311

package/dist/index.mjs

@@ -30,7 +30,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 
-// src/Components/PageContainer/PageContainer.tsx
+// src/ui-legacy/Components/PageContainer/PageContainer.tsx
 import styled from "styled-components";
 import { jsx } from "react/jsx-runtime";
 var shouldForwardProp = (prop) => ![
@@ -94,10 +94,10 @@ var PageContainer = (_a) => {
   );
 };
 
-// src/Components/Box/Box.tsx
+// src/ui-legacy/Components/Box/Box.tsx
 import styled2 from "styled-components";
 
-// src/data/colors.ts
+// src/ui-legacy/data/colors.ts
 var colors = {
   primary: "#52bdc4",
   secondary: "#f8af2d",
@@ -221,7 +221,7 @@ var colors = {
   light_blue: "#F1F5F9"
 };
 
-// src/Components/Box/Box.tsx
+// src/ui-legacy/Components/Box/Box.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
 var shouldForwardProp2 = (prop) => ![
   "fullWidth",
@@ -291,7 +291,7 @@ var Box = (_a) => {
   return /* @__PURE__ */ jsx2(StyledBox, __spreadProps(__spreadValues({ hasShadow }, rest), { children }));
 };
 
-// src/Components/Grid/Grid.tsx
+// src/ui-legacy/Components/Grid/Grid.tsx
 import styled3 from "styled-components";
 import { jsx as jsx3 } from "react/jsx-runtime";
 var shouldForwardPropGrid = (prop) => ![
@@ -335,7 +335,7 @@ var Grid = (props) => {
   );
 };
 
-// src/Components/Row/Row.tsx
+// src/ui-legacy/Components/Row/Row.tsx
 import { forwardRef } from "react";
 import styled4 from "styled-components";
 import { jsx as jsx4 } from "react/jsx-runtime";
@@ -389,7 +389,7 @@ var Row = forwardRef((props, ref) => {
 Row.displayName = "Row";
 var Row_default = Row;
 
-// src/Components/Col/Col.tsx
+// src/ui-legacy/Components/Col/Col.tsx
 import { forwardRef as forwardRef2 } from "react";
 import styled5 from "styled-components";
 import { jsx as jsx5 } from "react/jsx-runtime";
@@ -465,7 +465,7 @@ var Col = forwardRef2((props, ref) => {
 Col.displayName = "Col";
 var Col_default = Col;
 
-// src/Components/Text/Text.tsx
+// src/ui-legacy/Components/Text/Text.tsx
 import { jsx as jsx6 } from "react/jsx-runtime";
 var textSizes = {
   xxs: "10px",
@@ -549,7 +549,7 @@ var Text = (props) => {
 };
 var Text_default = Text;
 
-// src/Components/Icon/Icon.tsx
+// src/ui-legacy/Components/Icon/Icon.tsx
 import styled6 from "styled-components";
 import { jsx as jsx7 } from "react/jsx-runtime";
 var textSizes2 = {
@@ -622,7 +622,7 @@ var Icon = (props) => {
 };
 var Icon_default = Icon;
 
-// src/Components/Divider/Divider.tsx
+// src/ui-legacy/Components/Divider/Divider.tsx
 import styled7 from "styled-components";
 import { jsx as jsx8 } from "react/jsx-runtime";
 var isColorToken = (value) => Object.prototype.hasOwnProperty.call(colors, value);
@@ -672,7 +672,7 @@ var Divider = (_a) => {
   );
 };
 
-// src/Components/Bulk/Bulk.tsx
+// src/ui-legacy/Components/Bulk/Bulk.tsx
 import { jsx as jsx9, jsxs } from "react/jsx-runtime";
 var Bulk = ({
   onClose,
@@ -767,7 +767,7 @@ var Bulk = ({
   );
 };
 
-// src/Components/Collapse/Collapse.tsx
+// src/ui-legacy/Components/Collapse/Collapse.tsx
 import { useState, useRef, useEffect, useCallback } from "react";
 import styled8 from "styled-components";
 import { jsx as jsx10 } from "react/jsx-runtime";
@@ -801,7 +801,7 @@ var Collapse = ({ open, children, maxHeight }) => {
   return /* @__PURE__ */ jsx10(Wrapper, { $height: height, children: /* @__PURE__ */ jsx10(Inner, { ref: innerRef, $maxHeight: maxHeight, children }) });
 };
 
-// src/Components/Button/Button.tsx
+// src/ui-legacy/Components/Button/Button.tsx
 import { useRef as useRef2 } from "react";
 import styled9 from "styled-components";
 import { jsx as jsx11, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -1025,7 +1025,7 @@ var Button = (_a) => {
   );
 };
 
-// src/Components/Modal/Modal.tsx
+// src/ui-legacy/Components/Modal/Modal.tsx
 import { useEffect as useEffect2 } from "react";
 import styled10 from "styled-components";
 import { Fragment, jsx as jsx12, jsxs as jsxs3 } from "react/jsx-runtime";
@@ -1134,7 +1134,7 @@ var Modal = (props) => {
   ] });
 };
 
-// src/Components/ModalConfirmation/ModalConfirmation.tsx
+// src/ui-legacy/Components/ModalConfirmation/ModalConfirmation.tsx
 import { jsx as jsx13, jsxs as jsxs4 } from "react/jsx-runtime";
 var ModalConfirmation = (props) => {
   const { isOpen, onConfirm, onCancel, isLoading, width } = props;
@@ -1148,10 +1148,10 @@ var ModalConfirmation = (props) => {
   ] }) });
 };
 
-// src/Components/NewModal/NewModal.tsx
+// src/ui-legacy/Components/NewModal/NewModal.tsx
 import { useEffect as useEffect3, useRef as useRef3, useState as useState3 } from "react";
 
-// src/Components/Bubble/Bubble.tsx
+// src/ui-legacy/Components/Bubble/Bubble.tsx
 import styled11, { css, keyframes } from "styled-components";
 import { jsx as jsx14 } from "react/jsx-runtime";
 var textSizes3 = {
@@ -1236,7 +1236,7 @@ var Bubble = (_a) => {
   return /* @__PURE__ */ jsx14(StyledBubble, __spreadProps(__spreadValues({}, otherProps), { children }));
 };
 
-// src/Components/Tooltip/Tooltip.tsx
+// src/ui-legacy/Components/Tooltip/Tooltip.tsx
 import { useState as useState2 } from "react";
 import styled12 from "styled-components";
 import { jsx as jsx15, jsxs as jsxs5 } from "react/jsx-runtime";
@@ -1367,7 +1367,7 @@ var Tooltip = ({
   );
 };
 
-// src/Components/NewModal/NewModal.tsx
+// src/ui-legacy/Components/NewModal/NewModal.tsx
 import { Fragment as Fragment2, jsx as jsx16, jsxs as jsxs6 } from "react/jsx-runtime";
 var NewModal = ({
   showModal,
@@ -1631,7 +1631,7 @@ var NewModal = ({
   );
 };
 
-// src/Components/Drawer/Drawer.tsx
+// src/ui-legacy/Components/Drawer/Drawer.tsx
 import { useEffect as useEffect4, useRef as useRef4, useState as useState4 } from "react";
 import styled13 from "styled-components";
 import { jsx as jsx17, jsxs as jsxs7 } from "react/jsx-runtime";
@@ -1762,16 +1762,16 @@ var Drawer = ({
   ) });
 };
 
-// src/Components/Toast/Toaster.tsx
+// src/ui-legacy/Components/Toast/Toaster.tsx
 import { useSyncExternalStore } from "react";
 import { createPortal } from "react-dom";
 import styled15 from "styled-components";
 
-// src/Components/Toast/ToastCard.tsx
+// src/ui-legacy/Components/Toast/ToastCard.tsx
 import { useCallback as useCallback2, useEffect as useEffect5, useState as useState5 } from "react";
 import styled14, { keyframes as keyframes2 } from "styled-components";
 
-// src/Components/Toast/toastStore.ts
+// src/ui-legacy/Components/Toast/toastStore.ts
 var DEFAULT_TIMEOUT_BY_TYPE = {
   success: 2e3,
   info: 2e3,
@@ -1813,7 +1813,7 @@ var dismissToast = (id) => {
   emitChange();
 };
 
-// src/Components/Toast/ToastCard.tsx
+// src/ui-legacy/Components/Toast/ToastCard.tsx
 import { jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
 var EXIT_DURATION = 180;
 var ToastCard = ({ toastItem }) => {
@@ -1960,7 +1960,7 @@ var ProgressBar = styled14.div`
   animation-play-state: ${({ $isExiting }) => $isExiting ? "paused" : "running"};
 `;
 
-// src/Components/Toast/Toaster.tsx
+// src/ui-legacy/Components/Toast/Toaster.tsx
 import { jsx as jsx19 } from "react/jsx-runtime";
 var Toaster = () => {
   const toasts2 = useSyncExternalStore(subscribeToasts, getToastsSnapshot);
@@ -1981,7 +1981,7 @@ var Stack = styled15.div`
   pointer-events: none;
 `;
 
-// src/Components/Toast/toast.ts
+// src/ui-legacy/Components/Toast/toast.ts
 var toast = {
   success: (message, options) => pushToast("success", message, options),
   error: (message, options) => pushToast("error", message, options),
@@ -1989,7 +1989,7 @@ var toast = {
   info: (message, options) => pushToast("info", message, options)
 };
 
-// src/Components/TagBubble/TagBubble.tsx
+// src/ui-legacy/Components/TagBubble/TagBubble.tsx
 import styled16 from "styled-components";
 import { jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
 var sizeToPx = {
@@ -2132,7 +2132,7 @@ var TagBubble = (_a) => {
   );
 };
 
-// src/Components/Link/Link.tsx
+// src/ui-legacy/Components/Link/Link.tsx
 import styled17 from "styled-components";
 import { jsx as jsx21 } from "react/jsx-runtime";
 var textSizes4 = {
@@ -2199,11 +2199,11 @@ var Link = (_a) => {
   );
 };
 
-// src/Components/Avatar/Avatar.tsx
+// src/ui-legacy/Components/Avatar/Avatar.tsx
 import { useState as useState6 } from "react";
 import styled19 from "styled-components";
 
-// src/Components/Image/Image.tsx
+// src/ui-legacy/Components/Image/Image.tsx
 import styled18 from "styled-components";
 import { jsx as jsx22 } from "react/jsx-runtime";
 var StyledImage = styled18.img`
@@ -2249,7 +2249,7 @@ var Image2 = (_a) => {
   );
 };
 
-// src/Components/Avatar/Avatar.tsx
+// src/ui-legacy/Components/Avatar/Avatar.tsx
 import { jsx as jsx23, jsxs as jsxs10 } from "react/jsx-runtime";
 var Wrapper3 = styled19.div`
   position: relative;
@@ -2391,7 +2391,7 @@ var Avatar = ({
   ] });
 };
 
-// src/Components/Select/Select.tsx
+// src/ui-legacy/Components/Select/Select.tsx
 import { useState as useState7, useRef as useRef5, useEffect as useEffect6 } from "react";
 import ReactDOM from "react-dom";
 import styled20 from "styled-components";
@@ -2658,7 +2658,7 @@ var Select = ({
   ] });
 };
 
-// src/Components/Input/Input.tsx
+// src/ui-legacy/Components/Input/Input.tsx
 import {
   forwardRef as forwardRef3,
   useEffect as useEffect7,
@@ -3100,7 +3100,7 @@ var Input = forwardRef3((props, ref) => {
 });
 Input.displayName = "Input";
 
-// src/Components/Checkbox/Checkbox.tsx
+// src/ui-legacy/Components/Checkbox/Checkbox.tsx
 import { useId } from "react";
 import styled22 from "styled-components";
 import { jsx as jsx26, jsxs as jsxs13 } from "react/jsx-runtime";
@@ -3146,7 +3146,7 @@ var Checkbox = ({
   ] });
 };
 
-// src/Components/Radio/Radio.tsx
+// src/ui-legacy/Components/Radio/Radio.tsx
 import { useId as useId2 } from "react";
 import styled23 from "styled-components";
 import { jsx as jsx27, jsxs as jsxs14 } from "react/jsx-runtime";
@@ -3223,7 +3223,7 @@ var Radio = ({
   ] }) });
 };
 
-// src/Components/Accordion/Accordion.tsx
+// src/ui-legacy/Components/Accordion/Accordion.tsx
 import { useState as useState9, useCallback as useCallback3 } from "react";
 import styled24 from "styled-components";
 import { jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
@@ -3367,7 +3367,7 @@ var Accordion = ({
   ] });
 };
 
-// src/Components/ColorPicker/ColorPicker.tsx
+// src/ui-legacy/Components/ColorPicker/ColorPicker.tsx
 import { forwardRef as forwardRef4, useState as useState10, useRef as useRef7, useEffect as useEffect8 } from "react";
 import styled25 from "styled-components";
 import { jsx as jsx29, jsxs as jsxs16 } from "react/jsx-runtime";
@@ -3503,7 +3503,7 @@ var ColorPicker = forwardRef4(
 );
 ColorPicker.displayName = "ColorPicker";
 
-// src/Components/SliderInput/SliderInput.tsx
+// src/ui-legacy/Components/SliderInput/SliderInput.tsx
 import { forwardRef as forwardRef5 } from "react";
 import styled26 from "styled-components";
 import { jsx as jsx30, jsxs as jsxs17 } from "react/jsx-runtime";
@@ -3634,7 +3634,7 @@ var SliderInput = forwardRef5(
 );
 SliderInput.displayName = "SliderInput";
 
-// src/Components/List/List.tsx
+// src/ui-legacy/Components/List/List.tsx
 import styled27 from "styled-components";
 import { jsx as jsx31 } from "react/jsx-runtime";
 var shouldForwardProp9 = (prop) => ![
@@ -3675,7 +3675,7 @@ var List = (props) => {
   );
 };
 
-// src/Components/List/ListItem/ListItem.tsx
+// src/ui-legacy/Components/List/ListItem/ListItem.tsx
 import styled28 from "styled-components";
 import { jsx as jsx32 } from "react/jsx-runtime";
 var shouldForwardProp10 = (prop) => ![
@@ -3720,7 +3720,7 @@ var ListItem = (props) => {
   );
 };
 
-// src/Components/Table/Table.tsx
+// src/ui-legacy/Components/Table/Table.tsx
 import { forwardRef as forwardRef6 } from "react";
 import styled29 from "styled-components";
 import { jsx as jsx33 } from "react/jsx-runtime";
@@ -3764,7 +3764,7 @@ var Table = forwardRef6((props, ref) => {
 });
 Table.displayName = "Table";
 
-// src/Components/Table/TableHeader/TableHeader.tsx
+// src/ui-legacy/Components/Table/TableHeader/TableHeader.tsx
 import styled30 from "styled-components";
 import { jsx as jsx34 } from "react/jsx-runtime";
 var shouldForwardPropTableHeader = (prop) => !["backgroundColor"].includes(prop);
@@ -3786,7 +3786,7 @@ var TableHeader = (props) => {
   return /* @__PURE__ */ jsx34(StyledTableHeader, __spreadProps(__spreadValues({}, otherProps), { children }));
 };
 
-// src/Components/Table/TableBody/TableBody.tsx
+// src/ui-legacy/Components/Table/TableBody/TableBody.tsx
 import { forwardRef as forwardRef7 } from "react";
 import styled31 from "styled-components";
 import { jsx as jsx35 } from "react/jsx-runtime";
@@ -3815,7 +3815,7 @@ var TableBody = forwardRef7(
 );
 TableBody.displayName = "TableBody";
 
-// src/Components/Table/TableRow/TableRow.tsx
+// src/ui-legacy/Components/Table/TableRow/TableRow.tsx
 import styled32 from "styled-components";
 import { jsx as jsx36 } from "react/jsx-runtime";
 var shouldForwardPropTableRow = (prop) => ![
@@ -3846,7 +3846,7 @@ var TableRow = (props) => {
   return /* @__PURE__ */ jsx36(StyledTableRow, __spreadProps(__spreadValues({}, otherProps), { children }));
 };
 
-// src/Components/Table/TableCell/TableCell.tsx
+// src/ui-legacy/Components/Table/TableCell/TableCell.tsx
 import styled33 from "styled-components";
 import { jsx as jsx37 } from "react/jsx-runtime";
 var shouldForwardPropTableCell = (prop) => ![
@@ -3880,7 +3880,7 @@ var TableCell = (props) => {
   return /* @__PURE__ */ jsx37(StyledTableCell, __spreadProps(__spreadValues({}, otherProps), { children: centerContent ? /* @__PURE__ */ jsx37("div", { style: { display: "flex", justifyContent: "center" }, children }) : children }));
 };
 
-// src/Components/Table/TableHeaderCell/TableHeaderCell.tsx
+// src/ui-legacy/Components/Table/TableHeaderCell/TableHeaderCell.tsx
 import { useState as useState11 } from "react";
 import styled34 from "styled-components";
 import { jsx as jsx38, jsxs as jsxs18 } from "react/jsx-runtime";
@@ -3952,7 +3952,7 @@ var TableHeaderCell = (props) => {
   );
 };
 
-// src/Components/Table/TableHeaderRow/TableHeaderRow.tsx
+// src/ui-legacy/Components/Table/TableHeaderRow/TableHeaderRow.tsx
 import styled35 from "styled-components";
 import { jsx as jsx39 } from "react/jsx-runtime";
 var shouldForwardPropTableHeaderRow = (prop) => !["backgroundColor"].includes(prop);
@@ -3969,7 +3969,7 @@ var TableHeaderRow = (props) => {
   return /* @__PURE__ */ jsx39(StyledTableHeaderRow, __spreadProps(__spreadValues({}, otherProps), { children }));
 };
 
-// src/Components/Table/TableFooter/TableFooter.tsx
+// src/ui-legacy/Components/Table/TableFooter/TableFooter.tsx
 import styled36 from "styled-components";
 import { jsx as jsx40 } from "react/jsx-runtime";
 var shouldForwardPropTableFooter = (prop) => !["backgroundColor"].includes(prop);
@@ -3991,7 +3991,7 @@ var TableFooter = (props) => {
   return /* @__PURE__ */ jsx40(StyledTableFooter, __spreadProps(__spreadValues({}, otherProps), { children }));
 };
 
-// src/Components/Table/TableFooterRow/TableFooterRow.tsx
+// src/ui-legacy/Components/Table/TableFooterRow/TableFooterRow.tsx
 import styled37 from "styled-components";
 import { jsx as jsx41 } from "react/jsx-runtime";
 var shouldForwardPropTableFooterRow = (prop) => !["backgroundColor"].includes(prop);
@@ -4008,7 +4008,7 @@ var TableFooterRow = (props) => {
   return /* @__PURE__ */ jsx41(StyledTableFooterRow, __spreadProps(__spreadValues({}, otherProps), { children }));
 };
 
-// src/Components/Table/TableFooterCell/TableFooterCell.tsx
+// src/ui-legacy/Components/Table/TableFooterCell/TableFooterCell.tsx
 import styled38 from "styled-components";
 import { jsx as jsx42 } from "react/jsx-runtime";
 var shouldForwardPropTableFooterCell = (prop) => !["useSort", "flexGrow", "flexShrink", "width"].includes(prop);
@@ -4047,7 +4047,7 @@ var TableFooterCell = (props) => {
   );
 };
 
-// src/Components/Table/SkeletonRow/SkeletonRow.tsx
+// src/ui-legacy/Components/Table/SkeletonRow/SkeletonRow.tsx
 import { Fragment as Fragment4, jsx as jsx43, jsxs as jsxs19 } from "react/jsx-runtime";
 var style = `
 .skeleton-loader {
@@ -4072,7 +4072,7 @@ var SkeletonRow = ({ columns = 9 }) => /* @__PURE__ */ jsxs19(Fragment4, { child
   /* @__PURE__ */ jsx43(TableRow, { children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ jsx43(TableCell, { children: /* @__PURE__ */ jsx43("div", { className: "skeleton-loader" }) }, index)) })
 ] });
 
-// src/Components/Switch/Switch.tsx
+// src/ui-legacy/Components/Switch/Switch.tsx
 import { forwardRef as forwardRef8 } from "react";
 import styled39, { css as css2 } from "styled-components";
 import { jsx as jsx44, jsxs as jsxs20 } from "react/jsx-runtime";
@@ -4196,7 +4196,7 @@ var Switch = forwardRef8(
 );
 Switch.displayName = "Switch";
 
-// src/Components/CardSkeleton/CardSkeleton.tsx
+// src/ui-legacy/Components/CardSkeleton/CardSkeleton.tsx
 import { jsx as jsx45 } from "react/jsx-runtime";
 var CardSkeleton = () => {
   return /* @__PURE__ */ jsx45(
@@ -4209,7 +4209,7 @@ var CardSkeleton = () => {
   );
 };
 
-// src/Components/Options/Options.tsx
+// src/ui-legacy/Components/Options/Options.tsx
 import { useState as useState12, useEffect as useEffect9 } from "react";
 import { jsx as jsx46, jsxs as jsxs21 } from "react/jsx-runtime";
 var Options = ({
@@ -4278,7 +4278,7 @@ var Options = ({
   );
 };
 
-// src/Components/Stepper/Stepper.tsx
+// src/ui-legacy/Components/Stepper/Stepper.tsx
 import { Fragment as Fragment5 } from "react";
 import styled40 from "styled-components";
 import { jsx as jsx47, jsxs as jsxs22 } from "react/jsx-runtime";
@@ -4334,7 +4334,7 @@ var Stepper = ({
   }) });
 };
 
-// src/Components/Tabs/Tabs.tsx
+// src/ui-legacy/Components/Tabs/Tabs.tsx
 import {
   useCallback as useCallback4,
   useEffect as useEffect10,
@@ -4673,7 +4673,7 @@ var Tabs = (_a) => {
   );
 };
 
-// src/Components/MultiSelect/MultiSelect.tsx
+// src/ui-legacy/Components/MultiSelect/MultiSelect.tsx
 import { useState as useState14, useRef as useRef9, useEffect as useEffect11 } from "react";
 import styled42 from "styled-components";
 import { jsx as jsx49, jsxs as jsxs24 } from "react/jsx-runtime";
@@ -4769,7 +4769,7 @@ var MultiSelect = ({
   ] });
 };
 
-// src/Components/DatePicker/DatePicker.tsx
+// src/ui-legacy/Components/DatePicker/DatePicker.tsx
 import { useState as useState15, useRef as useRef10, useEffect as useEffect12 } from "react";
 import { Fragment as Fragment6, jsx as jsx50, jsxs as jsxs25 } from "react/jsx-runtime";
 var LOCALE_MAP = {
@@ -5153,7 +5153,7 @@ var DatePicker = (props) => {
   );
 };
 
-// src/Components/IconTabs/IconTabs.tsx
+// src/ui-legacy/Components/IconTabs/IconTabs.tsx
 import { useState as useState16, useEffect as useEffect13, useRef as useRef11 } from "react";
 import styled43, { css as css3 } from "styled-components";
 import { jsx as jsx51, jsxs as jsxs26 } from "react/jsx-runtime";
@@ -5269,7 +5269,7 @@ var IconTabs = ({
   ] });
 };
 
-// src/Components/Popover/Popover.tsx
+// src/ui-legacy/Components/Popover/Popover.tsx
 import {
   useState as useState17,
   useRef as useRef12,
@@ -5402,26 +5402,34 @@ var Popover = ({
   return /* @__PURE__ */ jsxs27(PopoverWrapper, { ref, $fullWidth: fullWidth, children: [
     /* @__PURE__ */ jsx52(PopoverTrigger, { $fullWidth: fullWidth, onClick: () => setOpen((o) => !o), children }),
     open && createPortal2(
-      /* @__PURE__ */ jsx52(PopoverMenu, { ref: menuRef, style: menuStyle, $horizontal: isHorizontal, children: items.map((item, idx) => /* @__PURE__ */ jsx52(
-        PopoverItem,
+      /* @__PURE__ */ jsx52(
+        PopoverMenu,
         {
-          isLast: idx === items.length - 1,
+          ref: menuRef,
+          style: menuStyle,
           $horizontal: isHorizontal,
-          onClick: () => {
-            setOpen(false);
-            item.action();
-          },
-          onMouseDown: (e) => e.preventDefault(),
-          children: item.label
-        },
-        typeof item.label === "string" ? item.label : idx
-      )) }),
+          children: items.map((item, idx) => /* @__PURE__ */ jsx52(
+            PopoverItem,
+            {
+              isLast: idx === items.length - 1,
+              $horizontal: isHorizontal,
+              onClick: () => {
+                setOpen(false);
+                item.action();
+              },
+              onMouseDown: (e) => e.preventDefault(),
+              children: item.label
+            },
+            typeof item.label === "string" ? item.label : idx
+          ))
+        }
+      ),
       document.body
     )
   ] });
 };
 
-// src/Components/MetricCard/MetricCard.tsx
+// src/ui-legacy/Components/MetricCard/MetricCard.tsx
 import { jsx as jsx53, jsxs as jsxs28 } from "react/jsx-runtime";
 var MetricCard = ({
   icon,
@@ -5480,7 +5488,7 @@ var MetricCard = ({
   );
 };
 
-// src/Components/Card/Card.tsx
+// src/ui-legacy/Components/Card/Card.tsx
 import styled45 from "styled-components";
 import { jsx as jsx54 } from "react/jsx-runtime";
 var StyledCard = styled45.div`
@@ -5518,7 +5526,7 @@ var Card2 = ({
   }
 );
 
-// src/Components/Banner/Banner.tsx
+// src/ui-legacy/Components/Banner/Banner.tsx
 import styled46, { css as css4, keyframes as keyframes3 } from "styled-components";
 import { Fragment as Fragment7, jsx as jsx55, jsxs as jsxs29 } from "react/jsx-runtime";
 var PRESET_STYLES = {
@@ -5704,7 +5712,7 @@ var Banner = ({
   );
 };
 
-// src/Components/Pagination/Pagination.tsx
+// src/ui-legacy/Components/Pagination/Pagination.tsx
 import { useMemo as useMemo2 } from "react";
 import { jsx as jsx56, jsxs as jsxs30 } from "react/jsx-runtime";
 var getPageNumbers = (current, total) => {
@@ -5782,7 +5790,7 @@ var Pagination = ({
   );
 };
 
-// src/Components/FileUploadZone/FileUploadZone.tsx
+// src/ui-legacy/Components/FileUploadZone/FileUploadZone.tsx
 import { useState as useState18, useRef as useRef13, useCallback as useCallback6 } from "react";
 import styled47 from "styled-components";
 import { jsx as jsx57, jsxs as jsxs31 } from "react/jsx-runtime";
@@ -6058,7 +6066,7 @@ var FileUploadZone = ({
   ] });
 };
 
-// src/Components/Spinner/Spinner.tsx
+// src/ui-legacy/Components/Spinner/Spinner.tsx
 import styled48, { keyframes as keyframes4 } from "styled-components";
 import { jsx as jsx58 } from "react/jsx-runtime";
 var SIZES3 = {
@@ -6094,7 +6102,7 @@ var Spinner = ({ size = "m", color = "primary" }) => {
   );
 };
 
-// src/Components/EmptyState/EmptyState.tsx
+// src/ui-legacy/Components/EmptyState/EmptyState.tsx
 import { jsx as jsx59, jsxs as jsxs32 } from "react/jsx-runtime";
 var EmptyState = ({
   icon = "inbox",
@@ -6123,7 +6131,7 @@ var EmptyState = ({
   );
 };
 
-// src/Components/FloatingButton/FloatingButton.tsx
+// src/ui-legacy/Components/FloatingButton/FloatingButton.tsx
 import styled49 from "styled-components";
 import { jsx as jsx60, jsxs as jsxs33 } from "react/jsx-runtime";
 var FloatingButton = ({
@@ -6255,7 +6263,7 @@ var CountBadge = styled49.span`
   font-weight: 700;
 `;
 
-// src/Components/ProgressBar/ProgressBar.tsx
+// src/ui-legacy/Components/ProgressBar/ProgressBar.tsx
 import styled50 from "styled-components";
 import { jsx as jsx61, jsxs as jsxs34 } from "react/jsx-runtime";
 var clampPercent = (value) => Math.max(0, Math.min(100, value));
@@ -6322,7 +6330,7 @@ var ProgressBar2 = ({
   ] });
 };
 
-// src/Components/Timeline/Timeline.tsx
+// src/ui-legacy/Components/Timeline/Timeline.tsx
 import styled51 from "styled-components";
 import { jsx as jsx62, jsxs as jsxs35 } from "react/jsx-runtime";
 var List2 = styled51.div`
@@ -6386,7 +6394,7 @@ var Timeline = ({
   }) });
 };
 
-// src/Components/Gantt/Gantt.tsx
+// src/ui-legacy/Components/Gantt/Gantt.tsx
 import styled52 from "styled-components";
 import { jsx as jsx63, jsxs as jsxs36 } from "react/jsx-runtime";
 var Root = styled52.div`
@@ -6641,7 +6649,7 @@ var GanttSwatch = ({
   filled = true
 }) => /* @__PURE__ */ jsx63(Swatch2, { $color: color, $filled: filled });
 
-// src/data/globalMethods.ts
+// src/ui-legacy/data/globalMethods.ts
 var formatDate = (dateString, type = "date", language = "en") => {
   if (!dateString) return "";
   const date = new Date(dateString);
@@ -6783,7 +6791,7 @@ var formatName = (person, fallback = "") => {
   return person ? `${(_a = person.firstname) != null ? _a : ""} ${(_b = person.lastname) != null ? _b : ""}`.trim() || fallback : fallback;
 };
 
-// src/services/optimizeImage/optimizeImage.ts
+// src/ui-legacy/services/optimizeImage/optimizeImage.ts
 var hasDocument = () => typeof document !== "undefined";
 var hasObjectURL = () => typeof URL !== "undefined" && typeof URL.createObjectURL === "function" && typeof URL.revokeObjectURL === "function";
 var readArrayBuffer = (file) => {