@adsgency_npm/adsgency-ads-ui 0.1.0-alpha.7 → 0.1.0-alpha.9

package/dist/index.cjs

@@ -107,6 +107,7 @@ __export(src_exports, {
   AdsInputOTPGroup: () => AdsInputOTPGroup,
   AdsInputOTPSeparator: () => AdsInputOTPSeparator,
   AdsInputOTPSlot: () => AdsInputOTPSlot,
+  AdsMasonry: () => AdsMasonry,
   AdsPagination: () => AdsPagination,
   AdsPaginationContent: () => AdsPaginationContent,
   AdsPaginationEllipsis: () => AdsPaginationEllipsis,
@@ -2590,9 +2591,27 @@ var AdsSkeleton = React27.forwardRef(
 AdsSkeleton.displayName = "AdsSkeleton";
 
 // src/components/AdsInput/index.tsx
+var React29 = __toESM(require("react"), 1);
+
+// src/lib/adsClearButton.tsx
 var React28 = __toESM(require("react"), 1);
 var import_lucide_react9 = require("lucide-react");
 var import_jsx_runtime31 = require("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 = React28.forwardRef(({ className, type = "button", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  "button",
+  {
+    ...props,
+    className: cn(adsClearButtonClassName, "h-4 w-4", className),
+    ref,
+    type,
+    children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react9.X, { "aria-hidden": true, className: "h-3.5 w-3.5" })
+  }
+));
+AdsClearButton.displayName = "AdsClearButton";
+
+// src/components/AdsInput/index.tsx
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var inputBaseClassName = "flex w-full rounded-md border border-border bg-card px-3 py-2 ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-[var(--card-foreground)] placeholder:text-[var(--muted-foreground)] focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm";
 var inputSizeClasses = {
   sm: "h-8 text-sm leading-5",
@@ -2634,7 +2653,7 @@ function getInputSurfaceClassName({
     className
   );
 }
-var AdsInput = React28.forwardRef(
+var AdsInput = React29.forwardRef(
   ({
     action,
     className,
@@ -2656,9 +2675,9 @@ var AdsInput = React28.forwardRef(
     ...props
   }, ref) => {
     const { messages } = useAdsI18n();
-    const inputRef = React28.useRef(null);
-    const [selectedFiles, setSelectedFiles] = React28.useState([]);
-    const [currentValue, setCurrentValue] = React28.useState(
+    const inputRef = React29.useRef(null);
+    const [selectedFiles, setSelectedFiles] = React29.useState([]);
+    const [currentValue, setCurrentValue] = React29.useState(
       () => getTextInputValue(props.value ?? props.defaultValue)
     );
     const description = useAdsFieldDescription({
@@ -2667,7 +2686,7 @@ var AdsInput = React28.forwardRef(
       helperText,
       id
     });
-    React28.useEffect(() => {
+    React29.useEffect(() => {
       if (props.value !== void 0) {
         setCurrentValue(getTextInputValue(props.value));
       }
@@ -2684,7 +2703,7 @@ var AdsInput = React28.forwardRef(
     const resolvedClearButtonLabel = clearButtonLabel ?? messages.input.clear;
     const resolvedFileTriggerLabel = fileTriggerLabel ?? messages.input.chooseFile;
     const resolvedEmptyFileLabel = emptyFileLabel ?? messages.input.noFileChosen;
-    const handleChange = React28.useCallback(
+    const handleChange = React29.useCallback(
       (event) => {
         setCurrentValue(event.target.value);
         if (isFileInput) {
@@ -2696,7 +2715,7 @@ var AdsInput = React28.forwardRef(
       },
       [isFileInput, onChange]
     );
-    const handleClear = React28.useCallback(() => {
+    const handleClear = React29.useCallback(() => {
       const element = inputRef.current;
       if (!element) {
         return;
@@ -2711,10 +2730,10 @@ var AdsInput = React28.forwardRef(
       onClear?.();
     }, [onClear]);
     const fileNameText = selectedFiles.length > 0 ? selectedFiles.join(", ") : resolvedEmptyFileLabel;
-    const helperNode = helperText ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
-    const errorNode = errorText ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(AdsFieldError, { id: description.errorId, children: errorText }) : null;
-    const inputNode = isFileInput ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "relative flex w-full min-w-0 flex-1 items-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    const helperNode = helperText ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
+    const errorNode = errorText ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(AdsFieldError, { id: description.errorId, children: errorText }) : null;
+    const inputNode = isFileInput ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "relative flex w-full min-w-0 flex-1 items-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
         Input,
         {
           "aria-describedby": description.describedBy,
@@ -2734,7 +2753,7 @@ var AdsInput = React28.forwardRef(
           ...props
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
         "div",
         {
           "aria-hidden": "true",
@@ -2745,7 +2764,7 @@ var AdsInput = React28.forwardRef(
             props.disabled ? "cursor-not-allowed opacity-50" : void 0
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
               "span",
               {
                 className: cn(
@@ -2755,7 +2774,7 @@ var AdsInput = React28.forwardRef(
                 children: resolvedFileTriggerLabel
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
               "span",
               {
                 className: cn(
@@ -2768,9 +2787,9 @@ var AdsInput = React28.forwardRef(
           ]
         }
       )
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "relative flex w-full min-w-0 flex-1 items-center", children: [
-      prefix ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "pointer-events-none absolute left-md inline-flex text-icon-muted", children: prefix }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "relative flex w-full min-w-0 flex-1 items-center", children: [
+      prefix ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "pointer-events-none absolute left-md inline-flex text-icon-muted", children: prefix }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
         Input,
         {
           "aria-describedby": description.describedBy,
@@ -2786,30 +2805,23 @@ var AdsInput = React28.forwardRef(
           ...props
         }
       ),
-      canClear || suffix ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("span", { className: "absolute right-md inline-flex items-center gap-xs text-icon-muted", children: [
-        suffix ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "inline-flex items-center", children: suffix }) : null,
-        canClear ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-          Button,
+      canClear || suffix ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { className: "absolute right-md inline-flex items-center gap-xs text-icon-muted", children: [
+        suffix ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "inline-flex items-center", children: suffix }) : null,
+        canClear ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          AdsClearButton,
           {
             "aria-label": resolvedClearButtonLabel,
-            className: cn(
-              "inline-flex h-4 w-4 items-center justify-center rounded-sm text-icon-muted transition-colors focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-[rgba(161,161,161,0.5)] focus-visible:ring-offset-0",
-              "hover:text-[var(--card-foreground)]"
-            ),
-            onClick: handleClear,
-            type: "button",
-            variant: "ghost",
-            children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react9.X, { "aria-hidden": true, className: "h-3.5 w-3.5" })
+            onClick: handleClear
           }
         ) : null
       ] }) : null
     ] });
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(AdsFieldItem, { children: [
-      label ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(AdsFieldLabel, { htmlFor: description.inputId, children: label }) : null,
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(AdsFieldItem, { children: [
+      label ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(AdsFieldLabel, { htmlFor: description.inputId, children: label }) : null,
       descriptionPlacement === "above" ? helperNode : null,
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex w-full items-center gap-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex w-full items-center gap-sm", children: [
         inputNode,
-        action ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "shrink-0", children: action }) : null
+        action ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "shrink-0", children: action }) : null
       ] }),
       descriptionPlacement === "below" ? helperNode : null,
       errorNode
@@ -2819,14 +2831,13 @@ var AdsInput = React28.forwardRef(
 AdsInput.displayName = "AdsInput";
 
 // src/components/AdsInputGroup/index.tsx
-var React30 = __toESM(require("react"), 1);
-var import_lucide_react10 = require("lucide-react");
+var React31 = __toESM(require("react"), 1);
 
 // src/primitives/textarea.tsx
-var React29 = __toESM(require("react"), 1);
-var import_jsx_runtime32 = require("react/jsx-runtime");
-var Textarea = React29.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+var React30 = __toESM(require("react"), 1);
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var Textarea = React30.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "textarea",
     {
       className: cn(
@@ -2841,7 +2852,7 @@ var Textarea = React29.forwardRef(({ className, ...props }, ref) => {
 Textarea.displayName = "Textarea";
 
 // src/components/AdsInputGroup/index.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function useAdsInputGroupDescription(describedBy, helperText, errorText, idBase) {
   const helperId = helperText ? `${idBase}-helper` : void 0;
   const errorId = errorText ? `${idBase}-error` : void 0;
@@ -2860,11 +2871,11 @@ function AdsInputGroupChrome({
   helperText,
   label
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex w-full flex-col gap-md", children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "text-sm font-medium leading-5 text-foreground", children: label }) : null,
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex w-full flex-col gap-md", children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "text-sm font-medium leading-5 text-foreground", children: label }) : null,
     children,
-    helperText ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-sm leading-5 text-muted-foreground", id: helperId, children: helperText }) : null,
-    errorText ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-sm leading-5 text-destructive", id: errorId, children: errorText }) : null
+    helperText ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-sm leading-5 text-muted-foreground", id: helperId, children: helperText }) : null,
+    errorText ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("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";
@@ -2903,21 +2914,21 @@ function AdsInputGroup({
   trailingAddon,
   trailingAddonClassName
 }) {
-  const generatedId = React30.useId();
+  const generatedId = React31.useId();
   const description = useAdsInputGroupDescription(
     void 0,
     helperText,
     errorText,
     id ?? generatedId
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     AdsInputGroupChrome,
     {
       errorText,
       helperText,
       label,
       ...description,
-      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: cn("w-full", className), children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: cn("w-full", className), children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
         "div",
         {
           className: cn(
@@ -2927,9 +2938,9 @@ function AdsInputGroup({
             surfaceClassName
           ),
           children: [
-            header ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "border-b border-border px-md py-md text-sm text-foreground", children: header }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex min-h-11 w-full items-stretch", children: [
-              leadingAddon ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            header ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "border-b border-border px-md py-md text-sm text-foreground", children: header }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex min-h-11 w-full items-stretch", children: [
+              leadingAddon ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                 "div",
                 {
                   className: cn(
@@ -2940,7 +2951,7 @@ function AdsInputGroup({
                   children: leadingAddon
                 }
               ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                 "div",
                 {
                   className: cn(
@@ -2950,7 +2961,7 @@ function AdsInputGroup({
                   children
                 }
               ),
-              trailingAddon ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+              trailingAddon ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                 "div",
                 {
                   className: cn(
@@ -2962,33 +2973,33 @@ function AdsInputGroup({
                 }
               ) : null
             ] }),
-            footer ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "border-t border-border px-md py-sm text-sm text-muted-foreground", children: footer }) : null
+            footer ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "border-t border-border px-md py-sm text-sm text-muted-foreground", children: footer }) : null
           ]
         }
       ) })
     }
   );
 }
-var AdsInputGroupInput = React30.forwardRef(({ className, clearable = false, clearButtonLabel, onChange, onClear, ...props }, ref) => {
+var AdsInputGroupInput = React31.forwardRef(({ className, clearable = false, clearButtonLabel, onChange, onClear, ...props }, ref) => {
   const { messages } = useAdsI18n();
-  const inputRef = React30.useRef(null);
-  const [currentValue, setCurrentValue] = React30.useState(
+  const inputRef = React31.useRef(null);
+  const [currentValue, setCurrentValue] = React31.useState(
     () => getInputGroupValue(props.value ?? props.defaultValue)
   );
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     if (props.value !== void 0) {
       setCurrentValue(getInputGroupValue(props.value));
     }
   }, [props.value]);
   const canClear = clearable && !props.disabled && !props.readOnly && currentValue.length > 0;
-  const handleChange = React30.useCallback(
+  const handleChange = React31.useCallback(
     (event) => {
       setCurrentValue(event.target.value);
       onChange?.(event);
     },
     [onChange]
   );
-  const handleClear = React30.useCallback(() => {
+  const handleClear = React31.useCallback(() => {
     const element = inputRef.current;
     if (!element) {
       return;
@@ -3002,8 +3013,8 @@ var AdsInputGroupInput = React30.forwardRef(({ className, clearable = false, cle
     element.focus();
     onClear?.();
   }, [onClear]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "relative flex w-full min-w-0 flex-1 items-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "relative flex w-full min-w-0 flex-1 items-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       Input,
       {
         className: cn(
@@ -3020,21 +3031,18 @@ var AdsInputGroupInput = React30.forwardRef(({ className, clearable = false, cle
         ...props
       }
     ),
-    canClear ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-      Button,
+    canClear ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      AdsClearButton,
       {
         "aria-label": clearButtonLabel ?? messages.input.clear,
-        className: "absolute right-0 inline-flex h-4 w-4 items-center justify-center rounded-sm text-icon-muted transition-colors 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",
-        onClick: handleClear,
-        type: "button",
-        variant: "ghost",
-        children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react10.X, { "aria-hidden": true, className: "h-3.5 w-3.5" })
+        className: "absolute right-0",
+        onClick: handleClear
       }
     ) : null
   ] });
 });
 AdsInputGroupInput.displayName = "AdsInputGroupInput";
-var AdsInputGroupTextarea = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+var AdsInputGroupTextarea = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   Textarea,
   {
     className: cn(
@@ -3049,14 +3057,14 @@ var AdsInputGroupTextarea = React30.forwardRef(({ className, ...props }, ref) =>
 AdsInputGroupTextarea.displayName = "AdsInputGroupTextarea";
 
 // src/components/AdsInputOTP/index.tsx
-var React32 = __toESM(require("react"), 1);
+var React33 = __toESM(require("react"), 1);
 
 // src/primitives/input-otp.tsx
-var React31 = __toESM(require("react"), 1);
+var React32 = __toESM(require("react"), 1);
 var import_input_otp = require("input-otp");
-var import_lucide_react11 = require("lucide-react");
-var import_jsx_runtime34 = require("react/jsx-runtime");
-var InputOTP = React31.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var import_lucide_react10 = require("lucide-react");
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var InputOTP = React32.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
   import_input_otp.OTPInput,
   {
     ref,
@@ -3069,12 +3077,12 @@ var InputOTP = React31.forwardRef(({ className, containerClassName, ...props },
   }
 ));
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { ref, className: cn("flex items-center", className), ...props }));
+var InputOTPGroup = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { ref, className: cn("flex items-center", className), ...props }));
 InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React31.forwardRef(({ index, className, ...props }, ref) => {
-  const inputOTPContext = React31.useContext(import_input_otp.OTPInputContext);
+var InputOTPSlot = React32.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React32.useContext(import_input_otp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
     "div",
     {
       ref,
@@ -3086,19 +3094,19 @@ var InputOTPSlot = React31.forwardRef(({ index, className, ...props }, ref) => {
       ...props,
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
       ]
     }
   );
 });
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React31.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react11.Dot, {}) }));
+var InputOTPSeparator = React32.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react10.Dot, {}) }));
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
 // src/components/AdsInputOTP/index.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function useFieldDescription(id, describedBy, helperText, errorText) {
-  const generatedId = React32.useId();
+  const generatedId = React33.useId();
   const inputId = id ?? generatedId;
   const helperId = helperText ? `${inputId}-helper` : void 0;
   const errorId = errorText ? `${inputId}-error` : void 0;
@@ -3119,21 +3127,21 @@ function AdsInputOTPChrome({
   inputId,
   label
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex w-full flex-col gap-md", children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("label", { className: "text-sm font-medium leading-5 text-foreground", htmlFor: inputId, children: label }) : null,
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex w-full flex-col gap-md", children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("label", { className: "text-sm font-medium leading-5 text-foreground", htmlFor: inputId, children: label }) : null,
     children,
-    helperText ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-sm leading-5 text-muted-foreground", id: helperId, children: helperText }) : null,
-    errorText ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-sm leading-5 text-destructive", id: errorId, children: errorText }) : null
+    helperText ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-sm leading-5 text-muted-foreground", id: helperId, children: helperText }) : null,
+    errorText ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-sm leading-5 text-destructive", id: errorId, children: errorText }) : null
   ] });
 }
 function buildSeparator(node, key) {
   if (node === void 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AdsInputOTPSeparator, {}, key);
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(AdsInputOTPSeparator, {}, key);
   }
-  if (React32.isValidElement(node)) {
-    return React32.cloneElement(node, { key });
+  if (React33.isValidElement(node)) {
+    return React33.cloneElement(node, { key });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { children: node }, key);
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { children: node }, key);
 }
 function buildOtpChildren(groups, separator) {
   const defaultGroup = groups.length > 0 ? groups : [6];
@@ -3141,7 +3149,7 @@ function buildOtpChildren(groups, separator) {
   let index = 0;
   defaultGroup.forEach((size, indexOfGroup) => {
     items.push(
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AdsInputOTPGroup, { children: Array.from({ length: size }, (_, slotOffset) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(AdsInputOTPGroup, { children: Array.from({ length: size }, (_, slotOffset) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
         AdsInputOTPSlot,
         {
           index: index + slotOffset
@@ -3156,11 +3164,11 @@ function buildOtpChildren(groups, separator) {
   });
   return items;
 }
-var AdsInputOTP = React32.forwardRef(({ action, errorText, groups, helperText, label, separator, children, id, ...props }, ref) => {
+var AdsInputOTP = React33.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__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     AdsInputOTPChrome,
     {
       errorText,
@@ -3169,8 +3177,8 @@ var AdsInputOTP = React32.forwardRef(({ action, errorText, groups, helperText, l
       helperId: description.helperId,
       inputId: description.inputId,
       label,
-      children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex w-full items-center gap-sm", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex w-full items-center gap-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
           InputOTP,
           {
             "aria-describedby": description.describedBy,
@@ -3182,15 +3190,15 @@ var AdsInputOTP = React32.forwardRef(({ action, errorText, groups, helperText, l
             children: otpChildren
           }
         ),
-        action ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "shrink-0", children: action }) : null
+        action ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "shrink-0", children: action }) : null
       ] })
     }
   );
 });
 AdsInputOTP.displayName = "AdsInputOTP";
-var AdsInputOTPGroup = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(InputOTPGroup, { className, ref, ...props }));
+var AdsInputOTPGroup = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(InputOTPGroup, { className, ref, ...props }));
 AdsInputOTPGroup.displayName = "AdsInputOTPGroup";
-var AdsInputOTPSeparator = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+var AdsInputOTPSeparator = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
   InputOTPSeparator,
   {
     className: className ?? "h-px w-6 shrink-0 bg-border text-transparent [&_svg]:hidden",
@@ -3199,7 +3207,7 @@ var AdsInputOTPSeparator = React32.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 AdsInputOTPSeparator.displayName = "AdsInputOTPSeparator";
-var AdsInputOTPSlot = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+var AdsInputOTPSlot = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
   InputOTPSlot,
   {
     className: [
@@ -3216,17 +3224,17 @@ var AdsInputOTPSlot = React32.forwardRef(({ className, ...props }, ref) => /* @_
 AdsInputOTPSlot.displayName = "AdsInputOTPSlot";
 
 // src/components/AdsDataPagination/index.tsx
-var React36 = __toESM(require("react"), 1);
+var React37 = __toESM(require("react"), 1);
 
 // src/components/AdsPagination/index.tsx
-var React34 = __toESM(require("react"), 1);
-var import_lucide_react13 = require("lucide-react");
+var React35 = __toESM(require("react"), 1);
+var import_lucide_react12 = require("lucide-react");
 
 // src/primitives/pagination.tsx
-var React33 = __toESM(require("react"), 1);
-var import_lucide_react12 = require("lucide-react");
-var import_jsx_runtime36 = require("react/jsx-runtime");
-var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var React34 = __toESM(require("react"), 1);
+var import_lucide_react11 = require("lucide-react");
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   "nav",
   {
     role: "navigation",
@@ -3236,7 +3244,7 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_run
   }
 );
 Pagination.displayName = "Pagination";
-var PaginationContent = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var PaginationContent = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   "ul",
   {
     ref,
@@ -3245,14 +3253,14 @@ var PaginationContent = React33.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("li", { ref, className: cn("", className), ...props }));
+var PaginationItem = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("li", { ref, className: cn("", className), ...props }));
 PaginationItem.displayName = "PaginationItem";
 var PaginationLink = ({
   className,
   isActive,
   size = "icon",
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   "a",
   {
     "aria-current": isActive ? "page" : void 0,
@@ -3270,7 +3278,7 @@ PaginationLink.displayName = "PaginationLink";
 var PaginationPrevious = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
   PaginationLink,
   {
     "aria-label": "Go to previous page",
@@ -3278,8 +3286,8 @@ var PaginationPrevious = ({
     className: cn("gap-1 pl-2.5", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react12.ChevronLeft, { className: "h-4 w-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { children: "Previous" })
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react11.ChevronLeft, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: "Previous" })
     ]
   }
 );
@@ -3287,7 +3295,7 @@ PaginationPrevious.displayName = "PaginationPrevious";
 var PaginationNext = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
   PaginationLink,
   {
     "aria-label": "Go to next page",
@@ -3295,8 +3303,8 @@ var PaginationNext = ({
     className: cn("gap-1 pr-2.5", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { children: "Next" }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react12.ChevronRight, { className: "h-4 w-4" })
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: "Next" }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react11.ChevronRight, { className: "h-4 w-4" })
     ]
   }
 );
@@ -3304,27 +3312,27 @@ PaginationNext.displayName = "PaginationNext";
 var PaginationEllipsis = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
   "span",
   {
     "aria-hidden": true,
     className: cn("flex h-9 w-9 items-center justify-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react12.MoreHorizontal, { className: "h-4 w-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "sr-only", children: "More pages" })
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react11.MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "sr-only", children: "More pages" })
     ]
   }
 );
 PaginationEllipsis.displayName = "PaginationEllipsis";
 
 // src/components/AdsPagination/index.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("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__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     Pagination,
     {
       className: cn("mx-0 w-auto justify-start", className),
@@ -3333,14 +3341,14 @@ function AdsPagination({ className, ...props }) {
   );
 }
 AdsPagination.displayName = "AdsPagination";
-var AdsPaginationContent = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(PaginationContent, { ref, className: cn("gap-1", className), ...props }));
+var AdsPaginationContent = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(PaginationContent, { ref, className: cn("gap-1", className), ...props }));
 AdsPaginationContent.displayName = "AdsPaginationContent";
-var AdsPaginationItem = React34.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(PaginationItem, { ref, className, ...props })
+var AdsPaginationItem = React35.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(PaginationItem, { ref, className, ...props })
 );
 AdsPaginationItem.displayName = "AdsPaginationItem";
-var AdsPaginationLink = React34.forwardRef(
-  ({ className, isActive = false, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+var AdsPaginationLink = React35.forwardRef(
+  ({ className, isActive = false, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     "a",
     {
       "aria-current": isActive ? "page" : void 0,
@@ -3355,10 +3363,10 @@ var AdsPaginationLink = React34.forwardRef(
   )
 );
 AdsPaginationLink.displayName = "AdsPaginationLink";
-var AdsPaginationPrevious = React34.forwardRef(({ "aria-label": ariaLabel, children, className, ...props }, ref) => {
+var AdsPaginationPrevious = React35.forwardRef(({ "aria-label": ariaLabel, children, className, ...props }, ref) => {
   const { messages } = useAdsI18n();
   const label = children ?? messages.pagination.previous;
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
     AdsPaginationLink,
     {
       "aria-label": ariaLabel ?? messages.pagination.previous,
@@ -3366,18 +3374,18 @@ var AdsPaginationPrevious = React34.forwardRef(({ "aria-label": ariaLabel, child
       ref,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react13.ChevronLeft, { "aria-hidden": true, className: "h-4 w-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: label })
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react12.ChevronLeft, { "aria-hidden": true, className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { children: label })
       ]
     }
   );
 });
 AdsPaginationPrevious.displayName = "AdsPaginationPrevious";
-var AdsPaginationNext = React34.forwardRef(
+var AdsPaginationNext = React35.forwardRef(
   ({ "aria-label": ariaLabel, children, className, ...props }, ref) => {
     const { messages } = useAdsI18n();
     const label = children ?? messages.pagination.next;
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
       AdsPaginationLink,
       {
         "aria-label": ariaLabel ?? messages.pagination.next,
@@ -3385,8 +3393,8 @@ var AdsPaginationNext = React34.forwardRef(
         ref,
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react13.ChevronRight, { "aria-hidden": true, className: "h-4 w-4" })
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react12.ChevronRight, { "aria-hidden": true, className: "h-4 w-4" })
         ]
       }
     );
@@ -3400,7 +3408,7 @@ function AdsPaginationEllipsis({
 }) {
   const { messages } = useAdsI18n();
   const resolvedLabel = label ?? messages.pagination.morePages;
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
     "span",
     {
       "aria-hidden": true,
@@ -3410,8 +3418,8 @@ function AdsPaginationEllipsis({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react13.MoreHorizontal, { className: "h-4 w-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "sr-only", children: resolvedLabel })
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react12.MoreHorizontal, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "sr-only", children: resolvedLabel })
       ]
     }
   );
@@ -3419,9 +3427,8 @@ function AdsPaginationEllipsis({
 AdsPaginationEllipsis.displayName = "AdsPaginationEllipsis";
 
 // src/components/AdsSelect/index.tsx
-var React35 = __toESM(require("react"), 1);
-var import_lucide_react14 = require("lucide-react");
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var React36 = __toESM(require("react"), 1);
+var import_jsx_runtime39 = require("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({
@@ -3445,7 +3452,7 @@ function AdsSelect({
 }) {
   const { messages } = useAdsI18n();
   const isControlled = value !== void 0;
-  const [internalValue, setInternalValue] = React35.useState(
+  const [internalValue, setInternalValue] = React36.useState(
     defaultValue
   );
   const resolvedValue = isControlled ? value : internalValue;
@@ -3458,7 +3465,7 @@ function AdsSelect({
     id
   });
   const resolvedClearButtonLabel = clearButtonLabel ?? messages.select.clear;
-  const handleValueChange = React35.useCallback(
+  const handleValueChange = React36.useCallback(
     (nextValue) => {
       if (!isControlled) {
         setInternalValue(nextValue);
@@ -3467,7 +3474,7 @@ function AdsSelect({
     },
     [isControlled, onValueChange]
   );
-  const handleClear = React35.useCallback(
+  const handleClear = React36.useCallback(
     (event) => {
       event.preventDefault();
       event.stopPropagation();
@@ -3479,12 +3486,12 @@ function AdsSelect({
     },
     [isControlled, onClear, onValueChange]
   );
-  const helperNode = helperText ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
-  const errorNode = errorText ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(AdsFieldError, { id: description.errorId, children: errorText }) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(AdsFieldItem, { children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(AdsFieldLabel, { htmlFor: description.inputId, children: label }) : null,
+  const helperNode = helperText ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
+  const errorNode = errorText ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AdsFieldError, { id: description.errorId, children: errorText }) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(AdsFieldItem, { children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AdsFieldLabel, { htmlFor: description.inputId, children: label }) : null,
     descriptionPlacement === "above" ? helperNode : null,
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
       Select,
       {
         ...props,
@@ -3492,8 +3499,8 @@ function AdsSelect({
         onValueChange: handleValueChange,
         ...resolvedValue !== void 0 ? { value: resolvedValue } : {},
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "relative", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
               SelectTrigger,
               {
                 "aria-describedby": description.describedBy,
@@ -3505,25 +3512,19 @@ function AdsSelect({
                   triggerClassName
                 ),
                 id: description.inputId,
-                children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectValue, { placeholder })
+                children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectValue, { placeholder })
               }
             ),
-            canClear ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-              Button,
+            canClear ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+              AdsClearButton,
               {
                 "aria-label": resolvedClearButtonLabel,
-                className: cn(
-                  "absolute right-8 top-1/2 inline-flex h-4 w-4 -translate-y-1/2 items-center justify-center rounded-sm text-icon-muted transition-colors focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-[rgba(161,161,161,0.5)] focus-visible:ring-offset-0",
-                  "hover:text-[var(--card-foreground)]"
-                ),
-                onClick: handleClear,
-                type: "button",
-                variant: "ghost",
-                children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react14.X, { "aria-hidden": true, className: "h-3.5 w-3.5" })
+                className: "absolute right-8 top-1/2 -translate-y-1/2",
+                onClick: handleClear
               }
             ) : null
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
             SelectContent,
             {
               className: cn(selectContentBaseClassName, contentClassName3),
@@ -3540,7 +3541,7 @@ function AdsSelect({
 }
 
 // src/components/AdsDataPagination/index.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("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)]";
@@ -3616,9 +3617,9 @@ function AdsDataPagination({
   ariaLabel
 }) {
   const { messages } = useAdsI18n();
-  const [internalCurrent, setInternalCurrent] = React36.useState(defaultCurrent);
-  const [internalPageSize, setInternalPageSize] = React36.useState(defaultPageSize);
-  const [quickJumpValue, setQuickJumpValue] = React36.useState("");
+  const [internalCurrent, setInternalCurrent] = React37.useState(defaultCurrent);
+  const [internalPageSize, setInternalPageSize] = React37.useState(defaultPageSize);
+  const [quickJumpValue, setQuickJumpValue] = React37.useState("");
   const isCurrentControlled = current !== void 0;
   const isPageSizeControlled = pageSize !== void 0;
   const mergedPageSize = Math.max(1, isPageSizeControlled ? pageSize : internalPageSize);
@@ -3639,20 +3640,20 @@ function AdsDataPagination({
     new Set(pageSizeOptions.filter((option) => Number.isFinite(option) && option > 0))
   );
   const resolvedPageSizeOptions = pageSizeValues.length > 0 ? pageSizeValues : [10, 20, 50, 100];
-  React36.useEffect(() => {
+  React37.useEffect(() => {
     if (!isCurrentControlled && internalCurrent !== mergedCurrent) {
       setInternalCurrent(mergedCurrent);
     }
   }, [internalCurrent, isCurrentControlled, mergedCurrent]);
-  React36.useEffect(() => {
+  React37.useEffect(() => {
     if (!isPageSizeControlled && internalPageSize !== mergedPageSize) {
       setInternalPageSize(mergedPageSize);
     }
   }, [internalPageSize, isPageSizeControlled, mergedPageSize]);
-  React36.useEffect(() => {
+  React37.useEffect(() => {
     setQuickJumpValue(String(mergedCurrent));
   }, [mergedCurrent]);
-  const commitPageChange = React36.useCallback(
+  const commitPageChange = React37.useCallback(
     (nextPage, nextPageSize = mergedPageSize) => {
       const clampedPage = clampPage(nextPage, Math.max(1, Math.ceil(Math.max(total, 0) / nextPageSize)));
       if (!isCurrentControlled) {
@@ -3666,7 +3667,7 @@ function AdsDataPagination({
     },
     [isCurrentControlled, mergedCurrent, mergedPageSize, onChange, total]
   );
-  const handlePageSizeChange = React36.useCallback(
+  const handlePageSizeChange = React37.useCallback(
     (nextValue) => {
       const nextPageSize = Number(nextValue);
       if (!Number.isFinite(nextPageSize) || nextPageSize <= 0 || nextPageSize === mergedPageSize) {
@@ -3691,7 +3692,7 @@ function AdsDataPagination({
       total
     ]
   );
-  const handleQuickJumpSubmit = React36.useCallback(() => {
+  const handleQuickJumpSubmit = React37.useCallback(() => {
     const trimmedValue = quickJumpValue.trim();
     if (!trimmedValue) {
       setQuickJumpValue(String(mergedCurrent));
@@ -3725,8 +3726,8 @@ function AdsDataPagination({
   );
   const renderPageNavigation = () => {
     if (variant === "compact") {
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-wrap items-center gap-sm", children: [
-        shouldShowFirstLast ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-wrap items-center gap-sm", children: [
+        shouldShowFirstLast ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           Button,
           {
             "aria-label": messages.pagination.first,
@@ -3739,7 +3740,7 @@ function AdsDataPagination({
             children: messages.pagination.first
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           Button,
           {
             "aria-label": messages.pagination.previous,
@@ -3752,7 +3753,7 @@ function AdsDataPagination({
             children: messages.pagination.previous
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           "span",
           {
             "aria-current": "page",
@@ -3760,7 +3761,7 @@ function AdsDataPagination({
             children: pageStatus
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           Button,
           {
             "aria-label": messages.pagination.next,
@@ -3773,7 +3774,7 @@ function AdsDataPagination({
             children: messages.pagination.next
           }
         ),
-        shouldShowFirstLast ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        shouldShowFirstLast ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           Button,
           {
             "aria-label": messages.pagination.last,
@@ -3788,8 +3789,8 @@ function AdsDataPagination({
         ) : null
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AdsPagination, { "aria-label": navigationLabel, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(AdsPaginationContent, { children: [
-      shouldShowFirstLast ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AdsPaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AdsPagination, { "aria-label": navigationLabel, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(AdsPaginationContent, { children: [
+      shouldShowFirstLast ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AdsPaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
         Button,
         {
           "aria-label": messages.pagination.first,
@@ -3802,7 +3803,7 @@ function AdsDataPagination({
           children: messages.pagination.first
         }
       ) }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AdsPaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AdsPaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
         Button,
         {
           "aria-label": messages.pagination.previous,
@@ -3816,7 +3817,7 @@ function AdsDataPagination({
         }
       ) }),
       paginationRange.map(
-        (token, index) => token === "ellipsis" ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AdsPaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AdsPaginationEllipsis, { label: messages.pagination.morePages }) }, `ellipsis-${index}`) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AdsPaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        (token, index) => token === "ellipsis" ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AdsPaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AdsPaginationEllipsis, { label: messages.pagination.morePages }) }, `ellipsis-${index}`) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AdsPaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           Button,
           {
             "aria-current": token === mergedCurrent ? "page" : void 0,
@@ -3833,7 +3834,7 @@ function AdsDataPagination({
           }
         ) }, token)
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AdsPaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AdsPaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
         Button,
         {
           "aria-label": messages.pagination.next,
@@ -3846,7 +3847,7 @@ function AdsDataPagination({
           children: messages.pagination.next
         }
       ) }),
-      shouldShowFirstLast ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AdsPaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      shouldShowFirstLast ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AdsPaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
         Button,
         {
           "aria-label": messages.pagination.last,
@@ -3861,7 +3862,7 @@ function AdsDataPagination({
       ) }) : null
     ] }) });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
     "div",
     {
       "data-slot": "ads-data-pagination",
@@ -3871,34 +3872,34 @@ function AdsDataPagination({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-wrap items-center gap-md text-sm leading-5 text-muted-foreground", children: [
-          variant === "compact" ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: classNames?.total, children: compactTotalContent }) : totalContent ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: classNames?.total, children: totalContent }) : null,
-          showSizeChanger ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: cn("flex items-center gap-sm", classNames?.pageSizeChanger), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: messages.pagination.itemsPerPage }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-wrap items-center gap-md text-sm leading-5 text-muted-foreground", children: [
+          variant === "compact" ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: classNames?.total, children: compactTotalContent }) : totalContent ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: classNames?.total, children: totalContent }) : null,
+          showSizeChanger ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: cn("flex items-center gap-sm", classNames?.pageSizeChanger), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { children: messages.pagination.itemsPerPage }),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
               Select,
               {
                 disabled,
                 onValueChange: handlePageSizeChange,
                 value: String(mergedPageSize),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                     SelectTrigger,
                     {
                       "aria-label": messages.pagination.itemsPerPage,
                       className: cn(inlineControlClassName, "w-[132px] px-sm"),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectValue, {})
+                      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectValue, {})
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectContent, { children: resolvedPageSizeOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectItem, { value: String(option), children: interpolate(messages.pagination.itemsPerPageOption, { value: option }) }, option)) })
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectContent, { children: resolvedPageSizeOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectItem, { value: String(option), children: interpolate(messages.pagination.itemsPerPageOption, { value: option }) }, option)) })
                 ]
               }
             )
           ] }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-col gap-md sm:flex-row sm:items-center sm:justify-end", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col gap-md sm:flex-row sm:items-center sm:justify-end", children: [
           renderPageNavigation(),
-          showQuickJumper ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+          showQuickJumper ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
             "label",
             {
               className: cn(
@@ -3906,8 +3907,8 @@ function AdsDataPagination({
                 classNames?.quickJumper
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: messages.pagination.jumpTo }),
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { children: messages.pagination.jumpTo }),
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                   Input,
                   {
                     "aria-label": messages.pagination.jumpTo,
@@ -3935,12 +3936,12 @@ function AdsDataPagination({
 }
 
 // src/components/AdsDataTable/index.tsx
-var React41 = __toESM(require("react"), 1);
-var import_lucide_react17 = require("lucide-react");
+var React42 = __toESM(require("react"), 1);
+var import_lucide_react15 = require("lucide-react");
 
 // src/components/AdsEmpty/index.tsx
 var import_class_variance_authority9 = require("class-variance-authority");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var adsEmptyVariants = (0, import_class_variance_authority9.cva)(
   "flex w-full flex-col items-center justify-center gap-6 p-12 text-center",
   {
@@ -3957,7 +3958,7 @@ var adsEmptyVariants = (0, import_class_variance_authority9.cva)(
   }
 );
 function AdsEmpty({ className, variant, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "div",
     {
       "data-slot": "ads-empty",
@@ -3967,7 +3968,7 @@ function AdsEmpty({ className, variant, ...props }) {
   );
 }
 function AdsEmptyHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "div",
     {
       "data-slot": "ads-empty-header",
@@ -3977,7 +3978,7 @@ function AdsEmptyHeader({ className, ...props }) {
   );
 }
 function AdsEmptyMedia({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "div",
     {
       "data-slot": "ads-empty-media",
@@ -3991,7 +3992,7 @@ function AdsEmptyMedia({ className, ...props }) {
   );
 }
 function AdsEmptyTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "div",
     {
       "data-slot": "ads-empty-title",
@@ -4001,7 +4002,7 @@ function AdsEmptyTitle({ className, ...props }) {
   );
 }
 function AdsEmptyDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "p",
     {
       "data-slot": "ads-empty-description",
@@ -4011,7 +4012,7 @@ function AdsEmptyDescription({ className, ...props }) {
   );
 }
 function AdsEmptyContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "div",
     {
       "data-slot": "ads-empty-content",
@@ -4021,7 +4022,7 @@ function AdsEmptyContent({ className, ...props }) {
   );
 }
 function AdsEmptyActions({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "div",
     {
       "data-slot": "ads-empty-actions",
@@ -4031,7 +4032,7 @@ function AdsEmptyActions({ className, ...props }) {
   );
 }
 function AdsEmptyFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "div",
     {
       "data-slot": "ads-empty-footer",
@@ -4042,19 +4043,19 @@ function AdsEmptyFooter({ className, ...props }) {
 }
 
 // src/components/AdsTable/index.tsx
-var React40 = __toESM(require("react"), 1);
-var import_lucide_react16 = require("lucide-react");
+var React41 = __toESM(require("react"), 1);
+var import_lucide_react14 = require("lucide-react");
 
 // src/components/AdsRadioGroup/index.tsx
-var React38 = __toESM(require("react"), 1);
+var React39 = __toESM(require("react"), 1);
 
 // src/primitives/radio-group.tsx
-var React37 = __toESM(require("react"), 1);
+var React38 = __toESM(require("react"), 1);
 var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"), 1);
-var import_lucide_react15 = require("lucide-react");
-var import_jsx_runtime41 = require("react/jsx-runtime");
-var RadioGroup = React37.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+var import_lucide_react13 = require("lucide-react");
+var import_jsx_runtime42 = require("react/jsx-runtime");
+var RadioGroup = React38.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     RadioGroupPrimitive.Root,
     {
       className: cn("grid gap-2", className),
@@ -4064,8 +4065,8 @@ var RadioGroup = React37.forwardRef(({ className, ...props }, ref) => {
   );
 });
 RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React37.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+var RadioGroupItem = React38.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     RadioGroupPrimitive.Item,
     {
       ref,
@@ -4074,19 +4075,19 @@ var RadioGroupItem = React37.forwardRef(({ className, ...props }, ref) => {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react15.Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react13.Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
     }
   );
 });
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 
 // src/components/AdsRadioGroup/index.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("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 = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(RadioGroup, { className: cn(radioGroupBaseClassName, className), ref, ...props }));
+var RadioGroup2 = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(RadioGroup, { className: cn(radioGroupBaseClassName, className), ref, ...props }));
 RadioGroup2.displayName = "RadioGroup";
-var RadioGroupItem2 = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+var RadioGroupItem2 = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
   RadioGroupItem,
   {
     className: cn(radioItemBaseClassName, className),
@@ -4095,7 +4096,7 @@ var RadioGroupItem2 = React38.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 RadioGroupItem2.displayName = "RadioGroupItem";
-var AdsRadioGroup = React38.forwardRef(
+var AdsRadioGroup = React39.forwardRef(
   ({
     children,
     className,
@@ -4111,12 +4112,12 @@ var AdsRadioGroup = React38.forwardRef(
       helperText,
       id
     });
-    const helperNode = helperText ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
-    const errorNode = errorText ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(AdsFieldError, { id: description.errorId, children: errorText }) : null;
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(AdsFieldItem, { children: [
-      label ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(AdsFieldLabel, { children: label }) : null,
+    const helperNode = helperText ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
+    const errorNode = errorText ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(AdsFieldError, { id: description.errorId, children: errorText }) : null;
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(AdsFieldItem, { children: [
+      label ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(AdsFieldLabel, { children: label }) : null,
       descriptionPlacement === "above" ? helperNode : null,
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
         RadioGroup2,
         {
           "aria-describedby": description.describedBy,
@@ -4132,11 +4133,11 @@ var AdsRadioGroup = React38.forwardRef(
   }
 );
 AdsRadioGroup.displayName = "AdsRadioGroup";
-var AdsRadioGroupOption = React38.forwardRef(({ className, description, id, label, value, ...props }, ref) => {
-  const generatedId = React38.useId();
+var AdsRadioGroupOption = React39.forwardRef(({ className, description, id, label, value, ...props }, ref) => {
+  const generatedId = React39.useId();
   const inputId = id ?? generatedId;
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("label", { className: "flex w-full cursor-pointer items-start gap-2", htmlFor: inputId, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("label", { className: "flex w-full cursor-pointer items-start gap-2", htmlFor: inputId, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       RadioGroupItem2,
       {
         className: cn(className),
@@ -4146,20 +4147,20 @@ var AdsRadioGroupOption = React38.forwardRef(({ className, description, id, labe
         ...props
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "text-sm leading-5 text-foreground", children: label }),
-      description ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(AdsFieldDescription, { className: "text-sm leading-5", children: description }) : null
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "text-sm leading-5 text-foreground", children: label }),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(AdsFieldDescription, { className: "text-sm leading-5", children: description }) : null
     ] })
   ] });
 });
 AdsRadioGroupOption.displayName = "AdsRadioGroupOption";
-var AdsRadioGroupCardOption = React38.forwardRef(({ className, description, disabled, id, label, value, ...props }, ref) => {
-  const generatedId = React38.useId();
+var AdsRadioGroupCardOption = React39.forwardRef(({ className, description, disabled, id, label, value, ...props }, ref) => {
+  const generatedId = React39.useId();
   const inputId = id ?? generatedId;
   const titleId = `${inputId}-label`;
   const descriptionId = description ? `${inputId}-description` : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "relative", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       RadioGroupItem2,
       {
         "aria-describedby": descriptionId,
@@ -4172,7 +4173,7 @@ var AdsRadioGroupCardOption = React38.forwardRef(({ className, description, disa
         ...props
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
       "div",
       {
         className: cn(
@@ -4181,16 +4182,16 @@ var AdsRadioGroupCardOption = React38.forwardRef(({ className, description, disa
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "text-sm font-medium leading-5 text-foreground", id: titleId, children: label }),
-            description ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(AdsFieldDescription, { className: "text-xs leading-4", id: descriptionId, children: description }) : null
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "text-sm font-medium leading-5 text-foreground", id: titleId, children: label }),
+            description ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(AdsFieldDescription, { className: "text-xs leading-4", id: descriptionId, children: description }) : null
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "flex h-full shrink-0 items-start justify-center pt-px", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex h-full shrink-0 items-start justify-center pt-px", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
             "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__ */ (0, import_jsx_runtime42.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                 "span",
                 {
                   className: "h-2 w-2 rounded-full bg-primary transition-opacity",
@@ -4207,9 +4208,9 @@ var AdsRadioGroupCardOption = React38.forwardRef(({ className, description, disa
 AdsRadioGroupCardOption.displayName = "AdsRadioGroupCardOption";
 
 // src/primitives/table.tsx
-var React39 = __toESM(require("react"), 1);
-var import_jsx_runtime43 = require("react/jsx-runtime");
-var Table = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+var React40 = __toESM(require("react"), 1);
+var import_jsx_runtime44 = require("react/jsx-runtime");
+var Table = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
   "table",
   {
     ref,
@@ -4218,7 +4219,7 @@ var Table = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Table.displayName = "Table";
-var TableScrollArea = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+var TableScrollArea = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
   "div",
   {
     ref,
@@ -4227,9 +4228,9 @@ var TableScrollArea = React39.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 TableScrollArea.displayName = "TableScrollArea";
-var TableHeader = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+var TableBody = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
   "tbody",
   {
     ref,
@@ -4238,7 +4239,7 @@ var TableBody = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+var TableFooter = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
   "tfoot",
   {
     ref,
@@ -4250,7 +4251,7 @@ var TableFooter = React39.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+var TableRow = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
   "tr",
   {
     ref,
@@ -4262,7 +4263,7 @@ var TableRow = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+var TableHead = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
   "th",
   {
     ref,
@@ -4274,7 +4275,7 @@ var TableHead = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+var TableCell = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
   "td",
   {
     ref,
@@ -4283,7 +4284,7 @@ var TableCell = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+var TableCaption = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
   "caption",
   {
     ref,
@@ -4292,21 +4293,21 @@ var TableCaption = React39.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TableCaption.displayName = "TableCaption";
-var TableColGroup = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("colgroup", { ref, className: cn(className), ...props }));
+var TableColGroup = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("colgroup", { ref, className: cn(className), ...props }));
 TableColGroup.displayName = "TableColGroup";
-var TableCol = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("col", { ref, className: cn(className), ...props }));
+var TableCol = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("col", { ref, className: cn(className), ...props }));
 TableCol.displayName = "TableCol";
 
 // src/components/AdsTable/index.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
-var AdsTableStickyHeaderContext = React40.createContext(false);
+var import_jsx_runtime45 = require("react/jsx-runtime");
+var AdsTableStickyHeaderContext = React41.createContext(false);
 function resolveLength(value) {
   if (value === void 0) {
     return void 0;
   }
   return typeof value === "number" ? `${value}px` : value;
 }
-var AdsTableSurface = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+var AdsTableSurface = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
   "div",
   {
     ref,
@@ -4318,8 +4319,8 @@ var AdsTableSurface = React40.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 AdsTableSurface.displayName = "AdsTableSurface";
-var AdsTableRoot = React40.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+var AdsTableRoot = React41.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     Table,
     {
       ref,
@@ -4334,7 +4335,7 @@ var AdsTableRoot = React40.forwardRef(
   )
 );
 AdsTableRoot.displayName = "AdsTableRoot";
-var AdsTableScrollArea = React40.forwardRef(
+var AdsTableScrollArea = React41.forwardRef(
   ({
     children,
     className,
@@ -4344,7 +4345,7 @@ var AdsTableScrollArea = React40.forwardRef(
     x,
     y,
     ...props
-  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(AdsTableStickyHeaderContext.Provider, { value: stickyHeader, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AdsTableStickyHeaderContext.Provider, { value: stickyHeader, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     TableScrollArea,
     {
       ref,
@@ -4366,15 +4367,15 @@ var AdsTableScrollArea = React40.forwardRef(
   ) })
 );
 AdsTableScrollArea.displayName = "AdsTableScrollArea";
-var AdsTable = React40.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(AdsTableSurface, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(AdsTableScrollArea, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(AdsTableRoot, { ref, className, ...props }) }) })
+var AdsTable = React41.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AdsTableSurface, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AdsTableScrollArea, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AdsTableRoot, { ref, className, ...props }) }) })
 );
 AdsTable.displayName = "AdsTable";
-var AdsTableColGroup = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(TableColGroup, { ref, className, ...props }));
+var AdsTableColGroup = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TableColGroup, { ref, className, ...props }));
 AdsTableColGroup.displayName = "AdsTableColGroup";
-var AdsTableCol = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(TableCol, { ref, className, ...props }));
+var AdsTableCol = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TableCol, { ref, className, ...props }));
 AdsTableCol.displayName = "AdsTableCol";
-var AdsTableHeader = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+var AdsTableHeader = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
   TableHeader,
   {
     ref,
@@ -4383,7 +4384,7 @@ var AdsTableHeader = React40.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 AdsTableHeader.displayName = "AdsTableHeader";
-var AdsTableBody = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+var AdsTableBody = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
   TableBody,
   {
     ref,
@@ -4392,7 +4393,7 @@ var AdsTableBody = React40.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 AdsTableBody.displayName = "AdsTableBody";
-var AdsTableFooter = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+var AdsTableFooter = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
   TableFooter,
   {
     ref,
@@ -4405,7 +4406,7 @@ var AdsTableFooter = React40.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 AdsTableFooter.displayName = "AdsTableFooter";
-var AdsTableRow = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+var AdsTableRow = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
   TableRow,
   {
     ref,
@@ -4417,9 +4418,9 @@ var AdsTableRow = React40.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 AdsTableRow.displayName = "AdsTableRow";
-var AdsTableHead = React40.forwardRef(({ className, ...props }, ref) => {
-  const stickyHeader = React40.useContext(AdsTableStickyHeaderContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+var AdsTableHead = React41.forwardRef(({ className, ...props }, ref) => {
+  const stickyHeader = React41.useContext(AdsTableStickyHeaderContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     TableHead,
     {
       ref,
@@ -4434,7 +4435,7 @@ var AdsTableHead = React40.forwardRef(({ className, ...props }, ref) => {
   );
 });
 AdsTableHead.displayName = "AdsTableHead";
-var AdsTableCell = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+var AdsTableCell = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
   TableCell,
   {
     ref,
@@ -4447,7 +4448,7 @@ var AdsTableCell = React40.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 AdsTableCell.displayName = "AdsTableCell";
-var AdsTableCaption = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+var AdsTableCaption = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
   TableCaption,
   {
     ref,
@@ -4456,12 +4457,12 @@ var AdsTableCaption = React40.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 AdsTableCaption.displayName = "AdsTableCaption";
-var AdsTableSortHeader = React40.forwardRef(
+var AdsTableSortHeader = React41.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__ */ (0, import_jsx_runtime44.jsx)(AdsTableHead, { ref, className, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AdsTableHead, { ref, className, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
       Button,
       {
         "aria-label": `${title} ${actionLabel}`,
@@ -4477,15 +4478,15 @@ var AdsTableSortHeader = React40.forwardRef(
         type: "button",
         variant: "ghost",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "truncate", children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "inline-flex h-4 w-4 items-center justify-center text-icon-muted", children: sortOrder === "ascend" ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react16.ChevronDown, { className: "h-4 w-4 rotate-180" }) : sortOrder === "descend" ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react16.ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react16.ChevronDown, { className: "h-4 w-4 opacity-60" }) })
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "truncate", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "inline-flex h-4 w-4 items-center justify-center text-icon-muted", children: sortOrder === "ascend" ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react14.ChevronDown, { className: "h-4 w-4 rotate-180" }) : sortOrder === "descend" ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react14.ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react14.ChevronDown, { className: "h-4 w-4 opacity-60" }) })
         ]
       }
     ) });
   }
 );
 AdsTableSortHeader.displayName = "AdsTableSortHeader";
-var AdsTableSelectionCell = React40.forwardRef(
+var AdsTableSelectionCell = React41.forwardRef(
   ({
     checked = false,
     className,
@@ -4496,7 +4497,7 @@ var AdsTableSelectionCell = React40.forwardRef(
     ...props
   }, ref) => {
     const { messages } = useAdsI18n();
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(AdsTableCell, { ref, className: cn("w-12 p-2", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "flex items-center justify-center", children: type === "radio" ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AdsTableCell, { ref, className: cn("w-12 p-2", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex items-center justify-center", children: type === "radio" ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       RadioGroupItem2,
       {
         "aria-label": messages.table.selectRow,
@@ -4508,7 +4509,7 @@ var AdsTableSelectionCell = React40.forwardRef(
         },
         value
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       Checkbox2,
       {
         "aria-label": messages.table.selectRow,
@@ -4522,10 +4523,10 @@ var AdsTableSelectionCell = React40.forwardRef(
   }
 );
 AdsTableSelectionCell.displayName = "AdsTableSelectionCell";
-var AdsTableExpandCell = React40.forwardRef(
+var AdsTableExpandCell = React41.forwardRef(
   ({ className, disabled = false, expanded = false, onToggle, ...props }, ref) => {
     const { messages } = useAdsI18n();
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(AdsTableCell, { ref, className: cn("w-12 p-2", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AdsTableCell, { ref, className: cn("w-12 p-2", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       Button,
       {
         "aria-label": expanded ? messages.table.collapseRow : messages.table.expandRow,
@@ -4542,7 +4543,7 @@ var AdsTableExpandCell = React40.forwardRef(
         size: "sm",
         type: "button",
         variant: "ghost",
-        children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react16.ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react16.ChevronRight, { className: "h-4 w-4" })
+        children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react14.ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react14.ChevronRight, { className: "h-4 w-4" })
       }
     ) }) });
   }
@@ -4550,7 +4551,7 @@ var AdsTableExpandCell = React40.forwardRef(
 AdsTableExpandCell.displayName = "AdsTableExpandCell";
 
 // src/components/AdsDataTable/index.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var SKELETON_ROW_COUNT = 4;
 var FLEX_WIDTH_UNIT = 160;
 var sizeClassNames = {
@@ -4672,7 +4673,7 @@ function getCellStyle(column, overrideWidth) {
   return Object.keys(style).length > 0 ? style : void 0;
 }
 function renderCellValue(value, ellipsis) {
-  if (React41.isValidElement(value)) {
+  if (React42.isValidElement(value)) {
     return value;
   }
   if (value === null || value === void 0) {
@@ -4682,7 +4683,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__ */ (0, import_jsx_runtime45.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       "div",
       {
         className: "truncate",
@@ -4795,48 +4796,48 @@ function AdsDataTable({
   suppressRowClickSelection = true
 }) {
   const { messages } = useAdsI18n();
-  const resolvedColumns = React41.useMemo(() => columns.filter(Boolean), [columns]);
-  const [internalSortState, setInternalSortState] = React41.useState(
+  const resolvedColumns = React42.useMemo(() => columns.filter(Boolean), [columns]);
+  const [internalSortState, setInternalSortState] = React42.useState(
     () => getInitialSortState(resolvedColumns)
   );
-  const [internalSelectedKeys, setInternalSelectedKeys] = React41.useState(
+  const [internalSelectedKeys, setInternalSelectedKeys] = React42.useState(
     rowSelection?.defaultSelectedRowKeys ?? rowSelection?.selectedRowKeys ?? []
   );
-  const [internalFilterValues, setInternalFilterValues] = React41.useState(
+  const [internalFilterValues, setInternalFilterValues] = React42.useState(
     () => getInitialFilterValues(resolvedColumns)
   );
-  const [internalExpandedKeys, setInternalExpandedKeys] = React41.useState(
+  const [internalExpandedKeys, setInternalExpandedKeys] = React42.useState(
     expandable?.defaultExpandedRowKeys ?? expandable?.expandedRowKeys ?? []
   );
-  const [internalColumnWidths, setInternalColumnWidths] = React41.useState({});
-  const [internalCurrentPage, setInternalCurrentPage] = React41.useState(
+  const [internalColumnWidths, setInternalColumnWidths] = React42.useState({});
+  const [internalCurrentPage, setInternalCurrentPage] = React42.useState(
     pagination !== false ? pagination.defaultCurrent ?? pagination.current ?? 1 : 1
   );
-  const [internalPageSize, setInternalPageSize] = React41.useState(
+  const [internalPageSize, setInternalPageSize] = React42.useState(
     pagination !== false ? pagination.defaultPageSize ?? pagination.pageSize ?? 10 : 10
   );
-  const [activeResize, setActiveResize] = React41.useState(null);
-  React41.useEffect(() => {
+  const [activeResize, setActiveResize] = React42.useState(null);
+  React42.useEffect(() => {
     if (rowSelection?.selectedRowKeys !== void 0) {
       setInternalSelectedKeys(rowSelection.selectedRowKeys);
     }
   }, [rowSelection?.selectedRowKeys]);
-  React41.useEffect(() => {
+  React42.useEffect(() => {
     if (expandable?.expandedRowKeys !== void 0) {
       setInternalExpandedKeys(expandable.expandedRowKeys);
     }
   }, [expandable?.expandedRowKeys]);
-  React41.useEffect(() => {
+  React42.useEffect(() => {
     if (pagination !== false && pagination.current !== void 0) {
       setInternalCurrentPage(pagination.current);
     }
   }, [pagination]);
-  React41.useEffect(() => {
+  React42.useEffect(() => {
     if (pagination !== false && pagination.pageSize !== void 0) {
       setInternalPageSize(pagination.pageSize);
     }
   }, [pagination]);
-  React41.useEffect(() => {
+  React42.useEffect(() => {
     setInternalFilterValues((previous) => {
       const next = { ...previous };
       let hasChanged = false;
@@ -4857,7 +4858,7 @@ function AdsDataTable({
       return hasChanged ? next : previous;
     });
   }, [resolvedColumns]);
-  const controlledSortState = React41.useMemo(() => {
+  const controlledSortState = React42.useMemo(() => {
     const columnIndex = resolvedColumns.findIndex((column2) => column2.sortOrder !== void 0);
     if (columnIndex === -1) {
       return null;
@@ -4877,7 +4878,7 @@ function AdsDataTable({
   const density = sizeClassNames[size];
   const paginationMode = pagination === false ? "client" : pagination.mode ?? "client";
   const allowsRowSelectionByClick = Boolean(rowSelection) && !suppressRowClickSelection;
-  const filterValues = React41.useMemo(
+  const filterValues = React42.useMemo(
     () => resolvedColumns.reduce((accumulator, column, index) => {
       const columnKey = getColumnKey(column, index);
       accumulator[columnKey] = column.filterValue ?? internalFilterValues[columnKey] ?? "";
@@ -4885,7 +4886,7 @@ function AdsDataTable({
     }, {}),
     [internalFilterValues, resolvedColumns]
   );
-  const filteredData = React41.useMemo(() => {
+  const filteredData = React42.useMemo(() => {
     const filterableColumns = resolvedColumns.filter((column) => column.filter);
     if (filterableColumns.length === 0) {
       return dataSource;
@@ -4905,7 +4906,7 @@ function AdsDataTable({
       })
     );
   }, [dataSource, filterValues, resolvedColumns]);
-  const sortedData = React41.useMemo(() => {
+  const sortedData = React42.useMemo(() => {
     if (!sortState || !sortState.column || sortState.order === null) {
       return filteredData;
     }
@@ -4932,7 +4933,7 @@ function AdsDataTable({
     Math.max(1, pagination.current ?? internalCurrentPage),
     totalPages
   );
-  React41.useEffect(() => {
+  React42.useEffect(() => {
     if (pagination === false || pagination.current !== void 0) {
       return;
     }
@@ -4940,14 +4941,14 @@ function AdsDataTable({
       setInternalCurrentPage(currentPage);
     }
   }, [currentPage, internalCurrentPage, pagination]);
-  const paginatedData = React41.useMemo(() => {
+  const paginatedData = React42.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 = React41.useCallback(
+  const handleSortChange = React42.useCallback(
     (column, columnKey, nextOrder) => {
       const nextSortState = nextOrder === null ? null : {
         column,
@@ -4961,7 +4962,7 @@ function AdsDataTable({
     },
     [controlledSortState, onSortChange]
   );
-  const handleFilterChange = React41.useCallback(
+  const handleFilterChange = React42.useCallback(
     (column, columnKey, nextValue) => {
       if (column.filterValue === void 0) {
         setInternalFilterValues((previous) => ({
@@ -4976,7 +4977,7 @@ function AdsDataTable({
     },
     [pagination]
   );
-  const updateSelection = React41.useCallback(
+  const updateSelection = React42.useCallback(
     (nextKeys) => {
       if (!rowSelection) {
         return;
@@ -4991,7 +4992,7 @@ function AdsDataTable({
     },
     [dataSource, rowKey, rowSelection]
   );
-  const toggleSelectionFromRowClick = React41.useCallback(
+  const toggleSelectionFromRowClick = React42.useCallback(
     (record, recordKey) => {
       if (!allowsRowSelectionByClick || !rowSelection) {
         return;
@@ -5005,7 +5006,7 @@ function AdsDataTable({
     },
     [allowsRowSelectionByClick, rowSelection, selectedKeys, updateSelection]
   );
-  const toggleExpanded = React41.useCallback(
+  const toggleExpanded = React42.useCallback(
     (record, recordKey) => {
       if (!expandable?.expandedRowRender) {
         return;
@@ -5022,11 +5023,11 @@ function AdsDataTable({
     },
     [expandable, expandedKeys]
   );
-  const renderedEmptyState = emptyState ?? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AdsEmpty, { className: "min-h-[220px] py-12", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AdsEmptyContent, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(AdsEmptyHeader, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AdsEmptyTitle, { children: emptyText ?? messages.table.noDataAvailable }),
-    typeof emptyText === "string" ? null : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AdsEmptyDescription, { children: messages.table.noDataAvailable })
+  const renderedEmptyState = emptyState ?? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AdsEmpty, { className: "min-h-[220px] py-12", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AdsEmptyContent, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(AdsEmptyHeader, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AdsEmptyTitle, { children: emptyText ?? messages.table.noDataAvailable }),
+    typeof emptyText === "string" ? null : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AdsEmptyDescription, { children: messages.table.noDataAvailable })
   ] }) }) });
-  const handlePaginationChange = React41.useCallback(
+  const handlePaginationChange = React42.useCallback(
     (page, nextPageSize) => {
       if (pagination === false) {
         return;
@@ -5041,7 +5042,7 @@ function AdsDataTable({
     },
     [currentPageSize, pagination]
   );
-  const handlePageSizeChange = React41.useCallback(
+  const handlePageSizeChange = React42.useCallback(
     (nextPageSize, page) => {
       if (pagination === false) {
         return;
@@ -5056,28 +5057,28 @@ function AdsDataTable({
     },
     [pagination]
   );
-  const visibleRowEntries = React41.useMemo(
+  const visibleRowEntries = React42.useMemo(
     () => paginatedData.map((record, index) => ({
       key: resolveRowKey(record, index, rowKey),
       record
     })),
     [paginatedData, rowKey]
   );
-  const visibleSelectableKeys = React41.useMemo(
+  const visibleSelectableKeys = React42.useMemo(
     () => visibleRowEntries.map((entry) => entry.key),
     [visibleRowEntries]
   );
-  const selectedVisibleCount = React41.useMemo(
+  const selectedVisibleCount = React42.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 = React41.useCallback(
+  const getColumnWidthOverride = React42.useCallback(
     (column, columnKey) => internalColumnWidths[columnKey] ?? getResolvedColumnWidth(column),
     [internalColumnWidths]
   );
-  const startColumnResize = React41.useCallback(
+  const startColumnResize = React42.useCallback(
     (event, column, columnKey) => {
       event.preventDefault();
       event.stopPropagation();
@@ -5108,7 +5109,7 @@ function AdsDataTable({
     },
     [internalColumnWidths]
   );
-  const renderColumnHeader = React41.useCallback(
+  const renderColumnHeader = React42.useCallback(
     (column, columnKey, columnSortOrder) => {
       const headerTitle = getColumnHeader(column, columnKey);
       const hasSorter = Boolean(column.sorter);
@@ -5119,9 +5120,9 @@ function AdsDataTable({
       }
       const nextOrder = columnSortOrder === null ? "ascend" : columnSortOrder === "ascend" ? "descend" : null;
       const actionLabel = nextOrder === "ascend" ? messages.table.sortAscending : nextOrder === "descend" ? messages.table.sortDescending : messages.table.clearSort;
-      return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "relative flex min-w-0 items-center gap-2 pr-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex min-w-0 flex-1 items-center justify-between gap-2", children: [
-          hasSorter ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "relative flex min-w-0 items-center gap-2 pr-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex min-w-0 flex-1 items-center justify-between gap-2", children: [
+          hasSorter ? /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
             Button,
             {
               "aria-label": `${headerTitle} ${actionLabel}`,
@@ -5134,28 +5135,28 @@ function AdsDataTable({
               type: "button",
               variant: "ghost",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "truncate", children: headerTitle }),
-                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "inline-flex h-4 w-4 items-center justify-center text-icon-muted", children: columnSortOrder === "ascend" ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react17.ChevronDown, { className: "h-4 w-4 rotate-180" }) : columnSortOrder === "descend" ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react17.ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react17.ChevronDown, { className: "h-4 w-4 opacity-60" }) })
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "truncate", children: headerTitle }),
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "inline-flex h-4 w-4 items-center justify-center text-icon-muted", children: columnSortOrder === "ascend" ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react15.ChevronDown, { className: "h-4 w-4 rotate-180" }) : columnSortOrder === "descend" ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react15.ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react15.ChevronDown, { className: "h-4 w-4 opacity-60" }) })
               ]
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "truncate", children: headerTitle }),
-          hasFilter ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(AdsPopover, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AdsPopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "truncate", children: headerTitle }),
+          hasFilter ? /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(AdsPopover, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AdsPopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
               Button,
               {
                 "aria-label": `${headerTitle} ${messages.table.filterColumn}`,
                 className: cn(
-                  "h-6 w-6 shrink-0 rounded-[6px] border border-border bg-card/80 px-0 shadow-none hover:bg-accent focus-visible:ring-0",
+                  "h-6 w-6 shrink-0 rounded-[6px] border-0 bg-transparent px-0 shadow-none hover:bg-accent focus-visible:ring-0",
                   filterValues[columnKey] ? "text-primary" : "text-icon-muted hover:text-[var(--card-foreground)]"
                 ),
                 "data-ads-column-filter-trigger": "true",
                 size: "sm",
                 type: "button",
                 variant: "ghost",
-                children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react17.Filter, { className: "h-3.5 w-3.5" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react15.Filter, { className: "h-3.5 w-3.5" })
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AdsPopoverContent, { align: "end", className: "w-64", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AdsPopoverContent, { align: "end", className: "w-64", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
               AdsInput,
               {
                 clearable: true,
@@ -5168,7 +5169,7 @@ function AdsDataTable({
             ) })
           ] }) : null
         ] }),
-        hasResizeHandle ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        hasResizeHandle ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           "span",
           {
             "aria-label": `Resize ${headerTitle} column`,
@@ -5186,12 +5187,12 @@ function AdsDataTable({
     },
     [activeResize?.columnKey, filterValues, handleFilterChange, handleSortChange, messages.table, startColumnResize]
   );
-  const tableNode = /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(AdsTableSurface, { className: cn("flex min-h-0 flex-1 flex-col", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AdsTableScrollArea, { fill, stickyHeader: sticky, x: scroll?.x, y: scroll?.y, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(AdsTableRoot, { className: tableClassName, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(AdsTableColGroup, { children: [
-        hasSelectionColumn ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AdsTableCol, { style: { width: rowSelection?.columnWidth ?? 48 } }) : null,
-        hasExpandableColumn ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AdsTableCol, { style: { width: 48 } }) : null,
-        resolvedColumns.map((column, index) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  const tableNode = /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(AdsTableSurface, { className: cn("flex min-h-0 flex-1 flex-col", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AdsTableScrollArea, { fill, stickyHeader: sticky, x: scroll?.x, y: scroll?.y, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(AdsTableRoot, { className: tableClassName, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(AdsTableColGroup, { children: [
+        hasSelectionColumn ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AdsTableCol, { style: { width: rowSelection?.columnWidth ?? 48 } }) : null,
+        hasExpandableColumn ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AdsTableCol, { style: { width: 48 } }) : null,
+        resolvedColumns.map((column, index) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           AdsTableCol,
           {
             style: getCellStyle(column, getColumnWidthOverride(column, getColumnKey(column, index)))
@@ -5199,8 +5200,8 @@ function AdsDataTable({
           getColumnKey(column, index)
         ))
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AdsTableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(AdsTableRow, { children: [
-        hasSelectionColumn ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AdsTableHead, { className: "w-12 p-2", children: rowSelection?.type !== "radio" && !rowSelection?.hideSelectAll ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AdsTableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(AdsTableRow, { children: [
+        hasSelectionColumn ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AdsTableHead, { className: "w-12 p-2", children: rowSelection?.type !== "radio" && !rowSelection?.hideSelectAll ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           Checkbox2,
           {
             "aria-label": messages.table.selectAllRows,
@@ -5217,11 +5218,11 @@ function AdsDataTable({
             onClick: (event) => event.stopPropagation()
           }
         ) }) : null }) : null,
-        hasExpandableColumn ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AdsTableHead, { className: "w-12 p-2" }) : null,
+        hasExpandableColumn ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(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__ */ (0, import_jsx_runtime45.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
             AdsTableHead,
             {
               className: cn(density.head, column.className, column.headerClassName),
@@ -5232,14 +5233,14 @@ function AdsDataTable({
           );
         })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AdsTableBody, { children: loading ? Array.from({ length: SKELETON_ROW_COUNT }, (_, skeletonIndex) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(AdsTableRow, { children: [
-        hasSelectionColumn ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AdsTableCell, { className: "w-12 p-2", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AdsSkeleton, { className: "h-4 w-4 rounded-[4px]" }) }) : null,
-        hasExpandableColumn ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AdsTableCell, { className: "w-12 p-2", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AdsSkeleton, { className: "h-4 w-4 rounded-[4px]" }) }) : null,
-        resolvedColumns.map((column, index) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AdsTableBody, { children: loading ? Array.from({ length: SKELETON_ROW_COUNT }, (_, skeletonIndex) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(AdsTableRow, { children: [
+        hasSelectionColumn ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AdsTableCell, { className: "w-12 p-2", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AdsSkeleton, { className: "h-4 w-4 rounded-[4px]" }) }) : null,
+        hasExpandableColumn ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AdsTableCell, { className: "w-12 p-2", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AdsSkeleton, { className: "h-4 w-4 rounded-[4px]" }) }) : null,
+        resolvedColumns.map((column, index) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           AdsTableCell,
           {
             className: cn(density.cell, column.className),
-            children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AdsSkeleton, { className: "h-4 w-full rounded" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AdsSkeleton, { className: "h-4 w-full rounded" })
           },
           `${getColumnKey(column, index)}-${skeletonIndex}`
         ))
@@ -5248,7 +5249,7 @@ function AdsDataTable({
         const isExpanded = expandedKeys.includes(recordKey);
         const canExpand = !!expandable?.expandedRowRender && (!expandable.rowExpandable || expandable.rowExpandable(record));
         const dataRowClassName = typeof rowClassName === "function" ? rowClassName(record, index) : rowClassName;
-        const row = /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+        const row = /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
           AdsTableRow,
           {
             className: cn(
@@ -5271,7 +5272,7 @@ function AdsDataTable({
               toggleSelectionFromRowClick(record, recordKey);
             },
             children: [
-              hasSelectionColumn ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              hasSelectionColumn ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                 AdsTableSelectionCell,
                 {
                   checked: selectedKeys.includes(recordKey),
@@ -5287,7 +5288,7 @@ function AdsDataTable({
                   value: String(recordKey)
                 }
               ) : null,
-              hasExpandableColumn ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              hasExpandableColumn ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                 AdsTableExpandCell,
                 {
                   disabled: !canExpand,
@@ -5300,7 +5301,7 @@ function AdsDataTable({
                   resolveRenderedCellContent(column, record, index),
                   column.ellipsis
                 );
-                return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                   AdsTableCell,
                   {
                     className: cn(
@@ -5326,12 +5327,12 @@ function AdsDataTable({
         }
         return [
           row,
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AdsTableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AdsTableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
             AdsTableCell,
             {
               className: "p-0",
               colSpan: resolvedColumns.length + Number(hasSelectionColumn) + Number(hasExpandableColumn),
-              children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                 "div",
                 {
                   className: cn(
@@ -5345,7 +5346,7 @@ function AdsDataTable({
           ) }, `${String(recordKey)}-expanded`)
         ];
       }) : [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AdsTableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AdsTableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           AdsTableCell,
           {
             colSpan: resolvedColumns.length + Number(hasSelectionColumn) + Number(hasExpandableColumn),
@@ -5355,8 +5356,8 @@ function AdsDataTable({
         ) }, "empty-row")
       ] })
     ] }) }),
-    footer ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "border-t border-border p-3", children: footer }) : null,
-    pagination !== false ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: cn("border-t border-border p-3", classNames?.paginationContainer), children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    footer ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "border-t border-border p-3", children: footer }) : null,
+    pagination !== false ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: cn("border-t border-border p-3", classNames?.paginationContainer), children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       AdsDataPagination,
       {
         ariaLabel: messages.pagination.navigation,
@@ -5378,7 +5379,7 @@ function AdsDataTable({
     ) }) : null
   ] });
   if (rowSelection?.type === "radio") {
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       RadioGroup2,
       {
         onValueChange: (value) => {
@@ -5399,7 +5400,7 @@ function AdsDataTable({
 }
 
 // src/components/AdsDataTableToolbar/index.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function AdsDataTableToolbar({
   action,
   className,
@@ -5411,7 +5412,7 @@ function AdsDataTableToolbar({
   onSearchChange,
   onSearchClear
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
     "div",
     {
       className: cn(
@@ -5419,9 +5420,9 @@ function AdsDataTableToolbar({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "min-w-0 flex-1", children: title ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("h2", { className: cn("truncate text-xl font-medium text-white", titleClassName), children: title }) : null }),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("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__ */ (0, import_jsx_runtime46.jsx)("div", { className: "min-w-0 md:max-w-[440px] md:flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "min-w-0 flex-1", children: title ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("h2", { className: cn("truncate text-xl font-medium text-white", titleClassName), children: title }) : null }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("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__ */ (0, import_jsx_runtime47.jsx)("div", { className: "min-w-0 md:max-w-[440px] md:flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
             AdsInput,
             {
               className: cn(
@@ -5435,7 +5436,7 @@ function AdsDataTableToolbar({
               value: searchValue
             }
           ) }),
-          action ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "shrink-0", children: action }) : null
+          action ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "shrink-0", children: action }) : null
         ] })
       ]
     }
@@ -5443,7 +5444,7 @@ function AdsDataTableToolbar({
 }
 
 // src/components/AdsViewCustomersDataTable/index.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function resolveHeight(value) {
   if (value === void 0) {
     return 500;
@@ -5475,13 +5476,13 @@ function AdsViewCustomersDataTable({
   ...props
 }) {
   const tableHeight = resolveHeight(height);
-  const resolvedErrorState = errorState ?? /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex min-h-[500px] flex-col items-center justify-center gap-3 px-6 py-12 text-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-sm font-medium text-white", children: errorTitle }),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "max-w-md text-sm text-[#848484]", children: errorDescription }),
-    onRetry ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(AdsButton, { intent: "primary", onClick: onRetry, children: retryLabel }) : null
+  const resolvedErrorState = errorState ?? /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex min-h-[500px] flex-col items-center justify-center gap-3 px-6 py-12 text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-sm font-medium text-white", children: errorTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "max-w-md text-sm text-[#848484]", children: errorDescription }),
+    onRetry ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(AdsButton, { intent: "primary", onClick: onRetry, children: retryLabel }) : null
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "overflow-hidden rounded-xl border border-[#27282F] bg-[#1B1C21]", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "overflow-hidden rounded-xl border border-[#27282F] bg-[#1B1C21]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       AdsDataTableToolbar,
       {
         action: toolbarAction,
@@ -5493,7 +5494,7 @@ function AdsViewCustomersDataTable({
       }
     ),
     error ? resolvedErrorState : null,
-    !error ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    !error ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       AdsDataTable,
       {
         ...props,
@@ -5528,20 +5529,20 @@ function AdsViewCustomersDataTable({
 }
 
 // src/components/AdsProgress/index.tsx
-var React43 = __toESM(require("react"), 1);
+var React44 = __toESM(require("react"), 1);
 
 // src/primitives/progress.tsx
-var React42 = __toESM(require("react"), 1);
+var React43 = __toESM(require("react"), 1);
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"), 1);
-var import_jsx_runtime48 = require("react/jsx-runtime");
-var Progress = React42.forwardRef(({ className, indicatorClassName, value, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+var import_jsx_runtime49 = require("react/jsx-runtime");
+var Progress = React43.forwardRef(({ className, indicatorClassName, value, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
   ProgressPrimitive.Root,
   {
     className: cn("relative h-4 w-full overflow-hidden rounded-full bg-secondary", className),
     ref,
     value,
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       ProgressPrimitive.Indicator,
       {
         className: cn("h-full w-full flex-1 bg-primary transition-all", indicatorClassName),
@@ -5553,13 +5554,13 @@ var Progress = React42.forwardRef(({ className, indicatorClassName, value, ...pr
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // src/components/AdsProgress/index.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("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 = React43.forwardRef(({ className, indicatorClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+var Progress2 = React44.forwardRef(({ className, indicatorClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
   Progress,
   {
     className: cn(progressBaseClassName, className),
@@ -5569,7 +5570,7 @@ var Progress2 = React43.forwardRef(({ className, indicatorClassName, ...props },
   }
 ));
 Progress2.displayName = "Progress";
-var AdsProgress = React43.forwardRef(
+var AdsProgress = React44.forwardRef(
   ({
     className,
     descriptionPlacement = "above",
@@ -5588,12 +5589,12 @@ var AdsProgress = React43.forwardRef(
       id
     });
     const labelId = label ? `${description.inputId}-label` : void 0;
-    const helperNode = helperText ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
-    const errorNode = errorText ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(AdsFieldError, { id: description.errorId, children: errorText }) : null;
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(AdsFieldItem, { children: [
-      label ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(AdsFieldLabel, { id: labelId, children: label }) : null,
+    const helperNode = helperText ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
+    const errorNode = errorText ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(AdsFieldError, { id: description.errorId, children: errorText }) : null;
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(AdsFieldItem, { children: [
+      label ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(AdsFieldLabel, { id: labelId, children: label }) : null,
       descriptionPlacement === "above" ? helperNode : null,
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
         Progress,
         {
           "aria-describedby": description.describedBy,
@@ -5617,13 +5618,13 @@ var AdsProgress = React43.forwardRef(
 AdsProgress.displayName = "AdsProgress";
 
 // src/components/AdsSlider/index.tsx
-var React45 = __toESM(require("react"), 1);
+var React46 = __toESM(require("react"), 1);
 
 // src/primitives/slider.tsx
-var React44 = __toESM(require("react"), 1);
+var React45 = __toESM(require("react"), 1);
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"), 1);
-var import_jsx_runtime50 = require("react/jsx-runtime");
-var Slider = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+var import_jsx_runtime51 = require("react/jsx-runtime");
+var Slider = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
   SliderPrimitive.Root,
   {
     ref,
@@ -5633,10 +5634,10 @@ var Slider = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
       Array.from({
         length: Array.isArray(props.value) ? props.value.length : Array.isArray(props.defaultValue) ? props.defaultValue.length : 1
-      }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+      }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         SliderPrimitive.Thumb,
         {
           className: "block h-5 w-5 rounded-full border border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
@@ -5649,11 +5650,11 @@ var Slider = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 Slider.displayName = SliderPrimitive.Root.displayName;
 
 // src/components/AdsSlider/index.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var sliderBaseClassName = "py-1";
-var Slider2 = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Slider, { className: cn(sliderBaseClassName, className), ref, ...props }));
+var Slider2 = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Slider, { className: cn(sliderBaseClassName, className), ref, ...props }));
 Slider2.displayName = "Slider";
-var AdsSlider = React45.forwardRef(
+var AdsSlider = React46.forwardRef(
   ({
     className,
     descriptionPlacement = "above",
@@ -5668,12 +5669,12 @@ var AdsSlider = React45.forwardRef(
       helperText,
       id
     });
-    const helperNode = helperText ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
-    const errorNode = errorText ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(AdsFieldError, { id: description.errorId, children: errorText }) : null;
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(AdsFieldItem, { children: [
-      label ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(AdsFieldLabel, { children: label }) : null,
+    const helperNode = helperText ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
+    const errorNode = errorText ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(AdsFieldError, { id: description.errorId, children: errorText }) : null;
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(AdsFieldItem, { children: [
+      label ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(AdsFieldLabel, { children: label }) : null,
       descriptionPlacement === "above" ? helperNode : null,
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         Slider2,
         {
           "aria-describedby": description.describedBy,
@@ -5690,13 +5691,13 @@ var AdsSlider = React45.forwardRef(
 AdsSlider.displayName = "AdsSlider";
 
 // src/components/AdsSwitch/index.tsx
-var React47 = __toESM(require("react"), 1);
+var React48 = __toESM(require("react"), 1);
 
 // src/primitives/switch.tsx
-var React46 = __toESM(require("react"), 1);
+var React47 = __toESM(require("react"), 1);
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"), 1);
-var import_jsx_runtime52 = require("react/jsx-runtime");
-var Switch = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+var import_jsx_runtime53 = require("react/jsx-runtime");
+var Switch = React47.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
   SwitchPrimitives.Root,
   {
     className: cn(
@@ -5705,7 +5706,7 @@ var Switch = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props,
     ref,
-    children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
       SwitchPrimitives.Thumb,
       {
         className: cn(
@@ -5718,15 +5719,15 @@ var Switch = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/AdsSwitch/index.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var switchBaseClassName = "h-6 w-11 border border-transparent bg-muted shadow-[0px_1px_2px_rgba(0,0,0,0.1)] focus-visible:ring-[3px] focus-visible:ring-[rgba(161,161,161,0.5)] focus-visible:ring-offset-0 data-[state=checked]:bg-primary data-[state=unchecked]:bg-muted";
-var Switch2 = React47.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Switch, { className: cn(switchBaseClassName, className), ref, ...props }));
+var Switch2 = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Switch, { className: cn(switchBaseClassName, className), ref, ...props }));
 Switch2.displayName = "Switch";
-var AdsSwitch = React47.forwardRef(({ className, description, id, label, switchClassName, wrapperClassName, ...props }, ref) => {
-  const generatedId = React47.useId();
+var AdsSwitch = React48.forwardRef(({ className, description, id, label, switchClassName, wrapperClassName, ...props }, ref) => {
+  const generatedId = React48.useId();
   const inputId = id ?? generatedId;
   if (!label) {
-    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
       Switch2,
       {
         className: cn(className, switchClassName),
@@ -5736,12 +5737,12 @@ var AdsSwitch = React47.forwardRef(({ className, description, id, label, switchC
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("label", { className: cn("block w-full cursor-pointer", wrapperClassName), htmlFor: inputId, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex w-full items-start gap-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5 pt-0.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "text-sm font-medium leading-5 text-foreground", children: label }),
-      description ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(AdsFieldDescription, { className: "text-sm leading-5", children: description }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("label", { className: cn("block w-full cursor-pointer", wrapperClassName), htmlFor: inputId, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex w-full items-start gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5 pt-0.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "text-sm font-medium leading-5 text-foreground", children: label }),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(AdsFieldDescription, { className: "text-sm leading-5", children: description }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
       Switch2,
       {
         className: cn(className, switchClassName),
@@ -5755,14 +5756,14 @@ var AdsSwitch = React47.forwardRef(({ className, description, id, label, switchC
 AdsSwitch.displayName = "AdsSwitch";
 
 // src/components/AdsTabs/index.tsx
-var React49 = __toESM(require("react"), 1);
+var React50 = __toESM(require("react"), 1);
 
 // src/primitives/tabs.tsx
-var React48 = __toESM(require("react"), 1);
+var React49 = __toESM(require("react"), 1);
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"), 1);
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var Tabs = TabsPrimitive.Root;
-var TabsList = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+var TabsList = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
   TabsPrimitive.List,
   {
     className: cn("inline-flex items-center", className),
@@ -5771,7 +5772,7 @@ var TabsList = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+var TabsTrigger = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
   TabsPrimitive.Trigger,
   {
     className: cn(
@@ -5783,7 +5784,7 @@ var TabsTrigger = React48.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+var TabsContent = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
   TabsPrimitive.Content,
   {
     className: cn("focus-visible:outline-none", className),
@@ -5794,9 +5795,9 @@ var TabsContent = React48.forwardRef(({ className, ...props }, ref) => /* @__PUR
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/AdsTabs/index.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var AdsTabs = Tabs;
-var AdsTabsList = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+var AdsTabsList = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
   TabsList,
   {
     className: cn(
@@ -5808,7 +5809,7 @@ var AdsTabsList = React49.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 AdsTabsList.displayName = "AdsTabsList";
-var AdsTabsTrigger = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+var AdsTabsTrigger = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
   TabsTrigger,
   {
     className: cn(
@@ -5820,7 +5821,7 @@ var AdsTabsTrigger = React49.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 AdsTabsTrigger.displayName = "AdsTabsTrigger";
-var AdsTabsContent = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+var AdsTabsContent = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
   TabsContent,
   {
     className: cn(
@@ -5834,13 +5835,13 @@ var AdsTabsContent = React49.forwardRef(({ className, ...props }, ref) => /* @__
 AdsTabsContent.displayName = "AdsTabsContent";
 
 // src/components/AdsToggle/index.tsx
-var React51 = __toESM(require("react"), 1);
+var React52 = __toESM(require("react"), 1);
 
 // src/primitives/toggle.tsx
-var React50 = __toESM(require("react"), 1);
+var React51 = __toESM(require("react"), 1);
 var TogglePrimitive = __toESM(require("@radix-ui/react-toggle"), 1);
-var import_jsx_runtime56 = require("react/jsx-runtime");
-var Toggle = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+var import_jsx_runtime57 = require("react/jsx-runtime");
+var Toggle = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
   TogglePrimitive.Root,
   {
     className: cn(
@@ -5854,7 +5855,7 @@ var Toggle = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 Toggle.displayName = TogglePrimitive.Root.displayName;
 
 // src/components/AdsToggle/index.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var sizeClassName3 = {
   sm: "!h-8 px-[6px] text-sm",
   md: "!h-9 px-md text-sm",
@@ -5869,10 +5870,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 = React51.forwardRef(({ children, className, size = "md", variant = "default", ...props }, ref) => {
-  const childCount = React51.Children.count(children);
-  const isIconOnly = childCount === 1 && React51.isValidElement(children);
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+var AdsToggle = React52.forwardRef(({ children, className, size = "md", variant = "default", ...props }, ref) => {
+  const childCount = React52.Children.count(children);
+  const isIconOnly = childCount === 1 && React52.isValidElement(children);
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     Toggle,
     {
       className: cn(
@@ -5891,13 +5892,13 @@ var AdsToggle = React51.forwardRef(({ children, className, size = "md", variant
 AdsToggle.displayName = "AdsToggle";
 
 // src/components/AdsToggleGroup/index.tsx
-var React53 = __toESM(require("react"), 1);
+var React54 = __toESM(require("react"), 1);
 
 // src/primitives/toggle-group.tsx
-var React52 = __toESM(require("react"), 1);
+var React53 = __toESM(require("react"), 1);
 var ToggleGroupPrimitive = __toESM(require("@radix-ui/react-toggle-group"), 1);
-var import_jsx_runtime58 = require("react/jsx-runtime");
-var ToggleGroup = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+var import_jsx_runtime59 = require("react/jsx-runtime");
+var ToggleGroup = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
   ToggleGroupPrimitive.Root,
   {
     className: cn("inline-flex items-center justify-start", className),
@@ -5906,7 +5907,7 @@ var ToggleGroup = React52.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+var ToggleGroupItem = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
   ToggleGroupPrimitive.Item,
   {
     className: cn(
@@ -5920,7 +5921,7 @@ var ToggleGroupItem = React52.forwardRef(({ className, ...props }, ref) => /* @_
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 
 // src/components/AdsToggleGroup/index.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var sizeClassName4 = {
   sm: "h-8 min-w-7 px-[6px] text-sm",
   md: "h-9 min-w-[34px] px-md text-sm",
@@ -5930,8 +5931,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 = React53.createContext(null);
-var AdsToggleGroup = React53.forwardRef(
+var AdsToggleGroupContext = React54.createContext(null);
+var AdsToggleGroup = React54.forwardRef(
   ({
     children,
     className,
@@ -5939,7 +5940,7 @@ var AdsToggleGroup = React53.forwardRef(
     size = "md",
     variant = "default",
     ...props
-  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(AdsToggleGroupContext.Provider, { value: { orientation, size, variant }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(AdsToggleGroupContext.Provider, { value: { orientation, size, variant }, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
     ToggleGroup,
     {
       className: cn(
@@ -5955,12 +5956,12 @@ var AdsToggleGroup = React53.forwardRef(
   ) })
 );
 AdsToggleGroup.displayName = "AdsToggleGroup";
-var AdsToggleGroupItem = React53.forwardRef(({ className, size, variant, ...props }, ref) => {
-  const context = React53.useContext(AdsToggleGroupContext);
+var AdsToggleGroupItem = React54.forwardRef(({ className, size, variant, ...props }, ref) => {
+  const context = React54.useContext(AdsToggleGroupContext);
   const resolvedOrientation = context?.orientation ?? "horizontal";
   const resolvedSize = size ?? context?.size ?? "md";
   const resolvedVariant = variant ?? context?.variant ?? "default";
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
     ToggleGroupItem,
     {
       className: cn(
@@ -5978,10 +5979,10 @@ var AdsToggleGroupItem = React53.forwardRef(({ className, size, variant, ...prop
 AdsToggleGroupItem.displayName = "AdsToggleGroupItem";
 
 // src/components/AdsTextarea/index.tsx
-var React54 = __toESM(require("react"), 1);
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var React55 = __toESM(require("react"), 1);
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var textareaBaseClassName = "w-full rounded-radius-md border border-border bg-card px-md py-md text-base leading-6 shadow-[0px_1px_2px_rgba(0,0,0,0.1)] placeholder:text-[var(--muted-foreground)] focus-visible:border-border-focus focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-[rgba(161,161,161,0.5)] focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50";
-var AdsTextarea = React54.forwardRef(
+var AdsTextarea = React55.forwardRef(
   ({
     action,
     className,
@@ -6000,12 +6001,12 @@ var AdsTextarea = React54.forwardRef(
       helperText,
       id
     });
-    const helperNode = helperText ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
-    const errorNode = errorText ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(AdsFieldError, { id: description.errorId, children: errorText }) : null;
-    return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(AdsFieldItem, { children: [
-      label ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(AdsFieldLabel, { htmlFor: description.inputId, children: label }) : null,
+    const helperNode = helperText ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
+    const errorNode = errorText ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(AdsFieldError, { id: description.errorId, children: errorText }) : null;
+    return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(AdsFieldItem, { children: [
+      label ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(AdsFieldLabel, { htmlFor: description.inputId, children: label }) : null,
       descriptionPlacement === "above" ? helperNode : null,
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
         Textarea,
         {
           "aria-describedby": description.describedBy,
@@ -6023,7 +6024,7 @@ var AdsTextarea = React54.forwardRef(
           ...props
         }
       ),
-      action ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "w-full [&>*]:w-full", children: action }) : null,
+      action ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "w-full [&>*]:w-full", children: action }) : null,
       descriptionPlacement === "below" ? helperNode : null,
       errorNode
     ] });
@@ -6032,17 +6033,17 @@ var AdsTextarea = React54.forwardRef(
 AdsTextarea.displayName = "AdsTextarea";
 
 // src/components/AdsTooltip/index.tsx
-var React56 = __toESM(require("react"), 1);
+var React57 = __toESM(require("react"), 1);
 
 // src/primitives/tooltip.tsx
-var React55 = __toESM(require("react"), 1);
+var React56 = __toESM(require("react"), 1);
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
 var TooltipArrow = TooltipPrimitive.Arrow;
-var TooltipContent = React55.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+var TooltipContent = React56.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
   TooltipPrimitive.Content,
   {
     className: cn(
@@ -6057,12 +6058,12 @@ var TooltipContent = React55.forwardRef(({ className, sideOffset = 4, ...props }
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
 // src/components/AdsTooltip/index.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var tooltipContentClassName = "z-50 rounded-[6px] border-0 bg-[#844fff] px-3 py-2 text-sm font-normal leading-5 text-[#fdfdfd] shadow-[0px_8px_24px_rgba(0,0,0,0.22)]";
 var AdsTooltipProvider = TooltipProvider;
 var AdsTooltip = Tooltip;
 var AdsTooltipTrigger = TooltipTrigger;
-var AdsTooltipContent = React56.forwardRef(({ align = "center", className, sideOffset = 10, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+var AdsTooltipContent = React57.forwardRef(({ align = "center", className, sideOffset = 10, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
   TooltipContent,
   {
     align,
@@ -6073,7 +6074,7 @@ var AdsTooltipContent = React56.forwardRef(({ align = "center", className, sideO
   }
 ));
 AdsTooltipContent.displayName = "AdsTooltipContent";
-var AdsTooltipArrow = React56.forwardRef(({ className, height = 5, width = 10, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+var AdsTooltipArrow = React57.forwardRef(({ className, height = 5, width = 10, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
   TooltipArrow,
   {
     className: cn("fill-[#844fff]", className),
@@ -6086,16 +6087,16 @@ var AdsTooltipArrow = React56.forwardRef(({ className, height = 5, width = 10, .
 AdsTooltipArrow.displayName = "AdsTooltipArrow";
 
 // src/components/AdsToast/index.tsx
-var React57 = __toESM(require("react"), 1);
-var import_lucide_react18 = require("lucide-react");
+var React58 = __toESM(require("react"), 1);
+var import_lucide_react16 = require("lucide-react");
 var import_sonner = require("sonner");
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var adsToastIconMap = {
-  success: import_lucide_react18.CircleCheck,
-  info: import_lucide_react18.Info,
-  warning: import_lucide_react18.TriangleAlert,
-  error: import_lucide_react18.OctagonX,
-  loading: import_lucide_react18.LoaderCircle
+  success: import_lucide_react16.CircleCheck,
+  info: import_lucide_react16.Info,
+  warning: import_lucide_react16.TriangleAlert,
+  error: import_lucide_react16.OctagonX,
+  loading: import_lucide_react16.LoaderCircle
 };
 function resolveToastIcon(intent, icon) {
   if (icon) {
@@ -6105,7 +6106,7 @@ function resolveToastIcon(intent, icon) {
     return null;
   }
   const Icon2 = adsToastIconMap[intent];
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
     Icon2,
     {
       "aria-hidden": true,
@@ -6118,7 +6119,7 @@ function resolveToastIcon(intent, icon) {
     }
   );
 }
-var AdsToast = React57.forwardRef(
+var AdsToast = React58.forwardRef(
   ({
     action,
     className,
@@ -6129,7 +6130,7 @@ var AdsToast = React57.forwardRef(
     ...props
   }, ref) => {
     const resolvedIcon = resolveToastIcon(intent, icon);
-    return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
       "div",
       {
         className: cn(
@@ -6144,8 +6145,8 @@ var AdsToast = React57.forwardRef(
         ...props,
         children: [
           resolvedIcon,
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
               "p",
               {
                 className: cn(
@@ -6155,7 +6156,7 @@ var AdsToast = React57.forwardRef(
                 children: title
               }
             ),
-            description ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+            description ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
               "p",
               {
                 className: cn(
@@ -6166,7 +6167,7 @@ var AdsToast = React57.forwardRef(
               }
             ) : null
           ] }),
-          action ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+          action ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
             AdsButton,
             {
               className: "shrink-0 rounded-radius-lg",
@@ -6192,7 +6193,7 @@ function AdsToaster({
   ...props
 }) {
   const { messages } = useAdsI18n();
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
     import_sonner.Toaster,
     {
       closeButton: false,
@@ -6210,7 +6211,7 @@ function AdsToaster({
   );
 }
 function toStageNode(intent, title, options) {
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
     AdsToast,
     {
       action: options?.action,
@@ -6224,7 +6225,7 @@ function toStageNode(intent, title, options) {
 function showAdsToast(intent, title, options) {
   const { action, description, icon, ...toastOptions } = options ?? {};
   return import_sonner.toast.custom(
-    (id) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    (id) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
       AdsToast,
       {
         action: action ? {
@@ -6278,17 +6279,17 @@ var AdsToastManager = Object.assign(
 );
 
 // src/components/AdsDialog/index.tsx
-var React58 = __toESM(require("react"), 1);
+var React59 = __toESM(require("react"), 1);
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
-var import_lucide_react19 = require("lucide-react");
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_lucide_react17 = require("lucide-react");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var overlayClassName2 = "fixed inset-0 z-50 bg-black/80 backdrop-blur-[2px] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0";
 var contentClassName2 = "fixed left-1/2 top-1/2 z-50 grid w-[calc(100%-2rem)] max-w-[423px] -translate-x-1/2 -translate-y-1/2 gap-lg 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 closeButtonClassName = "absolute right-xl top-xl inline-flex h-6 w-6 items-center justify-center rounded-sm opacity-80 transition-opacity hover:opacity-100 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";
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
-var DialogOverlay = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+var DialogOverlay = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
   DialogPrimitive.Overlay,
   {
     className: cn(overlayClassName2, className),
@@ -6297,7 +6298,7 @@ var DialogOverlay = React58.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = "DialogOverlay";
-var DialogClose = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+var DialogClose = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
   DialogPrimitive.Close,
   {
     className: cn(
@@ -6309,13 +6310,13 @@ var DialogClose = React58.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogClose.displayName = "DialogClose";
-var DialogContent = React58.forwardRef(
+var DialogContent = React59.forwardRef(
   ({ children, className, closeLabel, hideCloseButton = false, ...props }, ref) => {
     const { messages } = useAdsI18n();
     const resolvedCloseLabel = closeLabel ?? messages.dialog.close;
-    return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(DialogPortal, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(DialogOverlay, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(DialogPortal, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(DialogOverlay, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
         DialogPrimitive.Content,
         {
           className: cn(
@@ -6327,14 +6328,14 @@ var DialogContent = React58.forwardRef(
           ...props,
           children: [
             children,
-            !hideCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+            !hideCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
               DialogPrimitive.Close,
               {
                 "aria-label": resolvedCloseLabel,
                 className: cn(closeButtonClassName, adsTextColorClassName.card),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react19.X, { "aria-hidden": true, className: "h-4 w-4" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "sr-only", children: resolvedCloseLabel })
+                  /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react17.X, { "aria-hidden": true, className: "h-4 w-4" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "sr-only", children: resolvedCloseLabel })
                 ]
               }
             ) : null
@@ -6345,8 +6346,8 @@ var DialogContent = React58.forwardRef(
   }
 );
 DialogContent.displayName = "DialogContent";
-var DialogHeader = React58.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+var DialogHeader = React59.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     "div",
     {
       className: cn("flex flex-col gap-sm pr-8 text-left", className),
@@ -6356,8 +6357,8 @@ var DialogHeader = React58.forwardRef(
   )
 );
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = React58.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+var DialogFooter = React59.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     "div",
     {
       className: cn(
@@ -6370,7 +6371,7 @@ var DialogFooter = React58.forwardRef(
   )
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+var DialogTitle = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
   DialogPrimitive.Title,
   {
     className: cn(
@@ -6383,7 +6384,7 @@ var DialogTitle = React58.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = "DialogTitle";
-var DialogDescription = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+var DialogDescription = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
   DialogPrimitive.Description,
   {
     className: cn("text-sm leading-5", adsTextColorClassName.muted, className),
@@ -6403,6 +6404,105 @@ var AdsDialogFooter = DialogFooter;
 var AdsDialogTitle = DialogTitle;
 var AdsDialogDescription = DialogDescription;
 
+// src/components/AdsMasonry/index.tsx
+var import_masonic = require("masonic");
+var import_jsx_runtime66 = require("react/jsx-runtime");
+var DEFAULT_COLUMN_WIDTH = 240;
+var DEFAULT_GAP = 16;
+var DEFAULT_ITEM_HEIGHT_ESTIMATE = 280;
+var DEFAULT_LOADING_ITEM_COUNT = 8;
+var DEFAULT_MAX_COLUMN_COUNT = 4;
+var LOADING_HEIGHT_PATTERN = [220, 280, 240, 320, 260, 300];
+function AdsMasonry({
+  items,
+  renderItem,
+  layoutKey,
+  getItemKey,
+  columnWidth = DEFAULT_COLUMN_WIDTH,
+  maxColumnCount = DEFAULT_MAX_COLUMN_COUNT,
+  gap = DEFAULT_GAP,
+  itemHeightEstimate = DEFAULT_ITEM_HEIGHT_ESTIMATE,
+  overscanBy,
+  scrollFps,
+  ssrWidth,
+  ssrHeight,
+  emptyState,
+  loading = false,
+  loadingItemCount = DEFAULT_LOADING_ITEM_COUNT,
+  className,
+  itemClassName,
+  classNames,
+  onRender
+}) {
+  const rootClassName = cn("w-full", classNames?.root, className);
+  if (loading) {
+    const skeletonItems = Array.from(
+      { length: loadingItemCount },
+      (_, index) => index
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+      "div",
+      {
+        className: cn(
+          "grid gap-4 sm:grid-cols-2 xl:grid-cols-3",
+          rootClassName
+        ),
+        "data-slot": "ads-masonry",
+        children: skeletonItems.map((index) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+          AdsSkeleton,
+          {
+            className: cn("w-full rounded-radius-lg", classNames?.skeleton),
+            "data-slot": "ads-masonry-skeleton",
+            "data-testid": "ads-masonry-skeleton",
+            style: {
+              height: `${LOADING_HEIGHT_PATTERN[index % LOADING_HEIGHT_PATTERN.length]}px`
+            }
+          },
+          index
+        ))
+      }
+    );
+  }
+  if (items.length === 0) {
+    return emptyState ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+      "div",
+      {
+        className: cn(rootClassName, classNames?.empty),
+        "data-slot": "ads-masonry-empty",
+        children: emptyState
+      }
+    ) : null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+    import_masonic.Masonry,
+    {
+      className: rootClassName,
+      columnGutter: gap,
+      columnWidth,
+      itemHeightEstimate,
+      itemKey: getItemKey,
+      items,
+      maxColumnCount,
+      onRender,
+      overscanBy,
+      render: ({ data, index, width }) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+        "div",
+        {
+          className: cn("pb-0", classNames?.item, itemClassName),
+          "data-slot": "ads-masonry-item",
+          children: renderItem(data, { index, width })
+        }
+      ),
+      role: "list",
+      rowGutter: gap,
+      scrollFps,
+      ssrHeight,
+      ssrWidth
+    },
+    layoutKey
+  );
+}
+
 // src/tokens/designTokens.ts
 var designTokens = {
   background: "#151619",
@@ -6544,6 +6644,7 @@ var designTokens = {
   AdsInputOTPGroup,
   AdsInputOTPSeparator,
   AdsInputOTPSlot,
+  AdsMasonry,
   AdsPagination,
   AdsPaginationContent,
   AdsPaginationEllipsis,