npm - @adsgency_npm/adsgency-ads-ui - Versions diffs - 0.1.0-alpha.21 → 0.1.0-alpha.22 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/dist/index.cjs +484 -232
package/dist/index.d.cts +69 -8
package/dist/index.d.ts +69 -8
package/dist/index.js +455 -207
package/package.json +3 -1
package/dist/chunk-YJFQM6IB.js.map +0 -1
package/dist/index.cjs.map +0 -1
package/dist/index.js.map +0 -1
package/dist/tokens/designTokens.cjs.map +0 -1
package/dist/tokens/designTokens.js.map +0 -1
package/dist/tokens/tailwindPreset.cjs.map +0 -1
package/dist/tokens/tailwindPreset.js.map +0 -1

package/dist/index.cjs CHANGED Viewed

@@ -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);
@@ -2827,17 +2828,12 @@ AdsClearButton.displayName = "AdsClearButton";
 // src/components/AdsInput/index.tsx
 var import_jsx_runtime33 = 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: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 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 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);
@@ -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 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 = React56.forwardRef(
+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 = 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,