@adsgency_npm/adsgency-ads-ui 0.1.0-alpha.31 → 0.1.0-alpha.33

package/dist/index.cjs

@@ -110,6 +110,7 @@ __export(src_exports, {
   AdsInputOTPGroup: () => AdsInputOTPGroup,
   AdsInputOTPSeparator: () => AdsInputOTPSeparator,
   AdsInputOTPSlot: () => AdsInputOTPSlot,
+  AdsLineChart: () => AdsLineChart,
   AdsMasonry: () => AdsMasonry,
   AdsPagination: () => AdsPagination,
   AdsPaginationContent: () => AdsPaginationContent,
@@ -224,6 +225,7 @@ var adsDefaultMessages = {
       collapseRow: "Collapse row",
       expandRow: "Expand row",
       filterColumn: "Filter column",
+      loadingRows: "Loading table rows",
       noDataAvailable: "No data available",
       selectAllRows: "Select all rows",
       selectRow: "Select row",
@@ -274,6 +276,7 @@ var adsDefaultMessages = {
       collapseRow: "\u6536\u8D77\u884C",
       expandRow: "\u5C55\u5F00\u884C",
       filterColumn: "\u7B5B\u9009\u5217",
+      loadingRows: "\u6B63\u5728\u52A0\u8F7D\u8868\u683C\u884C",
       noDataAvailable: "\u6682\u65E0\u6570\u636E",
       selectAllRows: "\u9009\u62E9\u5168\u90E8\u884C",
       selectRow: "\u9009\u62E9\u884C",
@@ -832,7 +835,7 @@ var adsTextColorClassName = {
 // src/components/AdsAlertDialog/index.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var overlayClassName = "fixed inset-0 z-50 bg-black/80 backdrop-blur-[2px] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0";
-var contentClassName = "fixed left-1/2 top-1/2 z-50 grid w-[calc(100%-2rem)] max-w-[512px] -translate-x-1/2 -translate-y-1/2 gap-lg rounded-radius-lg border border-border bg-card p-xl shadow-[0px_4px_6px_-4px_rgba(0,0,0,0.1),0px_10px_15px_-3px_rgba(0,0,0,0.1)] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]";
+var contentClassName = "fixed left-1/2 top-1/2 z-50 grid w-[calc(100%-2rem)] max-w-[512px] -translate-x-1/2 -translate-y-1/2 gap-lg rounded-radius-lg border-0 bg-card p-xl shadow-[0px_4px_6px_-4px_rgba(0,0,0,0.1),0px_10px_15px_-3px_rgba(0,0,0,0.1)] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]";
 var actionClassName = "inline-flex h-9 items-center justify-center rounded-radius-md border-0 bg-brand-gradient px-lg py-sm text-sm font-medium leading-5 tracking-normal shadow-[0px_1px_2px_rgba(0,0,0,0.1)] transition-opacity hover:opacity-90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card disabled:pointer-events-none disabled:opacity-[0.65]";
 var cancelClassName = "inline-flex h-9 items-center justify-center rounded-radius-md border border-border bg-card px-lg py-sm text-sm font-medium leading-5 tracking-normal shadow-[0px_1px_2px_rgba(0,0,0,0.1)] transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card disabled:pointer-events-none disabled:opacity-[0.65]";
 var AlertDialog = AlertDialogPrimitive.Root;
@@ -2836,6 +2839,7 @@ AdsSkeleton.displayName = "AdsSkeleton";
 
 // src/components/AdsInput/index.tsx
 var React31 = __toESM(require("react"), 1);
+var import_lucide_react10 = require("lucide-react");
 
 // src/lib/adsClearButton.tsx
 var React30 = __toESM(require("react"), 1);
@@ -2856,12 +2860,17 @@ AdsClearButton.displayName = "AdsClearButton";
 
 // src/components/AdsInput/index.tsx
 var import_jsx_runtime34 = require("react/jsx-runtime");
-var inputBaseClassName = "flex w-full rounded-md border border-border bg-card px-3 py-2 ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-[var(--card-foreground)] placeholder:text-[var(--muted-foreground)] focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm";
+var inputBaseClassName = "flex w-full rounded-md border border-border bg-card px-3 py-2 ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-[var(--card-foreground)] placeholder:text-[var(--muted-foreground)] focus-visible:outline-none disabled:cursor-not-allowed disabled:border-border disabled:bg-muted disabled:text-[var(--muted-foreground)] disabled:placeholder:text-[var(--muted-foreground)] disabled:opacity-100 disabled:focus-visible:border-border disabled:focus-visible:ring-0 md:text-sm";
 var inputSizeClasses = {
   sm: "h-8 text-sm leading-5",
   md: "h-9 text-base leading-6",
   lg: "h-10 text-base leading-6"
 };
+var fileTriggerSizeClasses = {
+  sm: "h-8 px-md py-sm",
+  md: "h-9 px-lg py-sm",
+  lg: "h-10 px-xl py-[10px]"
+};
 function assignInputRef(ref, value) {
   if (typeof ref === "function") {
     ref(value);
@@ -2880,6 +2889,17 @@ function getTextInputValue(value) {
   }
   return "";
 }
+function renderFileTriggerIcon(icon) {
+  if (!icon) {
+    return null;
+  }
+  if (React31.isValidElement(icon)) {
+    return React31.cloneElement(icon, {
+      className: cn("!h-4 !w-4 h-4 w-4", icon.props.className)
+    });
+  }
+  return icon;
+}
 function getInputSurfaceClassName({
   className,
   errorText,
@@ -2906,6 +2926,7 @@ var AdsInput = React31.forwardRef(
     descriptionPlacement = "below",
     emptyFileLabel,
     errorText,
+    fileTriggerIcon = /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react10.Upload, { "aria-hidden": true, className: "h-4 w-4" }),
     fileTriggerLabel,
     helperText,
     id,
@@ -2946,6 +2967,7 @@ var AdsInput = React31.forwardRef(
     });
     const resolvedClearButtonLabel = clearButtonLabel ?? messages.input.clear;
     const resolvedFileTriggerLabel = fileTriggerLabel ?? messages.input.chooseFile;
+    const resolvedFileTriggerIcon = renderFileTriggerIcon(fileTriggerIcon);
     const resolvedEmptyFileLabel = emptyFileLabel ?? messages.input.noFileChosen;
     const handleChange = React31.useCallback(
       (event) => {
@@ -2976,7 +2998,7 @@ var AdsInput = React31.forwardRef(
     const fileNameText = selectedFiles.length > 0 ? selectedFiles.join(", ") : resolvedEmptyFileLabel;
     const helperNode = helperText ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
     const errorNode = errorText ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(AdsFieldError, { id: description.errorId, children: errorText }) : null;
-    const inputNode = isFileInput ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "relative flex w-full min-w-0 flex-1 items-center", children: [
+    const inputNode = isFileInput ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "group relative flex w-full min-w-0 flex-1 items-center focus-within:[&_[data-ads-file-trigger]]:ring-2 focus-within:[&_[data-ads-file-trigger]]:ring-ring focus-within:[&_[data-ads-file-trigger]]:ring-offset-2 focus-within:[&_[data-ads-file-trigger]]:ring-offset-background", children: [
       /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
         Input,
         {
@@ -3002,20 +3024,23 @@ var AdsInput = React31.forwardRef(
         {
           "aria-hidden": "true",
           className: cn(
-            inputSurfaceClassName,
-            adsTextColorClassName.card,
-            "items-center text-sm leading-5",
+            "flex w-full min-w-0 items-center gap-sm text-sm leading-5",
             props.disabled ? "cursor-not-allowed opacity-50" : void 0
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
               "span",
               {
+                "data-ads-file-trigger": "",
                 className: cn(
-                  "shrink-0 pr-sm text-sm font-medium leading-5",
-                  adsTextColorClassName.card
+                  "inline-flex shrink-0 items-center justify-center gap-sm rounded-radius-md border-0 bg-primary text-sm font-medium leading-5 shadow-[0px_1px_2px_rgba(0,0,0,0.1)] transition-colors group-hover:bg-brand-primary-hover",
+                  fileTriggerSizeClasses[size],
+                  adsTextColorClassName.primary
                 ),
-                children: resolvedFileTriggerLabel
+                children: [
+                  resolvedFileTriggerIcon ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "inline-flex h-4 w-4 items-center justify-center [&>svg]:!h-4 [&>svg]:!w-4", children: resolvedFileTriggerIcon }) : null,
+                  resolvedFileTriggerLabel
+                ]
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
@@ -3306,7 +3331,7 @@ var React35 = __toESM(require("react"), 1);
 // src/primitives/input-otp.tsx
 var React34 = __toESM(require("react"), 1);
 var import_input_otp = require("input-otp");
-var import_lucide_react10 = require("lucide-react");
+var import_lucide_react11 = require("lucide-react");
 var import_jsx_runtime37 = require("react/jsx-runtime");
 var InputOTP = React34.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   import_input_otp.OTPInput,
@@ -3344,7 +3369,7 @@ var InputOTPSlot = React34.forwardRef(({ index, className, ...props }, ref) => {
   );
 });
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React34.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react10.Dot, {}) }));
+var InputOTPSeparator = React34.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react11.Dot, {}) }));
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
 // src/components/AdsInputOTP/index.tsx
@@ -3472,11 +3497,11 @@ var React39 = __toESM(require("react"), 1);
 
 // src/components/AdsPagination/index.tsx
 var React37 = __toESM(require("react"), 1);
-var import_lucide_react12 = require("lucide-react");
+var import_lucide_react13 = require("lucide-react");
 
 // src/primitives/pagination.tsx
 var React36 = __toESM(require("react"), 1);
-var import_lucide_react11 = require("lucide-react");
+var import_lucide_react12 = require("lucide-react");
 var import_jsx_runtime39 = require("react/jsx-runtime");
 var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
   "nav",
@@ -3530,7 +3555,7 @@ var PaginationPrevious = ({
     className: cn("gap-1 pl-2.5", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react11.ChevronLeft, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react12.ChevronLeft, { className: "h-4 w-4" }),
       /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: "Previous" })
     ]
   }
@@ -3548,7 +3573,7 @@ var PaginationNext = ({
     ...props,
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: "Next" }),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react11.ChevronRight, { className: "h-4 w-4" })
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react12.ChevronRight, { className: "h-4 w-4" })
     ]
   }
 );
@@ -3563,7 +3588,7 @@ var PaginationEllipsis = ({
     className: cn("flex h-9 w-9 items-center justify-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react11.MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react12.MoreHorizontal, { className: "h-4 w-4" }),
       /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "sr-only", children: "More pages" })
     ]
   }
@@ -3618,7 +3643,7 @@ var AdsPaginationPrevious = React37.forwardRef(({ "aria-label": ariaLabel, child
       ref,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react12.ChevronLeft, { "aria-hidden": true, className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react13.ChevronLeft, { "aria-hidden": true, className: "h-4 w-4" }),
         /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { children: label })
       ]
     }
@@ -3638,7 +3663,7 @@ var AdsPaginationNext = React37.forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react12.ChevronRight, { "aria-hidden": true, className: "h-4 w-4" })
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react13.ChevronRight, { "aria-hidden": true, className: "h-4 w-4" })
         ]
       }
     );
@@ -3662,7 +3687,7 @@ function AdsPaginationEllipsis({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react12.MoreHorizontal, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react13.MoreHorizontal, { className: "h-4 w-4" }),
         /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "sr-only", children: resolvedLabel })
       ]
     }
@@ -4194,7 +4219,7 @@ function AdsDataPagination({
 
 // src/components/AdsDataTable/index.tsx
 var React44 = __toESM(require("react"), 1);
-var import_lucide_react15 = require("lucide-react");
+var import_lucide_react16 = require("lucide-react");
 
 // src/components/AdsEmpty/index.tsx
 var import_class_variance_authority9 = require("class-variance-authority");
@@ -4301,7 +4326,7 @@ function AdsEmptyFooter({ className, ...props }) {
 
 // src/components/AdsTable/index.tsx
 var React43 = __toESM(require("react"), 1);
-var import_lucide_react14 = require("lucide-react");
+var import_lucide_react15 = require("lucide-react");
 
 // src/components/AdsRadioGroup/index.tsx
 var React41 = __toESM(require("react"), 1);
@@ -4309,7 +4334,7 @@ var React41 = __toESM(require("react"), 1);
 // src/primitives/radio-group.tsx
 var React40 = __toESM(require("react"), 1);
 var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"), 1);
-var import_lucide_react13 = require("lucide-react");
+var import_lucide_react14 = require("lucide-react");
 var import_jsx_runtime44 = require("react/jsx-runtime");
 var RadioGroup = React40.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
@@ -4332,7 +4357,7 @@ var RadioGroupItem = React40.forwardRef(({ className, ...props }, ref) => {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react13.Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react14.Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
     }
   );
 });
@@ -4736,7 +4761,7 @@ var AdsTableSortHeader = React43.forwardRef(
         variant: "ghost",
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "truncate", children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "inline-flex h-4 w-4 items-center justify-center text-icon-muted", children: sortOrder === "ascend" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.ChevronDown, { className: "h-4 w-4 rotate-180" }) : sortOrder === "descend" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.ChevronDown, { className: "h-4 w-4 opacity-60" }) })
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "inline-flex h-4 w-4 items-center justify-center text-icon-muted", children: sortOrder === "ascend" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react15.ChevronDown, { className: "h-4 w-4 rotate-180" }) : sortOrder === "descend" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react15.ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react15.ChevronDown, { className: "h-4 w-4 opacity-60" }) })
         ]
       }
     ) });
@@ -4800,7 +4825,7 @@ var AdsTableExpandCell = React43.forwardRef(
         size: "sm",
         type: "button",
         variant: "ghost",
-        children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.ChevronRight, { className: "h-4 w-4" })
+        children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react15.ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react15.ChevronRight, { className: "h-4 w-4" })
       }
     ) }) });
   }
@@ -4813,18 +4838,33 @@ var SKELETON_ROW_COUNT = 4;
 var FLEX_WIDTH_UNIT = 160;
 var sizeClassNames = {
   small: {
+    bodyHeight: 32,
     cell: "py-1.5 text-xs leading-4",
+    headHeight: 32,
     head: "h-8 py-1.5 text-xs leading-4"
   },
   middle: {
+    bodyHeight: 40,
     cell: "py-2 text-sm leading-5",
+    headHeight: 40,
     head: "h-10 py-2 text-sm leading-5"
   },
   large: {
+    bodyHeight: 48,
     cell: "py-3 text-base leading-6",
+    headHeight: 48,
     head: "h-12 py-3 text-base leading-6"
   }
 };
+function getSpinnerLoadingHeight(scrollY, density) {
+  if (typeof scrollY === "number") {
+    return Math.max(scrollY - density.headHeight, density.bodyHeight * SKELETON_ROW_COUNT);
+  }
+  if (typeof scrollY === "string") {
+    return `max(calc(${scrollY} - ${density.headHeight}px), ${density.bodyHeight * SKELETON_ROW_COUNT}px)`;
+  }
+  return density.bodyHeight * SKELETON_ROW_COUNT;
+}
 function getColumnKey(column, index) {
   if (column.key !== void 0) {
     return String(column.key);
@@ -5035,6 +5075,8 @@ function AdsDataTable({
   dataSource = [],
   rowKey,
   loading = false,
+  loadingVariant = "skeleton",
+  expandedRowSurface = "inset",
   emptyText,
   emptyState,
   rowClassName,
@@ -5133,8 +5175,14 @@ function AdsDataTable({
   const hasSelectionColumn = Boolean(rowSelection);
   const hasExpandableColumn = Boolean(expandable?.expandedRowRender);
   const density = sizeClassNames[size];
+  const columnCount = resolvedColumns.length + Number(hasSelectionColumn) + Number(hasExpandableColumn);
   const paginationMode = pagination === false ? "client" : pagination.mode ?? "client";
   const allowsRowSelectionByClick = Boolean(rowSelection) && !suppressRowClickSelection;
+  const spinnerLoadingHeight = React44.useMemo(
+    () => getSpinnerLoadingHeight(scroll?.y, density),
+    [density, scroll?.y]
+  );
+  const expandedRowContentClassName = expandedRowSurface === "plain" ? "bg-transparent p-4" : expandedRowSurface === "subtle" ? "mx-6 my-4 rounded-[20px] border border-border bg-transparent p-4" : "border-t border-border bg-popover/40 p-4";
   const filterValues = React44.useMemo(
     () => resolvedColumns.reduce((accumulator, column, index) => {
       const columnKey = getColumnKey(column, index);
@@ -5393,7 +5441,7 @@ function AdsDataTable({
               variant: "ghost",
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "truncate", children: headerTitle }),
-                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "inline-flex h-4 w-4 items-center justify-center text-icon-muted", children: columnSortOrder === "ascend" ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react15.ChevronDown, { className: "h-4 w-4 rotate-180" }) : columnSortOrder === "descend" ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react15.ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react15.ChevronDown, { className: "h-4 w-4 opacity-60" }) })
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "inline-flex h-4 w-4 items-center justify-center text-icon-muted", children: columnSortOrder === "ascend" ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react16.ChevronDown, { className: "h-4 w-4 rotate-180" }) : columnSortOrder === "descend" ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react16.ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react16.ChevronDown, { className: "h-4 w-4 opacity-60" }) })
               ]
             }
           ) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "truncate", children: headerTitle }),
@@ -5410,7 +5458,7 @@ function AdsDataTable({
                 size: "sm",
                 type: "button",
                 variant: "ghost",
-                children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react15.Filter, { className: "h-3.5 w-3.5" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react16.Filter, { className: "h-3.5 w-3.5" })
               }
             ) }),
             /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(AdsPopoverContent, { align: "end", className: "w-64", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
@@ -5490,7 +5538,26 @@ function AdsDataTable({
           );
         })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(AdsTableBody, { children: loading ? Array.from({ length: SKELETON_ROW_COUNT }, (_, skeletonIndex) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(AdsTableRow, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(AdsTableBody, { children: loading && loadingVariant === "spinner" ? [
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(AdsTableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          AdsTableCell,
+          {
+            className: "p-0",
+            colSpan: columnCount,
+            children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+              "div",
+              {
+                "aria-label": messages.table.loadingRows,
+                "aria-live": "polite",
+                className: "flex items-center justify-center px-6 py-8 text-foreground",
+                role: "status",
+                style: { minHeight: spinnerLoadingHeight },
+                children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(AdsSpinner, { size: "lg", tone: "foreground" })
+              }
+            )
+          }
+        ) }, "spinner-row")
+      ] : loading ? Array.from({ length: SKELETON_ROW_COUNT }, (_, skeletonIndex) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(AdsTableRow, { children: [
         hasSelectionColumn ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(AdsTableCell, { className: "w-12 p-2", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(AdsSkeleton, { className: "h-4 w-4 rounded-[4px]" }) }) : null,
         hasExpandableColumn ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(AdsTableCell, { className: "w-12 p-2", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(AdsSkeleton, { className: "h-4 w-4 rounded-[4px]" }) }) : null,
         resolvedColumns.map((column, index) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
@@ -5593,7 +5660,7 @@ function AdsDataTable({
                 "div",
                 {
                   className: cn(
-                    "border-t border-border bg-popover/40 p-4",
+                    expandedRowContentClassName,
                     classNames?.expandedRowContent
                   ),
                   children: expandable?.expandedRowRender?.(record, index)
@@ -5606,7 +5673,7 @@ function AdsDataTable({
         /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(AdsTableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
           AdsTableCell,
           {
-            colSpan: resolvedColumns.length + Number(hasSelectionColumn) + Number(hasExpandableColumn),
+            colSpan: columnCount,
             className: cn("p-0", classNames?.emptyRowCell),
             children: renderedEmptyState
           }
@@ -5967,14 +6034,21 @@ function AdsRadialProgressChart({
             children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
               import_recharts2.RadialBarChart,
               {
-                accessibilityLayer: true,
+                accessibilityLayer: false,
                 data: chartData,
                 endAngle: -270,
                 innerRadius: safeSize / 2 - safeStrokeWidth,
                 outerRadius: safeSize / 2,
                 startAngle: 90,
                 children: [
-                  showTooltip && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_recharts2.Tooltip, { contentStyle: tooltipContentStyle, cursor: false }),
+                  showTooltip && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                    import_recharts2.Tooltip,
+                    {
+                      contentStyle: tooltipContentStyle,
+                      cursor: false,
+                      wrapperStyle: { zIndex: 1 }
+                    }
+                  ),
                   /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                     import_recharts2.PolarAngleAxis,
                     {
@@ -6006,38 +6080,265 @@ function AdsRadialProgressChart({
   );
 }
 
-// src/components/AdsSparklineChart/index.tsx
+// src/components/AdsLineChart/index.tsx
+var React48 = __toESM(require("react"), 1);
 var import_recharts3 = require("recharts");
-
-// src/lib/chartTooltip.ts
-var ISO_TIMESTAMP_PATTERN = /^(\d{4}-\d{2}-\d{2})T(\d{2}:\d{2}:\d{2})(?:\.\d+)?(?:Z|[+-]\d{2}:?\d{2})?$/;
-var DEFAULT_DATE_FORMAT = "YYYY-MM-DD HH:mm:ss";
-function formatChartTooltipLabel(label, dateFormat = DEFAULT_DATE_FORMAT) {
-  if (typeof label !== "string") {
-    return String(label ?? "");
-  }
-  const match = label.match(ISO_TIMESTAMP_PATTERN);
-  if (!match) {
-    return label;
-  }
-  const [year, month, day] = match[1].split("-");
-  const [hour, minute, second] = match[2].split(":");
-  return dateFormat.replace(/YYYY|MM|DD|HH|mm|ss/g, (token) => {
-    const values = {
-      YYYY: year,
-      MM: month,
-      DD: day,
-      HH: hour,
-      mm: minute,
-      ss: second
+var import_jsx_runtime55 = require("react/jsx-runtime");
+var DEFAULT_HEIGHT = 278;
+var DEFAULT_GRID_COLOR = "var(--border)";
+var DEFAULT_SERIES_COLORS = ["var(--chart-1)", "var(--chart-2)"];
+function getSafeHeight(height) {
+  return Number.isFinite(height) && height && height > 0 ? height : DEFAULT_HEIGHT;
+}
+function getSafeOpacity(opacity) {
+  return Number.isFinite(opacity) && opacity !== void 0 ? Math.min(Math.max(opacity, 0), 1) : 0;
+}
+function getSafeValue(value) {
+  return typeof value === "number" && Number.isFinite(value) ? Math.max(value, 0) : 0;
+}
+function getSeriesColor(series, index) {
+  return series.color ?? DEFAULT_SERIES_COLORS[index] ?? "var(--chart-3)";
+}
+function getChartConfig(series) {
+  return series.reduce((config, item, index) => {
+    config[item.dataKey] = {
+      color: getSeriesColor(item, index),
+      label: item.label
     };
-    return values[token];
+    return config;
+  }, {});
+}
+function LineChartTooltipContent({
+  active,
+  label,
+  payload,
+  series,
+  tooltipContentClassName: tooltipContentClassName2,
+  tooltipFooter,
+  tooltipLabelFormatter,
+  tooltipValueFormatter
+}) {
+  if (!active || !payload.length) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+    "div",
+    {
+      className: cn(
+        "min-w-[164px] rounded-radius-md border border-border bg-popover px-4 py-3 text-popover-foreground shadow-lg",
+        tooltipContentClassName2
+      ),
+      role: "tooltip",
+      children: [
+        tooltipLabelFormatter && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "mb-2 text-xs font-medium text-muted-foreground", children: tooltipLabelFormatter(label) }),
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "space-y-1.5", children: series.map((item, index) => {
+          const entry = payload.find((payloadItem) => payloadItem.dataKey === item.dataKey);
+          const value = typeof entry?.value === "number" && Number.isFinite(entry.value) ? entry.value : 0;
+          const color = getSeriesColor(item, index);
+          const displayLabel = item.label ?? item.dataKey;
+          return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex items-center gap-1.5 text-sm", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { "aria-hidden": "true", className: "size-2 rounded-full", style: { backgroundColor: color } }),
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "text-muted-foreground", children: displayLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "font-semibold text-popover-foreground", children: tooltipValueFormatter ? tooltipValueFormatter(value, item) : value })
+          ] }, item.dataKey);
+        }) }),
+        tooltipFooter && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "mt-2 text-xs font-bold leading-[1.4]", children: tooltipFooter })
+      ]
+    }
+  );
+}
+function AdsLineChart({
+  ariaLabel,
+  chartProps,
+  className,
+  children,
+  containerProps,
+  curve = "linear",
+  data,
+  gridColor = DEFAULT_GRID_COLOR,
+  gridProps,
+  height,
+  referenceLine,
+  series,
+  showGrid = true,
+  showTooltip = true,
+  tooltipContent,
+  tooltipContentClassName: tooltipContentClassName2,
+  tooltipFooter,
+  tooltipLabelFormatter,
+  tooltipProps,
+  tooltipValueFormatter,
+  xAxis,
+  xAxisProps,
+  xKey,
+  yAxis,
+  yAxisProps
+}) {
+  const [activeDataKey, setActiveDataKey] = React48.useState(null);
+  const hoverHighlightDataKey = series.find((item) => item.activeColor)?.dataKey ?? null;
+  const chartData = data.map((datum) => {
+    const safeDatum = { ...datum, [xKey]: datum[xKey] };
+    series.forEach((item) => {
+      safeDatum[item.dataKey] = getSafeValue(datum[item.dataKey]);
+    });
+    return safeDatum;
   });
+  const safeHeight = getSafeHeight(height);
+  const chartConfig = getChartConfig(series);
+  const {
+    cursor: tooltipCursor,
+    wrapperStyle: tooltipWrapperStyle,
+    ...restTooltipProps
+  } = tooltipProps ?? {};
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    "div",
+    {
+      "aria-label": ariaLabel ?? "Line chart",
+      className: cn("w-full", className),
+      "data-testid": "ads-line-chart",
+      role: "img",
+      style: { height: safeHeight },
+      children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        ChartContainer,
+        {
+          "aria-hidden": "true",
+          className: "h-full",
+          config: chartConfig,
+          height: "100%",
+          ...containerProps,
+          children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+            import_recharts3.ComposedChart,
+            {
+              accessibilityLayer: false,
+              data: chartData,
+              margin: chartProps?.margin ?? { bottom: 0, left: 0, right: 0, top: 0 },
+              ...chartProps,
+              onMouseLeave: (...args) => {
+                setActiveDataKey(null);
+                chartProps?.onMouseLeave?.(...args);
+              },
+              onMouseMove: (...args) => {
+                setActiveDataKey(hoverHighlightDataKey);
+                chartProps?.onMouseMove?.(...args);
+              },
+              children: [
+                showGrid && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                  import_recharts3.CartesianGrid,
+                  {
+                    stroke: gridProps?.stroke ?? gridColor,
+                    strokeOpacity: gridProps?.strokeOpacity ?? 0.5,
+                    vertical: gridProps?.vertical ?? true,
+                    ...gridProps
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                  import_recharts3.XAxis,
+                  {
+                    axisLine: xAxisProps?.axisLine ?? xAxis?.axisLine ?? false,
+                    dataKey: xKey,
+                    hide: xAxisProps?.hide ?? xAxis?.hide ?? false,
+                    interval: xAxisProps?.interval ?? xAxis?.interval,
+                    tick: xAxisProps?.tick ?? xAxis?.tick ?? true,
+                    tickFormatter: xAxisProps?.tickFormatter ?? xAxis?.tickFormatter,
+                    tickLine: xAxisProps?.tickLine ?? xAxis?.tickLine ?? false,
+                    tickMargin: xAxisProps?.tickMargin ?? xAxis?.tickMargin ?? 12,
+                    type: "category",
+                    ...xAxisProps
+                  }
+                ),
+                (yAxis || yAxisProps) && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                  import_recharts3.YAxis,
+                  {
+                    axisLine: yAxisProps?.axisLine ?? yAxis?.axisLine ?? false,
+                    domain: yAxisProps?.domain ?? yAxis?.domain,
+                    tick: yAxisProps?.tick ?? yAxis?.tick ?? true,
+                    tickCount: yAxisProps?.tickCount ?? yAxis?.tickCount,
+                    tickFormatter: yAxisProps?.tickFormatter ?? yAxis?.tickFormatter,
+                    tickLine: yAxisProps?.tickLine ?? yAxis?.tickLine ?? false,
+                    ticks: yAxisProps?.ticks ?? yAxis?.ticks,
+                    width: yAxisProps?.width ?? yAxis?.width,
+                    ...yAxisProps
+                  }
+                ),
+                referenceLine && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                  import_recharts3.ReferenceLine,
+                  {
+                    stroke: referenceLine.color ?? "var(--chart-1)",
+                    strokeDasharray: referenceLine.strokeDasharray ?? "2 3",
+                    y: referenceLine.value
+                  }
+                ),
+                showTooltip && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                  import_recharts3.Tooltip,
+                  {
+                    content: tooltipContent ?? ((props) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                      LineChartTooltipContent,
+                      {
+                        ...props,
+                        series,
+                        tooltipContentClassName: tooltipContentClassName2,
+                        tooltipFooter,
+                        tooltipLabelFormatter,
+                        tooltipValueFormatter
+                      }
+                    )),
+                    cursor: tooltipCursor ?? { stroke: gridColor, strokeDasharray: "2 3" },
+                    isAnimationActive: false,
+                    wrapperStyle: { zIndex: 20, ...tooltipWrapperStyle },
+                    ...restTooltipProps
+                  }
+                ),
+                series.map((item, index) => {
+                  const color = getSeriesColor(item, index);
+                  const opacity = getSafeOpacity(item.areaOpacity);
+                  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(React48.Fragment, { children: [
+                    opacity > 0 && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                      import_recharts3.Area,
+                      {
+                        ...item.areaProps,
+                        dataKey: item.dataKey,
+                        fill: item.areaProps?.fill ?? color,
+                        fillOpacity: item.areaProps?.fillOpacity ?? opacity,
+                        animationDuration: item.areaProps?.animationDuration ?? 360,
+                        animationEasing: item.areaProps?.animationEasing ?? "ease-out",
+                        isAnimationActive: item.areaProps?.isAnimationActive ?? true,
+                        stroke: item.areaProps?.stroke ?? "none",
+                        type: item.areaProps?.type ?? curve
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                      import_recharts3.Line,
+                      {
+                        ...item.lineProps,
+                        activeDot: item.lineProps?.activeDot ?? { r: 5 },
+                        animationDuration: item.lineProps?.animationDuration ?? 360,
+                        animationEasing: item.lineProps?.animationEasing ?? "ease-out",
+                        dataKey: item.dataKey,
+                        dot: item.lineProps?.dot ?? false,
+                        isAnimationActive: item.lineProps?.isAnimationActive ?? true,
+                        onMouseEnter: () => setActiveDataKey(item.dataKey),
+                        onMouseLeave: () => setActiveDataKey(null),
+                        stroke: activeDataKey === item.dataKey ? item.activeColor ?? "#2196f3" : item.lineProps?.stroke ?? color,
+                        strokeWidth: item.lineProps?.strokeWidth ?? item.strokeWidth ?? 2,
+                        type: item.lineProps?.type ?? curve
+                      }
+                    )
+                  ] }, item.dataKey);
+                }),
+                children
+              ]
+            }
+          )
+        }
+      )
+    }
+  );
 }
 
 // src/components/AdsSparklineChart/index.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
-var DEFAULT_HEIGHT = 40;
+var import_recharts4 = require("recharts");
+var import_jsx_runtime56 = require("react/jsx-runtime");
+var DEFAULT_HEIGHT2 = 40;
 var tooltipContentStyle2 = {
   backgroundColor: "var(--popover)",
   border: "1px solid var(--border)",
@@ -6045,19 +6346,12 @@ var tooltipContentStyle2 = {
   color: "var(--popover-foreground)",
   padding: "8px 12px"
 };
-function getSafeHeight(height) {
-  return Number.isFinite(height) && height && height > 0 ? height : DEFAULT_HEIGHT;
+function getSafeHeight2(height) {
+  return Number.isFinite(height) && height && height > 0 ? height : DEFAULT_HEIGHT2;
 }
-function getSafeValue(value) {
+function getSafeValue2(value) {
   return typeof value === "number" && Number.isFinite(value) ? Math.max(value, 0) : 0;
 }
-function getChartMargin(height, plotHeight) {
-  if (!Number.isFinite(plotHeight) || !plotHeight || plotHeight >= height) {
-    return { bottom: 1, left: 1, right: 1, top: 1 };
-  }
-  const verticalMargin = (height - Math.max(plotHeight, 1)) / 2;
-  return { bottom: verticalMargin, left: 1, right: 1, top: verticalMargin };
-}
 function AdsSparklineChart({
   ariaLabel,
   className,
@@ -6065,19 +6359,16 @@ function AdsSparklineChart({
   data,
   dataKey,
   height,
-  plotHeight,
   showTooltip = true,
-  tooltipDateFormat,
   xKey
 }) {
   const chartData = data.map((datum) => ({
     ...datum,
     [xKey]: datum[xKey],
-    [dataKey]: getSafeValue(datum[dataKey])
+    [dataKey]: getSafeValue2(datum[dataKey])
   }));
-  const safeHeight = getSafeHeight(height);
-  const chartMargin = getChartMargin(safeHeight, plotHeight);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  const safeHeight = getSafeHeight2(height);
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "div",
     {
       "aria-label": ariaLabel ?? "Trend chart",
@@ -6085,36 +6376,37 @@ function AdsSparklineChart({
       "data-testid": "ads-sparkline-chart",
       role: "img",
       style: { height: safeHeight },
-      children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         ChartContainer,
         {
           "aria-hidden": "true",
           className: "h-full",
           config: { value: { color } },
           height: "100%",
-          children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_recharts3.LineChart, { data: chartData, margin: chartMargin, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_recharts3.XAxis, { dataKey: xKey, hide: true, type: "category" }),
-            showTooltip && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-              import_recharts3.Tooltip,
-              {
-                contentStyle: tooltipContentStyle2,
-                cursor: false,
-                labelFormatter: (label) => formatChartTooltipLabel(label, tooltipDateFormat)
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-              import_recharts3.Line,
-              {
-                activeDot: false,
-                dataKey,
-                dot: false,
-                isAnimationActive: false,
-                stroke: "var(--color-value)",
-                strokeWidth: 2,
-                type: "monotone"
-              }
-            )
-          ] })
+          children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+            import_recharts4.LineChart,
+            {
+              accessibilityLayer: false,
+              data: chartData,
+              margin: { bottom: 1, left: 1, right: 1, top: 1 },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_recharts4.XAxis, { dataKey: xKey, hide: true, type: "category" }),
+                showTooltip && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_recharts4.Tooltip, { contentStyle: tooltipContentStyle2, cursor: false }),
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                  import_recharts4.Line,
+                  {
+                    activeDot: false,
+                    dataKey,
+                    dot: false,
+                    isAnimationActive: false,
+                    stroke: "var(--color-value)",
+                    strokeWidth: 2,
+                    type: "monotone"
+                  }
+                )
+              ]
+            }
+          )
         }
       )
     }
@@ -6122,20 +6414,20 @@ function AdsSparklineChart({
 }
 
 // src/components/AdsStackedBarChart/index.tsx
-var React50 = __toESM(require("react"), 1);
+var React51 = __toESM(require("react"), 1);
 
 // src/components/AdsTooltip/index.tsx
-var React49 = __toESM(require("react"), 1);
+var React50 = __toESM(require("react"), 1);
 
 // src/primitives/tooltip.tsx
-var React48 = __toESM(require("react"), 1);
+var React49 = __toESM(require("react"), 1);
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var TooltipProvider = TooltipPrimitive.Provider;
-var Tooltip3 = TooltipPrimitive.Root;
+var Tooltip4 = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
 var TooltipArrow = TooltipPrimitive.Arrow;
-var TooltipContent = React48.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+var TooltipContent = React49.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
   TooltipPrimitive.Content,
   {
     className: cn(
@@ -6150,12 +6442,12 @@ var TooltipContent = React48.forwardRef(({ className, sideOffset = 4, ...props }
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
 // src/components/AdsTooltip/index.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var tooltipContentClassName = "z-50 rounded-[6px] border-0 bg-[#844fff] px-3 py-2 text-sm font-normal leading-5 text-[#fdfdfd] shadow-[0px_8px_24px_rgba(0,0,0,0.22)]";
 var AdsTooltipProvider = TooltipProvider;
-var AdsTooltip = Tooltip3;
+var AdsTooltip = Tooltip4;
 var AdsTooltipTrigger = TooltipTrigger;
-var AdsTooltipContent = React49.forwardRef(({ align = "center", className, sideOffset = 10, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+var AdsTooltipContent = React50.forwardRef(({ align = "center", className, sideOffset = 10, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
   TooltipContent,
   {
     align,
@@ -6166,7 +6458,7 @@ var AdsTooltipContent = React49.forwardRef(({ align = "center", className, sideO
   }
 ));
 AdsTooltipContent.displayName = "AdsTooltipContent";
-var AdsTooltipArrow = React49.forwardRef(({ className, height = 5, width = 10, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+var AdsTooltipArrow = React50.forwardRef(({ className, height = 5, width = 10, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
   TooltipArrow,
   {
     className: cn("fill-[#844fff]", className),
@@ -6179,11 +6471,11 @@ var AdsTooltipArrow = React49.forwardRef(({ className, height = 5, width = 10, .
 AdsTooltipArrow.displayName = "AdsTooltipArrow";
 
 // src/components/AdsStackedBarChart/index.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
-var DEFAULT_HEIGHT2 = 20;
+var import_jsx_runtime59 = require("react/jsx-runtime");
+var DEFAULT_HEIGHT3 = 20;
 var DEFAULT_SEGMENT_COLOR = "var(--chart-1)";
-function getSafeHeight2(height) {
-  return Number.isFinite(height) && height && height > 0 ? height : DEFAULT_HEIGHT2;
+function getSafeHeight3(height) {
+  return Number.isFinite(height) && height && height > 0 ? height : DEFAULT_HEIGHT3;
 }
 function formatPercentage(percentage) {
   return `${Number(percentage.toFixed(2))}%`;
@@ -6195,7 +6487,7 @@ function AdsStackedBarChart({
   showTooltip = true,
   segments
 }) {
-  const descriptionId = React50.useId();
+  const descriptionId = React51.useId();
   const validSegments = segments.reduce((items, segment, index) => {
     const value = Number.isFinite(segment.value) ? Math.max(segment.value, 0) : 0;
     if (value > 0) {
@@ -6215,7 +6507,7 @@ function AdsStackedBarChart({
   const hasData = normalizedTotal > 0 && Number.isFinite(normalizedTotal);
   const getPercentage = (value) => value / normalizationBase / normalizedTotal * 100;
   const summary = hasData ? validSegments.map((segment) => `${segment.label}: ${formatPercentage(getPercentage(segment.value))}`).join(", ") : "No data";
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
     "div",
     {
       "aria-label": ariaLabel ?? summary,
@@ -6223,13 +6515,13 @@ function AdsStackedBarChart({
       className: cn("overflow-hidden rounded-full bg-muted", className),
       "data-testid": "ads-stacked-bar-chart",
       role: "img",
-      style: { height: getSafeHeight2(height) },
+      style: { height: getSafeHeight3(height) },
       children: [
-        ariaLabel && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "sr-only", id: descriptionId, children: summary }),
-        hasData && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(AdsTooltipProvider, { delayDuration: 100, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex size-full", children: validSegments.map((segment, index) => {
+        ariaLabel && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "sr-only", id: descriptionId, children: summary }),
+        hasData && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(AdsTooltipProvider, { delayDuration: 100, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "flex size-full", children: validSegments.map((segment, index) => {
           const percentage = getPercentage(segment.value);
-          return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(AdsTooltip, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(AdsTooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(AdsTooltip, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(AdsTooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
               "div",
               {
                 "aria-label": `${segment.label}: ${segment.value}`,
@@ -6239,7 +6531,7 @@ function AdsStackedBarChart({
                 tabIndex: showTooltip ? 0 : -1
               }
             ) }),
-            showTooltip && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(AdsTooltipContent, { children: [
+            showTooltip && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(AdsTooltipContent, { children: [
               segment.label,
               ": ",
               segment.value
@@ -6252,9 +6544,9 @@ function AdsStackedBarChart({
 }
 
 // src/components/AdsBarChart/index.tsx
-var import_recharts4 = require("recharts");
-var import_jsx_runtime59 = require("react/jsx-runtime");
-var DEFAULT_HEIGHT3 = 160;
+var import_recharts5 = require("recharts");
+var import_jsx_runtime60 = require("react/jsx-runtime");
+var DEFAULT_HEIGHT4 = 160;
 var DEFAULT_HIGHLIGHT_COLOR = "var(--chart-2)";
 var DEFAULT_RADIUS = 4;
 var tooltipContentStyle3 = {
@@ -6264,13 +6556,13 @@ var tooltipContentStyle3 = {
   color: "var(--popover-foreground)",
   padding: "8px 12px"
 };
-function getSafeHeight3(height) {
-  return Number.isFinite(height) && height && height > 0 ? height : DEFAULT_HEIGHT3;
+function getSafeHeight4(height) {
+  return Number.isFinite(height) && height && height > 0 ? height : DEFAULT_HEIGHT4;
 }
 function getSafeRadius(radius) {
   return Number.isFinite(radius) && radius !== void 0 && radius >= 0 ? radius : DEFAULT_RADIUS;
 }
-function getSafeValue2(value) {
+function getSafeValue3(value) {
   return typeof value === "number" && Number.isFinite(value) ? Math.max(value, 0) : 0;
 }
 function AdsBarChart({
@@ -6286,7 +6578,6 @@ function AdsBarChart({
   highlightIndex,
   hoverColor,
   showTooltip = true,
-  tooltipDateFormat,
   xAxis,
   xKey,
   yAxis
@@ -6294,12 +6585,12 @@ function AdsBarChart({
   const chartData = data.map((datum) => ({
     ...datum,
     [xKey]: datum[xKey],
-    [dataKey]: getSafeValue2(datum[dataKey])
+    [dataKey]: getSafeValue3(datum[dataKey])
   }));
-  const safeHeight = getSafeHeight3(height);
+  const safeHeight = getSafeHeight4(height);
   const safeRadius = getSafeRadius(barRadius);
   const safeHighlightIndex = Number.isInteger(highlightIndex) ? highlightIndex : -1;
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
     "div",
     {
       "aria-label": ariaLabel ?? "Bar chart",
@@ -6307,66 +6598,67 @@ function AdsBarChart({
       "data-testid": "ads-bar-chart",
       role: "img",
       style: { height: safeHeight },
-      children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
         ChartContainer,
         {
           "aria-hidden": "true",
           className: "h-full",
           config: { value: { color } },
           height: "100%",
-          children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_recharts4.BarChart, { data: chartData, margin: { bottom: 0, left: 0, right: 0, top: 0 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-              import_recharts4.XAxis,
-              {
-                axisLine: xAxis?.axisLine ?? false,
-                dataKey: xKey,
-                hide: xAxis?.hide ?? true,
-                tick: xAxis?.tick === false ? false : { fill: xAxis?.tickColor, fontSize: xAxis?.tickFontSize },
-                tickLine: xAxis?.tickLine ?? false,
-                tickMargin: xAxis?.tickMargin,
-                type: "category"
-              }
-            ),
-            yAxis && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-              import_recharts4.YAxis,
-              {
-                axisLine: yAxis.axisLine ?? false,
-                domain: yAxis.domain,
-                tick: yAxis.tick === false ? false : { fill: yAxis.tickColor, fontSize: yAxis.tickFontSize },
-                tickCount: yAxis.tickCount,
-                tickLine: yAxis.tickLine ?? false,
-                tickMargin: yAxis.tickMargin,
-                ticks: yAxis.ticks,
-                width: yAxis.width
-              }
-            ),
-            showTooltip && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-              import_recharts4.Tooltip,
-              {
-                contentStyle: tooltipContentStyle3,
-                cursor: { fill: "transparent" },
-                labelFormatter: (label) => formatChartTooltipLabel(label, tooltipDateFormat)
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-              import_recharts4.Bar,
-              {
-                activeBar: hoverColor ? { fill: hoverColor } : void 0,
-                barSize,
-                dataKey,
-                fill: "var(--color-value)",
-                isAnimationActive: false,
-                radius: safeRadius,
-                children: chartData.map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-                  import_recharts4.Cell,
+          children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+            import_recharts5.BarChart,
+            {
+              accessibilityLayer: false,
+              data: chartData,
+              margin: { bottom: 0, left: 0, right: 0, top: 0 },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+                  import_recharts5.XAxis,
                   {
-                    fill: index === safeHighlightIndex ? highlightColor ?? DEFAULT_HIGHLIGHT_COLOR : "var(--color-value)"
-                  },
-                  index
-                ))
-              }
-            )
-          ] })
+                    axisLine: xAxis?.axisLine ?? false,
+                    dataKey: xKey,
+                    hide: xAxis?.hide ?? true,
+                    tick: xAxis?.tick ?? true,
+                    tickLine: xAxis?.tickLine ?? false,
+                    tickMargin: xAxis?.tickMargin,
+                    type: "category"
+                  }
+                ),
+                yAxis && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+                  import_recharts5.YAxis,
+                  {
+                    axisLine: yAxis.axisLine ?? false,
+                    domain: yAxis.domain,
+                    tick: yAxis.tick ?? true,
+                    tickCount: yAxis.tickCount,
+                    tickLine: yAxis.tickLine ?? false,
+                    tickMargin: yAxis.tickMargin,
+                    ticks: yAxis.ticks,
+                    width: yAxis.width
+                  }
+                ),
+                showTooltip && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_recharts5.Tooltip, { contentStyle: tooltipContentStyle3, cursor: { fill: "transparent" } }),
+                /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+                  import_recharts5.Bar,
+                  {
+                    activeBar: hoverColor ? { fill: hoverColor } : void 0,
+                    barSize,
+                    dataKey,
+                    fill: "var(--color-value)",
+                    isAnimationActive: false,
+                    radius: safeRadius,
+                    children: chartData.map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+                      import_recharts5.Cell,
+                      {
+                        fill: index === safeHighlightIndex ? highlightColor ?? DEFAULT_HIGHLIGHT_COLOR : "var(--color-value)"
+                      },
+                      index
+                    ))
+                  }
+                )
+              ]
+            }
+          )
         }
       )
     }
@@ -6374,13 +6666,13 @@ function AdsBarChart({
 }
 
 // src/components/AdsSlider/index.tsx
-var React52 = __toESM(require("react"), 1);
+var React53 = __toESM(require("react"), 1);
 
 // src/primitives/slider.tsx
-var React51 = __toESM(require("react"), 1);
+var React52 = __toESM(require("react"), 1);
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"), 1);
-var import_jsx_runtime60 = require("react/jsx-runtime");
-var Slider = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+var import_jsx_runtime61 = require("react/jsx-runtime");
+var Slider = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
   SliderPrimitive.Root,
   {
     ref,
@@ -6390,10 +6682,10 @@ var Slider = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
       Array.from({
         length: Array.isArray(props.value) ? props.value.length : Array.isArray(props.defaultValue) ? props.defaultValue.length : 1
-      }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+      }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
         SliderPrimitive.Thumb,
         {
           className: "block h-5 w-5 rounded-full border border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
@@ -6406,11 +6698,11 @@ var Slider = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 Slider.displayName = SliderPrimitive.Root.displayName;
 
 // src/components/AdsSlider/index.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var sliderBaseClassName = "py-1";
-var Slider2 = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Slider, { className: cn(sliderBaseClassName, className), ref, ...props }));
+var Slider2 = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Slider, { className: cn(sliderBaseClassName, className), ref, ...props }));
 Slider2.displayName = "Slider";
-var AdsSlider = React52.forwardRef(
+var AdsSlider = React53.forwardRef(
   ({
     className,
     descriptionPlacement = "above",
@@ -6425,12 +6717,12 @@ var AdsSlider = React52.forwardRef(
       helperText,
       id
     });
-    const helperNode = helperText ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
-    const errorNode = errorText ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(AdsFieldError, { id: description.errorId, children: errorText }) : null;
-    return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(AdsFieldItem, { children: [
-      label ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(AdsFieldLabel, { children: label }) : null,
+    const helperNode = helperText ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
+    const errorNode = errorText ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(AdsFieldError, { id: description.errorId, children: errorText }) : null;
+    return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(AdsFieldItem, { children: [
+      label ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(AdsFieldLabel, { children: label }) : null,
       descriptionPlacement === "above" ? helperNode : null,
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         Slider2,
         {
           "aria-describedby": description.describedBy,
@@ -6447,13 +6739,13 @@ var AdsSlider = React52.forwardRef(
 AdsSlider.displayName = "AdsSlider";
 
 // src/components/AdsSwitch/index.tsx
-var React54 = __toESM(require("react"), 1);
+var React55 = __toESM(require("react"), 1);
 
 // src/primitives/switch.tsx
-var React53 = __toESM(require("react"), 1);
+var React54 = __toESM(require("react"), 1);
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"), 1);
-var import_jsx_runtime62 = require("react/jsx-runtime");
-var Switch = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+var import_jsx_runtime63 = require("react/jsx-runtime");
+var Switch = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
   SwitchPrimitives.Root,
   {
     className: cn(
@@ -6462,7 +6754,7 @@ var Switch = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props,
     ref,
-    children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
       SwitchPrimitives.Thumb,
       {
         className: cn(
@@ -6475,15 +6767,15 @@ var Switch = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/AdsSwitch/index.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var switchBaseClassName = "h-6 w-11 border border-transparent bg-muted shadow-[0px_1px_2px_rgba(0,0,0,0.1)] focus-visible:ring-[3px] focus-visible:ring-[rgba(161,161,161,0.5)] focus-visible:ring-offset-0 data-[state=checked]:bg-primary data-[state=unchecked]:bg-muted";
-var Switch2 = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Switch, { className: cn(switchBaseClassName, className), ref, ...props }));
+var Switch2 = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Switch, { className: cn(switchBaseClassName, className), ref, ...props }));
 Switch2.displayName = "Switch";
-var AdsSwitch = React54.forwardRef(({ className, description, id, label, switchClassName, wrapperClassName, ...props }, ref) => {
-  const generatedId = React54.useId();
+var AdsSwitch = React55.forwardRef(({ className, description, id, label, switchClassName, wrapperClassName, ...props }, ref) => {
+  const generatedId = React55.useId();
   const inputId = id ?? generatedId;
   if (!label) {
-    return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
       Switch2,
       {
         className: cn(className, switchClassName),
@@ -6493,12 +6785,12 @@ var AdsSwitch = React54.forwardRef(({ className, description, id, label, switchC
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("label", { className: cn("block w-full cursor-pointer", wrapperClassName), htmlFor: inputId, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex w-full items-start gap-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5 pt-0.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "text-sm font-medium leading-5 text-foreground", children: label }),
-      description ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(AdsFieldDescription, { className: "text-sm leading-5", children: description }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("label", { className: cn("block w-full cursor-pointer", wrapperClassName), htmlFor: inputId, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex w-full items-start gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5 pt-0.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "text-sm font-medium leading-5 text-foreground", children: label }),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(AdsFieldDescription, { className: "text-sm leading-5", children: description }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
       Switch2,
       {
         className: cn(className, switchClassName),
@@ -6512,14 +6804,14 @@ var AdsSwitch = React54.forwardRef(({ className, description, id, label, switchC
 AdsSwitch.displayName = "AdsSwitch";
 
 // src/components/AdsTabs/index.tsx
-var React56 = __toESM(require("react"), 1);
+var React57 = __toESM(require("react"), 1);
 
 // src/primitives/tabs.tsx
-var React55 = __toESM(require("react"), 1);
+var React56 = __toESM(require("react"), 1);
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"), 1);
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var Tabs = TabsPrimitive.Root;
-var TabsList = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+var TabsList = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
   TabsPrimitive.List,
   {
     className: cn("inline-flex items-center", className),
@@ -6528,7 +6820,7 @@ var TabsList = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+var TabsTrigger = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
   TabsPrimitive.Trigger,
   {
     className: cn(
@@ -6540,7 +6832,7 @@ var TabsTrigger = React55.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+var TabsContent = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
   TabsPrimitive.Content,
   {
     className: cn("focus-visible:outline-none", className),
@@ -6551,9 +6843,9 @@ var TabsContent = React55.forwardRef(({ className, ...props }, ref) => /* @__PUR
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/AdsTabs/index.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var AdsTabs = Tabs;
-var AdsTabsList = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+var AdsTabsList = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
   TabsList,
   {
     className: cn(
@@ -6565,7 +6857,7 @@ var AdsTabsList = React56.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 AdsTabsList.displayName = "AdsTabsList";
-var AdsTabsTrigger = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+var AdsTabsTrigger = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
   TabsTrigger,
   {
     className: cn(
@@ -6577,7 +6869,7 @@ var AdsTabsTrigger = React56.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 AdsTabsTrigger.displayName = "AdsTabsTrigger";
-var AdsTabsContent = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+var AdsTabsContent = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
   TabsContent,
   {
     className: cn(
@@ -6591,13 +6883,13 @@ var AdsTabsContent = React56.forwardRef(({ className, ...props }, ref) => /* @__
 AdsTabsContent.displayName = "AdsTabsContent";
 
 // src/components/AdsToggle/index.tsx
-var React58 = __toESM(require("react"), 1);
+var React59 = __toESM(require("react"), 1);
 
 // src/primitives/toggle.tsx
-var React57 = __toESM(require("react"), 1);
+var React58 = __toESM(require("react"), 1);
 var TogglePrimitive = __toESM(require("@radix-ui/react-toggle"), 1);
-var import_jsx_runtime66 = require("react/jsx-runtime");
-var Toggle = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+var import_jsx_runtime67 = require("react/jsx-runtime");
+var Toggle = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
   TogglePrimitive.Root,
   {
     className: cn(
@@ -6611,7 +6903,7 @@ var Toggle = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 Toggle.displayName = TogglePrimitive.Root.displayName;
 
 // src/components/AdsToggle/index.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var sizeClassName3 = {
   sm: "!h-8 px-[6px] text-sm",
   md: "!h-9 px-md text-sm",
@@ -6626,10 +6918,10 @@ var variantClassName = {
   default: "border border-transparent bg-transparent text-foreground shadow-none hover:bg-muted/70 data-[state=on]:bg-muted data-[state=on]:shadow-[0px_1px_1px_rgba(0,0,0,0.1)]",
   outline: "border border-border bg-transparent text-foreground shadow-none hover:bg-muted/70 data-[state=on]:border-transparent data-[state=on]:bg-muted data-[state=on]:shadow-[0px_1px_1px_rgba(0,0,0,0.1)]"
 };
-var AdsToggle = React58.forwardRef(({ children, className, size = "md", variant = "default", ...props }, ref) => {
-  const childCount = React58.Children.count(children);
-  const isIconOnly = childCount === 1 && React58.isValidElement(children);
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+var AdsToggle = React59.forwardRef(({ children, className, size = "md", variant = "default", ...props }, ref) => {
+  const childCount = React59.Children.count(children);
+  const isIconOnly = childCount === 1 && React59.isValidElement(children);
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     Toggle,
     {
       className: cn(
@@ -6648,13 +6940,13 @@ var AdsToggle = React58.forwardRef(({ children, className, size = "md", variant
 AdsToggle.displayName = "AdsToggle";
 
 // src/components/AdsToggleGroup/index.tsx
-var React60 = __toESM(require("react"), 1);
+var React61 = __toESM(require("react"), 1);
 
 // src/primitives/toggle-group.tsx
-var React59 = __toESM(require("react"), 1);
+var React60 = __toESM(require("react"), 1);
 var ToggleGroupPrimitive = __toESM(require("@radix-ui/react-toggle-group"), 1);
-var import_jsx_runtime68 = require("react/jsx-runtime");
-var ToggleGroup = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+var import_jsx_runtime69 = require("react/jsx-runtime");
+var ToggleGroup = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
   ToggleGroupPrimitive.Root,
   {
     className: cn("inline-flex items-center justify-start", className),
@@ -6663,7 +6955,7 @@ var ToggleGroup = React59.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+var ToggleGroupItem = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
   ToggleGroupPrimitive.Item,
   {
     className: cn(
@@ -6677,7 +6969,7 @@ var ToggleGroupItem = React59.forwardRef(({ className, ...props }, ref) => /* @_
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 
 // src/components/AdsToggleGroup/index.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 var sizeClassName4 = {
   sm: "h-8 min-w-7 px-[6px] text-sm",
   md: "h-9 min-w-[34px] px-md text-sm",
@@ -6687,8 +6979,8 @@ var variantClassName2 = {
   default: "border-transparent bg-transparent text-foreground hover:bg-muted/70 data-[state=on]:bg-muted data-[state=on]:shadow-[0px_1px_1px_rgba(0,0,0,0.1)]",
   outline: "border border-border bg-transparent text-foreground hover:bg-muted/70 data-[state=on]:border-transparent data-[state=on]:bg-muted data-[state=on]:shadow-[0px_1px_1px_rgba(0,0,0,0.1)]"
 };
-var AdsToggleGroupContext = React60.createContext(null);
-var AdsToggleGroup = React60.forwardRef(
+var AdsToggleGroupContext = React61.createContext(null);
+var AdsToggleGroup = React61.forwardRef(
   ({
     children,
     className,
@@ -6696,7 +6988,7 @@ var AdsToggleGroup = React60.forwardRef(
     size = "md",
     variant = "default",
     ...props
-  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(AdsToggleGroupContext.Provider, { value: { orientation, size, variant }, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(AdsToggleGroupContext.Provider, { value: { orientation, size, variant }, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     ToggleGroup,
     {
       className: cn(
@@ -6712,12 +7004,12 @@ var AdsToggleGroup = React60.forwardRef(
   ) })
 );
 AdsToggleGroup.displayName = "AdsToggleGroup";
-var AdsToggleGroupItem = React60.forwardRef(({ className, size, variant, ...props }, ref) => {
-  const context = React60.useContext(AdsToggleGroupContext);
+var AdsToggleGroupItem = React61.forwardRef(({ className, size, variant, ...props }, ref) => {
+  const context = React61.useContext(AdsToggleGroupContext);
   const resolvedOrientation = context?.orientation ?? "horizontal";
   const resolvedSize = size ?? context?.size ?? "md";
   const resolvedVariant = variant ?? context?.variant ?? "default";
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     ToggleGroupItem,
     {
       className: cn(
@@ -6735,10 +7027,10 @@ var AdsToggleGroupItem = React60.forwardRef(({ className, size, variant, ...prop
 AdsToggleGroupItem.displayName = "AdsToggleGroupItem";
 
 // src/components/AdsTextarea/index.tsx
-var React61 = __toESM(require("react"), 1);
-var import_jsx_runtime70 = require("react/jsx-runtime");
-var textareaBaseClassName = "w-full rounded-radius-md border border-border bg-card px-md py-md text-base leading-6 shadow-[0px_1px_2px_rgba(0,0,0,0.1)] placeholder:text-[var(--muted-foreground)] focus-visible:border-border-focus focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-[rgba(161,161,161,0.5)] focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50";
-var AdsTextarea = React61.forwardRef(
+var React62 = __toESM(require("react"), 1);
+var import_jsx_runtime71 = require("react/jsx-runtime");
+var textareaBaseClassName = "w-full rounded-radius-md border border-border bg-card px-md py-md text-base leading-6 shadow-[0px_1px_2px_rgba(0,0,0,0.1)] placeholder:text-[var(--muted-foreground)] focus-visible:border-border-focus focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-[rgba(161,161,161,0.5)] focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:border-border disabled:bg-muted disabled:text-[var(--muted-foreground)] disabled:placeholder:text-[var(--muted-foreground)] disabled:opacity-100 disabled:focus-visible:border-border disabled:focus-visible:ring-0";
+var AdsTextarea = React62.forwardRef(
   ({
     action,
     className,
@@ -6757,12 +7049,12 @@ var AdsTextarea = React61.forwardRef(
       helperText,
       id
     });
-    const helperNode = helperText ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
-    const errorNode = errorText ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(AdsFieldError, { id: description.errorId, children: errorText }) : null;
-    return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(AdsFieldItem, { children: [
-      label ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(AdsFieldLabel, { htmlFor: description.inputId, children: label }) : null,
+    const helperNode = helperText ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
+    const errorNode = errorText ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(AdsFieldError, { id: description.errorId, children: errorText }) : null;
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(AdsFieldItem, { children: [
+      label ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(AdsFieldLabel, { htmlFor: description.inputId, children: label }) : null,
       descriptionPlacement === "above" ? helperNode : null,
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
         Textarea,
         {
           "aria-describedby": description.describedBy,
@@ -6780,7 +7072,7 @@ var AdsTextarea = React61.forwardRef(
           ...props
         }
       ),
-      action ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "w-full [&>*]:w-full", children: action }) : null,
+      action ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "w-full [&>*]:w-full", children: action }) : null,
       descriptionPlacement === "below" ? helperNode : null,
       errorNode
     ] });
@@ -6789,16 +7081,16 @@ var AdsTextarea = React61.forwardRef(
 AdsTextarea.displayName = "AdsTextarea";
 
 // src/components/AdsToast/index.tsx
-var React62 = __toESM(require("react"), 1);
-var import_lucide_react16 = require("lucide-react");
+var React63 = __toESM(require("react"), 1);
+var import_lucide_react17 = require("lucide-react");
 var import_sonner = require("sonner");
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 var adsToastIconMap = {
-  success: import_lucide_react16.CircleCheck,
-  info: import_lucide_react16.Info,
-  warning: import_lucide_react16.TriangleAlert,
-  error: import_lucide_react16.OctagonX,
-  loading: import_lucide_react16.LoaderCircle
+  success: import_lucide_react17.CircleCheck,
+  info: import_lucide_react17.Info,
+  warning: import_lucide_react17.TriangleAlert,
+  error: import_lucide_react17.OctagonX,
+  loading: import_lucide_react17.LoaderCircle
 };
 function resolveToastIcon(intent, icon) {
   if (icon) {
@@ -6808,7 +7100,7 @@ function resolveToastIcon(intent, icon) {
     return null;
   }
   const Icon2 = adsToastIconMap[intent];
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
     Icon2,
     {
       "aria-hidden": true,
@@ -6821,7 +7113,7 @@ function resolveToastIcon(intent, icon) {
     }
   );
 }
-var AdsToast = React62.forwardRef(
+var AdsToast = React63.forwardRef(
   ({
     action,
     className,
@@ -6832,7 +7124,7 @@ var AdsToast = React62.forwardRef(
     ...props
   }, ref) => {
     const resolvedIcon = resolveToastIcon(intent, icon);
-    return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
       "div",
       {
         className: cn(
@@ -6847,8 +7139,8 @@ var AdsToast = React62.forwardRef(
         ...props,
         children: [
           resolvedIcon,
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
               "p",
               {
                 className: cn(
@@ -6858,7 +7150,7 @@ var AdsToast = React62.forwardRef(
                 children: title
               }
             ),
-            description ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+            description ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
               "p",
               {
                 className: cn(
@@ -6869,7 +7161,7 @@ var AdsToast = React62.forwardRef(
               }
             ) : null
           ] }),
-          action ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+          action ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
             AdsButton,
             {
               className: "shrink-0 rounded-radius-lg",
@@ -6895,7 +7187,7 @@ function AdsToaster({
   ...props
 }) {
   const { messages } = useAdsI18n();
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
     import_sonner.Toaster,
     {
       closeButton: false,
@@ -6913,7 +7205,7 @@ function AdsToaster({
   );
 }
 function toStageNode(intent, title, options) {
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
     AdsToast,
     {
       action: options?.action,
@@ -6927,7 +7219,7 @@ function toStageNode(intent, title, options) {
 function showAdsToast(intent, title, options) {
   const { action, description, icon, ...toastOptions } = options ?? {};
   return import_sonner.toast.custom(
-    (id) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+    (id) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
       AdsToast,
       {
         action: action ? {
@@ -6981,10 +7273,10 @@ var AdsToastManager = Object.assign(
 );
 
 // src/components/AdsDialog/index.tsx
-var React63 = __toESM(require("react"), 1);
+var React64 = __toESM(require("react"), 1);
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
-var import_lucide_react17 = require("lucide-react");
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_lucide_react18 = require("lucide-react");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var overlayClassName2 = "fixed inset-0 z-50 bg-black/80 backdrop-blur-[2px] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0";
 var contentClassName2 = "fixed left-1/2 top-1/2 z-50 flex max-h-[calc(100dvh-2rem)] w-[calc(100%-2rem)] max-w-[423px] -translate-x-1/2 -translate-y-1/2 flex-col gap-lg overflow-hidden rounded-radius-md border border-border bg-card p-xl shadow-[0px_4px_6px_-4px_rgba(0,0,0,0.1),0px_10px_15px_-3px_rgba(0,0,0,0.1)] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]";
 var bodyClassName = "min-h-0 flex-1 overflow-y-auto overscroll-contain [scrollbar-gutter:stable]";
@@ -6992,7 +7284,7 @@ var closeButtonClassName = "absolute right-xl top-xl inline-flex h-6 w-6 items-c
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
-var DialogOverlay = React63.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+var DialogOverlay = React64.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
   DialogPrimitive.Overlay,
   {
     className: cn(overlayClassName2, className),
@@ -7001,7 +7293,7 @@ var DialogOverlay = React63.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = "DialogOverlay";
-var DialogClose = React63.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+var DialogClose = React64.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
   DialogPrimitive.Close,
   {
     className: cn(
@@ -7015,8 +7307,8 @@ var DialogClose = React63.forwardRef(({ className, ...props }, ref) => /* @__PUR
 DialogClose.displayName = "DialogClose";
 function flattenDialogChildren(children) {
   const nodes = [];
-  React63.Children.forEach(children, (child) => {
-    if (React63.isValidElement(child) && child.type === React63.Fragment) {
+  React64.Children.forEach(children, (child) => {
+    if (React64.isValidElement(child) && child.type === React64.Fragment) {
       nodes.push(...flattenDialogChildren(child.props.children));
       return;
     }
@@ -7025,10 +7317,10 @@ function flattenDialogChildren(children) {
   return nodes;
 }
 function isDialogSlotElement(child, component) {
-  return React63.isValidElement(child) && child.type === component;
+  return React64.isValidElement(child) && child.type === component;
 }
-var DialogBody = React63.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+var DialogBody = React64.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
     "div",
     {
       className: cn(bodyClassName, className),
@@ -7039,7 +7331,7 @@ var DialogBody = React63.forwardRef(
   )
 );
 DialogBody.displayName = "DialogBody";
-var DialogContent = React63.forwardRef(
+var DialogContent = React64.forwardRef(
   ({
     children,
     className,
@@ -7096,9 +7388,9 @@ var DialogContent = React63.forwardRef(
     const looseBodyNodes = bodyNodes.filter(
       (child) => !isDialogSlotElement(child, DialogBody)
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(NestedDismissableLayerProvider, { coordinator: parentLayer.coordinator, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(DialogPortal, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(DialogOverlay, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(NestedDismissableLayerProvider, { coordinator: parentLayer.coordinator, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(DialogPortal, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(DialogOverlay, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
         DialogPrimitive.Content,
         {
           "data-slot": "ads-dialog-content",
@@ -7114,18 +7406,18 @@ var DialogContent = React63.forwardRef(
           ...props,
           children: [
             headerNode,
-            headerNode === null && generatedHeaderNodes.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(DialogHeader, { children: generatedHeaderNodes }) : null,
+            headerNode === null && generatedHeaderNodes.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(DialogHeader, { children: generatedHeaderNodes }) : null,
             explicitBodyNodes.length > 0 ? explicitBodyNodes : null,
-            looseBodyNodes.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(DialogBody, { children: looseBodyNodes }) : null,
+            looseBodyNodes.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(DialogBody, { children: looseBodyNodes }) : null,
             footerNode,
-            !hideCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+            !hideCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
               DialogPrimitive.Close,
               {
                 "aria-label": resolvedCloseLabel,
                 className: cn(closeButtonClassName, adsTextColorClassName.card),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react17.X, { "aria-hidden": true, className: "h-4 w-4" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "sr-only", children: resolvedCloseLabel })
+                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react18.X, { "aria-hidden": true, className: "h-4 w-4" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "sr-only", children: resolvedCloseLabel })
                 ]
               }
             ) : null
@@ -7136,8 +7428,8 @@ var DialogContent = React63.forwardRef(
   }
 );
 DialogContent.displayName = "DialogContent";
-var DialogHeader = React63.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+var DialogHeader = React64.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
     "div",
     {
       "data-slot": "ads-dialog-header",
@@ -7148,8 +7440,8 @@ var DialogHeader = React63.forwardRef(
   )
 );
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = React63.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+var DialogFooter = React64.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
     "div",
     {
       "data-slot": "ads-dialog-footer",
@@ -7163,7 +7455,7 @@ var DialogFooter = React63.forwardRef(
   )
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React63.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+var DialogTitle = React64.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
   DialogPrimitive.Title,
   {
     className: cn(
@@ -7176,7 +7468,7 @@ var DialogTitle = React63.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = "DialogTitle";
-var DialogDescription = React63.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+var DialogDescription = React64.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
   DialogPrimitive.Description,
   {
     className: cn("text-sm leading-5", adsTextColorClassName.muted, className),
@@ -7199,7 +7491,7 @@ var AdsDialogDescription = DialogDescription;
 
 // src/components/AdsMasonry/index.tsx
 var import_masonic = require("masonic");
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var DEFAULT_COLUMN_WIDTH = 240;
 var DEFAULT_GAP = 16;
 var DEFAULT_ITEM_HEIGHT_ESTIMATE = 280;
@@ -7235,7 +7527,7 @@ function AdsMasonry({
       { length: loadingItemCount },
       (_, index) => index
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       "div",
       {
         className: cn(
@@ -7247,20 +7539,20 @@ function AdsMasonry({
           const mediaHeight = LOADING_MEDIA_HEIGHT_PATTERN[index % LOADING_MEDIA_HEIGHT_PATTERN.length];
           const titleWidth = LOADING_TITLE_WIDTH_PATTERN[index % LOADING_TITLE_WIDTH_PATTERN.length];
           const bodyWidth = LOADING_BODY_WIDTH_PATTERN[index % LOADING_BODY_WIDTH_PATTERN.length];
-          return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
             "article",
             {
               className: "overflow-hidden rounded-radius-lg border border-border bg-card shadow-showcase",
               "data-slot": "ads-masonry-loading-card",
               "data-testid": "ads-masonry-loading-card",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                   "div",
                   {
                     className: "border-b border-border/60 bg-surface-inset/50",
                     "data-slot": "ads-masonry-skeleton-preview",
                     "data-testid": "ads-masonry-skeleton-preview",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                       AdsSkeleton,
                       {
                         className: cn("w-full rounded-none", classNames?.skeleton),
@@ -7271,10 +7563,10 @@ function AdsMasonry({
                     )
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex flex-col gap-4 p-lg", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex-1 space-y-2", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex flex-col gap-4 p-lg", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex-1 space-y-2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                         AdsSkeleton,
                         {
                           className: cn("h-3 w-16 rounded-full", classNames?.skeleton),
@@ -7282,7 +7574,7 @@ function AdsMasonry({
                           "data-testid": "ads-masonry-skeleton"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                         AdsSkeleton,
                         {
                           className: cn("h-6 rounded-full", classNames?.skeleton),
@@ -7292,7 +7584,7 @@ function AdsMasonry({
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                       AdsSkeleton,
                       {
                         className: cn("h-6 w-16 rounded-full", classNames?.skeleton),
@@ -7301,7 +7593,7 @@ function AdsMasonry({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                     AdsSkeleton,
                     {
                       className: cn("h-4 rounded-full", classNames?.skeleton),
@@ -7320,7 +7612,7 @@ function AdsMasonry({
     );
   }
   if (items.length === 0) {
-    return emptyState ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    return emptyState ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       "div",
       {
         className: cn(rootClassName, classNames?.empty),
@@ -7329,7 +7621,7 @@ function AdsMasonry({
       }
     ) : null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
     import_masonic.Masonry,
     {
       className: rootClassName,
@@ -7341,7 +7633,7 @@ function AdsMasonry({
       maxColumnCount,
       onRender,
       overscanBy,
-      render: ({ data, index, width }) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+      render: ({ data, index, width }) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
         "div",
         {
           className: cn("pb-0", classNames?.item, itemClassName),
@@ -7503,6 +7795,7 @@ var designTokens = {
   AdsInputOTPGroup,
   AdsInputOTPSeparator,
   AdsInputOTPSlot,
+  AdsLineChart,
   AdsMasonry,
   AdsPagination,
   AdsPaginationContent,