@adsgency_npm/adsgency-ads-ui 0.1.0-alpha.20 → 0.1.0-alpha.22

package/dist/index.cjs

@@ -48,6 +48,7 @@ __export(src_exports, {
   AdsAlertDialogTrigger: () => AdsAlertDialogTrigger,
   AdsAlertTitle: () => AlertTitle2,
   AdsBadge: () => AdsBadge,
+  AdsBarChart: () => AdsBarChart,
   AdsBreadcrumb: () => AdsBreadcrumb,
   AdsBreadcrumbEllipsis: () => AdsBreadcrumbEllipsis,
   AdsBreadcrumbItem: () => AdsBreadcrumbItem,
@@ -124,6 +125,7 @@ __export(src_exports, {
   AdsPopoverTitle: () => AdsPopoverTitle,
   AdsPopoverTrigger: () => AdsPopoverTrigger,
   AdsProgress: () => AdsProgress,
+  AdsRadialProgressChart: () => AdsRadialProgressChart,
   AdsRadioGroup: () => AdsRadioGroup,
   AdsRadioGroupCardOption: () => AdsRadioGroupCardOption,
   AdsRadioGroupOption: () => AdsRadioGroupOption,
@@ -141,7 +143,9 @@ __export(src_exports, {
   AdsSeparator: () => AdsSeparator,
   AdsSkeleton: () => AdsSkeleton,
   AdsSlider: () => AdsSlider,
+  AdsSparklineChart: () => AdsSparklineChart,
   AdsSpinner: () => AdsSpinner,
+  AdsStackedBarChart: () => AdsStackedBarChart,
   AdsSwitch: () => AdsSwitch,
   AdsTable: () => AdsTable,
   AdsTableBody: () => AdsTableBody,
@@ -219,7 +223,6 @@ 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",
@@ -270,7 +273,6 @@ 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",
@@ -829,7 +831,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-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 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 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;
@@ -2806,7 +2808,6 @@ AdsSkeleton.displayName = "AdsSkeleton";
 
 // src/components/AdsInput/index.tsx
 var React30 = __toESM(require("react"), 1);
-var import_lucide_react10 = require("lucide-react");
 
 // src/lib/adsClearButton.tsx
 var React29 = __toESM(require("react"), 1);
@@ -2833,11 +2834,6 @@ var inputSizeClasses = {
   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);
@@ -2856,17 +2852,6 @@ function getTextInputValue(value) {
   }
   return "";
 }
-function renderFileTriggerIcon(icon) {
-  if (!icon) {
-    return null;
-  }
-  if (React30.isValidElement(icon)) {
-    return React30.cloneElement(icon, {
-      className: cn("!h-4 !w-4 h-4 w-4", icon.props.className)
-    });
-  }
-  return icon;
-}
 function getInputSurfaceClassName({
   className,
   errorText,
@@ -2893,7 +2878,6 @@ var AdsInput = React30.forwardRef(
     descriptionPlacement = "below",
     emptyFileLabel,
     errorText,
-    fileTriggerIcon = /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react10.Upload, { "aria-hidden": true, className: "h-4 w-4" }),
     fileTriggerLabel,
     helperText,
     id,
@@ -2934,7 +2918,6 @@ var AdsInput = React30.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 = React30.useCallback(
       (event) => {
@@ -2965,7 +2948,7 @@ var AdsInput = React30.forwardRef(
     const fileNameText = selectedFiles.length > 0 ? selectedFiles.join(", ") : resolvedEmptyFileLabel;
     const helperNode = helperText ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
     const errorNode = errorText ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(AdsFieldError, { id: description.errorId, children: errorText }) : null;
-    const inputNode = isFileInput ? /* @__PURE__ */ (0, import_jsx_runtime33.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: [
+    const inputNode = isFileInput ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "relative flex w-full min-w-0 flex-1 items-center", children: [
       /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         Input,
         {
@@ -2991,23 +2974,20 @@ var AdsInput = React30.forwardRef(
         {
           "aria-hidden": "true",
           className: cn(
-            "flex w-full min-w-0 items-center gap-sm text-sm leading-5",
+            inputSurfaceClassName,
+            adsTextColorClassName.card,
+            "items-center text-sm leading-5",
             props.disabled ? "cursor-not-allowed opacity-50" : void 0
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
               "span",
               {
-                "data-ads-file-trigger": "",
                 className: cn(
-                  "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
+                  "shrink-0 pr-sm text-sm font-medium leading-5",
+                  adsTextColorClassName.card
                 ),
-                children: [
-                  resolvedFileTriggerIcon ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "inline-flex h-4 w-4 items-center justify-center [&>svg]:!h-4 [&>svg]:!w-4", children: resolvedFileTriggerIcon }) : null,
-                  resolvedFileTriggerLabel
-                ]
+                children: resolvedFileTriggerLabel
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
@@ -3298,7 +3278,7 @@ var React34 = __toESM(require("react"), 1);
 // src/primitives/input-otp.tsx
 var React33 = __toESM(require("react"), 1);
 var import_input_otp = require("input-otp");
-var import_lucide_react11 = require("lucide-react");
+var import_lucide_react10 = require("lucide-react");
 var import_jsx_runtime36 = require("react/jsx-runtime");
 var InputOTP = React33.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
   import_input_otp.OTPInput,
@@ -3336,7 +3316,7 @@ var InputOTPSlot = React33.forwardRef(({ index, className, ...props }, ref) => {
   );
 });
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React33.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react11.Dot, {}) }));
+var InputOTPSeparator = React33.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react10.Dot, {}) }));
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
 // src/components/AdsInputOTP/index.tsx
@@ -3464,11 +3444,11 @@ var React38 = __toESM(require("react"), 1);
 
 // src/components/AdsPagination/index.tsx
 var React36 = __toESM(require("react"), 1);
-var import_lucide_react13 = require("lucide-react");
+var import_lucide_react12 = require("lucide-react");
 
 // src/primitives/pagination.tsx
 var React35 = __toESM(require("react"), 1);
-var import_lucide_react12 = require("lucide-react");
+var import_lucide_react11 = require("lucide-react");
 var import_jsx_runtime38 = require("react/jsx-runtime");
 var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
   "nav",
@@ -3522,7 +3502,7 @@ var PaginationPrevious = ({
     className: cn("gap-1 pl-2.5", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react12.ChevronLeft, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react11.ChevronLeft, { className: "h-4 w-4" }),
       /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { children: "Previous" })
     ]
   }
@@ -3540,7 +3520,7 @@ var PaginationNext = ({
     ...props,
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { children: "Next" }),
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react12.ChevronRight, { className: "h-4 w-4" })
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react11.ChevronRight, { className: "h-4 w-4" })
     ]
   }
 );
@@ -3555,7 +3535,7 @@ var PaginationEllipsis = ({
     className: cn("flex h-9 w-9 items-center justify-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react12.MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react11.MoreHorizontal, { className: "h-4 w-4" }),
       /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "sr-only", children: "More pages" })
     ]
   }
@@ -3610,7 +3590,7 @@ var AdsPaginationPrevious = React36.forwardRef(({ "aria-label": ariaLabel, child
       ref,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react13.ChevronLeft, { "aria-hidden": true, className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react12.ChevronLeft, { "aria-hidden": true, className: "h-4 w-4" }),
         /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: label })
       ]
     }
@@ -3630,7 +3610,7 @@ var AdsPaginationNext = React36.forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react13.ChevronRight, { "aria-hidden": true, className: "h-4 w-4" })
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react12.ChevronRight, { "aria-hidden": true, className: "h-4 w-4" })
         ]
       }
     );
@@ -3654,7 +3634,7 @@ function AdsPaginationEllipsis({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react13.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: resolvedLabel })
       ]
     }
@@ -4186,7 +4166,7 @@ function AdsDataPagination({
 
 // src/components/AdsDataTable/index.tsx
 var React43 = __toESM(require("react"), 1);
-var import_lucide_react16 = require("lucide-react");
+var import_lucide_react15 = require("lucide-react");
 
 // src/components/AdsEmpty/index.tsx
 var import_class_variance_authority9 = require("class-variance-authority");
@@ -4293,7 +4273,7 @@ function AdsEmptyFooter({ className, ...props }) {
 
 // src/components/AdsTable/index.tsx
 var React42 = __toESM(require("react"), 1);
-var import_lucide_react15 = require("lucide-react");
+var import_lucide_react14 = require("lucide-react");
 
 // src/components/AdsRadioGroup/index.tsx
 var React40 = __toESM(require("react"), 1);
@@ -4301,7 +4281,7 @@ var React40 = __toESM(require("react"), 1);
 // src/primitives/radio-group.tsx
 var React39 = __toESM(require("react"), 1);
 var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"), 1);
-var import_lucide_react14 = require("lucide-react");
+var import_lucide_react13 = require("lucide-react");
 var import_jsx_runtime43 = require("react/jsx-runtime");
 var RadioGroup = React39.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
@@ -4324,7 +4304,7 @@ var RadioGroupItem = React39.forwardRef(({ className, ...props }, ref) => {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react14.Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react13.Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
     }
   );
 });
@@ -4728,7 +4708,7 @@ var AdsTableSortHeader = React42.forwardRef(
         variant: "ghost",
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "truncate", children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "inline-flex h-4 w-4 items-center justify-center text-icon-muted", children: sortOrder === "ascend" ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react15.ChevronDown, { className: "h-4 w-4 rotate-180" }) : sortOrder === "descend" ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react15.ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react15.ChevronDown, { className: "h-4 w-4 opacity-60" }) })
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "inline-flex h-4 w-4 items-center justify-center text-icon-muted", children: sortOrder === "ascend" ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react14.ChevronDown, { className: "h-4 w-4 rotate-180" }) : sortOrder === "descend" ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react14.ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react14.ChevronDown, { className: "h-4 w-4 opacity-60" }) })
         ]
       }
     ) });
@@ -4792,7 +4772,7 @@ var AdsTableExpandCell = React42.forwardRef(
         size: "sm",
         type: "button",
         variant: "ghost",
-        children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react15.ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react15.ChevronRight, { className: "h-4 w-4" })
+        children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react14.ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react14.ChevronRight, { className: "h-4 w-4" })
       }
     ) }) });
   }
@@ -4805,33 +4785,18 @@ 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);
@@ -5042,8 +5007,6 @@ function AdsDataTable({
   dataSource = [],
   rowKey,
   loading = false,
-  loadingVariant = "skeleton",
-  expandedRowSurface = "inset",
   emptyText,
   emptyState,
   rowClassName,
@@ -5142,14 +5105,8 @@ 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 = React43.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 = React43.useMemo(
     () => resolvedColumns.reduce((accumulator, column, index) => {
       const columnKey = getColumnKey(column, index);
@@ -5408,7 +5365,7 @@ function AdsDataTable({
               variant: "ghost",
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "truncate", children: headerTitle }),
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "inline-flex h-4 w-4 items-center justify-center text-icon-muted", children: columnSortOrder === "ascend" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react16.ChevronDown, { className: "h-4 w-4 rotate-180" }) : columnSortOrder === "descend" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react16.ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react16.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: columnSortOrder === "ascend" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react15.ChevronDown, { className: "h-4 w-4 rotate-180" }) : columnSortOrder === "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" }) })
               ]
             }
           ) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "truncate", children: headerTitle }),
@@ -5425,7 +5382,7 @@ function AdsDataTable({
                 size: "sm",
                 type: "button",
                 variant: "ghost",
-                children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react16.Filter, { className: "h-3.5 w-3.5" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react15.Filter, { className: "h-3.5 w-3.5" })
               }
             ) }),
             /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(AdsPopoverContent, { align: "end", className: "w-64", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
@@ -5505,26 +5462,7 @@ function AdsDataTable({
           );
         })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(AdsTableBody, { children: loading && loadingVariant === "spinner" ? [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(AdsTableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-          AdsTableCell,
-          {
-            className: "p-0",
-            colSpan: columnCount,
-            children: /* @__PURE__ */ (0, import_jsx_runtime47.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_runtime47.jsx)(AdsSpinner, { size: "lg", tone: "foreground" })
-              }
-            )
-          }
-        ) }, "spinner-row")
-      ] : loading ? Array.from({ length: SKELETON_ROW_COUNT }, (_, skeletonIndex) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(AdsTableRow, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(AdsTableBody, { children: loading ? Array.from({ length: SKELETON_ROW_COUNT }, (_, skeletonIndex) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(AdsTableRow, { children: [
         hasSelectionColumn ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(AdsTableCell, { className: "w-12 p-2", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(AdsSkeleton, { className: "h-4 w-4 rounded-[4px]" }) }) : null,
         hasExpandableColumn ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(AdsTableCell, { className: "w-12 p-2", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(AdsSkeleton, { className: "h-4 w-4 rounded-[4px]" }) }) : null,
         resolvedColumns.map((column, index) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
@@ -5627,7 +5565,7 @@ function AdsDataTable({
                 "div",
                 {
                   className: cn(
-                    expandedRowContentClassName,
+                    "border-t border-border bg-popover/40 p-4",
                     classNames?.expandedRowContent
                   ),
                   children: expandable?.expandedRowRender?.(record, index)
@@ -5640,7 +5578,7 @@ function AdsDataTable({
         /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(AdsTableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
           AdsTableCell,
           {
-            colSpan: columnCount,
+            colSpan: resolvedColumns.length + Number(hasSelectionColumn) + Number(hasExpandableColumn),
             className: cn("p-0", classNames?.emptyRowCell),
             children: renderedEmptyState
           }
@@ -5908,14 +5846,324 @@ var AdsProgress = React45.forwardRef(
 );
 AdsProgress.displayName = "AdsProgress";
 
-// src/components/AdsSlider/index.tsx
+// src/components/AdsRadialProgressChart/index.tsx
+var import_recharts2 = require("recharts");
+
+// src/primitives/chart.tsx
+var React46 = __toESM(require("react"), 1);
+var import_recharts = require("recharts");
+var import_jsx_runtime52 = require("react/jsx-runtime");
+var chartContext = React46.createContext(null);
+var ChartContainer = React46.forwardRef(
+  ({ children, className, config, height = 240, style, ...props }, ref) => {
+    const chartStyle = Object.entries(config).reduce((variables, [key, item]) => {
+      if (item.color) {
+        variables[`--color-${key}`] = item.color;
+      }
+      return variables;
+    }, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(chartContext.Provider, { value: config, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      "div",
+      {
+        className: cn("relative w-full text-xs", className),
+        "data-slot": "chart",
+        ref,
+        style: { height, ...chartStyle, ...style },
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_recharts.ResponsiveContainer, { height: "100%", width: "100%", children })
+      }
+    ) });
+  }
+);
+ChartContainer.displayName = "ChartContainer";
+
+// src/components/AdsRadialProgressChart/index.tsx
+var import_jsx_runtime53 = require("react/jsx-runtime");
+var DEFAULT_SIZE = 160;
+var DEFAULT_STROKE_WIDTH = 14;
+function clamp(value, min, max) {
+  return Math.min(Math.max(value, min), max);
+}
+function AdsRadialProgressChart({
+  ariaLabel,
+  className,
+  color = "var(--primary)",
+  label,
+  max = 100,
+  size = DEFAULT_SIZE,
+  strokeWidth = DEFAULT_STROKE_WIDTH,
+  trackColor = "color-mix(in srgb, var(--primary) 20%, transparent)",
+  value
+}) {
+  const safeMax = Number.isFinite(max) && max > 0 ? max : 0;
+  const safeValue = Number.isFinite(value) && safeMax > 0 ? clamp(value, 0, safeMax) : 0;
+  const percentage = safeMax > 0 ? Math.round(safeValue / safeMax * 100) : 0;
+  const safeSize = Number.isFinite(size) && size > 0 ? size : DEFAULT_SIZE;
+  const safeStrokeWidth = clamp(
+    Number.isFinite(strokeWidth) && strokeWidth > 0 ? strokeWidth : DEFAULT_STROKE_WIDTH,
+    1,
+    safeSize / 2
+  );
+  const chartData = [{ value: safeValue }];
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+    "div",
+    {
+      "aria-label": ariaLabel ?? `${percentage}%`,
+      className: cn(
+        "relative inline-grid size-[var(--ads-radial-chart-size)] place-items-center",
+        className
+      ),
+      "data-testid": "ads-radial-progress-chart",
+      role: "img",
+      style: { "--ads-radial-chart-size": `${safeSize}px` },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          ChartContainer,
+          {
+            "aria-hidden": "true",
+            className: "absolute inset-0",
+            config: { value: { color } },
+            height: "100%",
+            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+              import_recharts2.RadialBarChart,
+              {
+                accessibilityLayer: true,
+                data: chartData,
+                endAngle: -270,
+                innerRadius: safeSize / 2 - safeStrokeWidth,
+                outerRadius: safeSize / 2,
+                startAngle: 90,
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                    import_recharts2.PolarAngleAxis,
+                    {
+                      axisLine: false,
+                      dataKey: "value",
+                      domain: [0, Math.max(safeMax, 1)],
+                      tick: false,
+                      type: "number"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                    import_recharts2.RadialBar,
+                    {
+                      background: { fill: trackColor },
+                      cornerRadius: safeStrokeWidth / 2,
+                      dataKey: "value",
+                      fill: "var(--color-value)",
+                      isAnimationActive: false
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "pointer-events-none absolute inset-0 flex items-center justify-center text-center", children: label ?? `${percentage}%` })
+      ]
+    }
+  );
+}
+
+// src/components/AdsSparklineChart/index.tsx
+var import_recharts3 = require("recharts");
+var import_jsx_runtime54 = require("react/jsx-runtime");
+var DEFAULT_HEIGHT = 40;
+function getSafeHeight(height) {
+  return Number.isFinite(height) && height && height > 0 ? height : DEFAULT_HEIGHT;
+}
+function getSafeValue(value) {
+  return typeof value === "number" && Number.isFinite(value) ? Math.max(value, 0) : 0;
+}
+function AdsSparklineChart({
+  ariaLabel,
+  className,
+  color = "var(--chart-1)",
+  data,
+  dataKey,
+  height,
+  xKey
+}) {
+  const chartData = data.map((datum) => ({
+    ...datum,
+    [xKey]: datum[xKey],
+    [dataKey]: getSafeValue(datum[dataKey])
+  }));
+  const safeHeight = getSafeHeight(height);
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    "div",
+    {
+      "aria-label": ariaLabel ?? "Trend chart",
+      className: cn("w-full", className),
+      "data-testid": "ads-sparkline-chart",
+      role: "img",
+      style: { height: safeHeight },
+      children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+        ChartContainer,
+        {
+          "aria-hidden": "true",
+          className: "h-full",
+          config: { value: { color } },
+          height: "100%",
+          children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_recharts3.LineChart, { data: chartData, margin: { bottom: 1, left: 1, right: 1, top: 1 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_recharts3.XAxis, { dataKey: xKey, hide: true, type: "category" }),
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+              import_recharts3.Line,
+              {
+                activeDot: false,
+                dataKey,
+                dot: false,
+                isAnimationActive: false,
+                stroke: "var(--color-value)",
+                strokeWidth: 2,
+                type: "monotone"
+              }
+            )
+          ] })
+        }
+      )
+    }
+  );
+}
+
+// src/components/AdsStackedBarChart/index.tsx
 var React47 = __toESM(require("react"), 1);
+var import_jsx_runtime55 = require("react/jsx-runtime");
+var DEFAULT_HEIGHT2 = 20;
+var DEFAULT_SEGMENT_COLOR = "var(--chart-1)";
+function getSafeHeight2(height) {
+  return Number.isFinite(height) && height && height > 0 ? height : DEFAULT_HEIGHT2;
+}
+function formatPercentage(percentage) {
+  return `${Number(percentage.toFixed(2))}%`;
+}
+function AdsStackedBarChart({
+  ariaLabel,
+  className,
+  height,
+  segments
+}) {
+  const descriptionId = React47.useId();
+  const validSegments = segments.reduce((items, segment, index) => {
+    const value = Number.isFinite(segment.value) ? Math.max(segment.value, 0) : 0;
+    if (value > 0) {
+      items.push({
+        color: segment.color ?? DEFAULT_SEGMENT_COLOR,
+        label: segment.label ?? `Segment ${index + 1}`,
+        value
+      });
+    }
+    return items;
+  }, []);
+  const normalizationBase = validSegments.reduce(
+    (maximum, segment) => Math.max(maximum, segment.value),
+    0
+  );
+  const normalizedTotal = normalizationBase > 0 ? validSegments.reduce((sum, segment) => sum + segment.value / normalizationBase, 0) : 0;
+  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_runtime55.jsxs)(
+    "div",
+    {
+      "aria-label": ariaLabel ?? summary,
+      "aria-describedby": ariaLabel ? descriptionId : void 0,
+      className: cn("overflow-hidden rounded-full bg-muted", className),
+      "data-testid": "ads-stacked-bar-chart",
+      role: "img",
+      style: { height: getSafeHeight2(height) },
+      children: [
+        ariaLabel && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "sr-only", id: descriptionId, children: summary }),
+        hasData && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { "aria-hidden": "true", className: "flex size-full", children: validSegments.map((segment, index) => {
+          const percentage = getPercentage(segment.value);
+          return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+            "div",
+            {
+              "data-testid": "ads-stacked-bar-chart-segment",
+              style: { backgroundColor: segment.color, width: `${percentage}%` }
+            },
+            `${segment.label}-${index}`
+          );
+        }) })
+      ]
+    }
+  );
+}
+
+// src/components/AdsBarChart/index.tsx
+var import_recharts4 = require("recharts");
+var import_jsx_runtime56 = require("react/jsx-runtime");
+var DEFAULT_HEIGHT3 = 160;
+var DEFAULT_HIGHLIGHT_COLOR = "var(--chart-2)";
+var DEFAULT_RADIUS = 4;
+function getSafeHeight3(height) {
+  return Number.isFinite(height) && height && height > 0 ? height : DEFAULT_HEIGHT3;
+}
+function getSafeRadius(radius) {
+  return Number.isFinite(radius) && radius !== void 0 && radius >= 0 ? radius : DEFAULT_RADIUS;
+}
+function getSafeValue2(value) {
+  return typeof value === "number" && Number.isFinite(value) ? Math.max(value, 0) : 0;
+}
+function AdsBarChart({
+  ariaLabel,
+  barRadius,
+  className,
+  color = "var(--chart-1)",
+  data,
+  dataKey,
+  height,
+  highlightColor,
+  highlightIndex,
+  xKey
+}) {
+  const chartData = data.map((datum) => ({
+    ...datum,
+    [xKey]: datum[xKey],
+    [dataKey]: getSafeValue2(datum[dataKey])
+  }));
+  const safeHeight = getSafeHeight3(height);
+  const safeRadius = getSafeRadius(barRadius);
+  const safeHighlightIndex = Number.isInteger(highlightIndex) ? highlightIndex : -1;
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    "div",
+    {
+      "aria-label": ariaLabel ?? "Bar chart",
+      className: cn("w-full", className),
+      "data-testid": "ads-bar-chart",
+      role: "img",
+      style: { height: safeHeight },
+      children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+        ChartContainer,
+        {
+          "aria-hidden": "true",
+          className: "h-full",
+          config: { value: { color } },
+          height: "100%",
+          children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_recharts4.BarChart, { data: chartData, margin: { bottom: 0, left: 0, right: 0, top: 0 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_recharts4.XAxis, { dataKey: xKey, hide: true, type: "category" }),
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_recharts4.Bar, { dataKey, fill: "var(--color-value)", isAnimationActive: false, radius: safeRadius, children: chartData.map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+              import_recharts4.Cell,
+              {
+                fill: index === safeHighlightIndex ? highlightColor ?? DEFAULT_HIGHLIGHT_COLOR : "var(--color-value)"
+              },
+              index
+            )) })
+          ] })
+        }
+      )
+    }
+  );
+}
+
+// src/components/AdsSlider/index.tsx
+var React49 = __toESM(require("react"), 1);
 
 // src/primitives/slider.tsx
-var React46 = __toESM(require("react"), 1);
+var React48 = __toESM(require("react"), 1);
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"), 1);
-var import_jsx_runtime52 = require("react/jsx-runtime");
-var Slider = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+var import_jsx_runtime57 = require("react/jsx-runtime");
+var Slider = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
   SliderPrimitive.Root,
   {
     ref,
@@ -5925,10 +6173,10 @@ var Slider = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime57.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_runtime52.jsx)(
+      }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime57.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"
@@ -5941,11 +6189,11 @@ var Slider = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 Slider.displayName = SliderPrimitive.Root.displayName;
 
 // src/components/AdsSlider/index.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var sliderBaseClassName = "py-1";
-var Slider2 = React47.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Slider, { className: cn(sliderBaseClassName, className), ref, ...props }));
+var Slider2 = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Slider, { className: cn(sliderBaseClassName, className), ref, ...props }));
 Slider2.displayName = "Slider";
-var AdsSlider = React47.forwardRef(
+var AdsSlider = React49.forwardRef(
   ({
     className,
     descriptionPlacement = "above",
@@ -5960,12 +6208,12 @@ var AdsSlider = React47.forwardRef(
       helperText,
       id
     });
-    const helperNode = helperText ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
-    const errorNode = errorText ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(AdsFieldError, { id: description.errorId, children: errorText }) : null;
-    return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(AdsFieldItem, { children: [
-      label ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(AdsFieldLabel, { children: label }) : null,
+    const helperNode = helperText ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
+    const errorNode = errorText ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(AdsFieldError, { id: description.errorId, children: errorText }) : null;
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(AdsFieldItem, { children: [
+      label ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(AdsFieldLabel, { children: label }) : null,
       descriptionPlacement === "above" ? helperNode : null,
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
         Slider2,
         {
           "aria-describedby": description.describedBy,
@@ -5982,13 +6230,13 @@ var AdsSlider = React47.forwardRef(
 AdsSlider.displayName = "AdsSlider";
 
 // src/components/AdsSwitch/index.tsx
-var React49 = __toESM(require("react"), 1);
+var React51 = __toESM(require("react"), 1);
 
 // src/primitives/switch.tsx
-var React48 = __toESM(require("react"), 1);
+var React50 = __toESM(require("react"), 1);
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"), 1);
-var import_jsx_runtime54 = require("react/jsx-runtime");
-var Switch = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+var import_jsx_runtime59 = require("react/jsx-runtime");
+var Switch = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
   SwitchPrimitives.Root,
   {
     className: cn(
@@ -5997,7 +6245,7 @@ var Switch = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props,
     ref,
-    children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       SwitchPrimitives.Thumb,
       {
         className: cn(
@@ -6010,15 +6258,15 @@ var Switch = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/AdsSwitch/index.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime60 = 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 = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Switch, { className: cn(switchBaseClassName, className), ref, ...props }));
+var Switch2 = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Switch, { className: cn(switchBaseClassName, className), ref, ...props }));
 Switch2.displayName = "Switch";
-var AdsSwitch = React49.forwardRef(({ className, description, id, label, switchClassName, wrapperClassName, ...props }, ref) => {
-  const generatedId = React49.useId();
+var AdsSwitch = React51.forwardRef(({ className, description, id, label, switchClassName, wrapperClassName, ...props }, ref) => {
+  const generatedId = React51.useId();
   const inputId = id ?? generatedId;
   if (!label) {
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       Switch2,
       {
         className: cn(className, switchClassName),
@@ -6028,12 +6276,12 @@ var AdsSwitch = React49.forwardRef(({ className, description, id, label, switchC
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("label", { className: cn("block w-full cursor-pointer", wrapperClassName), htmlFor: inputId, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex w-full items-start gap-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5 pt-0.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "text-sm font-medium leading-5 text-foreground", children: label }),
-      description ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(AdsFieldDescription, { className: "text-sm leading-5", children: description }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("label", { className: cn("block w-full cursor-pointer", wrapperClassName), htmlFor: inputId, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex w-full items-start gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5 pt-0.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "text-sm font-medium leading-5 text-foreground", children: label }),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(AdsFieldDescription, { className: "text-sm leading-5", children: description }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       Switch2,
       {
         className: cn(className, switchClassName),
@@ -6047,14 +6295,14 @@ var AdsSwitch = React49.forwardRef(({ className, description, id, label, switchC
 AdsSwitch.displayName = "AdsSwitch";
 
 // src/components/AdsTabs/index.tsx
-var React51 = __toESM(require("react"), 1);
+var React53 = __toESM(require("react"), 1);
 
 // src/primitives/tabs.tsx
-var React50 = __toESM(require("react"), 1);
+var React52 = __toESM(require("react"), 1);
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"), 1);
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var Tabs = TabsPrimitive.Root;
-var TabsList = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+var TabsList = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
   TabsPrimitive.List,
   {
     className: cn("inline-flex items-center", className),
@@ -6063,7 +6311,7 @@ var TabsList = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+var TabsTrigger = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
   TabsPrimitive.Trigger,
   {
     className: cn(
@@ -6075,7 +6323,7 @@ var TabsTrigger = React50.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+var TabsContent = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
   TabsPrimitive.Content,
   {
     className: cn("focus-visible:outline-none", className),
@@ -6086,9 +6334,9 @@ var TabsContent = React50.forwardRef(({ className, ...props }, ref) => /* @__PUR
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/AdsTabs/index.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var AdsTabs = Tabs;
-var AdsTabsList = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+var AdsTabsList = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
   TabsList,
   {
     className: cn(
@@ -6100,7 +6348,7 @@ var AdsTabsList = React51.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 AdsTabsList.displayName = "AdsTabsList";
-var AdsTabsTrigger = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+var AdsTabsTrigger = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
   TabsTrigger,
   {
     className: cn(
@@ -6112,7 +6360,7 @@ var AdsTabsTrigger = React51.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 AdsTabsTrigger.displayName = "AdsTabsTrigger";
-var AdsTabsContent = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+var AdsTabsContent = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
   TabsContent,
   {
     className: cn(
@@ -6126,13 +6374,13 @@ var AdsTabsContent = React51.forwardRef(({ className, ...props }, ref) => /* @__
 AdsTabsContent.displayName = "AdsTabsContent";
 
 // src/components/AdsToggle/index.tsx
-var React53 = __toESM(require("react"), 1);
+var React55 = __toESM(require("react"), 1);
 
 // src/primitives/toggle.tsx
-var React52 = __toESM(require("react"), 1);
+var React54 = __toESM(require("react"), 1);
 var TogglePrimitive = __toESM(require("@radix-ui/react-toggle"), 1);
-var import_jsx_runtime58 = require("react/jsx-runtime");
-var Toggle = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+var import_jsx_runtime63 = require("react/jsx-runtime");
+var Toggle = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
   TogglePrimitive.Root,
   {
     className: cn(
@@ -6146,7 +6394,7 @@ var Toggle = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 Toggle.displayName = TogglePrimitive.Root.displayName;
 
 // src/components/AdsToggle/index.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var sizeClassName3 = {
   sm: "!h-8 px-[6px] text-sm",
   md: "!h-9 px-md text-sm",
@@ -6161,10 +6409,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 = React53.forwardRef(({ children, className, size = "md", variant = "default", ...props }, ref) => {
-  const childCount = React53.Children.count(children);
-  const isIconOnly = childCount === 1 && React53.isValidElement(children);
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+var AdsToggle = React55.forwardRef(({ children, className, size = "md", variant = "default", ...props }, ref) => {
+  const childCount = React55.Children.count(children);
+  const isIconOnly = childCount === 1 && React55.isValidElement(children);
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
     Toggle,
     {
       className: cn(
@@ -6183,13 +6431,13 @@ var AdsToggle = React53.forwardRef(({ children, className, size = "md", variant
 AdsToggle.displayName = "AdsToggle";
 
 // src/components/AdsToggleGroup/index.tsx
-var React55 = __toESM(require("react"), 1);
+var React57 = __toESM(require("react"), 1);
 
 // src/primitives/toggle-group.tsx
-var React54 = __toESM(require("react"), 1);
+var React56 = __toESM(require("react"), 1);
 var ToggleGroupPrimitive = __toESM(require("@radix-ui/react-toggle-group"), 1);
-var import_jsx_runtime60 = require("react/jsx-runtime");
-var ToggleGroup = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+var import_jsx_runtime65 = require("react/jsx-runtime");
+var ToggleGroup = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
   ToggleGroupPrimitive.Root,
   {
     className: cn("inline-flex items-center justify-start", className),
@@ -6198,7 +6446,7 @@ var ToggleGroup = React54.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+var ToggleGroupItem = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
   ToggleGroupPrimitive.Item,
   {
     className: cn(
@@ -6212,7 +6460,7 @@ var ToggleGroupItem = React54.forwardRef(({ className, ...props }, ref) => /* @_
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 
 // src/components/AdsToggleGroup/index.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime66 = 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",
@@ -6222,8 +6470,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 = React55.createContext(null);
-var AdsToggleGroup = React55.forwardRef(
+var AdsToggleGroupContext = React57.createContext(null);
+var AdsToggleGroup = React57.forwardRef(
   ({
     children,
     className,
@@ -6231,7 +6479,7 @@ var AdsToggleGroup = React55.forwardRef(
     size = "md",
     variant = "default",
     ...props
-  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(AdsToggleGroupContext.Provider, { value: { orientation, size, variant }, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(AdsToggleGroupContext.Provider, { value: { orientation, size, variant }, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     ToggleGroup,
     {
       className: cn(
@@ -6247,12 +6495,12 @@ var AdsToggleGroup = React55.forwardRef(
   ) })
 );
 AdsToggleGroup.displayName = "AdsToggleGroup";
-var AdsToggleGroupItem = React55.forwardRef(({ className, size, variant, ...props }, ref) => {
-  const context = React55.useContext(AdsToggleGroupContext);
+var AdsToggleGroupItem = React57.forwardRef(({ className, size, variant, ...props }, ref) => {
+  const context = React57.useContext(AdsToggleGroupContext);
   const resolvedOrientation = context?.orientation ?? "horizontal";
   const resolvedSize = size ?? context?.size ?? "md";
   const resolvedVariant = variant ?? context?.variant ?? "default";
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     ToggleGroupItem,
     {
       className: cn(
@@ -6270,10 +6518,10 @@ var AdsToggleGroupItem = React55.forwardRef(({ className, size, variant, ...prop
 AdsToggleGroupItem.displayName = "AdsToggleGroupItem";
 
 // src/components/AdsTextarea/index.tsx
-var React56 = __toESM(require("react"), 1);
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var React58 = __toESM(require("react"), 1);
+var import_jsx_runtime67 = 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 = React56.forwardRef(
+var AdsTextarea = React58.forwardRef(
   ({
     action,
     className,
@@ -6292,12 +6540,12 @@ var AdsTextarea = React56.forwardRef(
       helperText,
       id
     });
-    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, { htmlFor: description.inputId, children: label }) : null,
+    const helperNode = helperText ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
+    const errorNode = errorText ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(AdsFieldError, { id: description.errorId, children: errorText }) : null;
+    return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(AdsFieldItem, { children: [
+      label ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(AdsFieldLabel, { htmlFor: description.inputId, children: label }) : null,
       descriptionPlacement === "above" ? helperNode : null,
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
         Textarea,
         {
           "aria-describedby": description.describedBy,
@@ -6315,7 +6563,7 @@ var AdsTextarea = React56.forwardRef(
           ...props
         }
       ),
-      action ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "w-full [&>*]:w-full", children: action }) : null,
+      action ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "w-full [&>*]:w-full", children: action }) : null,
       descriptionPlacement === "below" ? helperNode : null,
       errorNode
     ] });
@@ -6324,17 +6572,17 @@ var AdsTextarea = React56.forwardRef(
 AdsTextarea.displayName = "AdsTextarea";
 
 // src/components/AdsTooltip/index.tsx
-var React58 = __toESM(require("react"), 1);
+var React60 = __toESM(require("react"), 1);
 
 // src/primitives/tooltip.tsx
-var React57 = __toESM(require("react"), 1);
+var React59 = __toESM(require("react"), 1);
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
 var TooltipArrow = TooltipPrimitive.Arrow;
-var TooltipContent = React57.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+var TooltipContent = React59.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
   TooltipPrimitive.Content,
   {
     className: cn(
@@ -6349,12 +6597,12 @@ var TooltipContent = React57.forwardRef(({ className, sideOffset = 4, ...props }
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
 // src/components/AdsTooltip/index.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime69 = 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 = Tooltip;
 var AdsTooltipTrigger = TooltipTrigger;
-var AdsTooltipContent = React58.forwardRef(({ align = "center", className, sideOffset = 10, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+var AdsTooltipContent = React60.forwardRef(({ align = "center", className, sideOffset = 10, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
   TooltipContent,
   {
     align,
@@ -6365,7 +6613,7 @@ var AdsTooltipContent = React58.forwardRef(({ align = "center", className, sideO
   }
 ));
 AdsTooltipContent.displayName = "AdsTooltipContent";
-var AdsTooltipArrow = React58.forwardRef(({ className, height = 5, width = 10, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+var AdsTooltipArrow = React60.forwardRef(({ className, height = 5, width = 10, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
   TooltipArrow,
   {
     className: cn("fill-[#844fff]", className),
@@ -6378,16 +6626,16 @@ var AdsTooltipArrow = React58.forwardRef(({ className, height = 5, width = 10, .
 AdsTooltipArrow.displayName = "AdsTooltipArrow";
 
 // src/components/AdsToast/index.tsx
-var React59 = __toESM(require("react"), 1);
-var import_lucide_react17 = require("lucide-react");
+var React61 = __toESM(require("react"), 1);
+var import_lucide_react16 = require("lucide-react");
 var import_sonner = require("sonner");
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 var adsToastIconMap = {
-  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
+  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
 };
 function resolveToastIcon(intent, icon) {
   if (icon) {
@@ -6397,7 +6645,7 @@ function resolveToastIcon(intent, icon) {
     return null;
   }
   const Icon2 = adsToastIconMap[intent];
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     Icon2,
     {
       "aria-hidden": true,
@@ -6410,7 +6658,7 @@ function resolveToastIcon(intent, icon) {
     }
   );
 }
-var AdsToast = React59.forwardRef(
+var AdsToast = React61.forwardRef(
   ({
     action,
     className,
@@ -6421,7 +6669,7 @@ var AdsToast = React59.forwardRef(
     ...props
   }, ref) => {
     const resolvedIcon = resolveToastIcon(intent, icon);
-    return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
       "div",
       {
         className: cn(
@@ -6436,8 +6684,8 @@ var AdsToast = React59.forwardRef(
         ...props,
         children: [
           resolvedIcon,
-          /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
               "p",
               {
                 className: cn(
@@ -6447,7 +6695,7 @@ var AdsToast = React59.forwardRef(
                 children: title
               }
             ),
-            description ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+            description ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
               "p",
               {
                 className: cn(
@@ -6458,7 +6706,7 @@ var AdsToast = React59.forwardRef(
               }
             ) : null
           ] }),
-          action ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          action ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
             AdsButton,
             {
               className: "shrink-0 rounded-radius-lg",
@@ -6484,7 +6732,7 @@ function AdsToaster({
   ...props
 }) {
   const { messages } = useAdsI18n();
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     import_sonner.Toaster,
     {
       closeButton: false,
@@ -6502,7 +6750,7 @@ function AdsToaster({
   );
 }
 function toStageNode(intent, title, options) {
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     AdsToast,
     {
       action: options?.action,
@@ -6516,7 +6764,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_runtime65.jsx)(
+    (id) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
       AdsToast,
       {
         action: action ? {
@@ -6570,10 +6818,10 @@ var AdsToastManager = Object.assign(
 );
 
 // src/components/AdsDialog/index.tsx
-var React60 = __toESM(require("react"), 1);
+var React62 = __toESM(require("react"), 1);
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
-var import_lucide_react18 = require("lucide-react");
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_lucide_react17 = require("lucide-react");
+var import_jsx_runtime71 = 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]";
@@ -6581,7 +6829,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 = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+var DialogOverlay = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
   DialogPrimitive.Overlay,
   {
     className: cn(overlayClassName2, className),
@@ -6590,7 +6838,7 @@ var DialogOverlay = React60.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = "DialogOverlay";
-var DialogClose = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+var DialogClose = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
   DialogPrimitive.Close,
   {
     className: cn(
@@ -6604,8 +6852,8 @@ var DialogClose = React60.forwardRef(({ className, ...props }, ref) => /* @__PUR
 DialogClose.displayName = "DialogClose";
 function flattenDialogChildren(children) {
   const nodes = [];
-  React60.Children.forEach(children, (child) => {
-    if (React60.isValidElement(child) && child.type === React60.Fragment) {
+  React62.Children.forEach(children, (child) => {
+    if (React62.isValidElement(child) && child.type === React62.Fragment) {
       nodes.push(...flattenDialogChildren(child.props.children));
       return;
     }
@@ -6614,10 +6862,10 @@ function flattenDialogChildren(children) {
   return nodes;
 }
 function isDialogSlotElement(child, component) {
-  return React60.isValidElement(child) && child.type === component;
+  return React62.isValidElement(child) && child.type === component;
 }
-var DialogBody = React60.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+var DialogBody = React62.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
     "div",
     {
       className: cn(bodyClassName, className),
@@ -6628,7 +6876,7 @@ var DialogBody = React60.forwardRef(
   )
 );
 DialogBody.displayName = "DialogBody";
-var DialogContent = React60.forwardRef(
+var DialogContent = React62.forwardRef(
   ({
     children,
     className,
@@ -6685,9 +6933,9 @@ var DialogContent = React60.forwardRef(
     const looseBodyNodes = bodyNodes.filter(
       (child) => !isDialogSlotElement(child, DialogBody)
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(NestedDismissableLayerProvider, { coordinator: parentLayer.coordinator, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(DialogPortal, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DialogOverlay, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(NestedDismissableLayerProvider, { coordinator: parentLayer.coordinator, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(DialogPortal, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(DialogOverlay, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
         DialogPrimitive.Content,
         {
           "data-slot": "ads-dialog-content",
@@ -6703,18 +6951,18 @@ var DialogContent = React60.forwardRef(
           ...props,
           children: [
             headerNode,
-            headerNode === null && generatedHeaderNodes.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DialogHeader, { children: generatedHeaderNodes }) : null,
+            headerNode === null && generatedHeaderNodes.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(DialogHeader, { children: generatedHeaderNodes }) : null,
             explicitBodyNodes.length > 0 ? explicitBodyNodes : null,
-            looseBodyNodes.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DialogBody, { children: looseBodyNodes }) : null,
+            looseBodyNodes.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(DialogBody, { children: looseBodyNodes }) : null,
             footerNode,
-            !hideCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+            !hideCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
               DialogPrimitive.Close,
               {
                 "aria-label": resolvedCloseLabel,
                 className: cn(closeButtonClassName, adsTextColorClassName.card),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react18.X, { "aria-hidden": true, className: "h-4 w-4" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "sr-only", children: resolvedCloseLabel })
+                  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react17.X, { "aria-hidden": true, className: "h-4 w-4" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "sr-only", children: resolvedCloseLabel })
                 ]
               }
             ) : null
@@ -6725,8 +6973,8 @@ var DialogContent = React60.forwardRef(
   }
 );
 DialogContent.displayName = "DialogContent";
-var DialogHeader = React60.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+var DialogHeader = React62.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
     "div",
     {
       "data-slot": "ads-dialog-header",
@@ -6737,8 +6985,8 @@ var DialogHeader = React60.forwardRef(
   )
 );
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = React60.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+var DialogFooter = React62.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
     "div",
     {
       "data-slot": "ads-dialog-footer",
@@ -6752,7 +7000,7 @@ var DialogFooter = React60.forwardRef(
   )
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+var DialogTitle = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
   DialogPrimitive.Title,
   {
     className: cn(
@@ -6765,7 +7013,7 @@ var DialogTitle = React60.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = "DialogTitle";
-var DialogDescription = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+var DialogDescription = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
   DialogPrimitive.Description,
   {
     className: cn("text-sm leading-5", adsTextColorClassName.muted, className),
@@ -6788,7 +7036,7 @@ var AdsDialogDescription = DialogDescription;
 
 // src/components/AdsMasonry/index.tsx
 var import_masonic = require("masonic");
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 var DEFAULT_COLUMN_WIDTH = 240;
 var DEFAULT_GAP = 16;
 var DEFAULT_ITEM_HEIGHT_ESTIMATE = 280;
@@ -6824,7 +7072,7 @@ function AdsMasonry({
       { length: loadingItemCount },
       (_, index) => index
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
       "div",
       {
         className: cn(
@@ -6836,20 +7084,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_runtime67.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime72.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_runtime67.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime72.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_runtime67.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                       AdsSkeleton,
                       {
                         className: cn("w-full rounded-none", classNames?.skeleton),
@@ -6860,10 +7108,10 @@ function AdsMasonry({
                     )
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex flex-col gap-4 p-lg", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex-1 space-y-2", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex flex-col gap-4 p-lg", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex-1 space-y-2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                         AdsSkeleton,
                         {
                           className: cn("h-3 w-16 rounded-full", classNames?.skeleton),
@@ -6871,7 +7119,7 @@ function AdsMasonry({
                           "data-testid": "ads-masonry-skeleton"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                         AdsSkeleton,
                         {
                           className: cn("h-6 rounded-full", classNames?.skeleton),
@@ -6881,7 +7129,7 @@ function AdsMasonry({
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                       AdsSkeleton,
                       {
                         className: cn("h-6 w-16 rounded-full", classNames?.skeleton),
@@ -6890,7 +7138,7 @@ function AdsMasonry({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                     AdsSkeleton,
                     {
                       className: cn("h-4 rounded-full", classNames?.skeleton),
@@ -6909,7 +7157,7 @@ function AdsMasonry({
     );
   }
   if (items.length === 0) {
-    return emptyState ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+    return emptyState ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
       "div",
       {
         className: cn(rootClassName, classNames?.empty),
@@ -6918,7 +7166,7 @@ function AdsMasonry({
       }
     ) : null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
     import_masonic.Masonry,
     {
       className: rootClassName,
@@ -6930,7 +7178,7 @@ function AdsMasonry({
       maxColumnCount,
       onRender,
       overscanBy,
-      render: ({ data, index, width }) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+      render: ({ data, index, width }) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
         "div",
         {
           className: cn("pb-0", classNames?.item, itemClassName),
@@ -7030,6 +7278,7 @@ var designTokens = {
   AdsAlertDialogTrigger,
   AdsAlertTitle,
   AdsBadge,
+  AdsBarChart,
   AdsBreadcrumb,
   AdsBreadcrumbEllipsis,
   AdsBreadcrumbItem,
@@ -7106,6 +7355,7 @@ var designTokens = {
   AdsPopoverTitle,
   AdsPopoverTrigger,
   AdsProgress,
+  AdsRadialProgressChart,
   AdsRadioGroup,
   AdsRadioGroupCardOption,
   AdsRadioGroupOption,
@@ -7123,7 +7373,9 @@ var designTokens = {
   AdsSeparator,
   AdsSkeleton,
   AdsSlider,
+  AdsSparklineChart,
   AdsSpinner,
+  AdsStackedBarChart,
   AdsSwitch,
   AdsTable,
   AdsTableBody,