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

package/dist/index.js

@@ -41,7 +41,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",
@@ -92,7 +91,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",
@@ -651,7 +649,7 @@ var adsTextColorClassName = {
 // src/components/AdsAlertDialog/index.tsx
 import { jsx as jsx8, jsxs as jsxs5 } from "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;
@@ -2640,7 +2638,6 @@ AdsSkeleton.displayName = "AdsSkeleton";
 
 // src/components/AdsInput/index.tsx
 import * as React30 from "react";
-import { Upload } from "lucide-react";
 
 // src/lib/adsClearButton.tsx
 import * as React29 from "react";
@@ -2661,17 +2658,12 @@ AdsClearButton.displayName = "AdsClearButton";
 
 // src/components/AdsInput/index.tsx
 import { jsx as jsx33, jsxs as jsxs13 } from "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);
@@ -2690,17 +2682,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,
@@ -2727,7 +2708,6 @@ var AdsInput = React30.forwardRef(
     descriptionPlacement = "below",
     emptyFileLabel,
     errorText,
-    fileTriggerIcon = /* @__PURE__ */ jsx33(Upload, { "aria-hidden": true, className: "h-4 w-4" }),
     fileTriggerLabel,
     helperText,
     id,
@@ -2768,7 +2748,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) => {
@@ -2799,7 +2778,7 @@ var AdsInput = React30.forwardRef(
     const fileNameText = selectedFiles.length > 0 ? selectedFiles.join(", ") : resolvedEmptyFileLabel;
     const helperNode = helperText ? /* @__PURE__ */ jsx33(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
     const errorNode = errorText ? /* @__PURE__ */ jsx33(AdsFieldError, { id: description.errorId, children: errorText }) : null;
-    const inputNode = isFileInput ? /* @__PURE__ */ jsxs13("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__ */ jsxs13("div", { className: "relative flex w-full min-w-0 flex-1 items-center", children: [
       /* @__PURE__ */ jsx33(
         Input,
         {
@@ -2825,23 +2804,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__ */ jsxs13(
+            /* @__PURE__ */ jsx33(
               "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__ */ jsx33("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__ */ jsx33(
@@ -4639,33 +4615,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);
@@ -4876,8 +4837,6 @@ function AdsDataTable({
   dataSource = [],
   rowKey,
   loading = false,
-  loadingVariant = "skeleton",
-  expandedRowSurface = "inset",
   emptyText,
   emptyState,
   rowClassName,
@@ -4976,14 +4935,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);
@@ -5339,26 +5292,7 @@ function AdsDataTable({
           );
         })
       ] }) }),
-      /* @__PURE__ */ jsx47(AdsTableBody, { children: loading && loadingVariant === "spinner" ? [
-        /* @__PURE__ */ jsx47(AdsTableRow, { children: /* @__PURE__ */ jsx47(
-          AdsTableCell,
-          {
-            className: "p-0",
-            colSpan: columnCount,
-            children: /* @__PURE__ */ jsx47(
-              "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__ */ jsx47(AdsSpinner, { size: "lg", tone: "foreground" })
-              }
-            )
-          }
-        ) }, "spinner-row")
-      ] : loading ? Array.from({ length: SKELETON_ROW_COUNT }, (_, skeletonIndex) => /* @__PURE__ */ jsxs23(AdsTableRow, { children: [
+      /* @__PURE__ */ jsx47(AdsTableBody, { children: loading ? Array.from({ length: SKELETON_ROW_COUNT }, (_, skeletonIndex) => /* @__PURE__ */ jsxs23(AdsTableRow, { children: [
         hasSelectionColumn ? /* @__PURE__ */ jsx47(AdsTableCell, { className: "w-12 p-2", children: /* @__PURE__ */ jsx47(AdsSkeleton, { className: "h-4 w-4 rounded-[4px]" }) }) : null,
         hasExpandableColumn ? /* @__PURE__ */ jsx47(AdsTableCell, { className: "w-12 p-2", children: /* @__PURE__ */ jsx47(AdsSkeleton, { className: "h-4 w-4 rounded-[4px]" }) }) : null,
         resolvedColumns.map((column, index) => /* @__PURE__ */ jsx47(
@@ -5461,7 +5395,7 @@ function AdsDataTable({
                 "div",
                 {
                   className: cn(
-                    expandedRowContentClassName,
+                    "border-t border-border bg-popover/40 p-4",
                     classNames?.expandedRowContent
                   ),
                   children: expandable?.expandedRowRender?.(record, index)
@@ -5474,7 +5408,7 @@ function AdsDataTable({
         /* @__PURE__ */ jsx47(AdsTableRow, { children: /* @__PURE__ */ jsx47(
           AdsTableCell,
           {
-            colSpan: columnCount,
+            colSpan: resolvedColumns.length + Number(hasSelectionColumn) + Number(hasExpandableColumn),
             className: cn("p-0", classNames?.emptyRowCell),
             children: renderedEmptyState
           }
@@ -5742,14 +5676,324 @@ var AdsProgress = React45.forwardRef(
 );
 AdsProgress.displayName = "AdsProgress";
 
-// src/components/AdsSlider/index.tsx
+// src/components/AdsRadialProgressChart/index.tsx
+import { PolarAngleAxis, RadialBar, RadialBarChart } from "recharts";
+
+// src/primitives/chart.tsx
+import * as React46 from "react";
+import { ResponsiveContainer } from "recharts";
+import { jsx as jsx52 } from "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__ */ jsx52(chartContext.Provider, { value: config, children: /* @__PURE__ */ jsx52(
+      "div",
+      {
+        className: cn("relative w-full text-xs", className),
+        "data-slot": "chart",
+        ref,
+        style: { height, ...chartStyle, ...style },
+        ...props,
+        children: /* @__PURE__ */ jsx52(ResponsiveContainer, { height: "100%", width: "100%", children })
+      }
+    ) });
+  }
+);
+ChartContainer.displayName = "ChartContainer";
+
+// src/components/AdsRadialProgressChart/index.tsx
+import { jsx as jsx53, jsxs as jsxs27 } from "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__ */ jsxs27(
+    "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__ */ jsx53(
+          ChartContainer,
+          {
+            "aria-hidden": "true",
+            className: "absolute inset-0",
+            config: { value: { color } },
+            height: "100%",
+            children: /* @__PURE__ */ jsxs27(
+              RadialBarChart,
+              {
+                accessibilityLayer: true,
+                data: chartData,
+                endAngle: -270,
+                innerRadius: safeSize / 2 - safeStrokeWidth,
+                outerRadius: safeSize / 2,
+                startAngle: 90,
+                children: [
+                  /* @__PURE__ */ jsx53(
+                    PolarAngleAxis,
+                    {
+                      axisLine: false,
+                      dataKey: "value",
+                      domain: [0, Math.max(safeMax, 1)],
+                      tick: false,
+                      type: "number"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx53(
+                    RadialBar,
+                    {
+                      background: { fill: trackColor },
+                      cornerRadius: safeStrokeWidth / 2,
+                      dataKey: "value",
+                      fill: "var(--color-value)",
+                      isAnimationActive: false
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx53("span", { className: "pointer-events-none absolute inset-0 flex items-center justify-center text-center", children: label ?? `${percentage}%` })
+      ]
+    }
+  );
+}
+
+// src/components/AdsSparklineChart/index.tsx
+import { Line, LineChart, XAxis } from "recharts";
+import { jsx as jsx54, jsxs as jsxs28 } from "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__ */ jsx54(
+    "div",
+    {
+      "aria-label": ariaLabel ?? "Trend chart",
+      className: cn("w-full", className),
+      "data-testid": "ads-sparkline-chart",
+      role: "img",
+      style: { height: safeHeight },
+      children: /* @__PURE__ */ jsx54(
+        ChartContainer,
+        {
+          "aria-hidden": "true",
+          className: "h-full",
+          config: { value: { color } },
+          height: "100%",
+          children: /* @__PURE__ */ jsxs28(LineChart, { data: chartData, margin: { bottom: 1, left: 1, right: 1, top: 1 }, children: [
+            /* @__PURE__ */ jsx54(XAxis, { dataKey: xKey, hide: true, type: "category" }),
+            /* @__PURE__ */ jsx54(
+              Line,
+              {
+                activeDot: false,
+                dataKey,
+                dot: false,
+                isAnimationActive: false,
+                stroke: "var(--color-value)",
+                strokeWidth: 2,
+                type: "monotone"
+              }
+            )
+          ] })
+        }
+      )
+    }
+  );
+}
+
+// src/components/AdsStackedBarChart/index.tsx
 import * as React47 from "react";
+import { jsx as jsx55, jsxs as jsxs29 } from "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__ */ jsxs29(
+    "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__ */ jsx55("span", { className: "sr-only", id: descriptionId, children: summary }),
+        hasData && /* @__PURE__ */ jsx55("div", { "aria-hidden": "true", className: "flex size-full", children: validSegments.map((segment, index) => {
+          const percentage = getPercentage(segment.value);
+          return /* @__PURE__ */ jsx55(
+            "div",
+            {
+              "data-testid": "ads-stacked-bar-chart-segment",
+              style: { backgroundColor: segment.color, width: `${percentage}%` }
+            },
+            `${segment.label}-${index}`
+          );
+        }) })
+      ]
+    }
+  );
+}
+
+// src/components/AdsBarChart/index.tsx
+import { Bar, BarChart, Cell, XAxis as XAxis2 } from "recharts";
+import { jsx as jsx56, jsxs as jsxs30 } from "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__ */ jsx56(
+    "div",
+    {
+      "aria-label": ariaLabel ?? "Bar chart",
+      className: cn("w-full", className),
+      "data-testid": "ads-bar-chart",
+      role: "img",
+      style: { height: safeHeight },
+      children: /* @__PURE__ */ jsx56(
+        ChartContainer,
+        {
+          "aria-hidden": "true",
+          className: "h-full",
+          config: { value: { color } },
+          height: "100%",
+          children: /* @__PURE__ */ jsxs30(BarChart, { data: chartData, margin: { bottom: 0, left: 0, right: 0, top: 0 }, children: [
+            /* @__PURE__ */ jsx56(XAxis2, { dataKey: xKey, hide: true, type: "category" }),
+            /* @__PURE__ */ jsx56(Bar, { dataKey, fill: "var(--color-value)", isAnimationActive: false, radius: safeRadius, children: chartData.map((_, index) => /* @__PURE__ */ jsx56(
+              Cell,
+              {
+                fill: index === safeHighlightIndex ? highlightColor ?? DEFAULT_HIGHLIGHT_COLOR : "var(--color-value)"
+              },
+              index
+            )) })
+          ] })
+        }
+      )
+    }
+  );
+}
+
+// src/components/AdsSlider/index.tsx
+import * as React49 from "react";
 
 // src/primitives/slider.tsx
-import * as React46 from "react";
+import * as React48 from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
-import { jsx as jsx52, jsxs as jsxs27 } from "react/jsx-runtime";
-var Slider = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs27(
+import { jsx as jsx57, jsxs as jsxs31 } from "react/jsx-runtime";
+var Slider = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs31(
   SliderPrimitive.Root,
   {
     ref,
@@ -5759,10 +6003,10 @@ var Slider = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx52(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ jsx52(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ jsx57(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ jsx57(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__ */ jsx52(
+      }).map((_, index) => /* @__PURE__ */ jsx57(
         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"
@@ -5775,11 +6019,11 @@ var Slider = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 Slider.displayName = SliderPrimitive.Root.displayName;
 
 // src/components/AdsSlider/index.tsx
-import { jsx as jsx53, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs32 } from "react/jsx-runtime";
 var sliderBaseClassName = "py-1";
-var Slider2 = React47.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx53(Slider, { className: cn(sliderBaseClassName, className), ref, ...props }));
+var Slider2 = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx58(Slider, { className: cn(sliderBaseClassName, className), ref, ...props }));
 Slider2.displayName = "Slider";
-var AdsSlider = React47.forwardRef(
+var AdsSlider = React49.forwardRef(
   ({
     className,
     descriptionPlacement = "above",
@@ -5794,12 +6038,12 @@ var AdsSlider = React47.forwardRef(
       helperText,
       id
     });
-    const helperNode = helperText ? /* @__PURE__ */ jsx53(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
-    const errorNode = errorText ? /* @__PURE__ */ jsx53(AdsFieldError, { id: description.errorId, children: errorText }) : null;
-    return /* @__PURE__ */ jsxs28(AdsFieldItem, { children: [
-      label ? /* @__PURE__ */ jsx53(AdsFieldLabel, { children: label }) : null,
+    const helperNode = helperText ? /* @__PURE__ */ jsx58(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
+    const errorNode = errorText ? /* @__PURE__ */ jsx58(AdsFieldError, { id: description.errorId, children: errorText }) : null;
+    return /* @__PURE__ */ jsxs32(AdsFieldItem, { children: [
+      label ? /* @__PURE__ */ jsx58(AdsFieldLabel, { children: label }) : null,
       descriptionPlacement === "above" ? helperNode : null,
-      /* @__PURE__ */ jsx53(
+      /* @__PURE__ */ jsx58(
         Slider2,
         {
           "aria-describedby": description.describedBy,
@@ -5816,13 +6060,13 @@ var AdsSlider = React47.forwardRef(
 AdsSlider.displayName = "AdsSlider";
 
 // src/components/AdsSwitch/index.tsx
-import * as React49 from "react";
+import * as React51 from "react";
 
 // src/primitives/switch.tsx
-import * as React48 from "react";
+import * as React50 from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
-import { jsx as jsx54 } from "react/jsx-runtime";
-var Switch = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx54(
+import { jsx as jsx59 } from "react/jsx-runtime";
+var Switch = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx59(
   SwitchPrimitives.Root,
   {
     className: cn(
@@ -5831,7 +6075,7 @@ var Switch = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props,
     ref,
-    children: /* @__PURE__ */ jsx54(
+    children: /* @__PURE__ */ jsx59(
       SwitchPrimitives.Thumb,
       {
         className: cn(
@@ -5844,15 +6088,15 @@ var Switch = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/AdsSwitch/index.tsx
-import { jsx as jsx55, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs33 } from "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__ */ jsx55(Switch, { className: cn(switchBaseClassName, className), ref, ...props }));
+var Switch2 = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx60(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__ */ jsx55(
+    return /* @__PURE__ */ jsx60(
       Switch2,
       {
         className: cn(className, switchClassName),
@@ -5862,12 +6106,12 @@ var AdsSwitch = React49.forwardRef(({ className, description, id, label, switchC
       }
     );
   }
-  return /* @__PURE__ */ jsx55("label", { className: cn("block w-full cursor-pointer", wrapperClassName), htmlFor: inputId, children: /* @__PURE__ */ jsxs29("div", { className: "flex w-full items-start gap-3", children: [
-    /* @__PURE__ */ jsxs29("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5 pt-0.5", children: [
-      /* @__PURE__ */ jsx55("div", { className: "text-sm font-medium leading-5 text-foreground", children: label }),
-      description ? /* @__PURE__ */ jsx55(AdsFieldDescription, { className: "text-sm leading-5", children: description }) : null
+  return /* @__PURE__ */ jsx60("label", { className: cn("block w-full cursor-pointer", wrapperClassName), htmlFor: inputId, children: /* @__PURE__ */ jsxs33("div", { className: "flex w-full items-start gap-3", children: [
+    /* @__PURE__ */ jsxs33("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5 pt-0.5", children: [
+      /* @__PURE__ */ jsx60("div", { className: "text-sm font-medium leading-5 text-foreground", children: label }),
+      description ? /* @__PURE__ */ jsx60(AdsFieldDescription, { className: "text-sm leading-5", children: description }) : null
     ] }),
-    /* @__PURE__ */ jsx55("div", { className: "shrink-0", children: /* @__PURE__ */ jsx55(
+    /* @__PURE__ */ jsx60("div", { className: "shrink-0", children: /* @__PURE__ */ jsx60(
       Switch2,
       {
         className: cn(className, switchClassName),
@@ -5881,14 +6125,14 @@ var AdsSwitch = React49.forwardRef(({ className, description, id, label, switchC
 AdsSwitch.displayName = "AdsSwitch";
 
 // src/components/AdsTabs/index.tsx
-import * as React51 from "react";
+import * as React53 from "react";
 
 // src/primitives/tabs.tsx
-import * as React50 from "react";
+import * as React52 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { jsx as jsx56 } from "react/jsx-runtime";
+import { jsx as jsx61 } from "react/jsx-runtime";
 var Tabs = TabsPrimitive.Root;
-var TabsList = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx56(
+var TabsList = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx61(
   TabsPrimitive.List,
   {
     className: cn("inline-flex items-center", className),
@@ -5897,7 +6141,7 @@ var TabsList = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx56(
+var TabsTrigger = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx61(
   TabsPrimitive.Trigger,
   {
     className: cn(
@@ -5909,7 +6153,7 @@ var TabsTrigger = React50.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx56(
+var TabsContent = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx61(
   TabsPrimitive.Content,
   {
     className: cn("focus-visible:outline-none", className),
@@ -5920,9 +6164,9 @@ var TabsContent = React50.forwardRef(({ className, ...props }, ref) => /* @__PUR
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/AdsTabs/index.tsx
-import { jsx as jsx57 } from "react/jsx-runtime";
+import { jsx as jsx62 } from "react/jsx-runtime";
 var AdsTabs = Tabs;
-var AdsTabsList = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx57(
+var AdsTabsList = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx62(
   TabsList,
   {
     className: cn(
@@ -5934,7 +6178,7 @@ var AdsTabsList = React51.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 AdsTabsList.displayName = "AdsTabsList";
-var AdsTabsTrigger = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx57(
+var AdsTabsTrigger = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx62(
   TabsTrigger,
   {
     className: cn(
@@ -5946,7 +6190,7 @@ var AdsTabsTrigger = React51.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 AdsTabsTrigger.displayName = "AdsTabsTrigger";
-var AdsTabsContent = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx57(
+var AdsTabsContent = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx62(
   TabsContent,
   {
     className: cn(
@@ -5960,13 +6204,13 @@ var AdsTabsContent = React51.forwardRef(({ className, ...props }, ref) => /* @__
 AdsTabsContent.displayName = "AdsTabsContent";
 
 // src/components/AdsToggle/index.tsx
-import * as React53 from "react";
+import * as React55 from "react";
 
 // src/primitives/toggle.tsx
-import * as React52 from "react";
+import * as React54 from "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
-import { jsx as jsx58 } from "react/jsx-runtime";
-var Toggle = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx58(
+import { jsx as jsx63 } from "react/jsx-runtime";
+var Toggle = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63(
   TogglePrimitive.Root,
   {
     className: cn(
@@ -5980,7 +6224,7 @@ var Toggle = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 Toggle.displayName = TogglePrimitive.Root.displayName;
 
 // src/components/AdsToggle/index.tsx
-import { jsx as jsx59 } from "react/jsx-runtime";
+import { jsx as jsx64 } from "react/jsx-runtime";
 var sizeClassName3 = {
   sm: "!h-8 px-[6px] text-sm",
   md: "!h-9 px-md text-sm",
@@ -5995,10 +6239,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__ */ jsx59(
+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__ */ jsx64(
     Toggle,
     {
       className: cn(
@@ -6017,13 +6261,13 @@ var AdsToggle = React53.forwardRef(({ children, className, size = "md", variant
 AdsToggle.displayName = "AdsToggle";
 
 // src/components/AdsToggleGroup/index.tsx
-import * as React55 from "react";
+import * as React57 from "react";
 
 // src/primitives/toggle-group.tsx
-import * as React54 from "react";
+import * as React56 from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
-import { jsx as jsx60 } from "react/jsx-runtime";
-var ToggleGroup = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx60(
+import { jsx as jsx65 } from "react/jsx-runtime";
+var ToggleGroup = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx65(
   ToggleGroupPrimitive.Root,
   {
     className: cn("inline-flex items-center justify-start", className),
@@ -6032,7 +6276,7 @@ var ToggleGroup = React54.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx60(
+var ToggleGroupItem = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx65(
   ToggleGroupPrimitive.Item,
   {
     className: cn(
@@ -6046,7 +6290,7 @@ var ToggleGroupItem = React54.forwardRef(({ className, ...props }, ref) => /* @_
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 
 // src/components/AdsToggleGroup/index.tsx
-import { jsx as jsx61 } from "react/jsx-runtime";
+import { jsx as jsx66 } from "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",
@@ -6056,8 +6300,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,
@@ -6065,7 +6309,7 @@ var AdsToggleGroup = React55.forwardRef(
     size = "md",
     variant = "default",
     ...props
-  }, ref) => /* @__PURE__ */ jsx61(AdsToggleGroupContext.Provider, { value: { orientation, size, variant }, children: /* @__PURE__ */ jsx61(
+  }, ref) => /* @__PURE__ */ jsx66(AdsToggleGroupContext.Provider, { value: { orientation, size, variant }, children: /* @__PURE__ */ jsx66(
     ToggleGroup,
     {
       className: cn(
@@ -6081,12 +6325,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__ */ jsx61(
+  return /* @__PURE__ */ jsx66(
     ToggleGroupItem,
     {
       className: cn(
@@ -6104,10 +6348,10 @@ var AdsToggleGroupItem = React55.forwardRef(({ className, size, variant, ...prop
 AdsToggleGroupItem.displayName = "AdsToggleGroupItem";
 
 // src/components/AdsTextarea/index.tsx
-import * as React56 from "react";
-import { jsx as jsx62, jsxs as jsxs30 } from "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(
+import * as React58 from "react";
+import { jsx as jsx67, jsxs as jsxs34 } from "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,
@@ -6126,12 +6370,12 @@ var AdsTextarea = React56.forwardRef(
       helperText,
       id
     });
-    const helperNode = helperText ? /* @__PURE__ */ jsx62(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
-    const errorNode = errorText ? /* @__PURE__ */ jsx62(AdsFieldError, { id: description.errorId, children: errorText }) : null;
-    return /* @__PURE__ */ jsxs30(AdsFieldItem, { children: [
-      label ? /* @__PURE__ */ jsx62(AdsFieldLabel, { htmlFor: description.inputId, children: label }) : null,
+    const helperNode = helperText ? /* @__PURE__ */ jsx67(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
+    const errorNode = errorText ? /* @__PURE__ */ jsx67(AdsFieldError, { id: description.errorId, children: errorText }) : null;
+    return /* @__PURE__ */ jsxs34(AdsFieldItem, { children: [
+      label ? /* @__PURE__ */ jsx67(AdsFieldLabel, { htmlFor: description.inputId, children: label }) : null,
       descriptionPlacement === "above" ? helperNode : null,
-      /* @__PURE__ */ jsx62(
+      /* @__PURE__ */ jsx67(
         Textarea,
         {
           "aria-describedby": description.describedBy,
@@ -6149,7 +6393,7 @@ var AdsTextarea = React56.forwardRef(
           ...props
         }
       ),
-      action ? /* @__PURE__ */ jsx62("div", { className: "w-full [&>*]:w-full", children: action }) : null,
+      action ? /* @__PURE__ */ jsx67("div", { className: "w-full [&>*]:w-full", children: action }) : null,
       descriptionPlacement === "below" ? helperNode : null,
       errorNode
     ] });
@@ -6158,17 +6402,17 @@ var AdsTextarea = React56.forwardRef(
 AdsTextarea.displayName = "AdsTextarea";
 
 // src/components/AdsTooltip/index.tsx
-import * as React58 from "react";
+import * as React60 from "react";
 
 // src/primitives/tooltip.tsx
-import * as React57 from "react";
+import * as React59 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx63 } from "react/jsx-runtime";
+import { jsx as jsx68 } from "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__ */ jsx63(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx63(
+var TooltipContent = React59.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx68(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx68(
   TooltipPrimitive.Content,
   {
     className: cn(
@@ -6183,12 +6427,12 @@ var TooltipContent = React57.forwardRef(({ className, sideOffset = 4, ...props }
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
 // src/components/AdsTooltip/index.tsx
-import { jsx as jsx64 } from "react/jsx-runtime";
+import { jsx as jsx69 } from "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__ */ jsx64(
+var AdsTooltipContent = React60.forwardRef(({ align = "center", className, sideOffset = 10, ...props }, ref) => /* @__PURE__ */ jsx69(
   TooltipContent,
   {
     align,
@@ -6199,7 +6443,7 @@ var AdsTooltipContent = React58.forwardRef(({ align = "center", className, sideO
   }
 ));
 AdsTooltipContent.displayName = "AdsTooltipContent";
-var AdsTooltipArrow = React58.forwardRef(({ className, height = 5, width = 10, ...props }, ref) => /* @__PURE__ */ jsx64(
+var AdsTooltipArrow = React60.forwardRef(({ className, height = 5, width = 10, ...props }, ref) => /* @__PURE__ */ jsx69(
   TooltipArrow,
   {
     className: cn("fill-[#844fff]", className),
@@ -6212,7 +6456,7 @@ var AdsTooltipArrow = React58.forwardRef(({ className, height = 5, width = 10, .
 AdsTooltipArrow.displayName = "AdsTooltipArrow";
 
 // src/components/AdsToast/index.tsx
-import * as React59 from "react";
+import * as React61 from "react";
 import {
   CircleCheck as CircleCheck2,
   Info as Info2,
@@ -6221,7 +6465,7 @@ import {
   TriangleAlert as TriangleAlert2
 } from "lucide-react";
 import { Toaster, toast } from "sonner";
-import { jsx as jsx65, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs35 } from "react/jsx-runtime";
 var adsToastIconMap = {
   success: CircleCheck2,
   info: Info2,
@@ -6237,7 +6481,7 @@ function resolveToastIcon(intent, icon) {
     return null;
   }
   const Icon2 = adsToastIconMap[intent];
-  return /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsx70(
     Icon2,
     {
       "aria-hidden": true,
@@ -6250,7 +6494,7 @@ function resolveToastIcon(intent, icon) {
     }
   );
 }
-var AdsToast = React59.forwardRef(
+var AdsToast = React61.forwardRef(
   ({
     action,
     className,
@@ -6261,7 +6505,7 @@ var AdsToast = React59.forwardRef(
     ...props
   }, ref) => {
     const resolvedIcon = resolveToastIcon(intent, icon);
-    return /* @__PURE__ */ jsxs31(
+    return /* @__PURE__ */ jsxs35(
       "div",
       {
         className: cn(
@@ -6276,8 +6520,8 @@ var AdsToast = React59.forwardRef(
         ...props,
         children: [
           resolvedIcon,
-          /* @__PURE__ */ jsxs31("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
-            /* @__PURE__ */ jsx65(
+          /* @__PURE__ */ jsxs35("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+            /* @__PURE__ */ jsx70(
               "p",
               {
                 className: cn(
@@ -6287,7 +6531,7 @@ var AdsToast = React59.forwardRef(
                 children: title
               }
             ),
-            description ? /* @__PURE__ */ jsx65(
+            description ? /* @__PURE__ */ jsx70(
               "p",
               {
                 className: cn(
@@ -6298,7 +6542,7 @@ var AdsToast = React59.forwardRef(
               }
             ) : null
           ] }),
-          action ? /* @__PURE__ */ jsx65(
+          action ? /* @__PURE__ */ jsx70(
             AdsButton,
             {
               className: "shrink-0 rounded-radius-lg",
@@ -6324,7 +6568,7 @@ function AdsToaster({
   ...props
 }) {
   const { messages } = useAdsI18n();
-  return /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsx70(
     Toaster,
     {
       closeButton: false,
@@ -6342,7 +6586,7 @@ function AdsToaster({
   );
 }
 function toStageNode(intent, title, options) {
-  return /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsx70(
     AdsToast,
     {
       action: options?.action,
@@ -6356,7 +6600,7 @@ function toStageNode(intent, title, options) {
 function showAdsToast(intent, title, options) {
   const { action, description, icon, ...toastOptions } = options ?? {};
   return toast.custom(
-    (id) => /* @__PURE__ */ jsx65(
+    (id) => /* @__PURE__ */ jsx70(
       AdsToast,
       {
         action: action ? {
@@ -6410,10 +6654,10 @@ var AdsToastManager = Object.assign(
 );
 
 // src/components/AdsDialog/index.tsx
-import * as React60 from "react";
+import * as React62 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X as X2 } from "lucide-react";
-import { jsx as jsx66, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs36 } from "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]";
@@ -6421,7 +6665,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__ */ jsx66(
+var DialogOverlay = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx71(
   DialogPrimitive.Overlay,
   {
     className: cn(overlayClassName2, className),
@@ -6430,7 +6674,7 @@ var DialogOverlay = React60.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = "DialogOverlay";
-var DialogClose = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx66(
+var DialogClose = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx71(
   DialogPrimitive.Close,
   {
     className: cn(
@@ -6444,8 +6688,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;
     }
@@ -6454,10 +6698,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__ */ jsx66(
+var DialogBody = React62.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx71(
     "div",
     {
       className: cn(bodyClassName, className),
@@ -6468,7 +6712,7 @@ var DialogBody = React60.forwardRef(
   )
 );
 DialogBody.displayName = "DialogBody";
-var DialogContent = React60.forwardRef(
+var DialogContent = React62.forwardRef(
   ({
     children,
     className,
@@ -6525,9 +6769,9 @@ var DialogContent = React60.forwardRef(
     const looseBodyNodes = bodyNodes.filter(
       (child) => !isDialogSlotElement(child, DialogBody)
     );
-    return /* @__PURE__ */ jsx66(NestedDismissableLayerProvider, { coordinator: parentLayer.coordinator, children: /* @__PURE__ */ jsxs32(DialogPortal, { children: [
-      /* @__PURE__ */ jsx66(DialogOverlay, {}),
-      /* @__PURE__ */ jsxs32(
+    return /* @__PURE__ */ jsx71(NestedDismissableLayerProvider, { coordinator: parentLayer.coordinator, children: /* @__PURE__ */ jsxs36(DialogPortal, { children: [
+      /* @__PURE__ */ jsx71(DialogOverlay, {}),
+      /* @__PURE__ */ jsxs36(
         DialogPrimitive.Content,
         {
           "data-slot": "ads-dialog-content",
@@ -6543,18 +6787,18 @@ var DialogContent = React60.forwardRef(
           ...props,
           children: [
             headerNode,
-            headerNode === null && generatedHeaderNodes.length > 0 ? /* @__PURE__ */ jsx66(DialogHeader, { children: generatedHeaderNodes }) : null,
+            headerNode === null && generatedHeaderNodes.length > 0 ? /* @__PURE__ */ jsx71(DialogHeader, { children: generatedHeaderNodes }) : null,
             explicitBodyNodes.length > 0 ? explicitBodyNodes : null,
-            looseBodyNodes.length > 0 ? /* @__PURE__ */ jsx66(DialogBody, { children: looseBodyNodes }) : null,
+            looseBodyNodes.length > 0 ? /* @__PURE__ */ jsx71(DialogBody, { children: looseBodyNodes }) : null,
             footerNode,
-            !hideCloseButton ? /* @__PURE__ */ jsxs32(
+            !hideCloseButton ? /* @__PURE__ */ jsxs36(
               DialogPrimitive.Close,
               {
                 "aria-label": resolvedCloseLabel,
                 className: cn(closeButtonClassName, adsTextColorClassName.card),
                 children: [
-                  /* @__PURE__ */ jsx66(X2, { "aria-hidden": true, className: "h-4 w-4" }),
-                  /* @__PURE__ */ jsx66("span", { className: "sr-only", children: resolvedCloseLabel })
+                  /* @__PURE__ */ jsx71(X2, { "aria-hidden": true, className: "h-4 w-4" }),
+                  /* @__PURE__ */ jsx71("span", { className: "sr-only", children: resolvedCloseLabel })
                 ]
               }
             ) : null
@@ -6565,8 +6809,8 @@ var DialogContent = React60.forwardRef(
   }
 );
 DialogContent.displayName = "DialogContent";
-var DialogHeader = React60.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx66(
+var DialogHeader = React62.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx71(
     "div",
     {
       "data-slot": "ads-dialog-header",
@@ -6577,8 +6821,8 @@ var DialogHeader = React60.forwardRef(
   )
 );
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = React60.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx66(
+var DialogFooter = React62.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx71(
     "div",
     {
       "data-slot": "ads-dialog-footer",
@@ -6592,7 +6836,7 @@ var DialogFooter = React60.forwardRef(
   )
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx66(
+var DialogTitle = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx71(
   DialogPrimitive.Title,
   {
     className: cn(
@@ -6605,7 +6849,7 @@ var DialogTitle = React60.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = "DialogTitle";
-var DialogDescription = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx66(
+var DialogDescription = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx71(
   DialogPrimitive.Description,
   {
     className: cn("text-sm leading-5", adsTextColorClassName.muted, className),
@@ -6628,7 +6872,7 @@ var AdsDialogDescription = DialogDescription;
 
 // src/components/AdsMasonry/index.tsx
 import { Masonry } from "masonic";
-import { jsx as jsx67, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs37 } from "react/jsx-runtime";
 var DEFAULT_COLUMN_WIDTH = 240;
 var DEFAULT_GAP = 16;
 var DEFAULT_ITEM_HEIGHT_ESTIMATE = 280;
@@ -6664,7 +6908,7 @@ function AdsMasonry({
       { length: loadingItemCount },
       (_, index) => index
     );
-    return /* @__PURE__ */ jsx67(
+    return /* @__PURE__ */ jsx72(
       "div",
       {
         className: cn(
@@ -6676,20 +6920,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__ */ jsxs33(
+          return /* @__PURE__ */ jsxs37(
             "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__ */ jsx67(
+                /* @__PURE__ */ jsx72(
                   "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__ */ jsx67(
+                    children: /* @__PURE__ */ jsx72(
                       AdsSkeleton,
                       {
                         className: cn("w-full rounded-none", classNames?.skeleton),
@@ -6700,10 +6944,10 @@ function AdsMasonry({
                     )
                   }
                 ),
-                /* @__PURE__ */ jsxs33("div", { className: "flex flex-col gap-4 p-lg", children: [
-                  /* @__PURE__ */ jsxs33("div", { className: "flex items-start justify-between gap-3", children: [
-                    /* @__PURE__ */ jsxs33("div", { className: "flex-1 space-y-2", children: [
-                      /* @__PURE__ */ jsx67(
+                /* @__PURE__ */ jsxs37("div", { className: "flex flex-col gap-4 p-lg", children: [
+                  /* @__PURE__ */ jsxs37("div", { className: "flex items-start justify-between gap-3", children: [
+                    /* @__PURE__ */ jsxs37("div", { className: "flex-1 space-y-2", children: [
+                      /* @__PURE__ */ jsx72(
                         AdsSkeleton,
                         {
                           className: cn("h-3 w-16 rounded-full", classNames?.skeleton),
@@ -6711,7 +6955,7 @@ function AdsMasonry({
                           "data-testid": "ads-masonry-skeleton"
                         }
                       ),
-                      /* @__PURE__ */ jsx67(
+                      /* @__PURE__ */ jsx72(
                         AdsSkeleton,
                         {
                           className: cn("h-6 rounded-full", classNames?.skeleton),
@@ -6721,7 +6965,7 @@ function AdsMasonry({
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ jsx67(
+                    /* @__PURE__ */ jsx72(
                       AdsSkeleton,
                       {
                         className: cn("h-6 w-16 rounded-full", classNames?.skeleton),
@@ -6730,7 +6974,7 @@ function AdsMasonry({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsx67(
+                  /* @__PURE__ */ jsx72(
                     AdsSkeleton,
                     {
                       className: cn("h-4 rounded-full", classNames?.skeleton),
@@ -6749,7 +6993,7 @@ function AdsMasonry({
     );
   }
   if (items.length === 0) {
-    return emptyState ? /* @__PURE__ */ jsx67(
+    return emptyState ? /* @__PURE__ */ jsx72(
       "div",
       {
         className: cn(rootClassName, classNames?.empty),
@@ -6758,7 +7002,7 @@ function AdsMasonry({
       }
     ) : null;
   }
-  return /* @__PURE__ */ jsx67(
+  return /* @__PURE__ */ jsx72(
     Masonry,
     {
       className: rootClassName,
@@ -6770,7 +7014,7 @@ function AdsMasonry({
       maxColumnCount,
       onRender,
       overscanBy,
-      render: ({ data, index, width }) => /* @__PURE__ */ jsx67(
+      render: ({ data, index, width }) => /* @__PURE__ */ jsx72(
         "div",
         {
           className: cn("pb-0", classNames?.item, itemClassName),
@@ -6804,6 +7048,7 @@ export {
   AdsAlertDialogTrigger,
   AlertTitle2 as AdsAlertTitle,
   AdsBadge,
+  AdsBarChart,
   AdsBreadcrumb,
   AdsBreadcrumbEllipsis,
   AdsBreadcrumbItem,
@@ -6880,6 +7125,7 @@ export {
   AdsPopoverTitle,
   AdsPopoverTrigger,
   AdsProgress,
+  AdsRadialProgressChart,
   AdsRadioGroup,
   AdsRadioGroupCardOption,
   AdsRadioGroupOption,
@@ -6897,7 +7143,9 @@ export {
   AdsSeparator,
   AdsSkeleton,
   AdsSlider,
+  AdsSparklineChart,
   AdsSpinner,
+  AdsStackedBarChart,
   AdsSwitch,
   AdsTable,
   AdsTableBody,