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

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;
@@ -966,16 +964,43 @@ var AdsButton = React10.forwardRef(
 );
 AdsButton.displayName = "AdsButton";
 
+// src/components/AdsCard/index.tsx
+import * as React11 from "react";
+import { Slot as Slot2 } from "@radix-ui/react-slot";
+import { jsx as jsx12 } from "react/jsx-runtime";
+var cardBaseClassName = "relative isolate rounded-radius-lg border border-border bg-card shadow-[0px_1px_2px_rgba(0,0,0,0.1)]";
+var cardInteractiveClassName = "transition-[transform,border-color,box-shadow,background-image] duration-300 motion-safe:hover:-translate-y-1 motion-safe:focus-visible:-translate-y-1 hover:[border-color:color-mix(in_srgb,var(--color-brand-primary)_38%,var(--color-border-subtle))] focus-visible:border-border-focus focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background hover:[box-shadow:0_24px_52px_rgba(0,0,0,0.28),0_12px_28px_color-mix(in_srgb,var(--color-brand-gradient-from)_18%,transparent),0_6px_16px_color-mix(in_srgb,var(--color-brand-gradient-to)_14%,transparent),0_0_0_1px_color-mix(in_srgb,var(--color-brand-primary)_14%,transparent)] focus-visible:[box-shadow:0_24px_52px_rgba(0,0,0,0.28),0_12px_28px_color-mix(in_srgb,var(--color-brand-gradient-from)_18%,transparent),0_6px_16px_color-mix(in_srgb,var(--color-brand-gradient-to)_14%,transparent),0_0_0_1px_color-mix(in_srgb,var(--color-brand-primary)_14%,transparent)] hover:[background-image:linear-gradient(135deg,color-mix(in_srgb,var(--color-brand-gradient-from)_8%,transparent)_0%,transparent_68%)] focus-visible:[background-image:linear-gradient(135deg,color-mix(in_srgb,var(--color-brand-gradient-from)_8%,transparent)_0%,transparent_68%)] motion-reduce:transition-none motion-reduce:hover:transform-none motion-reduce:focus-visible:transform-none";
+var AdsCard = React11.forwardRef(
+  ({ asChild = false, className, interactive = false, ...props }, ref) => {
+    const Comp = asChild ? Slot2 : "div";
+    return /* @__PURE__ */ jsx12(
+      Comp,
+      {
+        className: cn(
+          cardBaseClassName,
+          interactive && cardInteractiveClassName,
+          className
+        ),
+        "data-interactive": interactive,
+        "data-slot": "ads-card",
+        ref,
+        ...props
+      }
+    );
+  }
+);
+AdsCard.displayName = "AdsCard";
+
 // src/components/AdsBreadcrumb/index.tsx
-import * as React12 from "react";
+import * as React13 from "react";
 import { ChevronRight as ChevronRight2, MoreHorizontal as MoreHorizontal2, Slash } from "lucide-react";
 
 // src/primitives/breadcrumb.tsx
-import * as React11 from "react";
-import { Slot as Slot2 } from "@radix-ui/react-slot";
+import * as React12 from "react";
+import { Slot as Slot3 } from "@radix-ui/react-slot";
 import { ChevronRight, MoreHorizontal } from "lucide-react";
-import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
-var Breadcrumb = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
+var Breadcrumb = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
   "nav",
   {
     "aria-label": "breadcrumb",
@@ -985,7 +1010,7 @@ var Breadcrumb = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+var BreadcrumbList = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
   "ul",
   {
     className: cn(
@@ -997,7 +1022,7 @@ var BreadcrumbList = React11.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+var BreadcrumbItem = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
   "li",
   {
     className: cn("inline-flex items-center gap-1.5", className),
@@ -1006,14 +1031,14 @@ var BreadcrumbItem = React11.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React11.forwardRef(
+var BreadcrumbLink = React12.forwardRef(
   ({ asChild = false, className, ...props }, ref) => {
-    const Comp = asChild ? Slot2 : "a";
-    return /* @__PURE__ */ jsx12(Comp, { className: cn("transition-colors", className), ref, ...props });
+    const Comp = asChild ? Slot3 : "a";
+    return /* @__PURE__ */ jsx13(Comp, { className: cn("transition-colors", className), ref, ...props });
   }
 );
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+var BreadcrumbPage = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
   "span",
   {
     "aria-current": "page",
@@ -1029,14 +1054,14 @@ var BreadcrumbSeparator = ({
   children,
   className,
   ...props
-}) => /* @__PURE__ */ jsx12(
+}) => /* @__PURE__ */ jsx13(
   "li",
   {
     "aria-hidden": "true",
     className: cn("[&_svg]:size-3.5", className),
     role: "presentation",
     ...props,
-    children: children ?? /* @__PURE__ */ jsx12(ChevronRight, {})
+    children: children ?? /* @__PURE__ */ jsx13(ChevronRight, {})
   }
 );
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
@@ -1051,18 +1076,18 @@ var BreadcrumbEllipsis = ({
     role: "presentation",
     ...props,
     children: [
-      /* @__PURE__ */ jsx12(MoreHorizontal, { className: "size-3.5" }),
-      /* @__PURE__ */ jsx12("span", { className: "sr-only", children: "More" })
+      /* @__PURE__ */ jsx13(MoreHorizontal, { className: "size-3.5" }),
+      /* @__PURE__ */ jsx13("span", { className: "sr-only", children: "More" })
     ]
   }
 );
 BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
 
 // src/components/AdsBreadcrumb/index.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
-var AdsBreadcrumb = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(Breadcrumb, { className: cn("w-full", className), ref, ...props }));
+import { jsx as jsx14 } from "react/jsx-runtime";
+var AdsBreadcrumb = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(Breadcrumb, { className: cn("w-full", className), ref, ...props }));
 AdsBreadcrumb.displayName = "AdsBreadcrumb";
-var AdsBreadcrumbList = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+var AdsBreadcrumbList = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
   BreadcrumbList,
   {
     className: cn(
@@ -1074,7 +1099,7 @@ var AdsBreadcrumbList = React12.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AdsBreadcrumbList.displayName = "AdsBreadcrumbList";
-var AdsBreadcrumbItem = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+var AdsBreadcrumbItem = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
   BreadcrumbItem,
   {
     className: cn("inline-flex items-center gap-1.5", className),
@@ -1083,7 +1108,7 @@ var AdsBreadcrumbItem = React12.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AdsBreadcrumbItem.displayName = "AdsBreadcrumbItem";
-var AdsBreadcrumbLink = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+var AdsBreadcrumbLink = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
   BreadcrumbLink,
   {
     className: cn(
@@ -1095,7 +1120,7 @@ var AdsBreadcrumbLink = React12.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AdsBreadcrumbLink.displayName = "AdsBreadcrumbLink";
-var AdsBreadcrumbPage = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+var AdsBreadcrumbPage = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
   BreadcrumbPage,
   {
     className: cn("text-sm font-normal leading-5 text-foreground", className),
@@ -1105,15 +1130,15 @@ var AdsBreadcrumbPage = React12.forwardRef(({ className, ...props }, ref) => /*
 ));
 AdsBreadcrumbPage.displayName = "AdsBreadcrumbPage";
 var separatorIcons = {
-  chevron: /* @__PURE__ */ jsx13(ChevronRight2, { className: "size-3.5" }),
-  slash: /* @__PURE__ */ jsx13(Slash, { className: "size-3.5" })
+  chevron: /* @__PURE__ */ jsx14(ChevronRight2, { className: "size-3.5" }),
+  slash: /* @__PURE__ */ jsx14(Slash, { className: "size-3.5" })
 };
 var AdsBreadcrumbSeparator = ({
   children,
   className,
   icon = "chevron",
   ...props
-}) => /* @__PURE__ */ jsx13(
+}) => /* @__PURE__ */ jsx14(
   BreadcrumbSeparator,
   {
     className: cn("text-muted-foreground [&_svg]:size-3.5", className),
@@ -1126,25 +1151,25 @@ var AdsBreadcrumbEllipsis = ({
   className,
   children,
   ...props
-}) => /* @__PURE__ */ jsx13(
+}) => /* @__PURE__ */ jsx14(
   BreadcrumbEllipsis,
   {
     className: cn("size-3.5 text-muted-foreground", className),
     ...props,
-    children: children ?? /* @__PURE__ */ jsx13(MoreHorizontal2, { className: "size-3.5" })
+    children: children ?? /* @__PURE__ */ jsx14(MoreHorizontal2, { className: "size-3.5" })
   }
 );
 AdsBreadcrumbEllipsis.displayName = "AdsBreadcrumbEllipsis";
 
 // src/components/AdsCheckbox/index.tsx
-import * as React17 from "react";
+import * as React18 from "react";
 
 // src/primitives/checkbox.tsx
-import * as React13 from "react";
+import * as React14 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check } from "lucide-react";
-import { jsx as jsx14 } from "react/jsx-runtime";
-var Checkbox = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+import { jsx as jsx15 } from "react/jsx-runtime";
+var Checkbox = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -1153,11 +1178,11 @@ var Checkbox = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx14(
+    children: /* @__PURE__ */ jsx15(
       CheckboxPrimitive.Indicator,
       {
         className: cn("grid place-content-center text-current"),
-        children: /* @__PURE__ */ jsx14(Check, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ jsx15(Check, { className: "h-4 w-4" })
       }
     )
   }
@@ -1165,21 +1190,21 @@ var Checkbox = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 
 // src/components/AdsField/index.tsx
-import * as React16 from "react";
+import * as React17 from "react";
 
 // src/primitives/field.tsx
 import { useMemo as useMemo2 } from "react";
 import { cva as cva7 } from "class-variance-authority";
 
 // src/primitives/label.tsx
-import * as React14 from "react";
+import * as React15 from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { cva as cva6 } from "class-variance-authority";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var labelVariants = cva6(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
-var Label = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
+var Label = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   LabelPrimitive.Root,
   {
     ref,
@@ -1190,11 +1215,11 @@ var Label = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
 Label.displayName = LabelPrimitive.Root.displayName;
 
 // src/primitives/separator.tsx
-import * as React15 from "react";
+import * as React16 from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx16 } from "react/jsx-runtime";
-var Separator = React15.forwardRef(
-  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx16(
+import { jsx as jsx17 } from "react/jsx-runtime";
+var Separator = React16.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx17(
     SeparatorPrimitive.Root,
     {
       ref,
@@ -1212,9 +1237,9 @@ var Separator = React15.forwardRef(
 Separator.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/primitives/field.tsx
-import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
 function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "fieldset",
     {
       "data-slot": "field-set",
@@ -1232,7 +1257,7 @@ function FieldLegend({
   variant = "legend",
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "legend",
     {
       "data-slot": "field-legend",
@@ -1248,7 +1273,7 @@ function FieldLegend({
   );
 }
 function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       "data-slot": "field-group",
@@ -1288,7 +1313,7 @@ function Field({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       role: "group",
@@ -1303,7 +1328,7 @@ function FieldLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     Label,
     {
       "data-slot": "field-label",
@@ -1318,7 +1343,7 @@ function FieldLabel({
   );
 }
 function FieldTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       "data-slot": "field-label",
@@ -1331,7 +1356,7 @@ function FieldTitle({ className, ...props }) {
   );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "p",
     {
       "data-slot": "field-description",
@@ -1361,8 +1386,8 @@ function FieldSeparator({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx17(Separator, { className: "absolute inset-0 top-1/2" }),
-        children && /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx18(Separator, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ jsx18(
           "span",
           {
             className: "bg-background text-muted-foreground relative mx-auto block w-fit px-2",
@@ -1390,14 +1415,14 @@ function FieldError({
     if (errors?.length === 1 && errors[0]?.message) {
       return errors[0].message;
     }
-    return /* @__PURE__ */ jsx17("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: errors.map(
-      (error, index) => error?.message && /* @__PURE__ */ jsx17("li", { children: error.message }, index)
+    return /* @__PURE__ */ jsx18("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: errors.map(
+      (error, index) => error?.message && /* @__PURE__ */ jsx18("li", { children: error.message }, index)
     ) });
   }, [children, errors]);
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       role: "alert",
@@ -1410,14 +1435,14 @@ function FieldError({
 }
 
 // src/components/AdsField/index.tsx
-import { jsx as jsx18, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
 function useAdsFieldDescription({
   describedBy,
   errorText,
   helperText,
   id
 }) {
-  const generatedId = React16.useId();
+  const generatedId = React17.useId();
   const inputId = id ?? generatedId;
   const helperId = helperText ? `${inputId}-helper` : void 0;
   const errorId = errorText ? `${inputId}-error` : void 0;
@@ -1429,7 +1454,7 @@ function useAdsFieldDescription({
     inputId
   };
 }
-var AdsField = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+var AdsField = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
   FieldGroup,
   {
     className: cn("w-full gap-7", className),
@@ -1438,14 +1463,14 @@ var AdsField = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 AdsField.displayName = "AdsField";
-var AdsFieldHeader = React16.forwardRef(({ className, description, title, ...props }, ref) => /* @__PURE__ */ jsxs9(
+var AdsFieldHeader = React17.forwardRef(({ className, description, title, ...props }, ref) => /* @__PURE__ */ jsxs9(
   "div",
   {
     className: cn("flex w-full flex-col gap-3", className),
     ref,
     ...props,
     children: [
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx19(
         FieldTitle,
         {
           className: cn(
@@ -1455,7 +1480,7 @@ var AdsFieldHeader = React16.forwardRef(({ className, description, title, ...pro
           children: title
         }
       ),
-      description ? /* @__PURE__ */ jsx18(
+      description ? /* @__PURE__ */ jsx19(
         FieldDescription,
         {
           className: cn("w-full text-sm leading-5", adsTextColorClassName.muted),
@@ -1466,7 +1491,7 @@ var AdsFieldHeader = React16.forwardRef(({ className, description, title, ...pro
   }
 ));
 AdsFieldHeader.displayName = "AdsFieldHeader";
-var AdsFieldItem = React16.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx18(
+var AdsFieldItem = React17.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx19(
   Field,
   {
     className: cn("w-full gap-3", className),
@@ -1476,7 +1501,7 @@ var AdsFieldItem = React16.forwardRef(({ className, orientation = "vertical", ..
   }
 ));
 AdsFieldItem.displayName = "AdsFieldItem";
-var AdsFieldLabel = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+var AdsFieldLabel = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
   FieldLabel,
   {
     className: cn(
@@ -1489,7 +1514,7 @@ var AdsFieldLabel = React16.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 AdsFieldLabel.displayName = "AdsFieldLabel";
-var AdsFieldLegend = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+var AdsFieldLegend = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
   FieldLegend,
   {
     className: cn(
@@ -1502,7 +1527,7 @@ var AdsFieldLegend = React16.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 AdsFieldLegend.displayName = "AdsFieldLegend";
-var AdsFieldDescription = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+var AdsFieldDescription = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
   FieldDescription,
   {
     className: cn("text-sm leading-5", adsTextColorClassName.muted, className),
@@ -1511,7 +1536,7 @@ var AdsFieldDescription = React16.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 AdsFieldDescription.displayName = "AdsFieldDescription";
-var AdsFieldError = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+var AdsFieldError = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
   FieldError,
   {
     className: cn("text-sm leading-5 text-destructive", className),
@@ -1520,7 +1545,7 @@ var AdsFieldError = React16.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 AdsFieldError.displayName = "AdsFieldError";
-var AdsFieldSeparator = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+var AdsFieldSeparator = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
   FieldSeparator,
   {
     className: cn("py-2", adsTextColorClassName.muted, className),
@@ -1529,7 +1554,7 @@ var AdsFieldSeparator = React16.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AdsFieldSeparator.displayName = "AdsFieldSeparator";
-var AdsFieldGroup = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+var AdsFieldGroup = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
   FieldGroup,
   {
     className: cn("w-full gap-6", className),
@@ -1538,7 +1563,7 @@ var AdsFieldGroup = React16.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 AdsFieldGroup.displayName = "AdsFieldGroup";
-var AdsFieldSet = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+var AdsFieldSet = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
   FieldSet,
   {
     className: cn("w-full gap-6", className),
@@ -1547,7 +1572,7 @@ var AdsFieldSet = React16.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 AdsFieldSet.displayName = "AdsFieldSet";
-var AdsFieldCheckboxRow = React16.forwardRef(({ className, control, description, label, ...props }, ref) => /* @__PURE__ */ jsxs9(
+var AdsFieldCheckboxRow = React17.forwardRef(({ className, control, description, label, ...props }, ref) => /* @__PURE__ */ jsxs9(
   "div",
   {
     className: cn(
@@ -1558,16 +1583,16 @@ var AdsFieldCheckboxRow = React16.forwardRef(({ className, control, description,
     ref,
     ...props,
     children: [
-      /* @__PURE__ */ jsx18("div", { className: "shrink-0 pt-px", children: control }),
+      /* @__PURE__ */ jsx19("div", { className: "shrink-0 pt-px", children: control }),
       /* @__PURE__ */ jsxs9("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
-        /* @__PURE__ */ jsx18("div", { className: cn("text-sm leading-5", adsTextColorClassName.default), children: label }),
-        description ? /* @__PURE__ */ jsx18(AdsFieldDescription, { className: "text-sm leading-5", children: description }) : null
+        /* @__PURE__ */ jsx19("div", { className: cn("text-sm leading-5", adsTextColorClassName.default), children: label }),
+        description ? /* @__PURE__ */ jsx19(AdsFieldDescription, { className: "text-sm leading-5", children: description }) : null
       ] })
     ]
   }
 ));
 AdsFieldCheckboxRow.displayName = "AdsFieldCheckboxRow";
-var AdsFieldChoiceCard = React16.forwardRef(({ checked, className, control, description, title, ...props }, ref) => /* @__PURE__ */ jsxs9(
+var AdsFieldChoiceCard = React17.forwardRef(({ checked, className, control, description, title, ...props }, ref) => /* @__PURE__ */ jsxs9(
   "label",
   {
     className: cn(
@@ -1579,9 +1604,9 @@ var AdsFieldChoiceCard = React16.forwardRef(({ checked, className, control, desc
     ref,
     ...props,
     children: [
-      control ? /* @__PURE__ */ jsx18("div", { className: "shrink-0 pt-px", children: control }) : null,
+      control ? /* @__PURE__ */ jsx19("div", { className: "shrink-0 pt-px", children: control }) : null,
       /* @__PURE__ */ jsxs9("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx19(
           "div",
           {
             className: cn(
@@ -1591,13 +1616,13 @@ var AdsFieldChoiceCard = React16.forwardRef(({ checked, className, control, desc
             children: title
           }
         ),
-        description ? /* @__PURE__ */ jsx18(AdsFieldDescription, { className: "text-sm leading-5", children: description }) : null
+        description ? /* @__PURE__ */ jsx19(AdsFieldDescription, { className: "text-sm leading-5", children: description }) : null
       ] })
     ]
   }
 ));
 AdsFieldChoiceCard.displayName = "AdsFieldChoiceCard";
-var AdsFieldActions = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+var AdsFieldActions = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
   "div",
   {
     className: cn("flex w-full flex-wrap items-center gap-3", className),
@@ -1608,15 +1633,15 @@ var AdsFieldActions = React16.forwardRef(({ className, ...props }, ref) => /* @_
 AdsFieldActions.displayName = "AdsFieldActions";
 
 // src/components/AdsCheckbox/index.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var checkboxBaseClassName = "h-4 w-4 rounded-[4px] border-border bg-card text-primary 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=checked]:text-primary-foreground";
-var Checkbox2 = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(Checkbox, { className: cn(checkboxBaseClassName, className), ref, ...props }));
+var Checkbox2 = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(Checkbox, { className: cn(checkboxBaseClassName, className), ref, ...props }));
 Checkbox2.displayName = "Checkbox";
-var AdsCheckbox = React17.forwardRef(({ checkboxClassName, className, description, id, label, wrapperClassName, ...props }, ref) => {
-  const generatedId = React17.useId();
+var AdsCheckbox = React18.forwardRef(({ checkboxClassName, className, description, id, label, wrapperClassName, ...props }, ref) => {
+  const generatedId = React18.useId();
   const inputId = id ?? generatedId;
   if (!label) {
-    return /* @__PURE__ */ jsx19(
+    return /* @__PURE__ */ jsx20(
       Checkbox2,
       {
         className: cn(className, checkboxClassName),
@@ -1626,10 +1651,10 @@ var AdsCheckbox = React17.forwardRef(({ checkboxClassName, className, descriptio
       }
     );
   }
-  return /* @__PURE__ */ jsx19("label", { className: cn("block w-full cursor-pointer", wrapperClassName), htmlFor: inputId, children: /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20("label", { className: cn("block w-full cursor-pointer", wrapperClassName), htmlFor: inputId, children: /* @__PURE__ */ jsx20(
     AdsFieldCheckboxRow,
     {
-      control: /* @__PURE__ */ jsx19(
+      control: /* @__PURE__ */ jsx20(
         Checkbox2,
         {
           className: cn(className, checkboxClassName),
@@ -1646,16 +1671,16 @@ var AdsCheckbox = React17.forwardRef(({ checkboxClassName, className, descriptio
 AdsCheckbox.displayName = "AdsCheckbox";
 
 // src/components/AdsCalendar/index.tsx
-import * as React24 from "react";
+import * as React25 from "react";
 import { format } from "date-fns";
 import { ChevronDown as ChevronDown3 } from "lucide-react";
 
 // src/primitives/input.tsx
-import * as React18 from "react";
-import { jsx as jsx20 } from "react/jsx-runtime";
-var Input = React18.forwardRef(
+import * as React19 from "react";
+import { jsx as jsx21 } from "react/jsx-runtime";
+var Input = React19.forwardRef(
   ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ jsx20(
+    return /* @__PURE__ */ jsx21(
       "input",
       {
         type,
@@ -1672,20 +1697,20 @@ var Input = React18.forwardRef(
 Input.displayName = "Input";
 
 // src/components/AdsPopover/index.tsx
-import * as React21 from "react";
+import * as React22 from "react";
 
 // src/primitives/popover.tsx
-import * as React20 from "react";
+import * as React21 from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 
 // src/lib/nestedDismissableLayer.tsx
-import * as React19 from "react";
-import { jsx as jsx21 } from "react/jsx-runtime";
-var NestedDismissableLayerContext = React19.createContext(null);
+import * as React20 from "react";
+import { jsx as jsx22 } from "react/jsx-runtime";
+var NestedDismissableLayerContext = React20.createContext(null);
 function useNestedDismissableLayerCoordinator() {
-  const activeLayersRef = React19.useRef(/* @__PURE__ */ new Map());
-  const pointerInteractionHadNestedLayerRef = React19.useRef(false);
-  const registerNestedLayer = React19.useCallback(
+  const activeLayersRef = React20.useRef(/* @__PURE__ */ new Map());
+  const pointerInteractionHadNestedLayerRef = React20.useRef(false);
+  const registerNestedLayer = React20.useCallback(
     (id, dismiss) => {
       const activeLayers = activeLayersRef.current;
       activeLayers.delete(id);
@@ -1698,19 +1723,19 @@ function useNestedDismissableLayerCoordinator() {
     },
     []
   );
-  const hasActiveNestedLayer = React19.useCallback(
+  const hasActiveNestedLayer = React20.useCallback(
     () => activeLayersRef.current.size > 0,
     []
   );
-  const hadActiveNestedLayerAtPointerDown = React19.useCallback(
+  const hadActiveNestedLayerAtPointerDown = React20.useCallback(
     () => pointerInteractionHadNestedLayerRef.current,
     []
   );
-  const dismissTopNestedLayer = React19.useCallback(() => {
+  const dismissTopNestedLayer = React20.useCallback(() => {
     const activeLayers = [...activeLayersRef.current.values()];
     activeLayers.at(-1)?.();
   }, []);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     const ownerDocument = globalThis.document;
     if (!ownerDocument) return;
     const handlePointerDown = () => {
@@ -1731,7 +1756,7 @@ function useNestedDismissableLayerCoordinator() {
       ownerDocument.removeEventListener("keydown", handleKeyDown, true);
     };
   }, []);
-  return React19.useMemo(
+  return React20.useMemo(
     () => ({
       dismissTopNestedLayer,
       hasActiveNestedLayer,
@@ -1752,8 +1777,8 @@ function useNestedDismissableLayerParent({
   onPointerDownOutside
 } = {}) {
   const coordinator = useNestedDismissableLayerCoordinator();
-  const shieldNextFocusOutsideRef = React19.useRef(false);
-  const handlePointerDownOutside = React19.useCallback(
+  const shieldNextFocusOutsideRef = React20.useRef(false);
+  const handlePointerDownOutside = React20.useCallback(
     (event) => {
       onPointerDownOutside?.(event);
       if (event.defaultPrevented) return;
@@ -1771,7 +1796,7 @@ function useNestedDismissableLayerParent({
     },
     [coordinator, onPointerDownOutside]
   );
-  const handleFocusOutside = React19.useCallback(
+  const handleFocusOutside = React20.useCallback(
     (event) => {
       onFocusOutside?.(event);
       if (event.defaultPrevented) return;
@@ -1787,7 +1812,7 @@ function useNestedDismissableLayerParent({
     },
     [coordinator, onFocusOutside]
   );
-  const handleEscapeKeyDown = React19.useCallback(
+  const handleEscapeKeyDown = React20.useCallback(
     (event) => {
       onEscapeKeyDown?.(event);
       if (event.defaultPrevented || !coordinator.hasActiveNestedLayer()) {
@@ -1798,7 +1823,7 @@ function useNestedDismissableLayerParent({
     },
     [coordinator, onEscapeKeyDown]
   );
-  return React19.useMemo(
+  return React20.useMemo(
     () => ({
       coordinator,
       onEscapeKeyDown: handleEscapeKeyDown,
@@ -1817,22 +1842,22 @@ function NestedDismissableLayerProvider({
   children,
   coordinator
 }) {
-  return /* @__PURE__ */ jsx21(NestedDismissableLayerContext.Provider, { value: coordinator, children });
+  return /* @__PURE__ */ jsx22(NestedDismissableLayerContext.Provider, { value: coordinator, children });
 }
 function useNestedDismissableLayer(active, dismiss) {
-  const coordinator = React19.useContext(NestedDismissableLayerContext);
-  const idRef = React19.useRef(/* @__PURE__ */ Symbol("ads-nested-dismissable-layer"));
-  React19.useEffect(() => {
+  const coordinator = React20.useContext(NestedDismissableLayerContext);
+  const idRef = React20.useRef(/* @__PURE__ */ Symbol("ads-nested-dismissable-layer"));
+  React20.useEffect(() => {
     if (!active || !coordinator) return;
     return coordinator.registerNestedLayer(idRef.current, dismiss);
   }, [active, coordinator, dismiss]);
 }
 
 // src/primitives/popover.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContentImpl = React20.forwardRef(
+var PopoverContentImpl = React21.forwardRef(
   ({
     className,
     align = "center",
@@ -1847,7 +1872,7 @@ var PopoverContentImpl = React20.forwardRef(
       onFocusOutside,
       onPointerDownOutside
     });
-    return /* @__PURE__ */ jsx22(NestedDismissableLayerProvider, { coordinator: parentLayer.coordinator, children: /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsx23(NestedDismissableLayerProvider, { coordinator: parentLayer.coordinator, children: /* @__PURE__ */ jsx23(
       PopoverPrimitive.Content,
       {
         ref,
@@ -1866,16 +1891,16 @@ var PopoverContentImpl = React20.forwardRef(
   }
 );
 PopoverContentImpl.displayName = "PopoverContentImpl";
-var PopoverContent = React20.forwardRef((props, ref) => /* @__PURE__ */ jsx22(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx22(PopoverContentImpl, { ...props, ref }) }));
+var PopoverContent = React21.forwardRef((props, ref) => /* @__PURE__ */ jsx23(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx23(PopoverContentImpl, { ...props, ref }) }));
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 // src/components/AdsPopover/index.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 var popoverContentClassName = "z-50 w-[320px] rounded-radius-lg border border-border bg-popover p-lg text-popover-foreground shadow-[0px_2px_4px_-2px_rgba(0,0,0,0.1),0px_4px_6px_-1px_rgba(0,0,0,0.1)] outline-none 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]";
 var AdsPopover = Popover;
 var AdsPopoverTrigger = PopoverTrigger;
-var AdsPopoverContent = React21.forwardRef(
-  ({ align = "center", className, inset = false, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx23(
+var AdsPopoverContent = React22.forwardRef(
+  ({ align = "center", className, inset = false, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx24(
     PopoverContent,
     {
       align,
@@ -1891,10 +1916,10 @@ var AdsPopoverContent = React21.forwardRef(
   )
 );
 AdsPopoverContent.displayName = "AdsPopoverContent";
-var AdsPopoverHeader = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23("div", { className: cn("flex flex-col gap-sm", className), ref, ...props }));
+var AdsPopoverHeader = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24("div", { className: cn("flex flex-col gap-sm", className), ref, ...props }));
 AdsPopoverHeader.displayName = "AdsPopoverHeader";
-var AdsPopoverBody = React21.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var AdsPopoverBody = React22.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
     "div",
     {
       className: cn("mt-md flex flex-col gap-md", className),
@@ -1904,7 +1929,7 @@ var AdsPopoverBody = React21.forwardRef(
   )
 );
 AdsPopoverBody.displayName = "AdsPopoverBody";
-var AdsPopoverTitle = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var AdsPopoverTitle = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   "h4",
   {
     className: cn(
@@ -1917,7 +1942,7 @@ var AdsPopoverTitle = React21.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 AdsPopoverTitle.displayName = "AdsPopoverTitle";
-var AdsPopoverDescription = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var AdsPopoverDescription = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   "p",
   {
     className: cn("text-sm leading-5", adsTextColorClassName.muted, className),
@@ -1928,7 +1953,7 @@ var AdsPopoverDescription = React21.forwardRef(({ className, ...props }, ref) =>
 AdsPopoverDescription.displayName = "AdsPopoverDescription";
 
 // src/primitives/calendar.tsx
-import * as React23 from "react";
+import * as React24 from "react";
 import {
   DayFlag,
   DayPicker as GregorianDayPicker,
@@ -1946,11 +1971,11 @@ import {
 } from "@daypicker/persian";
 
 // src/primitives/select.tsx
-import * as React22 from "react";
+import * as React23 from "react";
 import * as DismissableLayerPrimitive from "@radix-ui/react-dismissable-layer";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { Check as Check2, ChevronDown as ChevronDown2, ChevronUp } from "lucide-react";
-import { jsx as jsx24, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs10 } from "react/jsx-runtime";
 function Select({
   defaultOpen,
   onOpenChange,
@@ -1958,11 +1983,11 @@ function Select({
   ...props
 }) {
   const isControlled = openProp !== void 0;
-  const [uncontrolledOpen, setUncontrolledOpen] = React22.useState(
+  const [uncontrolledOpen, setUncontrolledOpen] = React23.useState(
     defaultOpen ?? false
   );
   const resolvedOpen = isControlled ? openProp : uncontrolledOpen;
-  const handleOpenChange = React22.useCallback(
+  const handleOpenChange = React23.useCallback(
     (nextOpen) => {
       if (!isControlled) {
         setUncontrolledOpen(nextOpen);
@@ -1971,11 +1996,11 @@ function Select({
     },
     [isControlled, onOpenChange]
   );
-  const handleNestedDismiss = React22.useCallback(() => {
+  const handleNestedDismiss = React23.useCallback(() => {
     handleOpenChange(false);
   }, [handleOpenChange]);
   useNestedDismissableLayer(resolvedOpen, handleNestedDismiss);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     SelectPrimitive.Root,
     {
       ...props,
@@ -1988,7 +2013,7 @@ function Select({
 Select.displayName = SelectPrimitive.Root.displayName;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React22.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs10(
+var SelectTrigger = React23.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs10(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -1999,12 +2024,12 @@ var SelectTrigger = React22.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx24(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx24(ChevronDown2, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ jsx25(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx25(ChevronDown2, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var SelectScrollUpButton = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -2013,11 +2038,11 @@ var SelectScrollUpButton = React22.forwardRef(({ className, ...props }, ref) =>
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx24(ChevronUp, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx25(ChevronUp, { className: "h-4 w-4" })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var SelectScrollDownButton = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -2026,11 +2051,11 @@ var SelectScrollDownButton = React22.forwardRef(({ className, ...props }, ref) =
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx24(ChevronDown2, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx25(ChevronDown2, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React22.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx24(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx24(DismissableLayerPrimitive.Branch, { asChild: true, children: /* @__PURE__ */ jsxs10(
+var SelectContent = React23.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx25(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx25(DismissableLayerPrimitive.Branch, { asChild: true, children: /* @__PURE__ */ jsxs10(
   SelectPrimitive.Content,
   {
     ref,
@@ -2042,8 +2067,8 @@ var SelectContent = React22.forwardRef(({ className, children, position = "poppe
     position,
     ...props,
     children: [
-      /* @__PURE__ */ jsx24(SelectScrollUpButton, {}),
-      /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsx25(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx25(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -2053,12 +2078,12 @@ var SelectContent = React22.forwardRef(({ className, children, position = "poppe
           children
         }
       ),
-      /* @__PURE__ */ jsx24(SelectScrollDownButton, {})
+      /* @__PURE__ */ jsx25(SelectScrollDownButton, {})
     ]
   }
 ) }) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var SelectLabel = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   SelectPrimitive.Label,
   {
     ref,
@@ -2067,7 +2092,7 @@ var SelectLabel = React22.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React22.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs10(
+var SelectItem = React23.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs10(
   SelectPrimitive.Item,
   {
     ref,
@@ -2077,13 +2102,13 @@ var SelectItem = React22.forwardRef(({ className, children, ...props }, ref) =>
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx24("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx24(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx24(Check2, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ jsx24(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ jsx25("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx25(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx25(Check2, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx25(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var SelectSeparator = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   SelectPrimitive.Separator,
   {
     ref,
@@ -2094,7 +2119,7 @@ var SelectSeparator = React22.forwardRef(({ className, ...props }, ref) => /* @_
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/primitives/calendar.tsx
-import { jsx as jsx25, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs11 } from "react/jsx-runtime";
 var cellSizeClasses = {
   md: {
     cell: "size-8",
@@ -2163,7 +2188,7 @@ function CalendarDropdown({
 }) {
   const { classNames, styles } = useDayPicker();
   const selectedValue = value?.toString();
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "span",
     {
       className: classNames[UI.DropdownRoot],
@@ -2180,7 +2205,7 @@ function CalendarDropdown({
           },
           value: selectedValue,
           children: [
-            /* @__PURE__ */ jsx25(
+            /* @__PURE__ */ jsx26(
               SelectTrigger,
               {
                 "aria-label": ariaLabel,
@@ -2190,10 +2215,10 @@ function CalendarDropdown({
                   className
                 ),
                 style,
-                children: /* @__PURE__ */ jsx25(SelectValue, {})
+                children: /* @__PURE__ */ jsx26(SelectValue, {})
               }
             ),
-            /* @__PURE__ */ jsx25(SelectContent, { className: "rounded-radius-md border-border bg-popover text-popover-foreground shadow-[0px_8px_24px_rgba(0,0,0,0.22)]", children: options?.map((option) => /* @__PURE__ */ jsx25(
+            /* @__PURE__ */ jsx26(SelectContent, { className: "rounded-radius-md border-border bg-popover text-popover-foreground shadow-[0px_8px_24px_rgba(0,0,0,0.22)]", children: options?.map((option) => /* @__PURE__ */ jsx26(
               SelectItem,
               {
                 disabled: option.disabled,
@@ -2208,7 +2233,7 @@ function CalendarDropdown({
     }
   );
 }
-var Calendar = React23.forwardRef(
+var Calendar = React24.forwardRef(
   ({
     captionLayout,
     calendarSystem = "gregorian",
@@ -2220,7 +2245,7 @@ var Calendar = React23.forwardRef(
     showOutsideDays = true,
     ...props
   }, ref) => {
-    const mergedClassNames = React23.useMemo(
+    const mergedClassNames = React24.useMemo(
       () => ({
         ...getCalendarClassNames(cellSize, captionLayout?.startsWith("dropdown") ?? false),
         ...classNames
@@ -2241,7 +2266,7 @@ var Calendar = React23.forwardRef(
       showOutsideDays
     };
     if (calendarSystem === "persian") {
-      return /* @__PURE__ */ jsx25("div", { ref, children: /* @__PURE__ */ jsx25(
+      return /* @__PURE__ */ jsx26("div", { ref, children: /* @__PURE__ */ jsx26(
         PersianDayPicker,
         {
           ...sharedProps,
@@ -2252,7 +2277,7 @@ var Calendar = React23.forwardRef(
       ) });
     }
     if (calendarSystem === "hijri") {
-      return /* @__PURE__ */ jsx25("div", { ref, children: /* @__PURE__ */ jsx25(
+      return /* @__PURE__ */ jsx26("div", { ref, children: /* @__PURE__ */ jsx26(
         HijriDayPicker,
         {
           ...sharedProps,
@@ -2262,13 +2287,13 @@ var Calendar = React23.forwardRef(
         }
       ) });
     }
-    return /* @__PURE__ */ jsx25("div", { ref, children: /* @__PURE__ */ jsx25(GregorianDayPicker, { ...sharedProps }) });
+    return /* @__PURE__ */ jsx26("div", { ref, children: /* @__PURE__ */ jsx26(GregorianDayPicker, { ...sharedProps }) });
   }
 );
 Calendar.displayName = "Calendar";
 
 // src/components/AdsCalendar/index.tsx
-import { jsx as jsx26, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs12 } from "react/jsx-runtime";
 var dateTriggerClassName = "flex h-9 w-full items-center justify-between gap-2 rounded-radius-md border border-border bg-card px-md py-2 text-left text-sm leading-5 text-foreground shadow-[0px_1px_2px_rgba(0,0,0,0.1)] transition-colors hover:border-border-focus focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-[rgba(161,161,161,0.5)] disabled:cursor-not-allowed disabled:opacity-50";
 var timeInputClassName = "flex h-9 w-full rounded-radius-md border border-border bg-card px-md py-2 text-center text-sm leading-5 text-foreground shadow-[0px_1px_2px_rgba(0,0,0,0.1)] focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-[rgba(161,161,161,0.5)]";
 function useControllableDate({
@@ -2276,12 +2301,12 @@ function useControllableDate({
   onSelect,
   selected
 }) {
-  const [internalSelected, setInternalSelected] = React24.useState(
+  const [internalSelected, setInternalSelected] = React25.useState(
     defaultSelected
   );
   const isControlled = selected !== void 0;
   const value = isControlled ? selected : internalSelected;
-  const handleSelect = React24.useCallback(
+  const handleSelect = React25.useCallback(
     (nextValue) => {
       if (!isControlled) {
         setInternalSelected(nextValue);
@@ -2298,11 +2323,11 @@ function getDateLabel(value, formatter) {
   }
   return formatter ? formatter(value) : format(value, "MMM d, yyyy");
 }
-var AdsCalendar = React24.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx26(Calendar, { className: cn(className), ref, ...props })
+var AdsCalendar = React25.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx27(Calendar, { className: cn(className), ref, ...props })
 );
 AdsCalendar.displayName = "AdsCalendar";
-var AdsDatePicker = React24.forwardRef(
+var AdsDatePicker = React25.forwardRef(
   ({
     className,
     defaultSelected,
@@ -2315,7 +2340,7 @@ var AdsDatePicker = React24.forwardRef(
     triggerClassName,
     ...calendarProps
   }, ref) => {
-    const [open, setOpen] = React24.useState(false);
+    const [open, setOpen] = React25.useState(false);
     const [value, handleSelect] = useControllableDate({
       defaultSelected,
       onSelect,
@@ -2323,7 +2348,7 @@ var AdsDatePicker = React24.forwardRef(
     });
     const description = useAdsFieldDescription({ id });
     const labelText = getDateLabel(value, formatDateLabel) ?? placeholder;
-    const onCalendarSelect = React24.useCallback(
+    const onCalendarSelect = React25.useCallback(
       (nextValue) => {
         handleSelect(nextValue);
         setOpen(false);
@@ -2331,9 +2356,9 @@ var AdsDatePicker = React24.forwardRef(
       [handleSelect]
     );
     return /* @__PURE__ */ jsxs12(AdsFieldItem, { className: cn("gap-3", className), ref, children: [
-      label ? /* @__PURE__ */ jsx26(AdsFieldLabel, { htmlFor: description.inputId, children: label }) : null,
+      label ? /* @__PURE__ */ jsx27(AdsFieldLabel, { htmlFor: description.inputId, children: label }) : null,
       /* @__PURE__ */ jsxs12(AdsPopover, { onOpenChange: setOpen, open, children: [
-        /* @__PURE__ */ jsx26(AdsPopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs12(
+        /* @__PURE__ */ jsx27(AdsPopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs12(
           Button,
           {
             "aria-label": labelText,
@@ -2346,12 +2371,12 @@ var AdsDatePicker = React24.forwardRef(
             id: description.inputId,
             type: "button",
             children: [
-              /* @__PURE__ */ jsx26("span", { className: "truncate", children: labelText }),
-              /* @__PURE__ */ jsx26(ChevronDown3, { "aria-hidden": true, className: "size-4 shrink-0 text-icon-muted" })
+              /* @__PURE__ */ jsx27("span", { className: "truncate", children: labelText }),
+              /* @__PURE__ */ jsx27(ChevronDown3, { "aria-hidden": true, className: "size-4 shrink-0 text-icon-muted" })
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx26(AdsPopoverContent, { className: "w-auto p-0", inset: true, sideOffset: 4, children: /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx27(AdsPopoverContent, { className: "w-auto p-0", inset: true, sideOffset: 4, children: /* @__PURE__ */ jsx27(
           AdsCalendar,
           {
             ...calendarProps,
@@ -2365,7 +2390,7 @@ var AdsDatePicker = React24.forwardRef(
   }
 );
 AdsDatePicker.displayName = "AdsDatePicker";
-var AdsDateTimePicker = React24.forwardRef(
+var AdsDateTimePicker = React25.forwardRef(
   ({
     className,
     timeLabel = "Time",
@@ -2373,10 +2398,10 @@ var AdsDateTimePicker = React24.forwardRef(
     onTimeChange,
     ...props
   }, ref) => /* @__PURE__ */ jsxs12("div", { className: cn("flex flex-wrap items-start gap-4", className), ref, children: [
-    /* @__PURE__ */ jsx26(AdsDatePicker, { className: "w-[min(100%,135px)]", ...props }),
+    /* @__PURE__ */ jsx27(AdsDatePicker, { className: "w-[min(100%,135px)]", ...props }),
     /* @__PURE__ */ jsxs12(AdsFieldItem, { className: "w-[91px] gap-3", children: [
-      /* @__PURE__ */ jsx26(AdsFieldLabel, { children: timeLabel }),
-      /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx27(AdsFieldLabel, { children: timeLabel }),
+      /* @__PURE__ */ jsx27(
         Input,
         {
           className: timeInputClassName,
@@ -2392,13 +2417,13 @@ var AdsDateTimePicker = React24.forwardRef(
 AdsDateTimePicker.displayName = "AdsDateTimePicker";
 
 // src/components/AdsButtonGroup/index.tsx
-import * as React25 from "react";
-import { Slot as Slot4 } from "@radix-ui/react-slot";
+import * as React26 from "react";
+import { Slot as Slot5 } from "@radix-ui/react-slot";
 
 // src/primitives/button-group.tsx
-import { Slot as Slot3 } from "@radix-ui/react-slot";
+import { Slot as Slot4 } from "@radix-ui/react-slot";
 import { cva as cva8 } from "class-variance-authority";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 var buttonGroupVariants = cva8(
   "flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
   {
@@ -2418,7 +2443,7 @@ function ButtonGroupSeparator({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     Separator,
     {
       "data-slot": "button-group-separator",
@@ -2437,7 +2462,7 @@ function ButtonGroupSeparator({
 }
 
 // src/components/AdsButtonGroup/index.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 var buttonGroupPressClassName = "[&_button]:transition-[background-color,box-shadow,filter] [&_button]:active:translate-y-0 [&_button]:active:brightness-95";
 var segmentSizeClassName = {
   sm: "h-8 px-md text-sm",
@@ -2445,14 +2470,14 @@ var segmentSizeClassName = {
   lg: "h-10 px-xl text-base"
 };
 function isAdsButtonElement(child) {
-  return React25.isValidElement(child) && child.type === AdsButton;
+  return React26.isValidElement(child) && child.type === AdsButton;
 }
 function enhanceChildren(children, attached, size, surface) {
-  return React25.Children.map(children, (child) => {
+  return React26.Children.map(children, (child) => {
     if (!isAdsButtonElement(child)) {
       return child;
     }
-    return React25.cloneElement(child, {
+    return React26.cloneElement(child, {
       className: cn(
         attached && "rounded-none shadow-none",
         attached && surface === "secondary" && "bg-secondary hover:bg-secondary/90",
@@ -2462,7 +2487,7 @@ function enhanceChildren(children, attached, size, surface) {
     });
   });
 }
-var AdsButtonGroup = React25.forwardRef(
+var AdsButtonGroup = React26.forwardRef(
   ({
     attached = true,
     children,
@@ -2481,7 +2506,7 @@ var AdsButtonGroup = React25.forwardRef(
       buttonGroupVariants({ orientation }),
       surface === "pill" ? "rounded-full" : "rounded-radius-md"
     );
-    return /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx29(
       "div",
       {
         "aria-orientation": orientation,
@@ -2523,7 +2548,7 @@ var inputSizeClassName = {
   md: "h-9 text-sm leading-5",
   lg: "h-10 text-base leading-6"
 };
-var AdsButtonGroupText = React25.forwardRef(
+var AdsButtonGroupText = React26.forwardRef(
   ({
     align = "start",
     asChild = false,
@@ -2533,8 +2558,8 @@ var AdsButtonGroupText = React25.forwardRef(
     tone = "default",
     ...props
   }, ref) => {
-    const Comp = asChild ? Slot4 : "div";
-    return /* @__PURE__ */ jsx28(
+    const Comp = asChild ? Slot5 : "div";
+    return /* @__PURE__ */ jsx29(
       Comp,
       {
         className: cn(
@@ -2554,7 +2579,7 @@ var AdsButtonGroupText = React25.forwardRef(
   }
 );
 AdsButtonGroupText.displayName = "AdsButtonGroupText";
-var AdsButtonGroupInput = React25.forwardRef(({ className, size = "md", type = "text", ...props }, ref) => /* @__PURE__ */ jsx28(
+var AdsButtonGroupInput = React26.forwardRef(({ className, size = "md", type = "text", ...props }, ref) => /* @__PURE__ */ jsx29(
   Input,
   {
     className: cn(
@@ -2571,13 +2596,13 @@ AdsButtonGroupInput.displayName = "AdsButtonGroupInput";
 var AdsButtonGroupSeparator = ButtonGroupSeparator;
 
 // src/components/AdsSeparator/index.tsx
-import * as React26 from "react";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import * as React27 from "react";
+import { jsx as jsx30 } from "react/jsx-runtime";
 var toneClassName2 = {
   default: "bg-border",
   muted: "bg-border-muted"
 };
-var AdsSeparator = React26.forwardRef(({ className, orientation = "horizontal", tone = "default", ...props }, ref) => /* @__PURE__ */ jsx29(
+var AdsSeparator = React27.forwardRef(({ className, orientation = "horizontal", tone = "default", ...props }, ref) => /* @__PURE__ */ jsx30(
   Separator,
   {
     className: cn(
@@ -2594,13 +2619,13 @@ var AdsSeparator = React26.forwardRef(({ className, orientation = "horizontal",
 AdsSeparator.displayName = "AdsSeparator";
 
 // src/components/AdsSkeleton/index.tsx
-import * as React28 from "react";
+import * as React29 from "react";
 
 // src/primitives/skeleton.tsx
-import * as React27 from "react";
-import { jsx as jsx30 } from "react/jsx-runtime";
-var Skeleton = React27.forwardRef(
-  ({ animated = true, className, ...props }, ref) => /* @__PURE__ */ jsx30(
+import * as React28 from "react";
+import { jsx as jsx31 } from "react/jsx-runtime";
+var Skeleton = React28.forwardRef(
+  ({ animated = true, className, ...props }, ref) => /* @__PURE__ */ jsx31(
     "div",
     {
       className: cn(
@@ -2616,7 +2641,7 @@ var Skeleton = React27.forwardRef(
 Skeleton.displayName = "Skeleton";
 
 // src/components/AdsSkeleton/index.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var shapeClassName = {
   default: "rounded-radius-md",
   line: "h-4 w-full rounded-full",
@@ -2626,8 +2651,8 @@ var toneClassName3 = {
   default: "bg-secondary",
   muted: "bg-accent"
 };
-var AdsSkeleton = React28.forwardRef(
-  ({ className, shape = "default", tone = "default", ...props }, ref) => /* @__PURE__ */ jsx31(
+var AdsSkeleton = React29.forwardRef(
+  ({ className, shape = "default", tone = "default", ...props }, ref) => /* @__PURE__ */ jsx32(
     Skeleton,
     {
       className: cn(shapeClassName[shape], toneClassName3[tone], className),
@@ -2639,39 +2664,33 @@ var AdsSkeleton = React28.forwardRef(
 AdsSkeleton.displayName = "AdsSkeleton";
 
 // src/components/AdsInput/index.tsx
-import * as React30 from "react";
-import { Upload } from "lucide-react";
+import * as React31 from "react";
 
 // src/lib/adsClearButton.tsx
-import * as React29 from "react";
+import * as React30 from "react";
 import { X } from "lucide-react";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 var adsClearButtonClassName = "inline-flex min-w-0 shrink-0 items-center justify-center rounded-sm border-0 bg-transparent p-0 text-icon-muted shadow-none transition-colors hover:bg-transparent hover:text-foreground focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-[rgba(161,161,161,0.5)] focus-visible:ring-offset-0 disabled:pointer-events-none disabled:opacity-50";
-var AdsClearButton = React29.forwardRef(({ className, type = "button", ...props }, ref) => /* @__PURE__ */ jsx32(
+var AdsClearButton = React30.forwardRef(({ className, type = "button", ...props }, ref) => /* @__PURE__ */ jsx33(
   "button",
   {
     ...props,
     className: cn(adsClearButtonClassName, "h-4 w-4", className),
     ref,
     type,
-    children: /* @__PURE__ */ jsx32(X, { "aria-hidden": true, className: "h-3.5 w-3.5" })
+    children: /* @__PURE__ */ jsx33(X, { "aria-hidden": true, className: "h-3.5 w-3.5" })
   }
 ));
 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";
+import { jsx as jsx34, 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: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 +2709,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,
@@ -2718,7 +2726,7 @@ function getInputSurfaceClassName({
     className
   );
 }
-var AdsInput = React30.forwardRef(
+var AdsInput = React31.forwardRef(
   ({
     action,
     className,
@@ -2727,7 +2735,6 @@ var AdsInput = React30.forwardRef(
     descriptionPlacement = "below",
     emptyFileLabel,
     errorText,
-    fileTriggerIcon = /* @__PURE__ */ jsx33(Upload, { "aria-hidden": true, className: "h-4 w-4" }),
     fileTriggerLabel,
     helperText,
     id,
@@ -2741,9 +2748,9 @@ var AdsInput = React30.forwardRef(
     ...props
   }, ref) => {
     const { messages } = useAdsI18n();
-    const inputRef = React30.useRef(null);
-    const [selectedFiles, setSelectedFiles] = React30.useState([]);
-    const [currentValue, setCurrentValue] = React30.useState(
+    const inputRef = React31.useRef(null);
+    const [selectedFiles, setSelectedFiles] = React31.useState([]);
+    const [currentValue, setCurrentValue] = React31.useState(
       () => getTextInputValue(props.value ?? props.defaultValue)
     );
     const description = useAdsFieldDescription({
@@ -2752,7 +2759,7 @@ var AdsInput = React30.forwardRef(
       helperText,
       id
     });
-    React30.useEffect(() => {
+    React31.useEffect(() => {
       if (props.value !== void 0) {
         setCurrentValue(getTextInputValue(props.value));
       }
@@ -2768,9 +2775,8 @@ 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(
+    const handleChange = React31.useCallback(
       (event) => {
         setCurrentValue(event.target.value);
         if (isFileInput) {
@@ -2782,7 +2788,7 @@ var AdsInput = React30.forwardRef(
       },
       [isFileInput, onChange]
     );
-    const handleClear = React30.useCallback(() => {
+    const handleClear = React31.useCallback(() => {
       const element = inputRef.current;
       if (!element) {
         return;
@@ -2797,10 +2803,10 @@ var AdsInput = React30.forwardRef(
       onClear?.();
     }, [onClear]);
     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: [
-      /* @__PURE__ */ jsx33(
+    const helperNode = helperText ? /* @__PURE__ */ jsx34(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
+    const errorNode = errorText ? /* @__PURE__ */ jsx34(AdsFieldError, { id: description.errorId, children: errorText }) : null;
+    const inputNode = isFileInput ? /* @__PURE__ */ jsxs13("div", { className: "relative flex w-full min-w-0 flex-1 items-center", children: [
+      /* @__PURE__ */ jsx34(
         Input,
         {
           "aria-describedby": description.describedBy,
@@ -2825,26 +2831,23 @@ 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__ */ jsx34(
               "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(
+            /* @__PURE__ */ jsx34(
               "span",
               {
                 className: cn(
@@ -2858,8 +2861,8 @@ var AdsInput = React30.forwardRef(
         }
       )
     ] }) : /* @__PURE__ */ jsxs13("div", { className: "relative flex w-full min-w-0 flex-1 items-center", children: [
-      prefix ? /* @__PURE__ */ jsx33("span", { className: "pointer-events-none absolute left-md inline-flex text-icon-muted", children: prefix }) : null,
-      /* @__PURE__ */ jsx33(
+      prefix ? /* @__PURE__ */ jsx34("span", { className: "pointer-events-none absolute left-md inline-flex text-icon-muted", children: prefix }) : null,
+      /* @__PURE__ */ jsx34(
         Input,
         {
           "aria-describedby": description.describedBy,
@@ -2876,8 +2879,8 @@ var AdsInput = React30.forwardRef(
         }
       ),
       canClear || suffix ? /* @__PURE__ */ jsxs13("span", { className: "absolute right-md inline-flex items-center gap-xs text-icon-muted", children: [
-        suffix ? /* @__PURE__ */ jsx33("span", { className: "inline-flex items-center", children: suffix }) : null,
-        canClear ? /* @__PURE__ */ jsx33(
+        suffix ? /* @__PURE__ */ jsx34("span", { className: "inline-flex items-center", children: suffix }) : null,
+        canClear ? /* @__PURE__ */ jsx34(
           AdsClearButton,
           {
             "aria-label": resolvedClearButtonLabel,
@@ -2887,11 +2890,11 @@ var AdsInput = React30.forwardRef(
       ] }) : null
     ] });
     return /* @__PURE__ */ jsxs13(AdsFieldItem, { children: [
-      label ? /* @__PURE__ */ jsx33(AdsFieldLabel, { htmlFor: description.inputId, children: label }) : null,
+      label ? /* @__PURE__ */ jsx34(AdsFieldLabel, { htmlFor: description.inputId, children: label }) : null,
       descriptionPlacement === "above" ? helperNode : null,
       /* @__PURE__ */ jsxs13("div", { className: "flex w-full items-center gap-sm", children: [
         inputNode,
-        action ? /* @__PURE__ */ jsx33("div", { className: "shrink-0", children: action }) : null
+        action ? /* @__PURE__ */ jsx34("div", { className: "shrink-0", children: action }) : null
       ] }),
       descriptionPlacement === "below" ? helperNode : null,
       errorNode
@@ -2901,13 +2904,13 @@ var AdsInput = React30.forwardRef(
 AdsInput.displayName = "AdsInput";
 
 // src/components/AdsInputGroup/index.tsx
-import * as React32 from "react";
+import * as React33 from "react";
 
 // src/primitives/textarea.tsx
-import * as React31 from "react";
-import { jsx as jsx34 } from "react/jsx-runtime";
-var Textarea = React31.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx34(
+import * as React32 from "react";
+import { jsx as jsx35 } from "react/jsx-runtime";
+var Textarea = React32.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx35(
     "textarea",
     {
       className: cn(
@@ -2922,7 +2925,7 @@ var Textarea = React31.forwardRef(({ className, ...props }, ref) => {
 Textarea.displayName = "Textarea";
 
 // src/components/AdsInputGroup/index.tsx
-import { jsx as jsx35, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs14 } from "react/jsx-runtime";
 function useAdsInputGroupDescription(describedBy, helperText, errorText, idBase) {
   const helperId = helperText ? `${idBase}-helper` : void 0;
   const errorId = errorText ? `${idBase}-error` : void 0;
@@ -2942,10 +2945,10 @@ function AdsInputGroupChrome({
   label
 }) {
   return /* @__PURE__ */ jsxs14("div", { className: "flex w-full flex-col gap-md", children: [
-    label ? /* @__PURE__ */ jsx35("div", { className: "text-sm font-medium leading-5 text-foreground", children: label }) : null,
+    label ? /* @__PURE__ */ jsx36("div", { className: "text-sm font-medium leading-5 text-foreground", children: label }) : null,
     children,
-    helperText ? /* @__PURE__ */ jsx35("p", { className: "text-sm leading-5 text-muted-foreground", id: helperId, children: helperText }) : null,
-    errorText ? /* @__PURE__ */ jsx35("p", { className: "text-sm leading-5 text-destructive", id: errorId, children: errorText }) : null
+    helperText ? /* @__PURE__ */ jsx36("p", { className: "text-sm leading-5 text-muted-foreground", id: helperId, children: helperText }) : null,
+    errorText ? /* @__PURE__ */ jsx36("p", { className: "text-sm leading-5 text-destructive", id: errorId, children: errorText }) : null
   ] });
 }
 var addonBaseClassName = "flex shrink-0 items-center self-stretch bg-secondary px-lg text-sm leading-5 text-foreground";
@@ -2984,21 +2987,21 @@ function AdsInputGroup({
   trailingAddon,
   trailingAddonClassName
 }) {
-  const generatedId = React32.useId();
+  const generatedId = React33.useId();
   const description = useAdsInputGroupDescription(
     void 0,
     helperText,
     errorText,
     id ?? generatedId
   );
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     AdsInputGroupChrome,
     {
       errorText,
       helperText,
       label,
       ...description,
-      children: /* @__PURE__ */ jsx35("div", { className: cn("w-full", className), children: /* @__PURE__ */ jsxs14(
+      children: /* @__PURE__ */ jsx36("div", { className: cn("w-full", className), children: /* @__PURE__ */ jsxs14(
         "div",
         {
           className: cn(
@@ -3008,9 +3011,9 @@ function AdsInputGroup({
             surfaceClassName
           ),
           children: [
-            header ? /* @__PURE__ */ jsx35("div", { className: "border-b border-border px-md py-md text-sm text-foreground", children: header }) : null,
+            header ? /* @__PURE__ */ jsx36("div", { className: "border-b border-border px-md py-md text-sm text-foreground", children: header }) : null,
             /* @__PURE__ */ jsxs14("div", { className: "flex min-h-11 w-full items-stretch", children: [
-              leadingAddon ? /* @__PURE__ */ jsx35(
+              leadingAddon ? /* @__PURE__ */ jsx36(
                 "div",
                 {
                   className: cn(
@@ -3021,7 +3024,7 @@ function AdsInputGroup({
                   children: leadingAddon
                 }
               ) : null,
-              /* @__PURE__ */ jsx35(
+              /* @__PURE__ */ jsx36(
                 "div",
                 {
                   className: cn(
@@ -3031,7 +3034,7 @@ function AdsInputGroup({
                   children
                 }
               ),
-              trailingAddon ? /* @__PURE__ */ jsx35(
+              trailingAddon ? /* @__PURE__ */ jsx36(
                 "div",
                 {
                   className: cn(
@@ -3043,33 +3046,33 @@ function AdsInputGroup({
                 }
               ) : null
             ] }),
-            footer ? /* @__PURE__ */ jsx35("div", { className: "border-t border-border px-md py-sm text-sm text-muted-foreground", children: footer }) : null
+            footer ? /* @__PURE__ */ jsx36("div", { className: "border-t border-border px-md py-sm text-sm text-muted-foreground", children: footer }) : null
           ]
         }
       ) })
     }
   );
 }
-var AdsInputGroupInput = React32.forwardRef(({ className, clearable = false, clearButtonLabel, onChange, onClear, ...props }, ref) => {
+var AdsInputGroupInput = React33.forwardRef(({ className, clearable = false, clearButtonLabel, onChange, onClear, ...props }, ref) => {
   const { messages } = useAdsI18n();
-  const inputRef = React32.useRef(null);
-  const [currentValue, setCurrentValue] = React32.useState(
+  const inputRef = React33.useRef(null);
+  const [currentValue, setCurrentValue] = React33.useState(
     () => getInputGroupValue(props.value ?? props.defaultValue)
   );
-  React32.useEffect(() => {
+  React33.useEffect(() => {
     if (props.value !== void 0) {
       setCurrentValue(getInputGroupValue(props.value));
     }
   }, [props.value]);
   const canClear = clearable && !props.disabled && !props.readOnly && currentValue.length > 0;
-  const handleChange = React32.useCallback(
+  const handleChange = React33.useCallback(
     (event) => {
       setCurrentValue(event.target.value);
       onChange?.(event);
     },
     [onChange]
   );
-  const handleClear = React32.useCallback(() => {
+  const handleClear = React33.useCallback(() => {
     const element = inputRef.current;
     if (!element) {
       return;
@@ -3084,7 +3087,7 @@ var AdsInputGroupInput = React32.forwardRef(({ className, clearable = false, cle
     onClear?.();
   }, [onClear]);
   return /* @__PURE__ */ jsxs14("div", { className: "relative flex w-full min-w-0 flex-1 items-center", children: [
-    /* @__PURE__ */ jsx35(
+    /* @__PURE__ */ jsx36(
       Input,
       {
         className: cn(
@@ -3101,7 +3104,7 @@ var AdsInputGroupInput = React32.forwardRef(({ className, clearable = false, cle
         ...props
       }
     ),
-    canClear ? /* @__PURE__ */ jsx35(
+    canClear ? /* @__PURE__ */ jsx36(
       AdsClearButton,
       {
         "aria-label": clearButtonLabel ?? messages.input.clear,
@@ -3112,7 +3115,7 @@ var AdsInputGroupInput = React32.forwardRef(({ className, clearable = false, cle
   ] });
 });
 AdsInputGroupInput.displayName = "AdsInputGroupInput";
-var AdsInputGroupTextarea = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+var AdsInputGroupTextarea = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
   Textarea,
   {
     className: cn(
@@ -3127,14 +3130,14 @@ var AdsInputGroupTextarea = React32.forwardRef(({ className, ...props }, ref) =>
 AdsInputGroupTextarea.displayName = "AdsInputGroupTextarea";
 
 // src/components/AdsInputOTP/index.tsx
-import * as React34 from "react";
+import * as React35 from "react";
 
 // src/primitives/input-otp.tsx
-import * as React33 from "react";
+import * as React34 from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
 import { Dot } from "lucide-react";
-import { jsx as jsx36, jsxs as jsxs15 } from "react/jsx-runtime";
-var InputOTP = React33.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx36(
+import { jsx as jsx37, jsxs as jsxs15 } from "react/jsx-runtime";
+var InputOTP = React34.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx37(
   OTPInput,
   {
     ref,
@@ -3147,10 +3150,10 @@ var InputOTP = React33.forwardRef(({ className, containerClassName, ...props },
   }
 ));
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36("div", { ref, className: cn("flex items-center", className), ...props }));
+var InputOTPGroup = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37("div", { ref, className: cn("flex items-center", className), ...props }));
 InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React33.forwardRef(({ index, className, ...props }, ref) => {
-  const inputOTPContext = React33.useContext(OTPInputContext);
+var InputOTPSlot = React34.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React34.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
   return /* @__PURE__ */ jsxs15(
     "div",
@@ -3164,19 +3167,19 @@ var InputOTPSlot = React33.forwardRef(({ index, className, ...props }, ref) => {
       ...props,
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ jsx36("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx36("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ jsx37("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx37("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
       ]
     }
   );
 });
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React33.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx36("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx36(Dot, {}) }));
+var InputOTPSeparator = React34.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx37("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx37(Dot, {}) }));
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
 // src/components/AdsInputOTP/index.tsx
-import { jsx as jsx37, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs16 } from "react/jsx-runtime";
 function useFieldDescription(id, describedBy, helperText, errorText) {
-  const generatedId = React34.useId();
+  const generatedId = React35.useId();
   const inputId = id ?? generatedId;
   const helperId = helperText ? `${inputId}-helper` : void 0;
   const errorId = errorText ? `${inputId}-error` : void 0;
@@ -3198,20 +3201,20 @@ function AdsInputOTPChrome({
   label
 }) {
   return /* @__PURE__ */ jsxs16("div", { className: "flex w-full flex-col gap-md", children: [
-    label ? /* @__PURE__ */ jsx37("label", { className: "text-sm font-medium leading-5 text-foreground", htmlFor: inputId, children: label }) : null,
+    label ? /* @__PURE__ */ jsx38("label", { className: "text-sm font-medium leading-5 text-foreground", htmlFor: inputId, children: label }) : null,
     children,
-    helperText ? /* @__PURE__ */ jsx37("p", { className: "text-sm leading-5 text-muted-foreground", id: helperId, children: helperText }) : null,
-    errorText ? /* @__PURE__ */ jsx37("p", { className: "text-sm leading-5 text-destructive", id: errorId, children: errorText }) : null
+    helperText ? /* @__PURE__ */ jsx38("p", { className: "text-sm leading-5 text-muted-foreground", id: helperId, children: helperText }) : null,
+    errorText ? /* @__PURE__ */ jsx38("p", { className: "text-sm leading-5 text-destructive", id: errorId, children: errorText }) : null
   ] });
 }
 function buildSeparator(node, key) {
   if (node === void 0) {
-    return /* @__PURE__ */ jsx37(AdsInputOTPSeparator, {}, key);
+    return /* @__PURE__ */ jsx38(AdsInputOTPSeparator, {}, key);
   }
-  if (React34.isValidElement(node)) {
-    return React34.cloneElement(node, { key });
+  if (React35.isValidElement(node)) {
+    return React35.cloneElement(node, { key });
   }
-  return /* @__PURE__ */ jsx37("span", { children: node }, key);
+  return /* @__PURE__ */ jsx38("span", { children: node }, key);
 }
 function buildOtpChildren(groups, separator) {
   const defaultGroup = groups.length > 0 ? groups : [6];
@@ -3219,7 +3222,7 @@ function buildOtpChildren(groups, separator) {
   let index = 0;
   defaultGroup.forEach((size, indexOfGroup) => {
     items.push(
-      /* @__PURE__ */ jsx37(AdsInputOTPGroup, { children: Array.from({ length: size }, (_, slotOffset) => /* @__PURE__ */ jsx37(
+      /* @__PURE__ */ jsx38(AdsInputOTPGroup, { children: Array.from({ length: size }, (_, slotOffset) => /* @__PURE__ */ jsx38(
         AdsInputOTPSlot,
         {
           index: index + slotOffset
@@ -3234,11 +3237,11 @@ function buildOtpChildren(groups, separator) {
   });
   return items;
 }
-var AdsInputOTP = React34.forwardRef(({ action, errorText, groups, helperText, label, separator, children, id, ...props }, ref) => {
+var AdsInputOTP = React35.forwardRef(({ action, errorText, groups, helperText, label, separator, children, id, ...props }, ref) => {
   const totalSlots = groups && groups.length > 0 ? groups.reduce((sum, value) => sum + value, 0) : 6;
   const description = useFieldDescription(id, props["aria-describedby"], helperText, errorText);
   const otpChildren = children ?? buildOtpChildren(groups ?? [], separator);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     AdsInputOTPChrome,
     {
       errorText,
@@ -3248,7 +3251,7 @@ var AdsInputOTP = React34.forwardRef(({ action, errorText, groups, helperText, l
       inputId: description.inputId,
       label,
       children: /* @__PURE__ */ jsxs16("div", { className: "flex w-full items-center gap-sm", children: [
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx38(
           InputOTP,
           {
             "aria-describedby": description.describedBy,
@@ -3260,15 +3263,15 @@ var AdsInputOTP = React34.forwardRef(({ action, errorText, groups, helperText, l
             children: otpChildren
           }
         ),
-        action ? /* @__PURE__ */ jsx37("span", { className: "shrink-0", children: action }) : null
+        action ? /* @__PURE__ */ jsx38("span", { className: "shrink-0", children: action }) : null
       ] })
     }
   );
 });
 AdsInputOTP.displayName = "AdsInputOTP";
-var AdsInputOTPGroup = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(InputOTPGroup, { className, ref, ...props }));
+var AdsInputOTPGroup = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(InputOTPGroup, { className, ref, ...props }));
 AdsInputOTPGroup.displayName = "AdsInputOTPGroup";
-var AdsInputOTPSeparator = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
+var AdsInputOTPSeparator = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
   InputOTPSeparator,
   {
     className: className ?? "h-px w-6 shrink-0 bg-border text-transparent [&_svg]:hidden",
@@ -3277,7 +3280,7 @@ var AdsInputOTPSeparator = React34.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 AdsInputOTPSeparator.displayName = "AdsInputOTPSeparator";
-var AdsInputOTPSlot = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
+var AdsInputOTPSlot = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
   InputOTPSlot,
   {
     className: [
@@ -3294,17 +3297,17 @@ var AdsInputOTPSlot = React34.forwardRef(({ className, ...props }, ref) => /* @_
 AdsInputOTPSlot.displayName = "AdsInputOTPSlot";
 
 // src/components/AdsDataPagination/index.tsx
-import * as React38 from "react";
+import * as React39 from "react";
 
 // src/components/AdsPagination/index.tsx
-import * as React36 from "react";
+import * as React37 from "react";
 import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight4, MoreHorizontal as MoreHorizontal4 } from "lucide-react";
 
 // src/primitives/pagination.tsx
-import * as React35 from "react";
+import * as React36 from "react";
 import { ChevronLeft, ChevronRight as ChevronRight3, MoreHorizontal as MoreHorizontal3 } from "lucide-react";
-import { jsx as jsx38, jsxs as jsxs17 } from "react/jsx-runtime";
-var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx38(
+import { jsx as jsx39, jsxs as jsxs17 } from "react/jsx-runtime";
+var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx39(
   "nav",
   {
     role: "navigation",
@@ -3314,7 +3317,7 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx38(
   }
 );
 Pagination.displayName = "Pagination";
-var PaginationContent = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var PaginationContent = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
   "ul",
   {
     ref,
@@ -3323,14 +3326,14 @@ var PaginationContent = React35.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38("li", { ref, className: cn("", className), ...props }));
+var PaginationItem = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39("li", { ref, className: cn("", className), ...props }));
 PaginationItem.displayName = "PaginationItem";
 var PaginationLink = ({
   className,
   isActive,
   size = "icon",
   ...props
-}) => /* @__PURE__ */ jsx38(
+}) => /* @__PURE__ */ jsx39(
   "a",
   {
     "aria-current": isActive ? "page" : void 0,
@@ -3356,8 +3359,8 @@ var PaginationPrevious = ({
     className: cn("gap-1 pl-2.5", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx38(ChevronLeft, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx38("span", { children: "Previous" })
+      /* @__PURE__ */ jsx39(ChevronLeft, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx39("span", { children: "Previous" })
     ]
   }
 );
@@ -3373,8 +3376,8 @@ var PaginationNext = ({
     className: cn("gap-1 pr-2.5", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx38("span", { children: "Next" }),
-      /* @__PURE__ */ jsx38(ChevronRight3, { className: "h-4 w-4" })
+      /* @__PURE__ */ jsx39("span", { children: "Next" }),
+      /* @__PURE__ */ jsx39(ChevronRight3, { className: "h-4 w-4" })
     ]
   }
 );
@@ -3389,20 +3392,20 @@ var PaginationEllipsis = ({
     className: cn("flex h-9 w-9 items-center justify-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx38(MoreHorizontal3, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx38("span", { className: "sr-only", children: "More pages" })
+      /* @__PURE__ */ jsx39(MoreHorizontal3, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx39("span", { className: "sr-only", children: "More pages" })
     ]
   }
 );
 PaginationEllipsis.displayName = "PaginationEllipsis";
 
 // src/components/AdsPagination/index.tsx
-import { jsx as jsx39, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs18 } from "react/jsx-runtime";
 var paginationLinkBaseClassName = "inline-flex h-9 min-w-9 items-center justify-center rounded-radius-md border text-sm font-medium leading-5 tracking-normal transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background";
 var paginationLinkInactiveClassName = "border-transparent bg-transparent px-[10px] text-foreground shadow-none hover:bg-accent hover:shadow-[0px_1px_2px_rgba(0,0,0,0.1)]";
 var paginationLinkActiveClassName = "border-border bg-card px-[10px] text-foreground shadow-[0px_1px_2px_rgba(0,0,0,0.1)]";
 function AdsPagination({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     Pagination,
     {
       className: cn("mx-0 w-auto justify-start", className),
@@ -3411,14 +3414,14 @@ function AdsPagination({ className, ...props }) {
   );
 }
 AdsPagination.displayName = "AdsPagination";
-var AdsPaginationContent = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(PaginationContent, { ref, className: cn("gap-1", className), ...props }));
+var AdsPaginationContent = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(PaginationContent, { ref, className: cn("gap-1", className), ...props }));
 AdsPaginationContent.displayName = "AdsPaginationContent";
-var AdsPaginationItem = React36.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx39(PaginationItem, { ref, className, ...props })
+var AdsPaginationItem = React37.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx40(PaginationItem, { ref, className, ...props })
 );
 AdsPaginationItem.displayName = "AdsPaginationItem";
-var AdsPaginationLink = React36.forwardRef(
-  ({ className, isActive = false, ...props }, ref) => /* @__PURE__ */ jsx39(
+var AdsPaginationLink = React37.forwardRef(
+  ({ className, isActive = false, ...props }, ref) => /* @__PURE__ */ jsx40(
     "a",
     {
       "aria-current": isActive ? "page" : void 0,
@@ -3433,7 +3436,7 @@ var AdsPaginationLink = React36.forwardRef(
   )
 );
 AdsPaginationLink.displayName = "AdsPaginationLink";
-var AdsPaginationPrevious = React36.forwardRef(({ "aria-label": ariaLabel, children, className, ...props }, ref) => {
+var AdsPaginationPrevious = React37.forwardRef(({ "aria-label": ariaLabel, children, className, ...props }, ref) => {
   const { messages } = useAdsI18n();
   const label = children ?? messages.pagination.previous;
   return /* @__PURE__ */ jsxs18(
@@ -3444,14 +3447,14 @@ var AdsPaginationPrevious = React36.forwardRef(({ "aria-label": ariaLabel, child
       ref,
       ...props,
       children: [
-        /* @__PURE__ */ jsx39(ChevronLeft2, { "aria-hidden": true, className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx39("span", { children: label })
+        /* @__PURE__ */ jsx40(ChevronLeft2, { "aria-hidden": true, className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx40("span", { children: label })
       ]
     }
   );
 });
 AdsPaginationPrevious.displayName = "AdsPaginationPrevious";
-var AdsPaginationNext = React36.forwardRef(
+var AdsPaginationNext = React37.forwardRef(
   ({ "aria-label": ariaLabel, children, className, ...props }, ref) => {
     const { messages } = useAdsI18n();
     const label = children ?? messages.pagination.next;
@@ -3463,8 +3466,8 @@ var AdsPaginationNext = React36.forwardRef(
         ref,
         ...props,
         children: [
-          /* @__PURE__ */ jsx39("span", { children: label }),
-          /* @__PURE__ */ jsx39(ChevronRight4, { "aria-hidden": true, className: "h-4 w-4" })
+          /* @__PURE__ */ jsx40("span", { children: label }),
+          /* @__PURE__ */ jsx40(ChevronRight4, { "aria-hidden": true, className: "h-4 w-4" })
         ]
       }
     );
@@ -3488,8 +3491,8 @@ function AdsPaginationEllipsis({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx39(MoreHorizontal4, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx39("span", { className: "sr-only", children: resolvedLabel })
+        /* @__PURE__ */ jsx40(MoreHorizontal4, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx40("span", { className: "sr-only", children: resolvedLabel })
       ]
     }
   );
@@ -3497,8 +3500,8 @@ function AdsPaginationEllipsis({
 AdsPaginationEllipsis.displayName = "AdsPaginationEllipsis";
 
 // src/components/AdsSelect/index.tsx
-import * as React37 from "react";
-import { jsx as jsx40, jsxs as jsxs19 } from "react/jsx-runtime";
+import * as React38 from "react";
+import { jsx as jsx41, jsxs as jsxs19 } from "react/jsx-runtime";
 var selectTriggerBaseClassName = "h-9 rounded-radius-md border border-border bg-card px-md py-2 text-sm leading-5 shadow-[0px_1px_2px_rgba(0,0,0,0.1)] focus:border-border-focus focus:ring-[3px] focus:ring-[rgba(161,161,161,0.5)] focus:ring-offset-0 data-[placeholder]:text-[var(--muted-foreground)]";
 var selectContentBaseClassName = "rounded-radius-md border-border bg-popover text-popover-foreground shadow-[0px_8px_24px_rgba(0,0,0,0.22)]";
 function AdsSelect({
@@ -3523,7 +3526,7 @@ function AdsSelect({
 }) {
   const { messages } = useAdsI18n();
   const isControlled = value !== void 0;
-  const [internalValue, setInternalValue] = React37.useState(
+  const [internalValue, setInternalValue] = React38.useState(
     defaultValue
   );
   const resolvedValue = isControlled ? value : internalValue;
@@ -3537,8 +3540,8 @@ function AdsSelect({
   });
   const resolvedClearButtonLabel = clearButtonLabel ?? messages.select.clear;
   const resolvedEmptyText = emptyText ?? messages.select.noOptionsAvailable;
-  const hasOptions = React37.Children.toArray(children).length > 0;
-  const handleValueChange = React37.useCallback(
+  const hasOptions = React38.Children.toArray(children).length > 0;
+  const handleValueChange = React38.useCallback(
     (nextValue) => {
       if (!isControlled) {
         setInternalValue(nextValue);
@@ -3547,7 +3550,7 @@ function AdsSelect({
     },
     [isControlled, onValueChange]
   );
-  const handleClear = React37.useCallback(
+  const handleClear = React38.useCallback(
     (event) => {
       event.preventDefault();
       event.stopPropagation();
@@ -3559,10 +3562,10 @@ function AdsSelect({
     },
     [isControlled, onClear, onValueChange]
   );
-  const helperNode = helperText ? /* @__PURE__ */ jsx40(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
-  const errorNode = errorText ? /* @__PURE__ */ jsx40(AdsFieldError, { id: description.errorId, children: errorText }) : null;
+  const helperNode = helperText ? /* @__PURE__ */ jsx41(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
+  const errorNode = errorText ? /* @__PURE__ */ jsx41(AdsFieldError, { id: description.errorId, children: errorText }) : null;
   return /* @__PURE__ */ jsxs19(AdsFieldItem, { children: [
-    label ? /* @__PURE__ */ jsx40(AdsFieldLabel, { htmlFor: description.inputId, children: label }) : null,
+    label ? /* @__PURE__ */ jsx41(AdsFieldLabel, { htmlFor: description.inputId, children: label }) : null,
     descriptionPlacement === "above" ? helperNode : null,
     /* @__PURE__ */ jsxs19(
       Select,
@@ -3573,7 +3576,7 @@ function AdsSelect({
         ...resolvedValue !== void 0 ? { value: resolvedValue } : {},
         children: [
           /* @__PURE__ */ jsxs19("div", { className: "relative", children: [
-            /* @__PURE__ */ jsx40(
+            /* @__PURE__ */ jsx41(
               SelectTrigger,
               {
                 "aria-describedby": description.describedBy,
@@ -3585,10 +3588,10 @@ function AdsSelect({
                   triggerClassName
                 ),
                 id: description.inputId,
-                children: /* @__PURE__ */ jsx40(SelectValue, { placeholder })
+                children: /* @__PURE__ */ jsx41(SelectValue, { placeholder })
               }
             ),
-            canClear ? /* @__PURE__ */ jsx40(
+            canClear ? /* @__PURE__ */ jsx41(
               AdsClearButton,
               {
                 "aria-label": resolvedClearButtonLabel,
@@ -3597,11 +3600,11 @@ function AdsSelect({
               }
             ) : null
           ] }),
-          /* @__PURE__ */ jsx40(
+          /* @__PURE__ */ jsx41(
             SelectContent,
             {
               className: cn(selectContentBaseClassName, contentClassName3),
-              children: hasOptions ? children : /* @__PURE__ */ jsx40(
+              children: hasOptions ? children : /* @__PURE__ */ jsx41(
                 "div",
                 {
                   "aria-live": "polite",
@@ -3624,7 +3627,7 @@ function AdsSelect({
 }
 
 // src/components/AdsDataPagination/index.tsx
-import { jsx as jsx41, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs20 } from "react/jsx-runtime";
 var paginationButtonBaseClassName = "inline-flex h-9 min-w-9 items-center justify-center rounded-radius-md border text-sm font-medium leading-5 tracking-normal transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50";
 var paginationButtonInactiveClassName = "border-transparent bg-transparent px-[10px] text-foreground shadow-none hover:bg-accent hover:shadow-[0px_1px_2px_rgba(0,0,0,0.1)]";
 var paginationButtonActiveClassName = "border-border bg-card px-[10px] text-foreground shadow-[0px_1px_2px_rgba(0,0,0,0.1)]";
@@ -3700,9 +3703,9 @@ function AdsDataPagination({
   ariaLabel
 }) {
   const { messages } = useAdsI18n();
-  const [internalCurrent, setInternalCurrent] = React38.useState(defaultCurrent);
-  const [internalPageSize, setInternalPageSize] = React38.useState(defaultPageSize);
-  const [quickJumpValue, setQuickJumpValue] = React38.useState("");
+  const [internalCurrent, setInternalCurrent] = React39.useState(defaultCurrent);
+  const [internalPageSize, setInternalPageSize] = React39.useState(defaultPageSize);
+  const [quickJumpValue, setQuickJumpValue] = React39.useState("");
   const isCurrentControlled = current !== void 0;
   const isPageSizeControlled = pageSize !== void 0;
   const mergedPageSize = Math.max(1, isPageSizeControlled ? pageSize : internalPageSize);
@@ -3723,20 +3726,20 @@ function AdsDataPagination({
     new Set(pageSizeOptions.filter((option) => Number.isFinite(option) && option > 0))
   );
   const resolvedPageSizeOptions = pageSizeValues.length > 0 ? pageSizeValues : [10, 20, 50, 100];
-  React38.useEffect(() => {
+  React39.useEffect(() => {
     if (!isCurrentControlled && internalCurrent !== mergedCurrent) {
       setInternalCurrent(mergedCurrent);
     }
   }, [internalCurrent, isCurrentControlled, mergedCurrent]);
-  React38.useEffect(() => {
+  React39.useEffect(() => {
     if (!isPageSizeControlled && internalPageSize !== mergedPageSize) {
       setInternalPageSize(mergedPageSize);
     }
   }, [internalPageSize, isPageSizeControlled, mergedPageSize]);
-  React38.useEffect(() => {
+  React39.useEffect(() => {
     setQuickJumpValue(String(mergedCurrent));
   }, [mergedCurrent]);
-  const commitPageChange = React38.useCallback(
+  const commitPageChange = React39.useCallback(
     (nextPage, nextPageSize = mergedPageSize) => {
       const clampedPage = clampPage(nextPage, Math.max(1, Math.ceil(Math.max(total, 0) / nextPageSize)));
       if (!isCurrentControlled) {
@@ -3750,7 +3753,7 @@ function AdsDataPagination({
     },
     [isCurrentControlled, mergedCurrent, mergedPageSize, onChange, total]
   );
-  const handlePageSizeChange = React38.useCallback(
+  const handlePageSizeChange = React39.useCallback(
     (nextValue) => {
       const nextPageSize = Number(nextValue);
       if (!Number.isFinite(nextPageSize) || nextPageSize <= 0 || nextPageSize === mergedPageSize) {
@@ -3775,7 +3778,7 @@ function AdsDataPagination({
       total
     ]
   );
-  const handleQuickJumpSubmit = React38.useCallback(() => {
+  const handleQuickJumpSubmit = React39.useCallback(() => {
     const trimmedValue = quickJumpValue.trim();
     if (!trimmedValue) {
       setQuickJumpValue(String(mergedCurrent));
@@ -3810,7 +3813,7 @@ function AdsDataPagination({
   const renderPageNavigation = () => {
     if (variant === "compact") {
       return /* @__PURE__ */ jsxs20("div", { className: "flex flex-wrap items-center gap-sm", children: [
-        shouldShowFirstLast ? /* @__PURE__ */ jsx41(
+        shouldShowFirstLast ? /* @__PURE__ */ jsx42(
           Button,
           {
             "aria-label": messages.pagination.first,
@@ -3823,7 +3826,7 @@ function AdsDataPagination({
             children: messages.pagination.first
           }
         ) : null,
-        /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsx42(
           Button,
           {
             "aria-label": messages.pagination.previous,
@@ -3836,7 +3839,7 @@ function AdsDataPagination({
             children: messages.pagination.previous
           }
         ),
-        /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsx42(
           "span",
           {
             "aria-current": "page",
@@ -3844,7 +3847,7 @@ function AdsDataPagination({
             children: pageStatus
           }
         ),
-        /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsx42(
           Button,
           {
             "aria-label": messages.pagination.next,
@@ -3857,7 +3860,7 @@ function AdsDataPagination({
             children: messages.pagination.next
           }
         ),
-        shouldShowFirstLast ? /* @__PURE__ */ jsx41(
+        shouldShowFirstLast ? /* @__PURE__ */ jsx42(
           Button,
           {
             "aria-label": messages.pagination.last,
@@ -3872,8 +3875,8 @@ function AdsDataPagination({
         ) : null
       ] });
     }
-    return /* @__PURE__ */ jsx41(AdsPagination, { "aria-label": navigationLabel, children: /* @__PURE__ */ jsxs20(AdsPaginationContent, { children: [
-      shouldShowFirstLast ? /* @__PURE__ */ jsx41(AdsPaginationItem, { children: /* @__PURE__ */ jsx41(
+    return /* @__PURE__ */ jsx42(AdsPagination, { "aria-label": navigationLabel, children: /* @__PURE__ */ jsxs20(AdsPaginationContent, { children: [
+      shouldShowFirstLast ? /* @__PURE__ */ jsx42(AdsPaginationItem, { children: /* @__PURE__ */ jsx42(
         Button,
         {
           "aria-label": messages.pagination.first,
@@ -3886,7 +3889,7 @@ function AdsDataPagination({
           children: messages.pagination.first
         }
       ) }) : null,
-      /* @__PURE__ */ jsx41(AdsPaginationItem, { children: /* @__PURE__ */ jsx41(
+      /* @__PURE__ */ jsx42(AdsPaginationItem, { children: /* @__PURE__ */ jsx42(
         Button,
         {
           "aria-label": messages.pagination.previous,
@@ -3900,7 +3903,7 @@ function AdsDataPagination({
         }
       ) }),
       paginationRange.map(
-        (token, index) => token === "ellipsis" ? /* @__PURE__ */ jsx41(AdsPaginationItem, { children: /* @__PURE__ */ jsx41(AdsPaginationEllipsis, { label: messages.pagination.morePages }) }, `ellipsis-${index}`) : /* @__PURE__ */ jsx41(AdsPaginationItem, { children: /* @__PURE__ */ jsx41(
+        (token, index) => token === "ellipsis" ? /* @__PURE__ */ jsx42(AdsPaginationItem, { children: /* @__PURE__ */ jsx42(AdsPaginationEllipsis, { label: messages.pagination.morePages }) }, `ellipsis-${index}`) : /* @__PURE__ */ jsx42(AdsPaginationItem, { children: /* @__PURE__ */ jsx42(
           Button,
           {
             "aria-current": token === mergedCurrent ? "page" : void 0,
@@ -3917,7 +3920,7 @@ function AdsDataPagination({
           }
         ) }, token)
       ),
-      /* @__PURE__ */ jsx41(AdsPaginationItem, { children: /* @__PURE__ */ jsx41(
+      /* @__PURE__ */ jsx42(AdsPaginationItem, { children: /* @__PURE__ */ jsx42(
         Button,
         {
           "aria-label": messages.pagination.next,
@@ -3930,7 +3933,7 @@ function AdsDataPagination({
           children: messages.pagination.next
         }
       ) }),
-      shouldShowFirstLast ? /* @__PURE__ */ jsx41(AdsPaginationItem, { children: /* @__PURE__ */ jsx41(
+      shouldShowFirstLast ? /* @__PURE__ */ jsx42(AdsPaginationItem, { children: /* @__PURE__ */ jsx42(
         Button,
         {
           "aria-label": messages.pagination.last,
@@ -3956,9 +3959,9 @@ function AdsDataPagination({
       ),
       children: [
         /* @__PURE__ */ jsxs20("div", { className: "flex flex-wrap items-center gap-md text-sm leading-5 text-muted-foreground", children: [
-          variant === "compact" ? /* @__PURE__ */ jsx41("div", { className: classNames?.total, children: compactTotalContent }) : totalContent ? /* @__PURE__ */ jsx41("div", { className: classNames?.total, children: totalContent }) : null,
+          variant === "compact" ? /* @__PURE__ */ jsx42("div", { className: classNames?.total, children: compactTotalContent }) : totalContent ? /* @__PURE__ */ jsx42("div", { className: classNames?.total, children: totalContent }) : null,
           showSizeChanger ? /* @__PURE__ */ jsxs20("div", { className: cn("flex items-center gap-sm", classNames?.pageSizeChanger), children: [
-            /* @__PURE__ */ jsx41("span", { children: messages.pagination.itemsPerPage }),
+            /* @__PURE__ */ jsx42("span", { children: messages.pagination.itemsPerPage }),
             /* @__PURE__ */ jsxs20(
               Select,
               {
@@ -3966,15 +3969,15 @@ function AdsDataPagination({
                 onValueChange: handlePageSizeChange,
                 value: String(mergedPageSize),
                 children: [
-                  /* @__PURE__ */ jsx41(
+                  /* @__PURE__ */ jsx42(
                     SelectTrigger,
                     {
                       "aria-label": messages.pagination.itemsPerPage,
                       className: cn(inlineControlClassName, "w-[132px] px-sm"),
-                      children: /* @__PURE__ */ jsx41(SelectValue, {})
+                      children: /* @__PURE__ */ jsx42(SelectValue, {})
                     }
                   ),
-                  /* @__PURE__ */ jsx41(SelectContent, { children: resolvedPageSizeOptions.map((option) => /* @__PURE__ */ jsx41(SelectItem, { value: String(option), children: interpolate(messages.pagination.itemsPerPageOption, { value: option }) }, option)) })
+                  /* @__PURE__ */ jsx42(SelectContent, { children: resolvedPageSizeOptions.map((option) => /* @__PURE__ */ jsx42(SelectItem, { value: String(option), children: interpolate(messages.pagination.itemsPerPageOption, { value: option }) }, option)) })
                 ]
               }
             )
@@ -3990,8 +3993,8 @@ function AdsDataPagination({
                 classNames?.quickJumper
               ),
               children: [
-                /* @__PURE__ */ jsx41("span", { children: messages.pagination.jumpTo }),
-                /* @__PURE__ */ jsx41(
+                /* @__PURE__ */ jsx42("span", { children: messages.pagination.jumpTo }),
+                /* @__PURE__ */ jsx42(
                   Input,
                   {
                     "aria-label": messages.pagination.jumpTo,
@@ -4019,12 +4022,12 @@ function AdsDataPagination({
 }
 
 // src/components/AdsDataTable/index.tsx
-import * as React43 from "react";
+import * as React44 from "react";
 import { ChevronDown as ChevronDown5, Filter } from "lucide-react";
 
 // src/components/AdsEmpty/index.tsx
 import { cva as cva9 } from "class-variance-authority";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 var adsEmptyVariants = cva9(
   "flex w-full flex-col items-center justify-center gap-6 p-12 text-center",
   {
@@ -4041,7 +4044,7 @@ var adsEmptyVariants = cva9(
   }
 );
 function AdsEmpty({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     "div",
     {
       "data-slot": "ads-empty",
@@ -4051,7 +4054,7 @@ function AdsEmpty({ className, variant, ...props }) {
   );
 }
 function AdsEmptyHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     "div",
     {
       "data-slot": "ads-empty-header",
@@ -4061,7 +4064,7 @@ function AdsEmptyHeader({ className, ...props }) {
   );
 }
 function AdsEmptyMedia({ className, ...props }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     "div",
     {
       "data-slot": "ads-empty-media",
@@ -4075,7 +4078,7 @@ function AdsEmptyMedia({ className, ...props }) {
   );
 }
 function AdsEmptyTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     "div",
     {
       "data-slot": "ads-empty-title",
@@ -4085,7 +4088,7 @@ function AdsEmptyTitle({ className, ...props }) {
   );
 }
 function AdsEmptyDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     "p",
     {
       "data-slot": "ads-empty-description",
@@ -4095,7 +4098,7 @@ function AdsEmptyDescription({ className, ...props }) {
   );
 }
 function AdsEmptyContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     "div",
     {
       "data-slot": "ads-empty-content",
@@ -4105,7 +4108,7 @@ function AdsEmptyContent({ className, ...props }) {
   );
 }
 function AdsEmptyActions({ className, ...props }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     "div",
     {
       "data-slot": "ads-empty-actions",
@@ -4115,7 +4118,7 @@ function AdsEmptyActions({ className, ...props }) {
   );
 }
 function AdsEmptyFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     "div",
     {
       "data-slot": "ads-empty-footer",
@@ -4126,19 +4129,19 @@ function AdsEmptyFooter({ className, ...props }) {
 }
 
 // src/components/AdsTable/index.tsx
-import * as React42 from "react";
+import * as React43 from "react";
 import { ChevronDown as ChevronDown4, ChevronRight as ChevronRight5 } from "lucide-react";
 
 // src/components/AdsRadioGroup/index.tsx
-import * as React40 from "react";
+import * as React41 from "react";
 
 // src/primitives/radio-group.tsx
-import * as React39 from "react";
+import * as React40 from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { Circle } from "lucide-react";
-import { jsx as jsx43 } from "react/jsx-runtime";
-var RadioGroup = React39.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx43(
+import { jsx as jsx44 } from "react/jsx-runtime";
+var RadioGroup = React40.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx44(
     RadioGroupPrimitive.Root,
     {
       className: cn("grid gap-2", className),
@@ -4148,8 +4151,8 @@ var RadioGroup = React39.forwardRef(({ className, ...props }, ref) => {
   );
 });
 RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React39.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx43(
+var RadioGroupItem = React40.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx44(
     RadioGroupPrimitive.Item,
     {
       ref,
@@ -4158,19 +4161,19 @@ var RadioGroupItem = React39.forwardRef(({ className, ...props }, ref) => {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx43(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx43(Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+      children: /* @__PURE__ */ jsx44(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx44(Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
     }
   );
 });
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 
 // src/components/AdsRadioGroup/index.tsx
-import { jsx as jsx44, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs21 } from "react/jsx-runtime";
 var radioGroupBaseClassName = "gap-3";
 var radioItemBaseClassName = "h-4 w-4 border-border bg-card text-primary 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";
-var RadioGroup2 = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx44(RadioGroup, { className: cn(radioGroupBaseClassName, className), ref, ...props }));
+var RadioGroup2 = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(RadioGroup, { className: cn(radioGroupBaseClassName, className), ref, ...props }));
 RadioGroup2.displayName = "RadioGroup";
-var RadioGroupItem2 = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx44(
+var RadioGroupItem2 = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
   RadioGroupItem,
   {
     className: cn(radioItemBaseClassName, className),
@@ -4179,7 +4182,7 @@ var RadioGroupItem2 = React40.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 RadioGroupItem2.displayName = "RadioGroupItem";
-var AdsRadioGroup = React40.forwardRef(
+var AdsRadioGroup = React41.forwardRef(
   ({
     children,
     className,
@@ -4195,12 +4198,12 @@ var AdsRadioGroup = React40.forwardRef(
       helperText,
       id
     });
-    const helperNode = helperText ? /* @__PURE__ */ jsx44(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
-    const errorNode = errorText ? /* @__PURE__ */ jsx44(AdsFieldError, { id: description.errorId, children: errorText }) : null;
+    const helperNode = helperText ? /* @__PURE__ */ jsx45(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
+    const errorNode = errorText ? /* @__PURE__ */ jsx45(AdsFieldError, { id: description.errorId, children: errorText }) : null;
     return /* @__PURE__ */ jsxs21(AdsFieldItem, { children: [
-      label ? /* @__PURE__ */ jsx44(AdsFieldLabel, { children: label }) : null,
+      label ? /* @__PURE__ */ jsx45(AdsFieldLabel, { children: label }) : null,
       descriptionPlacement === "above" ? helperNode : null,
-      /* @__PURE__ */ jsx44(
+      /* @__PURE__ */ jsx45(
         RadioGroup2,
         {
           "aria-describedby": description.describedBy,
@@ -4216,11 +4219,11 @@ var AdsRadioGroup = React40.forwardRef(
   }
 );
 AdsRadioGroup.displayName = "AdsRadioGroup";
-var AdsRadioGroupOption = React40.forwardRef(({ className, description, id, label, value, ...props }, ref) => {
-  const generatedId = React40.useId();
+var AdsRadioGroupOption = React41.forwardRef(({ className, description, id, label, value, ...props }, ref) => {
+  const generatedId = React41.useId();
   const inputId = id ?? generatedId;
   return /* @__PURE__ */ jsxs21("label", { className: "flex w-full cursor-pointer items-start gap-2", htmlFor: inputId, children: [
-    /* @__PURE__ */ jsx44(
+    /* @__PURE__ */ jsx45(
       RadioGroupItem2,
       {
         className: cn(className),
@@ -4231,19 +4234,19 @@ var AdsRadioGroupOption = React40.forwardRef(({ className, description, id, labe
       }
     ),
     /* @__PURE__ */ jsxs21("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
-      /* @__PURE__ */ jsx44("div", { className: "text-sm leading-5 text-foreground", children: label }),
-      description ? /* @__PURE__ */ jsx44(AdsFieldDescription, { className: "text-sm leading-5", children: description }) : null
+      /* @__PURE__ */ jsx45("div", { className: "text-sm leading-5 text-foreground", children: label }),
+      description ? /* @__PURE__ */ jsx45(AdsFieldDescription, { className: "text-sm leading-5", children: description }) : null
     ] })
   ] });
 });
 AdsRadioGroupOption.displayName = "AdsRadioGroupOption";
-var AdsRadioGroupCardOption = React40.forwardRef(({ className, description, disabled, id, label, value, ...props }, ref) => {
-  const generatedId = React40.useId();
+var AdsRadioGroupCardOption = React41.forwardRef(({ className, description, disabled, id, label, value, ...props }, ref) => {
+  const generatedId = React41.useId();
   const inputId = id ?? generatedId;
   const titleId = `${inputId}-label`;
   const descriptionId = description ? `${inputId}-description` : void 0;
   return /* @__PURE__ */ jsxs21("div", { className: "relative", children: [
-    /* @__PURE__ */ jsx44(
+    /* @__PURE__ */ jsx45(
       RadioGroupItem2,
       {
         "aria-describedby": descriptionId,
@@ -4266,15 +4269,15 @@ var AdsRadioGroupCardOption = React40.forwardRef(({ className, description, disa
         ),
         children: [
           /* @__PURE__ */ jsxs21("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
-            /* @__PURE__ */ jsx44("div", { className: "text-sm font-medium leading-5 text-foreground", id: titleId, children: label }),
-            description ? /* @__PURE__ */ jsx44(AdsFieldDescription, { className: "text-xs leading-4", id: descriptionId, children: description }) : null
+            /* @__PURE__ */ jsx45("div", { className: "text-sm font-medium leading-5 text-foreground", id: titleId, children: label }),
+            description ? /* @__PURE__ */ jsx45(AdsFieldDescription, { className: "text-xs leading-4", id: descriptionId, children: description }) : null
           ] }),
-          /* @__PURE__ */ jsx44("div", { className: "flex h-full shrink-0 items-start justify-center pt-px", children: /* @__PURE__ */ jsx44(
+          /* @__PURE__ */ jsx45("div", { className: "flex h-full shrink-0 items-start justify-center pt-px", children: /* @__PURE__ */ jsx45(
             "div",
             {
               className: "grid h-4 w-4 place-content-center rounded-full border bg-card shadow-[0px_1px_2px_rgba(0,0,0,0.1)]",
               "data-indicator": true,
-              children: /* @__PURE__ */ jsx44(
+              children: /* @__PURE__ */ jsx45(
                 "span",
                 {
                   className: "h-2 w-2 rounded-full bg-primary transition-opacity",
@@ -4291,9 +4294,9 @@ var AdsRadioGroupCardOption = React40.forwardRef(({ className, description, disa
 AdsRadioGroupCardOption.displayName = "AdsRadioGroupCardOption";
 
 // src/primitives/table.tsx
-import * as React41 from "react";
-import { jsx as jsx45 } from "react/jsx-runtime";
-var Table = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
+import * as React42 from "react";
+import { jsx as jsx46 } from "react/jsx-runtime";
+var Table = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
   "table",
   {
     ref,
@@ -4302,7 +4305,7 @@ var Table = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Table.displayName = "Table";
-var TableScrollArea = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
+var TableScrollArea = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
   "div",
   {
     ref,
@@ -4311,9 +4314,9 @@ var TableScrollArea = React41.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 TableScrollArea.displayName = "TableScrollArea";
-var TableHeader = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
+var TableBody = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
   "tbody",
   {
     ref,
@@ -4322,7 +4325,7 @@ var TableBody = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
+var TableFooter = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
   "tfoot",
   {
     ref,
@@ -4334,7 +4337,7 @@ var TableFooter = React41.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
+var TableRow = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
   "tr",
   {
     ref,
@@ -4346,7 +4349,7 @@ var TableRow = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
+var TableHead = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
   "th",
   {
     ref,
@@ -4358,7 +4361,7 @@ var TableHead = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
+var TableCell = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
   "td",
   {
     ref,
@@ -4367,7 +4370,7 @@ var TableCell = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
+var TableCaption = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
   "caption",
   {
     ref,
@@ -4376,21 +4379,21 @@ var TableCaption = React41.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TableCaption.displayName = "TableCaption";
-var TableColGroup = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45("colgroup", { ref, className: cn(className), ...props }));
+var TableColGroup = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46("colgroup", { ref, className: cn(className), ...props }));
 TableColGroup.displayName = "TableColGroup";
-var TableCol = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45("col", { ref, className: cn(className), ...props }));
+var TableCol = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46("col", { ref, className: cn(className), ...props }));
 TableCol.displayName = "TableCol";
 
 // src/components/AdsTable/index.tsx
-import { jsx as jsx46, jsxs as jsxs22 } from "react/jsx-runtime";
-var AdsTableStickyHeaderContext = React42.createContext(false);
+import { jsx as jsx47, jsxs as jsxs22 } from "react/jsx-runtime";
+var AdsTableStickyHeaderContext = React43.createContext(false);
 function resolveLength(value) {
   if (value === void 0) {
     return void 0;
   }
   return typeof value === "number" ? `${value}px` : value;
 }
-var AdsTableSurface = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
+var AdsTableSurface = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
   "div",
   {
     ref,
@@ -4402,8 +4405,8 @@ var AdsTableSurface = React42.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 AdsTableSurface.displayName = "AdsTableSurface";
-var AdsTableRoot = React42.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
+var AdsTableRoot = React43.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
     Table,
     {
       ref,
@@ -4418,7 +4421,7 @@ var AdsTableRoot = React42.forwardRef(
   )
 );
 AdsTableRoot.displayName = "AdsTableRoot";
-var AdsTableScrollArea = React42.forwardRef(
+var AdsTableScrollArea = React43.forwardRef(
   ({
     children,
     className,
@@ -4428,7 +4431,7 @@ var AdsTableScrollArea = React42.forwardRef(
     x,
     y,
     ...props
-  }, ref) => /* @__PURE__ */ jsx46(AdsTableStickyHeaderContext.Provider, { value: stickyHeader, children: /* @__PURE__ */ jsx46(
+  }, ref) => /* @__PURE__ */ jsx47(AdsTableStickyHeaderContext.Provider, { value: stickyHeader, children: /* @__PURE__ */ jsx47(
     TableScrollArea,
     {
       ref,
@@ -4450,15 +4453,15 @@ var AdsTableScrollArea = React42.forwardRef(
   ) })
 );
 AdsTableScrollArea.displayName = "AdsTableScrollArea";
-var AdsTable = React42.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx46(AdsTableSurface, { children: /* @__PURE__ */ jsx46(AdsTableScrollArea, { children: /* @__PURE__ */ jsx46(AdsTableRoot, { ref, className, ...props }) }) })
+var AdsTable = React43.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx47(AdsTableSurface, { children: /* @__PURE__ */ jsx47(AdsTableScrollArea, { children: /* @__PURE__ */ jsx47(AdsTableRoot, { ref, className, ...props }) }) })
 );
 AdsTable.displayName = "AdsTable";
-var AdsTableColGroup = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(TableColGroup, { ref, className, ...props }));
+var AdsTableColGroup = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(TableColGroup, { ref, className, ...props }));
 AdsTableColGroup.displayName = "AdsTableColGroup";
-var AdsTableCol = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(TableCol, { ref, className, ...props }));
+var AdsTableCol = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(TableCol, { ref, className, ...props }));
 AdsTableCol.displayName = "AdsTableCol";
-var AdsTableHeader = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
+var AdsTableHeader = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
   TableHeader,
   {
     ref,
@@ -4467,7 +4470,7 @@ var AdsTableHeader = React42.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 AdsTableHeader.displayName = "AdsTableHeader";
-var AdsTableBody = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
+var AdsTableBody = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
   TableBody,
   {
     ref,
@@ -4476,7 +4479,7 @@ var AdsTableBody = React42.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 AdsTableBody.displayName = "AdsTableBody";
-var AdsTableFooter = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
+var AdsTableFooter = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
   TableFooter,
   {
     ref,
@@ -4489,7 +4492,7 @@ var AdsTableFooter = React42.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 AdsTableFooter.displayName = "AdsTableFooter";
-var AdsTableRow = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
+var AdsTableRow = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
   TableRow,
   {
     ref,
@@ -4501,9 +4504,9 @@ var AdsTableRow = React42.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 AdsTableRow.displayName = "AdsTableRow";
-var AdsTableHead = React42.forwardRef(({ className, ...props }, ref) => {
-  const stickyHeader = React42.useContext(AdsTableStickyHeaderContext);
-  return /* @__PURE__ */ jsx46(
+var AdsTableHead = React43.forwardRef(({ className, ...props }, ref) => {
+  const stickyHeader = React43.useContext(AdsTableStickyHeaderContext);
+  return /* @__PURE__ */ jsx47(
     TableHead,
     {
       ref,
@@ -4518,7 +4521,7 @@ var AdsTableHead = React42.forwardRef(({ className, ...props }, ref) => {
   );
 });
 AdsTableHead.displayName = "AdsTableHead";
-var AdsTableCell = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
+var AdsTableCell = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
   TableCell,
   {
     ref,
@@ -4531,7 +4534,7 @@ var AdsTableCell = React42.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 AdsTableCell.displayName = "AdsTableCell";
-var AdsTableCaption = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
+var AdsTableCaption = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
   TableCaption,
   {
     ref,
@@ -4540,12 +4543,12 @@ var AdsTableCaption = React42.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 AdsTableCaption.displayName = "AdsTableCaption";
-var AdsTableSortHeader = React42.forwardRef(
+var AdsTableSortHeader = React43.forwardRef(
   ({ className, disabled = false, onToggleSort, sortOrder, title, ...props }, ref) => {
     const { messages } = useAdsI18n();
     const nextOrder = sortOrder === null ? "ascend" : sortOrder === "ascend" ? "descend" : null;
     const actionLabel = nextOrder === "ascend" ? messages.table.sortAscending : nextOrder === "descend" ? messages.table.sortDescending : messages.table.clearSort;
-    return /* @__PURE__ */ jsx46(AdsTableHead, { ref, className, ...props, children: /* @__PURE__ */ jsxs22(
+    return /* @__PURE__ */ jsx47(AdsTableHead, { ref, className, ...props, children: /* @__PURE__ */ jsxs22(
       Button,
       {
         "aria-label": `${title} ${actionLabel}`,
@@ -4561,15 +4564,15 @@ var AdsTableSortHeader = React42.forwardRef(
         type: "button",
         variant: "ghost",
         children: [
-          /* @__PURE__ */ jsx46("span", { className: "truncate", children: title }),
-          /* @__PURE__ */ jsx46("span", { className: "inline-flex h-4 w-4 items-center justify-center text-icon-muted", children: sortOrder === "ascend" ? /* @__PURE__ */ jsx46(ChevronDown4, { className: "h-4 w-4 rotate-180" }) : sortOrder === "descend" ? /* @__PURE__ */ jsx46(ChevronDown4, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx46(ChevronDown4, { className: "h-4 w-4 opacity-60" }) })
+          /* @__PURE__ */ jsx47("span", { className: "truncate", children: title }),
+          /* @__PURE__ */ jsx47("span", { className: "inline-flex h-4 w-4 items-center justify-center text-icon-muted", children: sortOrder === "ascend" ? /* @__PURE__ */ jsx47(ChevronDown4, { className: "h-4 w-4 rotate-180" }) : sortOrder === "descend" ? /* @__PURE__ */ jsx47(ChevronDown4, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx47(ChevronDown4, { className: "h-4 w-4 opacity-60" }) })
         ]
       }
     ) });
   }
 );
 AdsTableSortHeader.displayName = "AdsTableSortHeader";
-var AdsTableSelectionCell = React42.forwardRef(
+var AdsTableSelectionCell = React43.forwardRef(
   ({
     checked = false,
     className,
@@ -4580,7 +4583,7 @@ var AdsTableSelectionCell = React42.forwardRef(
     ...props
   }, ref) => {
     const { messages } = useAdsI18n();
-    return /* @__PURE__ */ jsx46(AdsTableCell, { ref, className: cn("w-12 p-2", className), ...props, children: /* @__PURE__ */ jsx46("div", { className: "flex items-center justify-center", children: type === "radio" ? /* @__PURE__ */ jsx46(
+    return /* @__PURE__ */ jsx47(AdsTableCell, { ref, className: cn("w-12 p-2", className), ...props, children: /* @__PURE__ */ jsx47("div", { className: "flex items-center justify-center", children: type === "radio" ? /* @__PURE__ */ jsx47(
       RadioGroupItem2,
       {
         "aria-label": messages.table.selectRow,
@@ -4592,7 +4595,7 @@ var AdsTableSelectionCell = React42.forwardRef(
         },
         value
       }
-    ) : /* @__PURE__ */ jsx46(
+    ) : /* @__PURE__ */ jsx47(
       Checkbox2,
       {
         "aria-label": messages.table.selectRow,
@@ -4606,10 +4609,10 @@ var AdsTableSelectionCell = React42.forwardRef(
   }
 );
 AdsTableSelectionCell.displayName = "AdsTableSelectionCell";
-var AdsTableExpandCell = React42.forwardRef(
+var AdsTableExpandCell = React43.forwardRef(
   ({ className, disabled = false, expanded = false, onToggle, ...props }, ref) => {
     const { messages } = useAdsI18n();
-    return /* @__PURE__ */ jsx46(AdsTableCell, { ref, className: cn("w-12 p-2", className), ...props, children: /* @__PURE__ */ jsx46("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx46(
+    return /* @__PURE__ */ jsx47(AdsTableCell, { ref, className: cn("w-12 p-2", className), ...props, children: /* @__PURE__ */ jsx47("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx47(
       Button,
       {
         "aria-label": expanded ? messages.table.collapseRow : messages.table.expandRow,
@@ -4626,7 +4629,7 @@ var AdsTableExpandCell = React42.forwardRef(
         size: "sm",
         type: "button",
         variant: "ghost",
-        children: expanded ? /* @__PURE__ */ jsx46(ChevronDown4, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx46(ChevronRight5, { className: "h-4 w-4" })
+        children: expanded ? /* @__PURE__ */ jsx47(ChevronDown4, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx47(ChevronRight5, { className: "h-4 w-4" })
       }
     ) }) });
   }
@@ -4634,38 +4637,23 @@ var AdsTableExpandCell = React42.forwardRef(
 AdsTableExpandCell.displayName = "AdsTableExpandCell";
 
 // src/components/AdsDataTable/index.tsx
-import { jsx as jsx47, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs23 } from "react/jsx-runtime";
 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);
@@ -4771,7 +4759,7 @@ function getCellStyle(column, overrideWidth) {
   return Object.keys(style).length > 0 ? style : void 0;
 }
 function renderCellValue(value, ellipsis) {
-  if (React43.isValidElement(value)) {
+  if (React44.isValidElement(value)) {
     return value;
   }
   if (value === null || value === void 0) {
@@ -4781,7 +4769,7 @@ function renderCellValue(value, ellipsis) {
   if (ellipsis) {
     const shouldShowTitle = typeof ellipsis === "object" ? ellipsis.showTitle !== false : true;
     const maxWidth = typeof ellipsis === "object" ? ellipsis.maxWidth : void 0;
-    return /* @__PURE__ */ jsx47(
+    return /* @__PURE__ */ jsx48(
       "div",
       {
         className: "truncate",
@@ -4876,8 +4864,6 @@ function AdsDataTable({
   dataSource = [],
   rowKey,
   loading = false,
-  loadingVariant = "skeleton",
-  expandedRowSurface = "inset",
   emptyText,
   emptyState,
   rowClassName,
@@ -4896,48 +4882,48 @@ function AdsDataTable({
   suppressRowClickSelection = true
 }) {
   const { messages } = useAdsI18n();
-  const resolvedColumns = React43.useMemo(() => columns.filter(Boolean), [columns]);
-  const [internalSortState, setInternalSortState] = React43.useState(
+  const resolvedColumns = React44.useMemo(() => columns.filter(Boolean), [columns]);
+  const [internalSortState, setInternalSortState] = React44.useState(
     () => getInitialSortState(resolvedColumns)
   );
-  const [internalSelectedKeys, setInternalSelectedKeys] = React43.useState(
+  const [internalSelectedKeys, setInternalSelectedKeys] = React44.useState(
     rowSelection?.defaultSelectedRowKeys ?? rowSelection?.selectedRowKeys ?? []
   );
-  const [internalFilterValues, setInternalFilterValues] = React43.useState(
+  const [internalFilterValues, setInternalFilterValues] = React44.useState(
     () => getInitialFilterValues(resolvedColumns)
   );
-  const [internalExpandedKeys, setInternalExpandedKeys] = React43.useState(
+  const [internalExpandedKeys, setInternalExpandedKeys] = React44.useState(
     expandable?.defaultExpandedRowKeys ?? expandable?.expandedRowKeys ?? []
   );
-  const [internalColumnWidths, setInternalColumnWidths] = React43.useState({});
-  const [internalCurrentPage, setInternalCurrentPage] = React43.useState(
+  const [internalColumnWidths, setInternalColumnWidths] = React44.useState({});
+  const [internalCurrentPage, setInternalCurrentPage] = React44.useState(
     pagination !== false ? pagination.defaultCurrent ?? pagination.current ?? 1 : 1
   );
-  const [internalPageSize, setInternalPageSize] = React43.useState(
+  const [internalPageSize, setInternalPageSize] = React44.useState(
     pagination !== false ? pagination.defaultPageSize ?? pagination.pageSize ?? 10 : 10
   );
-  const [activeResize, setActiveResize] = React43.useState(null);
-  React43.useEffect(() => {
+  const [activeResize, setActiveResize] = React44.useState(null);
+  React44.useEffect(() => {
     if (rowSelection?.selectedRowKeys !== void 0) {
       setInternalSelectedKeys(rowSelection.selectedRowKeys);
     }
   }, [rowSelection?.selectedRowKeys]);
-  React43.useEffect(() => {
+  React44.useEffect(() => {
     if (expandable?.expandedRowKeys !== void 0) {
       setInternalExpandedKeys(expandable.expandedRowKeys);
     }
   }, [expandable?.expandedRowKeys]);
-  React43.useEffect(() => {
+  React44.useEffect(() => {
     if (pagination !== false && pagination.current !== void 0) {
       setInternalCurrentPage(pagination.current);
     }
   }, [pagination]);
-  React43.useEffect(() => {
+  React44.useEffect(() => {
     if (pagination !== false && pagination.pageSize !== void 0) {
       setInternalPageSize(pagination.pageSize);
     }
   }, [pagination]);
-  React43.useEffect(() => {
+  React44.useEffect(() => {
     setInternalFilterValues((previous) => {
       const next = { ...previous };
       let hasChanged = false;
@@ -4958,7 +4944,7 @@ function AdsDataTable({
       return hasChanged ? next : previous;
     });
   }, [resolvedColumns]);
-  const controlledSortState = React43.useMemo(() => {
+  const controlledSortState = React44.useMemo(() => {
     const columnIndex = resolvedColumns.findIndex((column2) => column2.sortOrder !== void 0);
     if (columnIndex === -1) {
       return null;
@@ -4976,15 +4962,9 @@ 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(
+  const filterValues = React44.useMemo(
     () => resolvedColumns.reduce((accumulator, column, index) => {
       const columnKey = getColumnKey(column, index);
       accumulator[columnKey] = column.filterValue ?? internalFilterValues[columnKey] ?? "";
@@ -4992,7 +4972,7 @@ function AdsDataTable({
     }, {}),
     [internalFilterValues, resolvedColumns]
   );
-  const filteredData = React43.useMemo(() => {
+  const filteredData = React44.useMemo(() => {
     const filterableColumns = resolvedColumns.filter((column) => column.filter);
     if (filterableColumns.length === 0) {
       return dataSource;
@@ -5012,7 +4992,7 @@ function AdsDataTable({
       })
     );
   }, [dataSource, filterValues, resolvedColumns]);
-  const sortedData = React43.useMemo(() => {
+  const sortedData = React44.useMemo(() => {
     if (!sortState || !sortState.column || sortState.order === null) {
       return filteredData;
     }
@@ -5039,7 +5019,7 @@ function AdsDataTable({
     Math.max(1, pagination.current ?? internalCurrentPage),
     totalPages
   );
-  React43.useEffect(() => {
+  React44.useEffect(() => {
     if (pagination === false || pagination.current !== void 0) {
       return;
     }
@@ -5047,14 +5027,14 @@ function AdsDataTable({
       setInternalCurrentPage(currentPage);
     }
   }, [currentPage, internalCurrentPage, pagination]);
-  const paginatedData = React43.useMemo(() => {
+  const paginatedData = React44.useMemo(() => {
     if (pagination === false || paginationMode === "server") {
       return sortedData;
     }
     const start = (currentPage - 1) * currentPageSize;
     return sortedData.slice(start, start + currentPageSize);
   }, [currentPage, currentPageSize, pagination, paginationMode, sortedData]);
-  const handleSortChange = React43.useCallback(
+  const handleSortChange = React44.useCallback(
     (column, columnKey, nextOrder) => {
       const nextSortState = nextOrder === null ? null : {
         column,
@@ -5068,7 +5048,7 @@ function AdsDataTable({
     },
     [controlledSortState, onSortChange]
   );
-  const handleFilterChange = React43.useCallback(
+  const handleFilterChange = React44.useCallback(
     (column, columnKey, nextValue) => {
       if (column.filterValue === void 0) {
         setInternalFilterValues((previous) => ({
@@ -5083,7 +5063,7 @@ function AdsDataTable({
     },
     [pagination]
   );
-  const updateSelection = React43.useCallback(
+  const updateSelection = React44.useCallback(
     (nextKeys) => {
       if (!rowSelection) {
         return;
@@ -5098,7 +5078,7 @@ function AdsDataTable({
     },
     [dataSource, rowKey, rowSelection]
   );
-  const toggleSelectionFromRowClick = React43.useCallback(
+  const toggleSelectionFromRowClick = React44.useCallback(
     (record, recordKey) => {
       if (!allowsRowSelectionByClick || !rowSelection) {
         return;
@@ -5112,7 +5092,7 @@ function AdsDataTable({
     },
     [allowsRowSelectionByClick, rowSelection, selectedKeys, updateSelection]
   );
-  const toggleExpanded = React43.useCallback(
+  const toggleExpanded = React44.useCallback(
     (record, recordKey) => {
       if (!expandable?.expandedRowRender) {
         return;
@@ -5129,11 +5109,11 @@ function AdsDataTable({
     },
     [expandable, expandedKeys]
   );
-  const renderedEmptyState = emptyState ?? /* @__PURE__ */ jsx47(AdsEmpty, { className: "min-h-[220px] py-12", children: /* @__PURE__ */ jsx47(AdsEmptyContent, { children: /* @__PURE__ */ jsxs23(AdsEmptyHeader, { children: [
-    /* @__PURE__ */ jsx47(AdsEmptyTitle, { children: emptyText ?? messages.table.noDataAvailable }),
-    typeof emptyText === "string" ? null : /* @__PURE__ */ jsx47(AdsEmptyDescription, { children: messages.table.noDataAvailable })
+  const renderedEmptyState = emptyState ?? /* @__PURE__ */ jsx48(AdsEmpty, { className: "min-h-[220px] py-12", children: /* @__PURE__ */ jsx48(AdsEmptyContent, { children: /* @__PURE__ */ jsxs23(AdsEmptyHeader, { children: [
+    /* @__PURE__ */ jsx48(AdsEmptyTitle, { children: emptyText ?? messages.table.noDataAvailable }),
+    typeof emptyText === "string" ? null : /* @__PURE__ */ jsx48(AdsEmptyDescription, { children: messages.table.noDataAvailable })
   ] }) }) });
-  const handlePaginationChange = React43.useCallback(
+  const handlePaginationChange = React44.useCallback(
     (page, nextPageSize) => {
       if (pagination === false) {
         return;
@@ -5148,7 +5128,7 @@ function AdsDataTable({
     },
     [currentPageSize, pagination]
   );
-  const handlePageSizeChange = React43.useCallback(
+  const handlePageSizeChange = React44.useCallback(
     (nextPageSize, page) => {
       if (pagination === false) {
         return;
@@ -5163,28 +5143,28 @@ function AdsDataTable({
     },
     [pagination]
   );
-  const visibleRowEntries = React43.useMemo(
+  const visibleRowEntries = React44.useMemo(
     () => paginatedData.map((record, index) => ({
       key: resolveRowKey(record, index, rowKey),
       record
     })),
     [paginatedData, rowKey]
   );
-  const visibleSelectableKeys = React43.useMemo(
+  const visibleSelectableKeys = React44.useMemo(
     () => visibleRowEntries.map((entry) => entry.key),
     [visibleRowEntries]
   );
-  const selectedVisibleCount = React43.useMemo(
+  const selectedVisibleCount = React44.useMemo(
     () => visibleSelectableKeys.filter((key) => selectedKeys.includes(key)).length,
     [selectedKeys, visibleSelectableKeys]
   );
   const allVisibleRowsSelected = visibleSelectableKeys.length > 0 && selectedVisibleCount === visibleSelectableKeys.length;
   const someVisibleRowsSelected = selectedVisibleCount > 0 && selectedVisibleCount < visibleSelectableKeys.length;
-  const getColumnWidthOverride = React43.useCallback(
+  const getColumnWidthOverride = React44.useCallback(
     (column, columnKey) => internalColumnWidths[columnKey] ?? getResolvedColumnWidth(column),
     [internalColumnWidths]
   );
-  const startColumnResize = React43.useCallback(
+  const startColumnResize = React44.useCallback(
     (event, column, columnKey) => {
       event.preventDefault();
       event.stopPropagation();
@@ -5215,7 +5195,7 @@ function AdsDataTable({
     },
     [internalColumnWidths]
   );
-  const renderColumnHeader = React43.useCallback(
+  const renderColumnHeader = React44.useCallback(
     (column, columnKey, columnSortOrder) => {
       const headerTitle = getColumnHeader(column, columnKey);
       const hasSorter = Boolean(column.sorter);
@@ -5241,13 +5221,13 @@ function AdsDataTable({
               type: "button",
               variant: "ghost",
               children: [
-                /* @__PURE__ */ jsx47("span", { className: "truncate", children: headerTitle }),
-                /* @__PURE__ */ jsx47("span", { className: "inline-flex h-4 w-4 items-center justify-center text-icon-muted", children: columnSortOrder === "ascend" ? /* @__PURE__ */ jsx47(ChevronDown5, { className: "h-4 w-4 rotate-180" }) : columnSortOrder === "descend" ? /* @__PURE__ */ jsx47(ChevronDown5, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx47(ChevronDown5, { className: "h-4 w-4 opacity-60" }) })
+                /* @__PURE__ */ jsx48("span", { className: "truncate", children: headerTitle }),
+                /* @__PURE__ */ jsx48("span", { className: "inline-flex h-4 w-4 items-center justify-center text-icon-muted", children: columnSortOrder === "ascend" ? /* @__PURE__ */ jsx48(ChevronDown5, { className: "h-4 w-4 rotate-180" }) : columnSortOrder === "descend" ? /* @__PURE__ */ jsx48(ChevronDown5, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx48(ChevronDown5, { className: "h-4 w-4 opacity-60" }) })
               ]
             }
-          ) : /* @__PURE__ */ jsx47("span", { className: "truncate", children: headerTitle }),
+          ) : /* @__PURE__ */ jsx48("span", { className: "truncate", children: headerTitle }),
           hasFilter ? /* @__PURE__ */ jsxs23(AdsPopover, { children: [
-            /* @__PURE__ */ jsx47(AdsPopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx47(
+            /* @__PURE__ */ jsx48(AdsPopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx48(
               Button,
               {
                 "aria-label": `${headerTitle} ${messages.table.filterColumn}`,
@@ -5259,10 +5239,10 @@ function AdsDataTable({
                 size: "sm",
                 type: "button",
                 variant: "ghost",
-                children: /* @__PURE__ */ jsx47(Filter, { className: "h-3.5 w-3.5" })
+                children: /* @__PURE__ */ jsx48(Filter, { className: "h-3.5 w-3.5" })
               }
             ) }),
-            /* @__PURE__ */ jsx47(AdsPopoverContent, { align: "end", className: "w-64", children: /* @__PURE__ */ jsx47(
+            /* @__PURE__ */ jsx48(AdsPopoverContent, { align: "end", className: "w-64", children: /* @__PURE__ */ jsx48(
               AdsInput,
               {
                 clearable: true,
@@ -5275,7 +5255,7 @@ function AdsDataTable({
             ) })
           ] }) : null
         ] }),
-        hasResizeHandle ? /* @__PURE__ */ jsx47(
+        hasResizeHandle ? /* @__PURE__ */ jsx48(
           "span",
           {
             "aria-label": `Resize ${headerTitle} column`,
@@ -5294,11 +5274,11 @@ function AdsDataTable({
     [activeResize?.columnKey, filterValues, handleFilterChange, handleSortChange, messages.table, startColumnResize]
   );
   const tableNode = /* @__PURE__ */ jsxs23(AdsTableSurface, { className: cn("flex min-h-0 flex-1 flex-col", className), children: [
-    /* @__PURE__ */ jsx47(AdsTableScrollArea, { fill, stickyHeader: sticky, x: scroll?.x, y: scroll?.y, children: /* @__PURE__ */ jsxs23(AdsTableRoot, { className: tableClassName, children: [
+    /* @__PURE__ */ jsx48(AdsTableScrollArea, { fill, stickyHeader: sticky, x: scroll?.x, y: scroll?.y, children: /* @__PURE__ */ jsxs23(AdsTableRoot, { className: tableClassName, children: [
       /* @__PURE__ */ jsxs23(AdsTableColGroup, { children: [
-        hasSelectionColumn ? /* @__PURE__ */ jsx47(AdsTableCol, { style: { width: rowSelection?.columnWidth ?? 48 } }) : null,
-        hasExpandableColumn ? /* @__PURE__ */ jsx47(AdsTableCol, { style: { width: 48 } }) : null,
-        resolvedColumns.map((column, index) => /* @__PURE__ */ jsx47(
+        hasSelectionColumn ? /* @__PURE__ */ jsx48(AdsTableCol, { style: { width: rowSelection?.columnWidth ?? 48 } }) : null,
+        hasExpandableColumn ? /* @__PURE__ */ jsx48(AdsTableCol, { style: { width: 48 } }) : null,
+        resolvedColumns.map((column, index) => /* @__PURE__ */ jsx48(
           AdsTableCol,
           {
             style: getCellStyle(column, getColumnWidthOverride(column, getColumnKey(column, index)))
@@ -5306,8 +5286,8 @@ function AdsDataTable({
           getColumnKey(column, index)
         ))
       ] }),
-      /* @__PURE__ */ jsx47(AdsTableHeader, { children: /* @__PURE__ */ jsxs23(AdsTableRow, { children: [
-        hasSelectionColumn ? /* @__PURE__ */ jsx47(AdsTableHead, { className: "w-12 p-2", children: rowSelection?.type !== "radio" && !rowSelection?.hideSelectAll ? /* @__PURE__ */ jsx47("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx47(
+      /* @__PURE__ */ jsx48(AdsTableHeader, { children: /* @__PURE__ */ jsxs23(AdsTableRow, { children: [
+        hasSelectionColumn ? /* @__PURE__ */ jsx48(AdsTableHead, { className: "w-12 p-2", children: rowSelection?.type !== "radio" && !rowSelection?.hideSelectAll ? /* @__PURE__ */ jsx48("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx48(
           Checkbox2,
           {
             "aria-label": messages.table.selectAllRows,
@@ -5324,11 +5304,11 @@ function AdsDataTable({
             onClick: (event) => event.stopPropagation()
           }
         ) }) : null }) : null,
-        hasExpandableColumn ? /* @__PURE__ */ jsx47(AdsTableHead, { className: "w-12 p-2" }) : null,
+        hasExpandableColumn ? /* @__PURE__ */ jsx48(AdsTableHead, { className: "w-12 p-2" }) : null,
         resolvedColumns.map((column, index) => {
           const columnKey = getColumnKey(column, index);
           const columnSortOrder = sortState?.columnKey === columnKey ? sortState.order : column.sortOrder ?? null;
-          return /* @__PURE__ */ jsx47(
+          return /* @__PURE__ */ jsx48(
             AdsTableHead,
             {
               className: cn(density.head, column.className, column.headerClassName),
@@ -5339,33 +5319,14 @@ 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: [
-        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(
+      /* @__PURE__ */ jsx48(AdsTableBody, { children: loading ? Array.from({ length: SKELETON_ROW_COUNT }, (_, skeletonIndex) => /* @__PURE__ */ jsxs23(AdsTableRow, { children: [
+        hasSelectionColumn ? /* @__PURE__ */ jsx48(AdsTableCell, { className: "w-12 p-2", children: /* @__PURE__ */ jsx48(AdsSkeleton, { className: "h-4 w-4 rounded-[4px]" }) }) : null,
+        hasExpandableColumn ? /* @__PURE__ */ jsx48(AdsTableCell, { className: "w-12 p-2", children: /* @__PURE__ */ jsx48(AdsSkeleton, { className: "h-4 w-4 rounded-[4px]" }) }) : null,
+        resolvedColumns.map((column, index) => /* @__PURE__ */ jsx48(
           AdsTableCell,
           {
             className: cn(density.cell, column.className),
-            children: /* @__PURE__ */ jsx47(AdsSkeleton, { className: "h-4 w-full rounded" })
+            children: /* @__PURE__ */ jsx48(AdsSkeleton, { className: "h-4 w-full rounded" })
           },
           `${getColumnKey(column, index)}-${skeletonIndex}`
         ))
@@ -5397,7 +5358,7 @@ function AdsDataTable({
               toggleSelectionFromRowClick(record, recordKey);
             },
             children: [
-              hasSelectionColumn ? /* @__PURE__ */ jsx47(
+              hasSelectionColumn ? /* @__PURE__ */ jsx48(
                 AdsTableSelectionCell,
                 {
                   checked: selectedKeys.includes(recordKey),
@@ -5413,7 +5374,7 @@ function AdsDataTable({
                   value: String(recordKey)
                 }
               ) : null,
-              hasExpandableColumn ? /* @__PURE__ */ jsx47(
+              hasExpandableColumn ? /* @__PURE__ */ jsx48(
                 AdsTableExpandCell,
                 {
                   disabled: !canExpand,
@@ -5426,7 +5387,7 @@ function AdsDataTable({
                   resolveRenderedCellContent(column, record, index),
                   column.ellipsis
                 );
-                return /* @__PURE__ */ jsx47(
+                return /* @__PURE__ */ jsx48(
                   AdsTableCell,
                   {
                     className: cn(
@@ -5452,16 +5413,16 @@ function AdsDataTable({
         }
         return [
           row,
-          /* @__PURE__ */ jsx47(AdsTableRow, { children: /* @__PURE__ */ jsx47(
+          /* @__PURE__ */ jsx48(AdsTableRow, { children: /* @__PURE__ */ jsx48(
             AdsTableCell,
             {
               className: "p-0",
               colSpan: resolvedColumns.length + Number(hasSelectionColumn) + Number(hasExpandableColumn),
-              children: /* @__PURE__ */ jsx47(
+              children: /* @__PURE__ */ jsx48(
                 "div",
                 {
                   className: cn(
-                    expandedRowContentClassName,
+                    "border-t border-border bg-popover/40 p-4",
                     classNames?.expandedRowContent
                   ),
                   children: expandable?.expandedRowRender?.(record, index)
@@ -5471,18 +5432,18 @@ function AdsDataTable({
           ) }, `${String(recordKey)}-expanded`)
         ];
       }) : [
-        /* @__PURE__ */ jsx47(AdsTableRow, { children: /* @__PURE__ */ jsx47(
+        /* @__PURE__ */ jsx48(AdsTableRow, { children: /* @__PURE__ */ jsx48(
           AdsTableCell,
           {
-            colSpan: columnCount,
+            colSpan: resolvedColumns.length + Number(hasSelectionColumn) + Number(hasExpandableColumn),
             className: cn("p-0", classNames?.emptyRowCell),
             children: renderedEmptyState
           }
         ) }, "empty-row")
       ] })
     ] }) }),
-    footer ? /* @__PURE__ */ jsx47("div", { className: "border-t border-border p-3", children: footer }) : null,
-    pagination !== false ? /* @__PURE__ */ jsx47("div", { className: cn("border-t border-border p-3", classNames?.paginationContainer), children: /* @__PURE__ */ jsx47(
+    footer ? /* @__PURE__ */ jsx48("div", { className: "border-t border-border p-3", children: footer }) : null,
+    pagination !== false ? /* @__PURE__ */ jsx48("div", { className: cn("border-t border-border p-3", classNames?.paginationContainer), children: /* @__PURE__ */ jsx48(
       AdsDataPagination,
       {
         ariaLabel: messages.pagination.navigation,
@@ -5504,7 +5465,7 @@ function AdsDataTable({
     ) }) : null
   ] });
   if (rowSelection?.type === "radio") {
-    return /* @__PURE__ */ jsx47(
+    return /* @__PURE__ */ jsx48(
       RadioGroup2,
       {
         onValueChange: (value) => {
@@ -5525,7 +5486,7 @@ function AdsDataTable({
 }
 
 // src/components/AdsDataTableToolbar/index.tsx
-import { jsx as jsx48, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs24 } from "react/jsx-runtime";
 function AdsDataTableToolbar({
   action,
   className,
@@ -5545,9 +5506,9 @@ function AdsDataTableToolbar({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx48("div", { className: "min-w-0 flex-1", children: title ? /* @__PURE__ */ jsx48("h2", { className: cn("truncate text-xl font-medium text-white", titleClassName), children: title }) : null }),
+        /* @__PURE__ */ jsx49("div", { className: "min-w-0 flex-1", children: title ? /* @__PURE__ */ jsx49("h2", { className: cn("truncate text-xl font-medium text-white", titleClassName), children: title }) : null }),
         /* @__PURE__ */ jsxs24("div", { className: "flex w-full flex-col gap-sm md:min-w-0 md:flex-1 md:flex-row md:items-center md:justify-end", children: [
-          /* @__PURE__ */ jsx48("div", { className: "min-w-0 md:max-w-[440px] md:flex-1", children: /* @__PURE__ */ jsx48(
+          /* @__PURE__ */ jsx49("div", { className: "min-w-0 md:max-w-[440px] md:flex-1", children: /* @__PURE__ */ jsx49(
             AdsInput,
             {
               className: cn(
@@ -5561,7 +5522,7 @@ function AdsDataTableToolbar({
               value: searchValue
             }
           ) }),
-          action ? /* @__PURE__ */ jsx48("div", { className: "shrink-0", children: action }) : null
+          action ? /* @__PURE__ */ jsx49("div", { className: "shrink-0", children: action }) : null
         ] })
       ]
     }
@@ -5569,7 +5530,7 @@ function AdsDataTableToolbar({
 }
 
 // src/components/AdsViewCustomersDataTable/index.tsx
-import { jsx as jsx49, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs25 } from "react/jsx-runtime";
 function resolveHeight(value) {
   if (value === void 0) {
     return 500;
@@ -5602,12 +5563,12 @@ function AdsViewCustomersDataTable({
 }) {
   const tableHeight = resolveHeight(height);
   const resolvedErrorState = errorState ?? /* @__PURE__ */ jsxs25("div", { className: "flex min-h-[500px] flex-col items-center justify-center gap-3 px-6 py-12 text-center", children: [
-    /* @__PURE__ */ jsx49("p", { className: "text-sm font-medium text-white", children: errorTitle }),
-    /* @__PURE__ */ jsx49("p", { className: "max-w-md text-sm text-[#848484]", children: errorDescription }),
-    onRetry ? /* @__PURE__ */ jsx49(AdsButton, { intent: "primary", onClick: onRetry, children: retryLabel }) : null
+    /* @__PURE__ */ jsx50("p", { className: "text-sm font-medium text-white", children: errorTitle }),
+    /* @__PURE__ */ jsx50("p", { className: "max-w-md text-sm text-[#848484]", children: errorDescription }),
+    onRetry ? /* @__PURE__ */ jsx50(AdsButton, { intent: "primary", onClick: onRetry, children: retryLabel }) : null
   ] });
   return /* @__PURE__ */ jsxs25("div", { className: "overflow-hidden rounded-xl border border-[#27282F] bg-[#1B1C21]", children: [
-    /* @__PURE__ */ jsx49(
+    /* @__PURE__ */ jsx50(
       AdsDataTableToolbar,
       {
         action: toolbarAction,
@@ -5619,7 +5580,7 @@ function AdsViewCustomersDataTable({
       }
     ),
     error ? resolvedErrorState : null,
-    !error ? /* @__PURE__ */ jsx49(
+    !error ? /* @__PURE__ */ jsx50(
       AdsDataTable,
       {
         ...props,
@@ -5654,20 +5615,20 @@ function AdsViewCustomersDataTable({
 }
 
 // src/components/AdsProgress/index.tsx
-import * as React45 from "react";
+import * as React46 from "react";
 
 // src/primitives/progress.tsx
-import * as React44 from "react";
+import * as React45 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { jsx as jsx50 } from "react/jsx-runtime";
-var Progress = React44.forwardRef(({ className, indicatorClassName, value, ...props }, ref) => /* @__PURE__ */ jsx50(
+import { jsx as jsx51 } from "react/jsx-runtime";
+var Progress = React45.forwardRef(({ className, indicatorClassName, value, ...props }, ref) => /* @__PURE__ */ jsx51(
   ProgressPrimitive.Root,
   {
     className: cn("relative h-4 w-full overflow-hidden rounded-full bg-secondary", className),
     ref,
     value,
     ...props,
-    children: /* @__PURE__ */ jsx50(
+    children: /* @__PURE__ */ jsx51(
       ProgressPrimitive.Indicator,
       {
         className: cn("h-full w-full flex-1 bg-primary transition-all", indicatorClassName),
@@ -5679,13 +5640,13 @@ var Progress = React44.forwardRef(({ className, indicatorClassName, value, ...pr
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // src/components/AdsProgress/index.tsx
-import { jsx as jsx51, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs26 } from "react/jsx-runtime";
 var progressBaseClassName = "h-2 rounded-radius-full bg-[color:color-mix(in_srgb,var(--primary)_20%,transparent)]";
 var progressIndicatorVariantClassName = {
   ai: "bg-brand-gradient",
   default: "bg-primary"
 };
-var Progress2 = React45.forwardRef(({ className, indicatorClassName, ...props }, ref) => /* @__PURE__ */ jsx51(
+var Progress2 = React46.forwardRef(({ className, indicatorClassName, ...props }, ref) => /* @__PURE__ */ jsx52(
   Progress,
   {
     className: cn(progressBaseClassName, className),
@@ -5695,7 +5656,7 @@ var Progress2 = React45.forwardRef(({ className, indicatorClassName, ...props },
   }
 ));
 Progress2.displayName = "Progress";
-var AdsProgress = React45.forwardRef(
+var AdsProgress = React46.forwardRef(
   ({
     className,
     descriptionPlacement = "above",
@@ -5714,12 +5675,12 @@ var AdsProgress = React45.forwardRef(
       id
     });
     const labelId = label ? `${description.inputId}-label` : void 0;
-    const helperNode = helperText ? /* @__PURE__ */ jsx51(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
-    const errorNode = errorText ? /* @__PURE__ */ jsx51(AdsFieldError, { id: description.errorId, children: errorText }) : null;
+    const helperNode = helperText ? /* @__PURE__ */ jsx52(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
+    const errorNode = errorText ? /* @__PURE__ */ jsx52(AdsFieldError, { id: description.errorId, children: errorText }) : null;
     return /* @__PURE__ */ jsxs26(AdsFieldItem, { children: [
-      label ? /* @__PURE__ */ jsx51(AdsFieldLabel, { id: labelId, children: label }) : null,
+      label ? /* @__PURE__ */ jsx52(AdsFieldLabel, { id: labelId, children: label }) : null,
       descriptionPlacement === "above" ? helperNode : null,
-      /* @__PURE__ */ jsx51(
+      /* @__PURE__ */ jsx52(
         Progress,
         {
           "aria-describedby": description.describedBy,
@@ -5743,13 +5704,13 @@ var AdsProgress = React45.forwardRef(
 AdsProgress.displayName = "AdsProgress";
 
 // src/components/AdsSlider/index.tsx
-import * as React47 from "react";
+import * as React48 from "react";
 
 // src/primitives/slider.tsx
-import * as React46 from "react";
+import * as React47 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 jsx53, jsxs as jsxs27 } from "react/jsx-runtime";
+var Slider = React47.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs27(
   SliderPrimitive.Root,
   {
     ref,
@@ -5759,10 +5720,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__ */ jsx53(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ jsx53(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__ */ jsx53(
         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 +5736,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 jsx54, jsxs as jsxs28 } 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 = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx54(Slider, { className: cn(sliderBaseClassName, className), ref, ...props }));
 Slider2.displayName = "Slider";
-var AdsSlider = React47.forwardRef(
+var AdsSlider = React48.forwardRef(
   ({
     className,
     descriptionPlacement = "above",
@@ -5794,12 +5755,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;
+    const helperNode = helperText ? /* @__PURE__ */ jsx54(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
+    const errorNode = errorText ? /* @__PURE__ */ jsx54(AdsFieldError, { id: description.errorId, children: errorText }) : null;
     return /* @__PURE__ */ jsxs28(AdsFieldItem, { children: [
-      label ? /* @__PURE__ */ jsx53(AdsFieldLabel, { children: label }) : null,
+      label ? /* @__PURE__ */ jsx54(AdsFieldLabel, { children: label }) : null,
       descriptionPlacement === "above" ? helperNode : null,
-      /* @__PURE__ */ jsx53(
+      /* @__PURE__ */ jsx54(
         Slider2,
         {
           "aria-describedby": description.describedBy,
@@ -5816,13 +5777,13 @@ var AdsSlider = React47.forwardRef(
 AdsSlider.displayName = "AdsSlider";
 
 // src/components/AdsSwitch/index.tsx
-import * as React49 from "react";
+import * as React50 from "react";
 
 // src/primitives/switch.tsx
-import * as React48 from "react";
+import * as React49 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 jsx55 } from "react/jsx-runtime";
+var Switch = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55(
   SwitchPrimitives.Root,
   {
     className: cn(
@@ -5831,7 +5792,7 @@ var Switch = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props,
     ref,
-    children: /* @__PURE__ */ jsx54(
+    children: /* @__PURE__ */ jsx55(
       SwitchPrimitives.Thumb,
       {
         className: cn(
@@ -5844,15 +5805,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 jsx56, jsxs as jsxs29 } 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 = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx56(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 = React50.forwardRef(({ className, description, id, label, switchClassName, wrapperClassName, ...props }, ref) => {
+  const generatedId = React50.useId();
   const inputId = id ?? generatedId;
   if (!label) {
-    return /* @__PURE__ */ jsx55(
+    return /* @__PURE__ */ jsx56(
       Switch2,
       {
         className: cn(className, switchClassName),
@@ -5862,12 +5823,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: [
+  return /* @__PURE__ */ jsx56("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
+      /* @__PURE__ */ jsx56("div", { className: "text-sm font-medium leading-5 text-foreground", children: label }),
+      description ? /* @__PURE__ */ jsx56(AdsFieldDescription, { className: "text-sm leading-5", children: description }) : null
     ] }),
-    /* @__PURE__ */ jsx55("div", { className: "shrink-0", children: /* @__PURE__ */ jsx55(
+    /* @__PURE__ */ jsx56("div", { className: "shrink-0", children: /* @__PURE__ */ jsx56(
       Switch2,
       {
         className: cn(className, switchClassName),
@@ -5881,14 +5842,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 React52 from "react";
 
 // src/primitives/tabs.tsx
-import * as React50 from "react";
+import * as React51 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { jsx as jsx56 } from "react/jsx-runtime";
+import { jsx as jsx57 } from "react/jsx-runtime";
 var Tabs = TabsPrimitive.Root;
-var TabsList = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx56(
+var TabsList = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx57(
   TabsPrimitive.List,
   {
     className: cn("inline-flex items-center", className),
@@ -5897,7 +5858,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 = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx57(
   TabsPrimitive.Trigger,
   {
     className: cn(
@@ -5909,7 +5870,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 = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx57(
   TabsPrimitive.Content,
   {
     className: cn("focus-visible:outline-none", className),
@@ -5920,9 +5881,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 jsx58 } from "react/jsx-runtime";
 var AdsTabs = Tabs;
-var AdsTabsList = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx57(
+var AdsTabsList = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx58(
   TabsList,
   {
     className: cn(
@@ -5934,7 +5895,7 @@ var AdsTabsList = React51.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 AdsTabsList.displayName = "AdsTabsList";
-var AdsTabsTrigger = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx57(
+var AdsTabsTrigger = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx58(
   TabsTrigger,
   {
     className: cn(
@@ -5946,7 +5907,7 @@ var AdsTabsTrigger = React51.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 AdsTabsTrigger.displayName = "AdsTabsTrigger";
-var AdsTabsContent = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx57(
+var AdsTabsContent = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx58(
   TabsContent,
   {
     className: cn(
@@ -5960,13 +5921,13 @@ var AdsTabsContent = React51.forwardRef(({ className, ...props }, ref) => /* @__
 AdsTabsContent.displayName = "AdsTabsContent";
 
 // src/components/AdsToggle/index.tsx
-import * as React53 from "react";
+import * as React54 from "react";
 
 // src/primitives/toggle.tsx
-import * as React52 from "react";
+import * as React53 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 jsx59 } from "react/jsx-runtime";
+var Toggle = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx59(
   TogglePrimitive.Root,
   {
     className: cn(
@@ -5980,7 +5941,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 jsx60 } from "react/jsx-runtime";
 var sizeClassName3 = {
   sm: "!h-8 px-[6px] text-sm",
   md: "!h-9 px-md text-sm",
@@ -5995,10 +5956,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 = React54.forwardRef(({ children, className, size = "md", variant = "default", ...props }, ref) => {
+  const childCount = React54.Children.count(children);
+  const isIconOnly = childCount === 1 && React54.isValidElement(children);
+  return /* @__PURE__ */ jsx60(
     Toggle,
     {
       className: cn(
@@ -6017,13 +5978,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 React56 from "react";
 
 // src/primitives/toggle-group.tsx
-import * as React54 from "react";
+import * as React55 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 jsx61 } from "react/jsx-runtime";
+var ToggleGroup = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx61(
   ToggleGroupPrimitive.Root,
   {
     className: cn("inline-flex items-center justify-start", className),
@@ -6032,7 +5993,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 = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx61(
   ToggleGroupPrimitive.Item,
   {
     className: cn(
@@ -6046,7 +6007,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 jsx62 } 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 +6017,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 = React56.createContext(null);
+var AdsToggleGroup = React56.forwardRef(
   ({
     children,
     className,
@@ -6065,7 +6026,7 @@ var AdsToggleGroup = React55.forwardRef(
     size = "md",
     variant = "default",
     ...props
-  }, ref) => /* @__PURE__ */ jsx61(AdsToggleGroupContext.Provider, { value: { orientation, size, variant }, children: /* @__PURE__ */ jsx61(
+  }, ref) => /* @__PURE__ */ jsx62(AdsToggleGroupContext.Provider, { value: { orientation, size, variant }, children: /* @__PURE__ */ jsx62(
     ToggleGroup,
     {
       className: cn(
@@ -6081,12 +6042,12 @@ var AdsToggleGroup = React55.forwardRef(
   ) })
 );
 AdsToggleGroup.displayName = "AdsToggleGroup";
-var AdsToggleGroupItem = React55.forwardRef(({ className, size, variant, ...props }, ref) => {
-  const context = React55.useContext(AdsToggleGroupContext);
+var AdsToggleGroupItem = React56.forwardRef(({ className, size, variant, ...props }, ref) => {
+  const context = React56.useContext(AdsToggleGroupContext);
   const resolvedOrientation = context?.orientation ?? "horizontal";
   const resolvedSize = size ?? context?.size ?? "md";
   const resolvedVariant = variant ?? context?.variant ?? "default";
-  return /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx62(
     ToggleGroupItem,
     {
       className: cn(
@@ -6104,10 +6065,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 React57 from "react";
+import { jsx as jsx63, 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:opacity-50";
+var AdsTextarea = React57.forwardRef(
   ({
     action,
     className,
@@ -6126,12 +6087,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;
+    const helperNode = helperText ? /* @__PURE__ */ jsx63(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
+    const errorNode = errorText ? /* @__PURE__ */ jsx63(AdsFieldError, { id: description.errorId, children: errorText }) : null;
     return /* @__PURE__ */ jsxs30(AdsFieldItem, { children: [
-      label ? /* @__PURE__ */ jsx62(AdsFieldLabel, { htmlFor: description.inputId, children: label }) : null,
+      label ? /* @__PURE__ */ jsx63(AdsFieldLabel, { htmlFor: description.inputId, children: label }) : null,
       descriptionPlacement === "above" ? helperNode : null,
-      /* @__PURE__ */ jsx62(
+      /* @__PURE__ */ jsx63(
         Textarea,
         {
           "aria-describedby": description.describedBy,
@@ -6149,7 +6110,7 @@ var AdsTextarea = React56.forwardRef(
           ...props
         }
       ),
-      action ? /* @__PURE__ */ jsx62("div", { className: "w-full [&>*]:w-full", children: action }) : null,
+      action ? /* @__PURE__ */ jsx63("div", { className: "w-full [&>*]:w-full", children: action }) : null,
       descriptionPlacement === "below" ? helperNode : null,
       errorNode
     ] });
@@ -6158,17 +6119,17 @@ var AdsTextarea = React56.forwardRef(
 AdsTextarea.displayName = "AdsTextarea";
 
 // src/components/AdsTooltip/index.tsx
-import * as React58 from "react";
+import * as React59 from "react";
 
 // src/primitives/tooltip.tsx
-import * as React57 from "react";
+import * as React58 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx63 } from "react/jsx-runtime";
+import { jsx as jsx64 } 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 = React58.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx64(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx64(
   TooltipPrimitive.Content,
   {
     className: cn(
@@ -6183,12 +6144,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 jsx65 } 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 = React59.forwardRef(({ align = "center", className, sideOffset = 10, ...props }, ref) => /* @__PURE__ */ jsx65(
   TooltipContent,
   {
     align,
@@ -6199,7 +6160,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 = React59.forwardRef(({ className, height = 5, width = 10, ...props }, ref) => /* @__PURE__ */ jsx65(
   TooltipArrow,
   {
     className: cn("fill-[#844fff]", className),
@@ -6212,7 +6173,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 React60 from "react";
 import {
   CircleCheck as CircleCheck2,
   Info as Info2,
@@ -6221,7 +6182,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 jsx66, jsxs as jsxs31 } from "react/jsx-runtime";
 var adsToastIconMap = {
   success: CircleCheck2,
   info: Info2,
@@ -6237,7 +6198,7 @@ function resolveToastIcon(intent, icon) {
     return null;
   }
   const Icon2 = adsToastIconMap[intent];
-  return /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsx66(
     Icon2,
     {
       "aria-hidden": true,
@@ -6250,7 +6211,7 @@ function resolveToastIcon(intent, icon) {
     }
   );
 }
-var AdsToast = React59.forwardRef(
+var AdsToast = React60.forwardRef(
   ({
     action,
     className,
@@ -6277,7 +6238,7 @@ var AdsToast = React59.forwardRef(
         children: [
           resolvedIcon,
           /* @__PURE__ */ jsxs31("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
-            /* @__PURE__ */ jsx65(
+            /* @__PURE__ */ jsx66(
               "p",
               {
                 className: cn(
@@ -6287,7 +6248,7 @@ var AdsToast = React59.forwardRef(
                 children: title
               }
             ),
-            description ? /* @__PURE__ */ jsx65(
+            description ? /* @__PURE__ */ jsx66(
               "p",
               {
                 className: cn(
@@ -6298,7 +6259,7 @@ var AdsToast = React59.forwardRef(
               }
             ) : null
           ] }),
-          action ? /* @__PURE__ */ jsx65(
+          action ? /* @__PURE__ */ jsx66(
             AdsButton,
             {
               className: "shrink-0 rounded-radius-lg",
@@ -6324,7 +6285,7 @@ function AdsToaster({
   ...props
 }) {
   const { messages } = useAdsI18n();
-  return /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsx66(
     Toaster,
     {
       closeButton: false,
@@ -6342,7 +6303,7 @@ function AdsToaster({
   );
 }
 function toStageNode(intent, title, options) {
-  return /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsx66(
     AdsToast,
     {
       action: options?.action,
@@ -6356,7 +6317,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__ */ jsx66(
       AdsToast,
       {
         action: action ? {
@@ -6410,10 +6371,10 @@ var AdsToastManager = Object.assign(
 );
 
 // src/components/AdsDialog/index.tsx
-import * as React60 from "react";
+import * as React61 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 jsx67, jsxs as jsxs32 } 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 +6382,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 = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67(
   DialogPrimitive.Overlay,
   {
     className: cn(overlayClassName2, className),
@@ -6430,7 +6391,7 @@ var DialogOverlay = React60.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = "DialogOverlay";
-var DialogClose = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx66(
+var DialogClose = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67(
   DialogPrimitive.Close,
   {
     className: cn(
@@ -6444,8 +6405,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) {
+  React61.Children.forEach(children, (child) => {
+    if (React61.isValidElement(child) && child.type === React61.Fragment) {
       nodes.push(...flattenDialogChildren(child.props.children));
       return;
     }
@@ -6454,10 +6415,10 @@ function flattenDialogChildren(children) {
   return nodes;
 }
 function isDialogSlotElement(child, component) {
-  return React60.isValidElement(child) && child.type === component;
+  return React61.isValidElement(child) && child.type === component;
 }
-var DialogBody = React60.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx66(
+var DialogBody = React61.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx67(
     "div",
     {
       className: cn(bodyClassName, className),
@@ -6468,7 +6429,7 @@ var DialogBody = React60.forwardRef(
   )
 );
 DialogBody.displayName = "DialogBody";
-var DialogContent = React60.forwardRef(
+var DialogContent = React61.forwardRef(
   ({
     children,
     className,
@@ -6525,8 +6486,8 @@ 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, {}),
+    return /* @__PURE__ */ jsx67(NestedDismissableLayerProvider, { coordinator: parentLayer.coordinator, children: /* @__PURE__ */ jsxs32(DialogPortal, { children: [
+      /* @__PURE__ */ jsx67(DialogOverlay, {}),
       /* @__PURE__ */ jsxs32(
         DialogPrimitive.Content,
         {
@@ -6543,9 +6504,9 @@ var DialogContent = React60.forwardRef(
           ...props,
           children: [
             headerNode,
-            headerNode === null && generatedHeaderNodes.length > 0 ? /* @__PURE__ */ jsx66(DialogHeader, { children: generatedHeaderNodes }) : null,
+            headerNode === null && generatedHeaderNodes.length > 0 ? /* @__PURE__ */ jsx67(DialogHeader, { children: generatedHeaderNodes }) : null,
             explicitBodyNodes.length > 0 ? explicitBodyNodes : null,
-            looseBodyNodes.length > 0 ? /* @__PURE__ */ jsx66(DialogBody, { children: looseBodyNodes }) : null,
+            looseBodyNodes.length > 0 ? /* @__PURE__ */ jsx67(DialogBody, { children: looseBodyNodes }) : null,
             footerNode,
             !hideCloseButton ? /* @__PURE__ */ jsxs32(
               DialogPrimitive.Close,
@@ -6553,8 +6514,8 @@ var DialogContent = React60.forwardRef(
                 "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__ */ jsx67(X2, { "aria-hidden": true, className: "h-4 w-4" }),
+                  /* @__PURE__ */ jsx67("span", { className: "sr-only", children: resolvedCloseLabel })
                 ]
               }
             ) : null
@@ -6565,8 +6526,8 @@ var DialogContent = React60.forwardRef(
   }
 );
 DialogContent.displayName = "DialogContent";
-var DialogHeader = React60.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx66(
+var DialogHeader = React61.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx67(
     "div",
     {
       "data-slot": "ads-dialog-header",
@@ -6577,8 +6538,8 @@ var DialogHeader = React60.forwardRef(
   )
 );
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = React60.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx66(
+var DialogFooter = React61.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx67(
     "div",
     {
       "data-slot": "ads-dialog-footer",
@@ -6592,7 +6553,7 @@ var DialogFooter = React60.forwardRef(
   )
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx66(
+var DialogTitle = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67(
   DialogPrimitive.Title,
   {
     className: cn(
@@ -6605,7 +6566,7 @@ var DialogTitle = React60.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = "DialogTitle";
-var DialogDescription = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx66(
+var DialogDescription = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67(
   DialogPrimitive.Description,
   {
     className: cn("text-sm leading-5", adsTextColorClassName.muted, className),
@@ -6621,14 +6582,13 @@ var AdsDialogOverlay = DialogOverlay;
 var AdsDialogClose = DialogClose;
 var AdsDialogContent = DialogContent;
 var AdsDialogHeader = DialogHeader;
-var AdsDialogBody = DialogBody;
 var AdsDialogFooter = DialogFooter;
 var AdsDialogTitle = DialogTitle;
 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 jsx68, jsxs as jsxs33 } from "react/jsx-runtime";
 var DEFAULT_COLUMN_WIDTH = 240;
 var DEFAULT_GAP = 16;
 var DEFAULT_ITEM_HEIGHT_ESTIMATE = 280;
@@ -6664,7 +6624,7 @@ function AdsMasonry({
       { length: loadingItemCount },
       (_, index) => index
     );
-    return /* @__PURE__ */ jsx67(
+    return /* @__PURE__ */ jsx68(
       "div",
       {
         className: cn(
@@ -6683,13 +6643,13 @@ function AdsMasonry({
               "data-slot": "ads-masonry-loading-card",
               "data-testid": "ads-masonry-loading-card",
               children: [
-                /* @__PURE__ */ jsx67(
+                /* @__PURE__ */ jsx68(
                   "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__ */ jsx68(
                       AdsSkeleton,
                       {
                         className: cn("w-full rounded-none", classNames?.skeleton),
@@ -6703,7 +6663,7 @@ 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__ */ jsx68(
                         AdsSkeleton,
                         {
                           className: cn("h-3 w-16 rounded-full", classNames?.skeleton),
@@ -6711,7 +6671,7 @@ function AdsMasonry({
                           "data-testid": "ads-masonry-skeleton"
                         }
                       ),
-                      /* @__PURE__ */ jsx67(
+                      /* @__PURE__ */ jsx68(
                         AdsSkeleton,
                         {
                           className: cn("h-6 rounded-full", classNames?.skeleton),
@@ -6721,7 +6681,7 @@ function AdsMasonry({
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ jsx67(
+                    /* @__PURE__ */ jsx68(
                       AdsSkeleton,
                       {
                         className: cn("h-6 w-16 rounded-full", classNames?.skeleton),
@@ -6730,7 +6690,7 @@ function AdsMasonry({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsx67(
+                  /* @__PURE__ */ jsx68(
                     AdsSkeleton,
                     {
                       className: cn("h-4 rounded-full", classNames?.skeleton),
@@ -6749,7 +6709,7 @@ function AdsMasonry({
     );
   }
   if (items.length === 0) {
-    return emptyState ? /* @__PURE__ */ jsx67(
+    return emptyState ? /* @__PURE__ */ jsx68(
       "div",
       {
         className: cn(rootClassName, classNames?.empty),
@@ -6758,7 +6718,7 @@ function AdsMasonry({
       }
     ) : null;
   }
-  return /* @__PURE__ */ jsx67(
+  return /* @__PURE__ */ jsx68(
     Masonry,
     {
       className: rootClassName,
@@ -6770,7 +6730,7 @@ function AdsMasonry({
       maxColumnCount,
       onRender,
       overscanBy,
-      render: ({ data, index, width }) => /* @__PURE__ */ jsx67(
+      render: ({ data, index, width }) => /* @__PURE__ */ jsx68(
         "div",
         {
           className: cn("pb-0", classNames?.item, itemClassName),
@@ -6817,6 +6777,7 @@ export {
   AdsButtonGroupSeparator,
   AdsButtonGroupText,
   AdsCalendar,
+  AdsCard,
   AdsCheckbox,
   AdsDataPagination,
   AdsDataTable,
@@ -6824,7 +6785,6 @@ export {
   AdsDatePicker,
   AdsDateTimePicker,
   AdsDialog,
-  AdsDialogBody,
   AdsDialogClose,
   AdsDialogContent,
   AdsDialogDescription,