@adsgency_npm/adsgency-ads-ui 0.1.0-alpha.1 → 0.1.0-alpha.2

package/dist/index.cjs

@@ -133,6 +133,7 @@ __export(src_exports, {
   AdsSeparator: () => AdsSeparator,
   AdsSkeleton: () => AdsSkeleton,
   AdsSlider: () => AdsSlider,
+  AdsSpinner: () => AdsSpinner,
   AdsSwitch: () => AdsSwitch,
   AdsTable: () => AdsTable,
   AdsTableBody: () => AdsTableBody,
@@ -840,7 +841,7 @@ var AdsAlertDialogAction = AlertDialogAction;
 var AdsAlertDialogCancel = AlertDialogCancel;
 
 // src/components/AdsButton/index.tsx
-var React9 = __toESM(require("react"), 1);
+var React10 = __toESM(require("react"), 1);
 
 // src/primitives/button.tsx
 var React8 = __toESM(require("react"), 1);
@@ -887,8 +888,56 @@ var Button = React8.forwardRef(
 );
 Button.displayName = "Button";
 
-// src/components/AdsButton/index.tsx
+// src/components/AdsSpinner/index.tsx
+var React9 = __toESM(require("react"), 1);
+var import_lucide_react3 = require("lucide-react");
 var import_jsx_runtime10 = require("react/jsx-runtime");
+var sizeClassName = {
+  xs: "h-3 w-3",
+  sm: "h-4 w-4",
+  md: "h-6 w-6",
+  lg: "h-8 w-8"
+};
+var toneClassName = {
+  current: "text-current",
+  foreground: "text-foreground",
+  muted: "text-muted-foreground",
+  primary: "text-primary",
+  success: "text-success",
+  warning: "text-warning",
+  info: "text-info",
+  destructive: "text-destructive"
+};
+var AdsSpinner = React9.forwardRef(
+  ({
+    "aria-label": ariaLabel,
+    className,
+    size = "sm",
+    strokeWidth = 1.75,
+    tone = "current",
+    ...props
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_lucide_react3.LoaderCircle,
+    {
+      "aria-hidden": ariaLabel ? void 0 : true,
+      "aria-label": ariaLabel,
+      className: cn(
+        "shrink-0 animate-spin",
+        sizeClassName[size],
+        toneClassName[tone],
+        className
+      ),
+      "data-slot": "ads-spinner",
+      ref,
+      strokeWidth,
+      ...props
+    }
+  )
+);
+AdsSpinner.displayName = "AdsSpinner";
+
+// src/components/AdsButton/index.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var intentClassName = {
   brand: "border-0 bg-brand-gradient text-primary-foreground shadow-[0px_1px_2px_rgba(0,0,0,0.1)] hover:opacity-90",
   primary: "border-0 bg-primary text-primary-foreground shadow-[0px_1px_2px_rgba(0,0,0,0.1)] hover:bg-brand-primary-hover",
@@ -899,7 +948,7 @@ var intentClassName = {
   destructive: "border-0 bg-destructive text-primary-foreground shadow-[0px_1px_2px_rgba(0,0,0,0.1)] hover:bg-destructive/90",
   link: "border-0 bg-transparent text-primary shadow-none underline-offset-2 hover:bg-transparent hover:text-primary hover:underline"
 };
-var sizeClassName = {
+var sizeClassName2 = {
   sm: "!h-8 px-md py-sm",
   md: "!h-9 px-lg py-sm",
   lg: "!h-10 px-xl py-[10px]"
@@ -918,47 +967,15 @@ function renderLeadingIcon(icon) {
   if (!icon) {
     return null;
   }
-  if (React9.isValidElement(icon)) {
-    const sizedIcon = React9.cloneElement(icon, {
+  if (React10.isValidElement(icon)) {
+    const sizedIcon = React10.cloneElement(icon, {
       className: cn("!h-4 !w-4 h-4 w-4", icon.props.className)
     });
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "inline-flex h-4 w-4 items-center justify-center [&>svg]:!h-4 [&>svg]:!w-4", children: sizedIcon });
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "inline-flex h-4 w-4 items-center justify-center [&>svg]:!h-4 [&>svg]:!w-4", children: sizedIcon });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "inline-flex h-4 w-4 items-center justify-center", children: icon });
-}
-function AdsButtonLoadingIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-    "svg",
-    {
-      "aria-hidden": true,
-      className: "!h-4 !w-4 h-4 w-4 animate-spin",
-      "data-testid": "ads-button-loading-icon",
-      fill: "none",
-      viewBox: "0 0 20 20",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-        "g",
-        {
-          stroke: "currentColor",
-          strokeLinecap: "round",
-          strokeWidth: "1.6",
-          transform: "translate(1.675 1.675)",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M8.1667 0.6667V3.1667" }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M8.1667 13.1667V15.6667" }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M15.6667 8.1667H13.1667" }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M3.1667 8.1667H0.6667" }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M13.4696 2.8631L11.7018 4.6309" }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M4.6317 11.7018L2.8639 13.4696" }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M13.4696 13.4696L11.7018 11.7018" }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M4.6317 4.6309L2.8639 2.8631" })
-          ]
-        }
-      )
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "inline-flex h-4 w-4 items-center justify-center", children: icon });
 }
-var AdsButton = React9.forwardRef(
+var AdsButton = React10.forwardRef(
   ({
     children,
     className,
@@ -976,9 +993,9 @@ var AdsButton = React9.forwardRef(
     const isDisabled = disabled || loading;
     const resolvedIcon = icon ?? leadingIcon;
     const resolvedLoadingLabel = loadingLabel ?? messages.button.loading;
-    const hasTextContent = React9.Children.count(children) > 0;
+    const hasTextContent = React10.Children.count(children) > 0;
     const isIconOnly = Boolean(resolvedIcon) && !hasTextContent;
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       Button,
       {
         "aria-busy": loading || void 0,
@@ -990,7 +1007,7 @@ var AdsButton = React9.forwardRef(
           "disabled:pointer-events-none",
           intentClassName[intent],
           focusClassName[intent],
-          sizeClassName[size],
+          sizeClassName2[size],
           isIconOnly && (size === "sm" ? "!w-8 px-0" : size === "lg" ? "!w-10 px-0" : "!w-9 px-0"),
           loading ? "disabled:opacity-100" : "disabled:opacity-[0.65]",
           className
@@ -1000,14 +1017,21 @@ var AdsButton = React9.forwardRef(
         type,
         variant: "ghost",
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "inline-flex items-center justify-center gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "inline-flex items-center justify-center gap-sm", children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "inline-flex items-center justify-center gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "inline-flex items-center justify-center gap-sm", children: [
             renderLeadingIcon(resolvedIcon),
-            hasTextContent ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children }) : null
+            hasTextContent ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children }) : null
           ] }),
-          loading ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AdsButtonLoadingIcon, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "sr-only", children: resolvedLoadingLabel })
+          loading ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+              AdsSpinner,
+              {
+                className: "!h-4 !w-4 h-4 w-4",
+                "data-testid": "ads-button-loading-icon",
+                size: "sm"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "sr-only", children: resolvedLoadingLabel })
           ] }) : null
         ] })
       }
@@ -1017,15 +1041,15 @@ var AdsButton = React9.forwardRef(
 AdsButton.displayName = "AdsButton";
 
 // src/components/AdsBreadcrumb/index.tsx
-var React11 = __toESM(require("react"), 1);
-var import_lucide_react4 = require("lucide-react");
+var React12 = __toESM(require("react"), 1);
+var import_lucide_react5 = require("lucide-react");
 
 // src/primitives/breadcrumb.tsx
-var React10 = __toESM(require("react"), 1);
+var React11 = __toESM(require("react"), 1);
 var import_react_slot2 = require("@radix-ui/react-slot");
-var import_lucide_react3 = require("lucide-react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var Breadcrumb = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var import_lucide_react4 = require("lucide-react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var Breadcrumb = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   "nav",
   {
     "aria-label": "breadcrumb",
@@ -1035,7 +1059,7 @@ var Breadcrumb = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var BreadcrumbList = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   "ul",
   {
     className: cn(
@@ -1047,7 +1071,7 @@ var BreadcrumbList = React10.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var BreadcrumbItem = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   "li",
   {
     className: cn("inline-flex items-center gap-1.5", className),
@@ -1056,14 +1080,14 @@ var BreadcrumbItem = React10.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React10.forwardRef(
+var BreadcrumbLink = React11.forwardRef(
   ({ asChild = false, className, ...props }, ref) => {
     const Comp = asChild ? import_react_slot2.Slot : "a";
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Comp, { className: cn("transition-colors", className), ref, ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Comp, { className: cn("transition-colors", className), ref, ...props });
   }
 );
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var BreadcrumbPage = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   "span",
   {
     "aria-current": "page",
@@ -1079,21 +1103,21 @@ var BreadcrumbSeparator = ({
   children,
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   "li",
   {
     "aria-hidden": "true",
     className: cn("[&_svg]:size-3.5", className),
     role: "presentation",
     ...props,
-    children: children ?? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react3.ChevronRight, {})
+    children: children ?? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react4.ChevronRight, {})
   }
 );
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
 var BreadcrumbEllipsis = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
   "span",
   {
     "aria-hidden": "true",
@@ -1101,18 +1125,18 @@ var BreadcrumbEllipsis = ({
     role: "presentation",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react3.MoreHorizontal, { className: "size-3.5" }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "sr-only", children: "More" })
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react4.MoreHorizontal, { className: "size-3.5" }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "sr-only", children: "More" })
     ]
   }
 );
 BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
 
 // src/components/AdsBreadcrumb/index.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var AdsBreadcrumb = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Breadcrumb, { className: cn("w-full", className), ref, ...props }));
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var AdsBreadcrumb = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Breadcrumb, { className: cn("w-full", className), ref, ...props }));
 AdsBreadcrumb.displayName = "AdsBreadcrumb";
-var AdsBreadcrumbList = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+var AdsBreadcrumbList = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
   BreadcrumbList,
   {
     className: cn(
@@ -1124,7 +1148,7 @@ var AdsBreadcrumbList = React11.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AdsBreadcrumbList.displayName = "AdsBreadcrumbList";
-var AdsBreadcrumbItem = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+var AdsBreadcrumbItem = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
   BreadcrumbItem,
   {
     className: cn("inline-flex items-center gap-1.5", className),
@@ -1133,7 +1157,7 @@ var AdsBreadcrumbItem = React11.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AdsBreadcrumbItem.displayName = "AdsBreadcrumbItem";
-var AdsBreadcrumbLink = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+var AdsBreadcrumbLink = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
   BreadcrumbLink,
   {
     className: cn(
@@ -1145,7 +1169,7 @@ var AdsBreadcrumbLink = React11.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AdsBreadcrumbLink.displayName = "AdsBreadcrumbLink";
-var AdsBreadcrumbPage = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+var AdsBreadcrumbPage = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
   BreadcrumbPage,
   {
     className: cn("text-sm font-normal leading-5 text-foreground", className),
@@ -1155,15 +1179,15 @@ var AdsBreadcrumbPage = React11.forwardRef(({ className, ...props }, ref) => /*
 ));
 AdsBreadcrumbPage.displayName = "AdsBreadcrumbPage";
 var separatorIcons = {
-  chevron: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react4.ChevronRight, { className: "size-3.5" }),
-  slash: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react4.Slash, { className: "size-3.5" })
+  chevron: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react5.ChevronRight, { className: "size-3.5" }),
+  slash: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react5.Slash, { className: "size-3.5" })
 };
 var AdsBreadcrumbSeparator = ({
   children,
   className,
   icon = "chevron",
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
   BreadcrumbSeparator,
   {
     className: cn("text-muted-foreground [&_svg]:size-3.5", className),
@@ -1176,25 +1200,25 @@ var AdsBreadcrumbEllipsis = ({
   className,
   children,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
   BreadcrumbEllipsis,
   {
     className: cn("size-3.5 text-muted-foreground", className),
     ...props,
-    children: children ?? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react4.MoreHorizontal, { className: "size-3.5" })
+    children: children ?? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react5.MoreHorizontal, { className: "size-3.5" })
   }
 );
 AdsBreadcrumbEllipsis.displayName = "AdsBreadcrumbEllipsis";
 
 // src/components/AdsCheckbox/index.tsx
-var React16 = __toESM(require("react"), 1);
+var React17 = __toESM(require("react"), 1);
 
 // src/primitives/checkbox.tsx
-var React12 = __toESM(require("react"), 1);
+var React13 = __toESM(require("react"), 1);
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"), 1);
-var import_lucide_react5 = require("lucide-react");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var Checkbox = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var import_lucide_react6 = require("lucide-react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var Checkbox = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -1203,11 +1227,11 @@ var Checkbox = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       CheckboxPrimitive.Indicator,
       {
         className: cn("grid place-content-center text-current"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react5.Check, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react6.Check, { className: "h-4 w-4" })
       }
     )
   }
@@ -1215,21 +1239,21 @@ var Checkbox = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 
 // src/components/AdsField/index.tsx
-var React15 = __toESM(require("react"), 1);
+var React16 = __toESM(require("react"), 1);
 
 // src/primitives/field.tsx
 var import_react = require("react");
 var import_class_variance_authority7 = require("class-variance-authority");
 
 // src/primitives/label.tsx
-var React13 = __toESM(require("react"), 1);
+var React14 = __toESM(require("react"), 1);
 var LabelPrimitive = __toESM(require("@radix-ui/react-label"), 1);
 var import_class_variance_authority6 = require("class-variance-authority");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var labelVariants = (0, import_class_variance_authority6.cva)(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
-var Label = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var Label = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   LabelPrimitive.Root,
   {
     ref,
@@ -1240,11 +1264,11 @@ var Label = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
 Label.displayName = LabelPrimitive.Root.displayName;
 
 // src/primitives/separator.tsx
-var React14 = __toESM(require("react"), 1);
+var React15 = __toESM(require("react"), 1);
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var Separator = React14.forwardRef(
-  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var Separator = React15.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     SeparatorPrimitive.Root,
     {
       ref,
@@ -1262,9 +1286,9 @@ var Separator = React14.forwardRef(
 Separator.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/primitives/field.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "fieldset",
     {
       "data-slot": "field-set",
@@ -1282,7 +1306,7 @@ function FieldLegend({
   variant = "legend",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "legend",
     {
       "data-slot": "field-legend",
@@ -1298,7 +1322,7 @@ function FieldLegend({
   );
 }
 function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "div",
     {
       "data-slot": "field-group",
@@ -1338,7 +1362,7 @@ function Field({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "div",
     {
       role: "group",
@@ -1353,7 +1377,7 @@ function FieldLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     Label,
     {
       "data-slot": "field-label",
@@ -1368,7 +1392,7 @@ function FieldLabel({
   );
 }
 function FieldTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "div",
     {
       "data-slot": "field-label",
@@ -1381,7 +1405,7 @@ function FieldTitle({ className, ...props }) {
   );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "p",
     {
       "data-slot": "field-description",
@@ -1400,7 +1424,7 @@ function FieldSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     "div",
     {
       "data-slot": "field-separator",
@@ -1411,8 +1435,8 @@ function FieldSeparator({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Separator, { className: "absolute inset-0 top-1/2" }),
-        children && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Separator, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           "span",
           {
             className: "bg-background text-muted-foreground relative mx-auto block w-fit px-2",
@@ -1440,14 +1464,14 @@ function FieldError({
     if (errors?.length === 1 && errors[0]?.message) {
       return errors[0].message;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: errors.map(
-      (error, index) => error?.message && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("li", { children: error.message }, index)
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: errors.map(
+      (error, index) => error?.message && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("li", { children: error.message }, index)
     ) });
   }, [children, errors]);
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "div",
     {
       role: "alert",
@@ -1460,14 +1484,14 @@ function FieldError({
 }
 
 // src/components/AdsField/index.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function useAdsFieldDescription({
   describedBy,
   errorText,
   helperText,
   id
 }) {
-  const generatedId = React15.useId();
+  const generatedId = React16.useId();
   const inputId = id ?? generatedId;
   const helperId = helperText ? `${inputId}-helper` : void 0;
   const errorId = errorText ? `${inputId}-error` : void 0;
@@ -1479,7 +1503,7 @@ function useAdsFieldDescription({
     inputId
   };
 }
-var AdsField = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var AdsField = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
   FieldGroup,
   {
     className: cn("w-full gap-7", className),
@@ -1488,14 +1512,14 @@ var AdsField = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 AdsField.displayName = "AdsField";
-var AdsFieldHeader = React15.forwardRef(
-  ({ className, description, title, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: cn("flex w-full flex-col gap-3", className), ref, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(FieldTitle, { className: "w-full text-base font-medium leading-6 text-foreground", children: title }),
-    description ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(FieldDescription, { className: "w-full text-sm leading-5 text-muted-foreground", children: description }) : null
+var AdsFieldHeader = React16.forwardRef(
+  ({ className, description, title, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: cn("flex w-full flex-col gap-3", className), ref, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(FieldTitle, { className: "w-full text-base font-medium leading-6 text-foreground", children: title }),
+    description ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(FieldDescription, { className: "w-full text-sm leading-5 text-muted-foreground", children: description }) : null
   ] })
 );
 AdsFieldHeader.displayName = "AdsFieldHeader";
-var AdsFieldItem = React15.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var AdsFieldItem = React16.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
   Field,
   {
     className: cn("w-full gap-3", className),
@@ -1505,7 +1529,7 @@ var AdsFieldItem = React15.forwardRef(({ className, orientation = "vertical", ..
   }
 ));
 AdsFieldItem.displayName = "AdsFieldItem";
-var AdsFieldLabel = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var AdsFieldLabel = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
   FieldLabel,
   {
     className: cn("w-full text-sm font-medium leading-5 text-foreground", className),
@@ -1514,7 +1538,7 @@ var AdsFieldLabel = React15.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 AdsFieldLabel.displayName = "AdsFieldLabel";
-var AdsFieldLegend = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var AdsFieldLegend = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
   FieldLegend,
   {
     className: cn("mb-3 text-base font-medium leading-6 text-foreground", className),
@@ -1523,7 +1547,7 @@ var AdsFieldLegend = React15.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 AdsFieldLegend.displayName = "AdsFieldLegend";
-var AdsFieldDescription = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var AdsFieldDescription = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
   FieldDescription,
   {
     className: cn("text-sm leading-5 text-muted-foreground", className),
@@ -1532,7 +1556,7 @@ var AdsFieldDescription = React15.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 AdsFieldDescription.displayName = "AdsFieldDescription";
-var AdsFieldError = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var AdsFieldError = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
   FieldError,
   {
     className: cn("text-sm leading-5 text-destructive", className),
@@ -1541,7 +1565,7 @@ var AdsFieldError = React15.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 AdsFieldError.displayName = "AdsFieldError";
-var AdsFieldSeparator = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var AdsFieldSeparator = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
   FieldSeparator,
   {
     className: cn("py-2 text-muted-foreground", className),
@@ -1550,7 +1574,7 @@ var AdsFieldSeparator = React15.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AdsFieldSeparator.displayName = "AdsFieldSeparator";
-var AdsFieldGroup = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var AdsFieldGroup = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
   FieldGroup,
   {
     className: cn("w-full gap-6", className),
@@ -1559,28 +1583,28 @@ var AdsFieldGroup = React15.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 AdsFieldGroup.displayName = "AdsFieldGroup";
-var AdsFieldSet = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(FieldSet, { className: cn("w-full gap-6", className), ref, ...props }));
+var AdsFieldSet = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(FieldSet, { className: cn("w-full gap-6", className), ref, ...props }));
 AdsFieldSet.displayName = "AdsFieldSet";
-var AdsFieldCheckboxRow = React15.forwardRef(
-  ({ className, control, description, label, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+var AdsFieldCheckboxRow = React16.forwardRef(
+  ({ className, control, description, label, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     "div",
     {
       className: cn("flex w-full items-start gap-3", description ? "min-h-5" : "items-center", className),
       ref,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "shrink-0 pt-px", children: control }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "text-sm leading-5 text-foreground", children: label }),
-          description ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AdsFieldDescription, { className: "text-sm leading-5", children: description }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "shrink-0 pt-px", children: control }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "text-sm leading-5 text-foreground", children: label }),
+          description ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AdsFieldDescription, { className: "text-sm leading-5", children: description }) : null
         ] })
       ]
     }
   )
 );
 AdsFieldCheckboxRow.displayName = "AdsFieldCheckboxRow";
-var AdsFieldChoiceCard = React15.forwardRef(
-  ({ checked, className, control, description, title, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+var AdsFieldChoiceCard = React16.forwardRef(
+  ({ checked, className, control, description, title, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     "label",
     {
       className: cn(
@@ -1591,17 +1615,17 @@ var AdsFieldChoiceCard = React15.forwardRef(
       ref,
       ...props,
       children: [
-        control ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "shrink-0 pt-px", children: control }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "text-sm font-medium leading-5 text-foreground", children: title }),
-          description ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AdsFieldDescription, { className: "text-sm leading-5", children: description }) : null
+        control ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "shrink-0 pt-px", children: control }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "text-sm font-medium leading-5 text-foreground", children: title }),
+          description ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AdsFieldDescription, { className: "text-sm leading-5", children: description }) : null
         ] })
       ]
     }
   )
 );
 AdsFieldChoiceCard.displayName = "AdsFieldChoiceCard";
-var AdsFieldActions = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var AdsFieldActions = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
   "div",
   {
     className: cn("flex w-full flex-wrap items-center gap-3", className),
@@ -1612,15 +1636,15 @@ var AdsFieldActions = React15.forwardRef(({ className, ...props }, ref) => /* @_
 AdsFieldActions.displayName = "AdsFieldActions";
 
 // src/components/AdsCheckbox/index.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var checkboxBaseClassName = "h-4 w-4 rounded-[4px] border-border bg-card text-primary shadow-[0px_1px_2px_rgba(0,0,0,0.1)] focus-visible:ring-[3px] focus-visible:ring-[rgba(161,161,161,0.5)] focus-visible:ring-offset-0 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground";
-var Checkbox2 = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Checkbox, { className: cn(checkboxBaseClassName, className), ref, ...props }));
+var Checkbox2 = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Checkbox, { className: cn(checkboxBaseClassName, className), ref, ...props }));
 Checkbox2.displayName = "Checkbox";
-var AdsCheckbox = React16.forwardRef(({ checkboxClassName, className, description, id, label, wrapperClassName, ...props }, ref) => {
-  const generatedId = React16.useId();
+var AdsCheckbox = React17.forwardRef(({ checkboxClassName, className, description, id, label, wrapperClassName, ...props }, ref) => {
+  const generatedId = React17.useId();
   const inputId = id ?? generatedId;
   if (!label) {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       Checkbox2,
       {
         className: cn(className, checkboxClassName),
@@ -1630,10 +1654,10 @@ var AdsCheckbox = React16.forwardRef(({ checkboxClassName, className, descriptio
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { className: cn("block w-full cursor-pointer", wrapperClassName), htmlFor: inputId, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { className: cn("block w-full cursor-pointer", wrapperClassName), htmlFor: inputId, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     AdsFieldCheckboxRow,
     {
-      control: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      control: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         Checkbox2,
         {
           className: cn(className, checkboxClassName),
@@ -1650,15 +1674,15 @@ var AdsCheckbox = React16.forwardRef(({ checkboxClassName, className, descriptio
 AdsCheckbox.displayName = "AdsCheckbox";
 
 // src/components/AdsButtonGroup/index.tsx
-var React18 = __toESM(require("react"), 1);
+var React19 = __toESM(require("react"), 1);
 var import_react_slot4 = require("@radix-ui/react-slot");
 
 // src/primitives/input.tsx
-var React17 = __toESM(require("react"), 1);
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var Input = React17.forwardRef(
+var React18 = __toESM(require("react"), 1);
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var Input = React18.forwardRef(
   ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       "input",
       {
         type,
@@ -1677,7 +1701,7 @@ Input.displayName = "Input";
 // src/primitives/button-group.tsx
 var import_react_slot3 = require("@radix-ui/react-slot");
 var import_class_variance_authority8 = require("class-variance-authority");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var buttonGroupVariants = (0, import_class_variance_authority8.cva)(
   "flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
   {
@@ -1697,7 +1721,7 @@ function ButtonGroupSeparator({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     Separator,
     {
       "data-slot": "button-group-separator",
@@ -1716,7 +1740,7 @@ function ButtonGroupSeparator({
 }
 
 // src/components/AdsButtonGroup/index.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var buttonGroupPressClassName = "[&_button]:transition-[background-color,box-shadow,filter] [&_button]:active:translate-y-0 [&_button]:active:brightness-95";
 var segmentSizeClassName = {
   sm: "h-8 px-md text-sm",
@@ -1724,14 +1748,14 @@ var segmentSizeClassName = {
   lg: "h-10 px-xl text-base"
 };
 function isAdsButtonElement(child) {
-  return React18.isValidElement(child) && child.type === AdsButton;
+  return React19.isValidElement(child) && child.type === AdsButton;
 }
 function enhanceChildren(children, attached, size, surface) {
-  return React18.Children.map(children, (child) => {
+  return React19.Children.map(children, (child) => {
     if (!isAdsButtonElement(child)) {
       return child;
     }
-    return React18.cloneElement(child, {
+    return React19.cloneElement(child, {
       className: cn(
         attached && "rounded-none shadow-none",
         attached && surface === "secondary" && "bg-secondary hover:bg-secondary/90",
@@ -1741,7 +1765,7 @@ function enhanceChildren(children, attached, size, surface) {
     });
   });
 }
-var AdsButtonGroup = React18.forwardRef(
+var AdsButtonGroup = React19.forwardRef(
   ({
     attached = true,
     children,
@@ -1760,7 +1784,7 @@ var AdsButtonGroup = React18.forwardRef(
       buttonGroupVariants({ orientation }),
       surface === "pill" ? "rounded-full" : "rounded-radius-md"
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       "div",
       {
         "aria-orientation": orientation,
@@ -1802,7 +1826,7 @@ var inputSizeClassName = {
   md: "h-9 text-sm leading-5",
   lg: "h-10 text-base leading-6"
 };
-var AdsButtonGroupText = React18.forwardRef(
+var AdsButtonGroupText = React19.forwardRef(
   ({
     align = "start",
     asChild = false,
@@ -1813,7 +1837,7 @@ var AdsButtonGroupText = React18.forwardRef(
     ...props
   }, ref) => {
     const Comp = asChild ? import_react_slot4.Slot : "div";
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       Comp,
       {
         className: cn(
@@ -1833,7 +1857,7 @@ var AdsButtonGroupText = React18.forwardRef(
   }
 );
 AdsButtonGroupText.displayName = "AdsButtonGroupText";
-var AdsButtonGroupInput = React18.forwardRef(({ className, size = "md", type = "text", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+var AdsButtonGroupInput = React19.forwardRef(({ className, size = "md", type = "text", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
   Input,
   {
     className: cn(
@@ -1850,19 +1874,19 @@ AdsButtonGroupInput.displayName = "AdsButtonGroupInput";
 var AdsButtonGroupSeparator = ButtonGroupSeparator;
 
 // src/components/AdsSeparator/index.tsx
-var React19 = __toESM(require("react"), 1);
-var import_jsx_runtime22 = require("react/jsx-runtime");
-var toneClassName = {
+var React20 = __toESM(require("react"), 1);
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var toneClassName2 = {
   default: "bg-border",
   muted: "bg-border-muted"
 };
-var AdsSeparator = React19.forwardRef(({ className, orientation = "horizontal", tone = "default", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+var AdsSeparator = React20.forwardRef(({ className, orientation = "horizontal", tone = "default", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
   Separator,
   {
     className: cn(
       "shrink-0",
       orientation === "horizontal" ? "h-px w-full" : "h-full w-px",
-      toneClassName[tone],
+      toneClassName2[tone],
       className
     ),
     orientation,
@@ -1873,13 +1897,13 @@ var AdsSeparator = React19.forwardRef(({ className, orientation = "horizontal",
 AdsSeparator.displayName = "AdsSeparator";
 
 // src/components/AdsSkeleton/index.tsx
-var React21 = __toESM(require("react"), 1);
+var React22 = __toESM(require("react"), 1);
 
 // src/primitives/skeleton.tsx
-var React20 = __toESM(require("react"), 1);
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var Skeleton = React20.forwardRef(
-  ({ animated = true, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var React21 = __toESM(require("react"), 1);
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var Skeleton = React21.forwardRef(
+  ({ animated = true, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "div",
     {
       className: cn(
@@ -1895,21 +1919,21 @@ var Skeleton = React20.forwardRef(
 Skeleton.displayName = "Skeleton";
 
 // src/components/AdsSkeleton/index.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var shapeClassName = {
   default: "rounded-radius-md",
   line: "h-4 w-full rounded-full",
   circle: "rounded-full"
 };
-var toneClassName2 = {
+var toneClassName3 = {
   default: "bg-secondary",
   muted: "bg-accent"
 };
-var AdsSkeleton = React21.forwardRef(
-  ({ className, shape = "default", tone = "default", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var AdsSkeleton = React22.forwardRef(
+  ({ className, shape = "default", tone = "default", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     Skeleton,
     {
-      className: cn(shapeClassName[shape], toneClassName2[tone], className),
+      className: cn(shapeClassName[shape], toneClassName3[tone], className),
       ref,
       ...props
     }
@@ -1918,8 +1942,8 @@ var AdsSkeleton = React21.forwardRef(
 AdsSkeleton.displayName = "AdsSkeleton";
 
 // src/components/AdsInput/index.tsx
-var React22 = __toESM(require("react"), 1);
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var React23 = __toESM(require("react"), 1);
+var import_jsx_runtime26 = 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-foreground placeholder:text-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",
@@ -1943,7 +1967,7 @@ function getInputSurfaceClassName({
     className
   );
 }
-var AdsInput = React22.forwardRef(
+var AdsInput = React23.forwardRef(
   ({
     action,
     className,
@@ -1962,7 +1986,7 @@ var AdsInput = React22.forwardRef(
     ...props
   }, ref) => {
     const { messages } = useAdsI18n();
-    const [selectedFiles, setSelectedFiles] = React22.useState([]);
+    const [selectedFiles, setSelectedFiles] = React23.useState([]);
     const description = useAdsFieldDescription({
       describedBy: props["aria-describedby"],
       errorText,
@@ -1979,7 +2003,7 @@ var AdsInput = React22.forwardRef(
     const isFileInput = type === "file";
     const resolvedFileTriggerLabel = fileTriggerLabel ?? messages.input.chooseFile;
     const resolvedEmptyFileLabel = emptyFileLabel ?? messages.input.noFileChosen;
-    const handleChange = React22.useCallback(
+    const handleChange = React23.useCallback(
       (event) => {
         if (isFileInput) {
           setSelectedFiles(Array.from(event.target.files ?? [], (file) => file.name));
@@ -1989,10 +2013,10 @@ var AdsInput = React22.forwardRef(
       [isFileInput, onChange]
     );
     const fileNameText = selectedFiles.length > 0 ? selectedFiles.join(", ") : resolvedEmptyFileLabel;
-    const helperNode = helperText ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
-    const errorNode = errorText ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(AdsFieldError, { id: description.errorId, children: errorText }) : null;
-    const inputNode = isFileInput ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "relative flex w-full min-w-0 flex-1 items-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    const helperNode = helperText ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
+    const errorNode = errorText ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(AdsFieldError, { id: description.errorId, children: errorText }) : null;
+    const inputNode = isFileInput ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "relative flex w-full min-w-0 flex-1 items-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         Input,
         {
           "aria-describedby": description.describedBy,
@@ -2009,7 +2033,7 @@ var AdsInput = React22.forwardRef(
           ...props
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
         "div",
         {
           "aria-hidden": "true",
@@ -2019,8 +2043,8 @@ var AdsInput = React22.forwardRef(
             props.disabled ? "cursor-not-allowed opacity-50" : void 0
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "shrink-0 pr-sm text-sm font-medium leading-5 text-foreground", children: resolvedFileTriggerLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "shrink-0 pr-sm text-sm font-medium leading-5 text-foreground", children: resolvedFileTriggerLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
               "span",
               {
                 className: cn(
@@ -2033,9 +2057,9 @@ var AdsInput = React22.forwardRef(
           ]
         }
       )
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "relative flex w-full min-w-0 flex-1 items-center", children: [
-      prefix ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "pointer-events-none absolute left-md inline-flex text-icon-muted", children: prefix }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "relative flex w-full min-w-0 flex-1 items-center", children: [
+      prefix ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "pointer-events-none absolute left-md inline-flex text-icon-muted", children: prefix }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         Input,
         {
           "aria-describedby": description.describedBy,
@@ -2048,14 +2072,14 @@ var AdsInput = React22.forwardRef(
           ...props
         }
       ),
-      suffix ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "absolute right-md inline-flex items-center text-icon-muted", children: suffix }) : null
+      suffix ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "absolute right-md inline-flex items-center text-icon-muted", children: suffix }) : null
     ] });
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(AdsFieldItem, { children: [
-      label ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(AdsFieldLabel, { htmlFor: description.inputId, children: label }) : null,
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(AdsFieldItem, { children: [
+      label ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(AdsFieldLabel, { htmlFor: description.inputId, children: label }) : null,
       descriptionPlacement === "above" ? helperNode : null,
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex w-full items-center gap-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex w-full items-center gap-sm", children: [
         inputNode,
-        action ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "shrink-0", children: action }) : null
+        action ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "shrink-0", children: action }) : null
       ] }),
       descriptionPlacement === "below" ? helperNode : null,
       errorNode
@@ -2065,13 +2089,13 @@ var AdsInput = React22.forwardRef(
 AdsInput.displayName = "AdsInput";
 
 // src/components/AdsInputGroup/index.tsx
-var React24 = __toESM(require("react"), 1);
+var React25 = __toESM(require("react"), 1);
 
 // src/primitives/textarea.tsx
-var React23 = __toESM(require("react"), 1);
-var import_jsx_runtime26 = require("react/jsx-runtime");
-var Textarea = React23.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+var React24 = __toESM(require("react"), 1);
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var Textarea = React24.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "textarea",
     {
       className: cn(
@@ -2086,7 +2110,7 @@ var Textarea = React23.forwardRef(({ className, ...props }, ref) => {
 Textarea.displayName = "Textarea";
 
 // src/components/AdsInputGroup/index.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function useAdsInputGroupDescription(describedBy, helperText, errorText, idBase) {
   const helperId = helperText ? `${idBase}-helper` : void 0;
   const errorId = errorText ? `${idBase}-error` : void 0;
@@ -2105,11 +2129,11 @@ function AdsInputGroupChrome({
   helperText,
   label
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex w-full flex-col gap-md", children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "text-sm font-medium leading-5 text-foreground", children: label }) : null,
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex w-full flex-col gap-md", children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "text-sm font-medium leading-5 text-foreground", children: label }) : null,
     children,
-    helperText ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-sm leading-5 text-muted-foreground", id: helperId, children: helperText }) : null,
-    errorText ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-sm leading-5 text-destructive", id: errorId, children: errorText }) : null
+    helperText ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-sm leading-5 text-muted-foreground", id: helperId, children: helperText }) : null,
+    errorText ? /* @__PURE__ */ (0, import_jsx_runtime28.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";
@@ -2130,21 +2154,21 @@ function AdsInputGroup({
   trailingAddon,
   trailingAddonClassName
 }) {
-  const generatedId = React24.useId();
+  const generatedId = React25.useId();
   const description = useAdsInputGroupDescription(
     void 0,
     helperText,
     errorText,
     id ?? generatedId
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     AdsInputGroupChrome,
     {
       errorText,
       helperText,
       label,
       ...description,
-      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: cn("w-full", className), children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: cn("w-full", className), children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
         "div",
         {
           className: cn(
@@ -2154,9 +2178,9 @@ function AdsInputGroup({
             surfaceClassName
           ),
           children: [
-            header ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "border-b border-border px-md py-md text-sm text-foreground", children: header }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex min-h-11 w-full items-stretch", children: [
-              leadingAddon ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+            header ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "border-b border-border px-md py-md text-sm text-foreground", children: header }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex min-h-11 w-full items-stretch", children: [
+              leadingAddon ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                 "div",
                 {
                   className: cn(
@@ -2167,7 +2191,7 @@ function AdsInputGroup({
                   children: leadingAddon
                 }
               ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                 "div",
                 {
                   className: cn(
@@ -2177,7 +2201,7 @@ function AdsInputGroup({
                   children
                 }
               ),
-              trailingAddon ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+              trailingAddon ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                 "div",
                 {
                   className: cn(
@@ -2189,14 +2213,14 @@ function AdsInputGroup({
                 }
               ) : null
             ] }),
-            footer ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "border-t border-border px-md py-sm text-sm text-muted-foreground", children: footer }) : null
+            footer ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "border-t border-border px-md py-sm text-sm text-muted-foreground", children: footer }) : null
           ]
         }
       ) })
     }
   );
 }
-var AdsInputGroupInput = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var AdsInputGroupInput = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
   Input,
   {
     className: cn(
@@ -2209,7 +2233,7 @@ var AdsInputGroupInput = React24.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AdsInputGroupInput.displayName = "AdsInputGroupInput";
-var AdsInputGroupTextarea = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var AdsInputGroupTextarea = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
   Textarea,
   {
     className: cn(
@@ -2224,14 +2248,14 @@ var AdsInputGroupTextarea = React24.forwardRef(({ className, ...props }, ref) =>
 AdsInputGroupTextarea.displayName = "AdsInputGroupTextarea";
 
 // src/components/AdsInputOTP/index.tsx
-var React26 = __toESM(require("react"), 1);
+var React27 = __toESM(require("react"), 1);
 
 // src/primitives/input-otp.tsx
-var React25 = __toESM(require("react"), 1);
+var React26 = __toESM(require("react"), 1);
 var import_input_otp = require("input-otp");
-var import_lucide_react6 = require("lucide-react");
-var import_jsx_runtime28 = require("react/jsx-runtime");
-var InputOTP = React25.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var import_lucide_react7 = require("lucide-react");
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var InputOTP = React26.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
   import_input_otp.OTPInput,
   {
     ref,
@@ -2244,12 +2268,12 @@ var InputOTP = React25.forwardRef(({ className, containerClassName, ...props },
   }
 ));
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { ref, className: cn("flex items-center", className), ...props }));
+var InputOTPGroup = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { ref, className: cn("flex items-center", className), ...props }));
 InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React25.forwardRef(({ index, className, ...props }, ref) => {
-  const inputOTPContext = React25.useContext(import_input_otp.OTPInputContext);
+var InputOTPSlot = React26.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React26.useContext(import_input_otp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
     "div",
     {
       ref,
@@ -2261,19 +2285,19 @@ var InputOTPSlot = React25.forwardRef(({ index, className, ...props }, ref) => {
       ...props,
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
       ]
     }
   );
 });
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React25.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react6.Dot, {}) }));
+var InputOTPSeparator = React26.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react7.Dot, {}) }));
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
 // src/components/AdsInputOTP/index.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function useFieldDescription(id, describedBy, helperText, errorText) {
-  const generatedId = React26.useId();
+  const generatedId = React27.useId();
   const inputId = id ?? generatedId;
   const helperId = helperText ? `${inputId}-helper` : void 0;
   const errorId = errorText ? `${inputId}-error` : void 0;
@@ -2294,21 +2318,21 @@ function AdsInputOTPChrome({
   inputId,
   label
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex w-full flex-col gap-md", children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("label", { className: "text-sm font-medium leading-5 text-foreground", htmlFor: inputId, children: label }) : null,
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex w-full flex-col gap-md", children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("label", { className: "text-sm font-medium leading-5 text-foreground", htmlFor: inputId, children: label }) : null,
     children,
-    helperText ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-sm leading-5 text-muted-foreground", id: helperId, children: helperText }) : null,
-    errorText ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-sm leading-5 text-destructive", id: errorId, children: errorText }) : null
+    helperText ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-sm leading-5 text-muted-foreground", id: helperId, children: helperText }) : null,
+    errorText ? /* @__PURE__ */ (0, import_jsx_runtime30.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_runtime29.jsx)(AdsInputOTPSeparator, {}, key);
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(AdsInputOTPSeparator, {}, key);
   }
-  if (React26.isValidElement(node)) {
-    return React26.cloneElement(node, { key });
+  if (React27.isValidElement(node)) {
+    return React27.cloneElement(node, { key });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { children: node }, key);
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: node }, key);
 }
 function buildOtpChildren(groups, separator) {
   const defaultGroup = groups.length > 0 ? groups : [6];
@@ -2316,7 +2340,7 @@ function buildOtpChildren(groups, separator) {
   let index = 0;
   defaultGroup.forEach((size, indexOfGroup) => {
     items.push(
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AdsInputOTPGroup, { children: Array.from({ length: size }, (_, slotOffset) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(AdsInputOTPGroup, { children: Array.from({ length: size }, (_, slotOffset) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         AdsInputOTPSlot,
         {
           index: index + slotOffset
@@ -2331,11 +2355,11 @@ function buildOtpChildren(groups, separator) {
   });
   return items;
 }
-var AdsInputOTP = React26.forwardRef(({ action, errorText, groups, helperText, label, separator, children, id, ...props }, ref) => {
+var AdsInputOTP = React27.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_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     AdsInputOTPChrome,
     {
       errorText,
@@ -2344,8 +2368,8 @@ var AdsInputOTP = React26.forwardRef(({ action, errorText, groups, helperText, l
       helperId: description.helperId,
       inputId: description.inputId,
       label,
-      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex w-full items-center gap-sm", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex w-full items-center gap-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           InputOTP,
           {
             "aria-describedby": description.describedBy,
@@ -2357,15 +2381,15 @@ var AdsInputOTP = React26.forwardRef(({ action, errorText, groups, helperText, l
             children: otpChildren
           }
         ),
-        action ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "shrink-0", children: action }) : null
+        action ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "shrink-0", children: action }) : null
       ] })
     }
   );
 });
 AdsInputOTP.displayName = "AdsInputOTP";
-var AdsInputOTPGroup = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(InputOTPGroup, { className, ref, ...props }));
+var AdsInputOTPGroup = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(InputOTPGroup, { className, ref, ...props }));
 AdsInputOTPGroup.displayName = "AdsInputOTPGroup";
-var AdsInputOTPSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var AdsInputOTPSeparator = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   InputOTPSeparator,
   {
     className: className ?? "h-px w-6 shrink-0 bg-border text-transparent [&_svg]:hidden",
@@ -2374,7 +2398,7 @@ var AdsInputOTPSeparator = React26.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 AdsInputOTPSeparator.displayName = "AdsInputOTPSeparator";
-var AdsInputOTPSlot = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var AdsInputOTPSlot = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   InputOTPSlot,
   {
     className: [
@@ -2391,14 +2415,14 @@ var AdsInputOTPSlot = React26.forwardRef(({ className, ...props }, ref) => /* @_
 AdsInputOTPSlot.displayName = "AdsInputOTPSlot";
 
 // src/components/AdsPagination/index.tsx
-var React28 = __toESM(require("react"), 1);
-var import_lucide_react8 = require("lucide-react");
+var React29 = __toESM(require("react"), 1);
+var import_lucide_react9 = require("lucide-react");
 
 // src/primitives/pagination.tsx
-var React27 = __toESM(require("react"), 1);
-var import_lucide_react7 = require("lucide-react");
-var import_jsx_runtime30 = require("react/jsx-runtime");
-var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+var React28 = __toESM(require("react"), 1);
+var import_lucide_react8 = require("lucide-react");
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
   "nav",
   {
     role: "navigation",
@@ -2408,7 +2432,7 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_run
   }
 );
 Pagination.displayName = "Pagination";
-var PaginationContent = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+var PaginationContent = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
   "ul",
   {
     ref,
@@ -2417,14 +2441,14 @@ var PaginationContent = React27.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("li", { ref, className: cn("", className), ...props }));
+var PaginationItem = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("li", { ref, className: cn("", className), ...props }));
 PaginationItem.displayName = "PaginationItem";
 var PaginationLink = ({
   className,
   isActive,
   size = "icon",
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
   "a",
   {
     "aria-current": isActive ? "page" : void 0,
@@ -2442,7 +2466,7 @@ PaginationLink.displayName = "PaginationLink";
 var PaginationPrevious = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
   PaginationLink,
   {
     "aria-label": "Go to previous page",
@@ -2450,8 +2474,8 @@ var PaginationPrevious = ({
     className: cn("gap-1 pl-2.5", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react7.ChevronLeft, { className: "h-4 w-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: "Previous" })
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react8.ChevronLeft, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { children: "Previous" })
     ]
   }
 );
@@ -2459,7 +2483,7 @@ PaginationPrevious.displayName = "PaginationPrevious";
 var PaginationNext = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
   PaginationLink,
   {
     "aria-label": "Go to next page",
@@ -2467,8 +2491,8 @@ var PaginationNext = ({
     className: cn("gap-1 pr-2.5", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: "Next" }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react7.ChevronRight, { className: "h-4 w-4" })
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { children: "Next" }),
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react8.ChevronRight, { className: "h-4 w-4" })
     ]
   }
 );
@@ -2476,27 +2500,27 @@ PaginationNext.displayName = "PaginationNext";
 var PaginationEllipsis = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
   "span",
   {
     "aria-hidden": true,
     className: cn("flex h-9 w-9 items-center justify-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react7.MoreHorizontal, { className: "h-4 w-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "sr-only", children: "More pages" })
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react8.MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "sr-only", children: "More pages" })
     ]
   }
 );
 PaginationEllipsis.displayName = "PaginationEllipsis";
 
 // src/components/AdsPagination/index.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = 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_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     Pagination,
     {
       className: cn("mx-0 w-auto justify-start", className),
@@ -2505,14 +2529,14 @@ function AdsPagination({ className, ...props }) {
   );
 }
 AdsPagination.displayName = "AdsPagination";
-var AdsPaginationContent = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(PaginationContent, { ref, className: cn("gap-1", className), ...props }));
+var AdsPaginationContent = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(PaginationContent, { ref, className: cn("gap-1", className), ...props }));
 AdsPaginationContent.displayName = "AdsPaginationContent";
-var AdsPaginationItem = React28.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(PaginationItem, { ref, className, ...props })
+var AdsPaginationItem = React29.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(PaginationItem, { ref, className, ...props })
 );
 AdsPaginationItem.displayName = "AdsPaginationItem";
-var AdsPaginationLink = React28.forwardRef(
-  ({ className, isActive = false, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var AdsPaginationLink = React29.forwardRef(
+  ({ className, isActive = false, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     "a",
     {
       "aria-current": isActive ? "page" : void 0,
@@ -2527,10 +2551,10 @@ var AdsPaginationLink = React28.forwardRef(
   )
 );
 AdsPaginationLink.displayName = "AdsPaginationLink";
-var AdsPaginationPrevious = React28.forwardRef(({ "aria-label": ariaLabel, children, className, ...props }, ref) => {
+var AdsPaginationPrevious = React29.forwardRef(({ "aria-label": ariaLabel, children, className, ...props }, ref) => {
   const { messages } = useAdsI18n();
   const label = children ?? messages.pagination.previous;
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     AdsPaginationLink,
     {
       "aria-label": ariaLabel ?? messages.pagination.previous,
@@ -2538,18 +2562,18 @@ var AdsPaginationPrevious = React28.forwardRef(({ "aria-label": ariaLabel, child
       ref,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react8.ChevronLeft, { "aria-hidden": true, className: "h-4 w-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { children: label })
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react9.ChevronLeft, { "aria-hidden": true, className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: label })
       ]
     }
   );
 });
 AdsPaginationPrevious.displayName = "AdsPaginationPrevious";
-var AdsPaginationNext = React28.forwardRef(
+var AdsPaginationNext = React29.forwardRef(
   ({ "aria-label": ariaLabel, children, className, ...props }, ref) => {
     const { messages } = useAdsI18n();
     const label = children ?? messages.pagination.next;
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
       AdsPaginationLink,
       {
         "aria-label": ariaLabel ?? messages.pagination.next,
@@ -2557,8 +2581,8 @@ var AdsPaginationNext = React28.forwardRef(
         ref,
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react8.ChevronRight, { "aria-hidden": true, className: "h-4 w-4" })
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react9.ChevronRight, { "aria-hidden": true, className: "h-4 w-4" })
         ]
       }
     );
@@ -2572,7 +2596,7 @@ function AdsPaginationEllipsis({
 }) {
   const { messages } = useAdsI18n();
   const resolvedLabel = label ?? messages.pagination.morePages;
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     "span",
     {
       "aria-hidden": true,
@@ -2582,8 +2606,8 @@ function AdsPaginationEllipsis({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react8.MoreHorizontal, { className: "h-4 w-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "sr-only", children: resolvedLabel })
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react9.MoreHorizontal, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "sr-only", children: resolvedLabel })
       ]
     }
   );
@@ -2591,15 +2615,15 @@ function AdsPaginationEllipsis({
 AdsPaginationEllipsis.displayName = "AdsPaginationEllipsis";
 
 // src/components/AdsPopover/index.tsx
-var React30 = __toESM(require("react"), 1);
+var React31 = __toESM(require("react"), 1);
 
 // src/primitives/popover.tsx
-var React29 = __toESM(require("react"), 1);
+var React30 = __toESM(require("react"), 1);
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React29.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+var PopoverContent = React30.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
   PopoverPrimitive.Content,
   {
     ref,
@@ -2615,11 +2639,11 @@ var PopoverContent = React29.forwardRef(({ className, align = "center", sideOffs
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 // src/components/AdsPopover/index.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var popoverContentClassName = "z-50 w-[320px] rounded-radius-lg border border-border bg-popover p-lg text-popover-foreground shadow-[0px_2px_4px_-2px_rgba(0,0,0,0.1),0px_4px_6px_-1px_rgba(0,0,0,0.1)] outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]";
 var AdsPopover = Popover;
 var AdsPopoverTrigger = PopoverTrigger;
-var AdsPopoverContent = React30.forwardRef(({ align = "center", className, inset = false, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+var AdsPopoverContent = React31.forwardRef(({ align = "center", className, inset = false, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   PopoverContent,
   {
     align,
@@ -2634,8 +2658,8 @@ var AdsPopoverContent = React30.forwardRef(({ align = "center", className, inset
   }
 ));
 AdsPopoverContent.displayName = "AdsPopoverContent";
-var AdsPopoverHeader = React30.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+var AdsPopoverHeader = React31.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "div",
     {
       className: cn("flex flex-col gap-sm", className),
@@ -2645,12 +2669,12 @@ var AdsPopoverHeader = React30.forwardRef(
   )
 );
 AdsPopoverHeader.displayName = "AdsPopoverHeader";
-var AdsPopoverBody = React30.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: cn("mt-md flex flex-col gap-md", className), ref, ...props })
+var AdsPopoverBody = React31.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: cn("mt-md flex flex-col gap-md", className), ref, ...props })
 );
 AdsPopoverBody.displayName = "AdsPopoverBody";
-var AdsPopoverTitle = React30.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+var AdsPopoverTitle = React31.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "h4",
     {
       className: cn("text-base font-medium leading-6 text-foreground", className),
@@ -2660,7 +2684,7 @@ var AdsPopoverTitle = React30.forwardRef(
   )
 );
 AdsPopoverTitle.displayName = "AdsPopoverTitle";
-var AdsPopoverDescription = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+var AdsPopoverDescription = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   "p",
   {
     className: cn("text-sm leading-5 text-muted-foreground", className),
@@ -2671,20 +2695,20 @@ var AdsPopoverDescription = React30.forwardRef(({ className, ...props }, ref) =>
 AdsPopoverDescription.displayName = "AdsPopoverDescription";
 
 // src/components/AdsProgress/index.tsx
-var React32 = __toESM(require("react"), 1);
+var React33 = __toESM(require("react"), 1);
 
 // src/primitives/progress.tsx
-var React31 = __toESM(require("react"), 1);
+var React32 = __toESM(require("react"), 1);
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"), 1);
-var import_jsx_runtime34 = require("react/jsx-runtime");
-var Progress = React31.forwardRef(({ className, indicatorClassName, value, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var Progress = React32.forwardRef(({ className, indicatorClassName, value, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime34.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       ProgressPrimitive.Indicator,
       {
         className: cn("h-full w-full flex-1 bg-primary transition-all", indicatorClassName),
@@ -2696,13 +2720,13 @@ var Progress = React31.forwardRef(({ className, indicatorClassName, value, ...pr
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // src/components/AdsProgress/index.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = 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 = React32.forwardRef(({ className, indicatorClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+var Progress2 = React33.forwardRef(({ className, indicatorClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
   Progress,
   {
     className: cn(progressBaseClassName, className),
@@ -2712,7 +2736,7 @@ var Progress2 = React32.forwardRef(({ className, indicatorClassName, ...props },
   }
 ));
 Progress2.displayName = "Progress";
-var AdsProgress = React32.forwardRef(
+var AdsProgress = React33.forwardRef(
   ({
     className,
     descriptionPlacement = "above",
@@ -2731,12 +2755,12 @@ var AdsProgress = React32.forwardRef(
       id
     });
     const labelId = label ? `${description.inputId}-label` : void 0;
-    const helperNode = helperText ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
-    const errorNode = errorText ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AdsFieldError, { id: description.errorId, children: errorText }) : null;
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(AdsFieldItem, { children: [
-      label ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AdsFieldLabel, { id: labelId, children: label }) : null,
+    const helperNode = helperText ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
+    const errorNode = errorText ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(AdsFieldError, { id: description.errorId, children: errorText }) : null;
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(AdsFieldItem, { children: [
+      label ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(AdsFieldLabel, { id: labelId, children: label }) : null,
       descriptionPlacement === "above" ? helperNode : null,
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
         Progress,
         {
           "aria-describedby": description.describedBy,
@@ -2760,15 +2784,15 @@ var AdsProgress = React32.forwardRef(
 AdsProgress.displayName = "AdsProgress";
 
 // src/components/AdsRadioGroup/index.tsx
-var React34 = __toESM(require("react"), 1);
+var React35 = __toESM(require("react"), 1);
 
 // src/primitives/radio-group.tsx
-var React33 = __toESM(require("react"), 1);
+var React34 = __toESM(require("react"), 1);
 var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"), 1);
-var import_lucide_react9 = require("lucide-react");
-var import_jsx_runtime36 = require("react/jsx-runtime");
-var RadioGroup = React33.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var import_lucide_react10 = require("lucide-react");
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var RadioGroup = React34.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     RadioGroupPrimitive.Root,
     {
       className: cn("grid gap-2", className),
@@ -2778,8 +2802,8 @@ var RadioGroup = React33.forwardRef(({ className, ...props }, ref) => {
   );
 });
 RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React33.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var RadioGroupItem = React34.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     RadioGroupPrimitive.Item,
     {
       ref,
@@ -2788,19 +2812,19 @@ var RadioGroupItem = React33.forwardRef(({ className, ...props }, ref) => {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react9.Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react10.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_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = 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 = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(RadioGroup, { className: cn(radioGroupBaseClassName, className), ref, ...props }));
+var RadioGroup2 = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(RadioGroup, { className: cn(radioGroupBaseClassName, className), ref, ...props }));
 RadioGroup2.displayName = "RadioGroup";
-var RadioGroupItem2 = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+var RadioGroupItem2 = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
   RadioGroupItem,
   {
     className: cn(radioItemBaseClassName, className),
@@ -2809,7 +2833,7 @@ var RadioGroupItem2 = React34.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 RadioGroupItem2.displayName = "RadioGroupItem";
-var AdsRadioGroup = React34.forwardRef(
+var AdsRadioGroup = React35.forwardRef(
   ({
     children,
     className,
@@ -2825,12 +2849,12 @@ var AdsRadioGroup = React34.forwardRef(
       helperText,
       id
     });
-    const helperNode = helperText ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
-    const errorNode = errorText ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(AdsFieldError, { id: description.errorId, children: errorText }) : null;
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(AdsFieldItem, { children: [
-      label ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(AdsFieldLabel, { children: label }) : null,
+    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, { children: label }) : null,
       descriptionPlacement === "above" ? helperNode : null,
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         RadioGroup2,
         {
           "aria-describedby": description.describedBy,
@@ -2846,11 +2870,11 @@ var AdsRadioGroup = React34.forwardRef(
   }
 );
 AdsRadioGroup.displayName = "AdsRadioGroup";
-var AdsRadioGroupOption = React34.forwardRef(({ className, description, id, label, value, ...props }, ref) => {
-  const generatedId = React34.useId();
+var AdsRadioGroupOption = React35.forwardRef(({ className, description, id, label, value, ...props }, ref) => {
+  const generatedId = React35.useId();
   const inputId = id ?? generatedId;
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("label", { className: "flex w-full cursor-pointer items-start gap-2", htmlFor: inputId, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("label", { className: "flex w-full cursor-pointer items-start gap-2", htmlFor: inputId, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       RadioGroupItem2,
       {
         className: cn(className),
@@ -2860,20 +2884,20 @@ var AdsRadioGroupOption = React34.forwardRef(({ className, description, id, labe
         ...props
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "text-sm leading-5 text-foreground", children: label }),
-      description ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(AdsFieldDescription, { className: "text-sm leading-5", children: description }) : null
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "text-sm leading-5 text-foreground", children: label }),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(AdsFieldDescription, { className: "text-sm leading-5", children: description }) : null
     ] })
   ] });
 });
 AdsRadioGroupOption.displayName = "AdsRadioGroupOption";
-var AdsRadioGroupCardOption = React34.forwardRef(({ className, description, disabled, id, label, value, ...props }, ref) => {
-  const generatedId = React34.useId();
+var AdsRadioGroupCardOption = React35.forwardRef(({ className, description, disabled, id, label, value, ...props }, ref) => {
+  const generatedId = React35.useId();
   const inputId = id ?? generatedId;
   const titleId = `${inputId}-label`;
   const descriptionId = description ? `${inputId}-description` : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "relative", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       RadioGroupItem2,
       {
         "aria-describedby": descriptionId,
@@ -2886,7 +2910,7 @@ var AdsRadioGroupCardOption = React34.forwardRef(({ className, description, disa
         ...props
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
       "div",
       {
         className: cn(
@@ -2895,16 +2919,16 @@ var AdsRadioGroupCardOption = React34.forwardRef(({ className, description, disa
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "text-sm font-medium leading-5 text-foreground", id: titleId, children: label }),
-            description ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(AdsFieldDescription, { className: "text-xs leading-4", id: descriptionId, children: description }) : null
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "text-sm font-medium leading-5 text-foreground", id: titleId, children: label }),
+            description ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(AdsFieldDescription, { className: "text-xs leading-4", id: descriptionId, children: description }) : null
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex h-full shrink-0 items-start justify-center pt-px", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex h-full shrink-0 items-start justify-center pt-px", children: /* @__PURE__ */ (0, import_jsx_runtime38.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_runtime37.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                 "span",
                 {
                   className: "h-2 w-2 rounded-full bg-primary transition-opacity",
@@ -2921,14 +2945,14 @@ var AdsRadioGroupCardOption = React34.forwardRef(({ className, description, disa
 AdsRadioGroupCardOption.displayName = "AdsRadioGroupCardOption";
 
 // src/primitives/select.tsx
-var React35 = __toESM(require("react"), 1);
+var React36 = __toESM(require("react"), 1);
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
-var import_lucide_react10 = require("lucide-react");
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_lucide_react11 = require("lucide-react");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React35.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+var SelectTrigger = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -2939,12 +2963,12 @@ var SelectTrigger = React35.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react10.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react11.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var SelectScrollUpButton = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -2953,11 +2977,11 @@ var SelectScrollUpButton = React35.forwardRef(({ className, ...props }, ref) =>
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react10.ChevronUp, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react11.ChevronUp, { className: "h-4 w-4" })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var SelectScrollDownButton = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -2966,11 +2990,11 @@ var SelectScrollDownButton = React35.forwardRef(({ className, ...props }, ref) =
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react10.ChevronDown, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react11.ChevronDown, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React35.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+var SelectContent = React36.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
   SelectPrimitive.Content,
   {
     ref,
@@ -2982,8 +3006,8 @@ var SelectContent = React35.forwardRef(({ className, children, position = "poppe
     position,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectScrollUpButton, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectScrollUpButton, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -2993,12 +3017,12 @@ var SelectContent = React35.forwardRef(({ className, children, position = "poppe
           children
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectScrollDownButton, {})
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var SelectLabel = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
   SelectPrimitive.Label,
   {
     ref,
@@ -3007,7 +3031,7 @@ var SelectLabel = React35.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React35.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+var SelectItem = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
   SelectPrimitive.Item,
   {
     ref,
@@ -3017,13 +3041,13 @@ var SelectItem = React35.forwardRef(({ className, children, ...props }, ref) =>
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react10.Check, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react11.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var SelectSeparator = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
   SelectPrimitive.Separator,
   {
     ref,
@@ -3034,7 +3058,7 @@ var SelectSeparator = React35.forwardRef(({ className, ...props }, ref) => /* @_
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/AdsSelect/index.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var selectTriggerBaseClassName = "h-9 rounded-radius-md border border-border bg-card px-md py-2 text-sm leading-5 text-foreground 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-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({
@@ -3055,23 +3079,23 @@ function AdsSelect({
     helperText,
     id
   });
-  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,
+  const helperNode = helperText ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
+  const errorNode = errorText ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AdsFieldError, { id: description.errorId, children: errorText }) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(AdsFieldItem, { children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AdsFieldLabel, { htmlFor: description.inputId, children: label }) : null,
     descriptionPlacement === "above" ? helperNode : null,
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Select, { ...props, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(Select, { ...props, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
         SelectTrigger,
         {
           "aria-describedby": description.describedBy,
           "aria-invalid": errorText ? true : void 0,
           className: cn(selectTriggerBaseClassName, triggerClassName),
           id: description.inputId,
-          children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectValue, { placeholder })
+          children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectValue, { placeholder })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectContent, { className: cn(selectContentBaseClassName, contentClassName3), children })
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectContent, { className: cn(selectContentBaseClassName, contentClassName3), children })
     ] }),
     descriptionPlacement === "below" ? helperNode : null,
     errorNode
@@ -3079,13 +3103,13 @@ function AdsSelect({
 }
 
 // src/components/AdsSlider/index.tsx
-var React37 = __toESM(require("react"), 1);
+var React38 = __toESM(require("react"), 1);
 
 // src/primitives/slider.tsx
-var React36 = __toESM(require("react"), 1);
+var React37 = __toESM(require("react"), 1);
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"), 1);
-var import_jsx_runtime40 = require("react/jsx-runtime");
-var Slider = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+var import_jsx_runtime41 = require("react/jsx-runtime");
+var Slider = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
   SliderPrimitive.Root,
   {
     ref,
@@ -3095,10 +3119,10 @@ var Slider = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime41.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_runtime40.jsx)(
+      }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime41.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"
@@ -3111,11 +3135,11 @@ var Slider = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 Slider.displayName = SliderPrimitive.Root.displayName;
 
 // src/components/AdsSlider/index.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var sliderBaseClassName = "py-1";
-var Slider2 = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Slider, { className: cn(sliderBaseClassName, className), ref, ...props }));
+var Slider2 = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Slider, { className: cn(sliderBaseClassName, className), ref, ...props }));
 Slider2.displayName = "Slider";
-var AdsSlider = React37.forwardRef(
+var AdsSlider = React38.forwardRef(
   ({
     className,
     descriptionPlacement = "above",
@@ -3130,12 +3154,12 @@ var AdsSlider = React37.forwardRef(
       helperText,
       id
     });
-    const helperNode = helperText ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
-    const errorNode = errorText ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(AdsFieldError, { id: description.errorId, children: errorText }) : null;
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(AdsFieldItem, { children: [
-      label ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(AdsFieldLabel, { children: label }) : null,
+    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,
       descriptionPlacement === "above" ? helperNode : null,
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
         Slider2,
         {
           "aria-describedby": description.describedBy,
@@ -3152,13 +3176,13 @@ var AdsSlider = React37.forwardRef(
 AdsSlider.displayName = "AdsSlider";
 
 // src/components/AdsSwitch/index.tsx
-var React39 = __toESM(require("react"), 1);
+var React40 = __toESM(require("react"), 1);
 
 // src/primitives/switch.tsx
-var React38 = __toESM(require("react"), 1);
+var React39 = __toESM(require("react"), 1);
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"), 1);
-var import_jsx_runtime42 = require("react/jsx-runtime");
-var Switch = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+var import_jsx_runtime43 = require("react/jsx-runtime");
+var Switch = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
   SwitchPrimitives.Root,
   {
     className: cn(
@@ -3167,7 +3191,7 @@ var Switch = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props,
     ref,
-    children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       SwitchPrimitives.Thumb,
       {
         className: cn(
@@ -3180,15 +3204,15 @@ var Switch = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/AdsSwitch/index.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = 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 = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Switch, { className: cn(switchBaseClassName, className), ref, ...props }));
+var Switch2 = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Switch, { className: cn(switchBaseClassName, className), ref, ...props }));
 Switch2.displayName = "Switch";
-var AdsSwitch = React39.forwardRef(({ className, description, id, label, switchClassName, wrapperClassName, ...props }, ref) => {
-  const generatedId = React39.useId();
+var AdsSwitch = React40.forwardRef(({ className, description, id, label, switchClassName, wrapperClassName, ...props }, ref) => {
+  const generatedId = React40.useId();
   const inputId = id ?? generatedId;
   if (!label) {
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       Switch2,
       {
         className: cn(className, switchClassName),
@@ -3198,12 +3222,12 @@ var AdsSwitch = React39.forwardRef(({ className, description, id, label, switchC
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("label", { className: cn("block w-full cursor-pointer", wrapperClassName), htmlFor: inputId, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex w-full items-start gap-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5 pt-0.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "text-sm font-medium leading-5 text-foreground", children: label }),
-      description ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(AdsFieldDescription, { className: "text-sm leading-5", children: description }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("label", { className: cn("block w-full cursor-pointer", wrapperClassName), htmlFor: inputId, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex w-full items-start gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5 pt-0.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "text-sm font-medium leading-5 text-foreground", children: label }),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(AdsFieldDescription, { className: "text-sm leading-5", children: description }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       Switch2,
       {
         className: cn(className, switchClassName),
@@ -3217,14 +3241,14 @@ var AdsSwitch = React39.forwardRef(({ className, description, id, label, switchC
 AdsSwitch.displayName = "AdsSwitch";
 
 // src/components/AdsTabs/index.tsx
-var React41 = __toESM(require("react"), 1);
+var React42 = __toESM(require("react"), 1);
 
 // src/primitives/tabs.tsx
-var React40 = __toESM(require("react"), 1);
+var React41 = __toESM(require("react"), 1);
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"), 1);
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var Tabs = TabsPrimitive.Root;
-var TabsList = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+var TabsList = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
   TabsPrimitive.List,
   {
     className: cn("inline-flex items-center", className),
@@ -3233,7 +3257,7 @@ var TabsList = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+var TabsTrigger = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
   TabsPrimitive.Trigger,
   {
     className: cn(
@@ -3245,7 +3269,7 @@ var TabsTrigger = React40.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+var TabsContent = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
   TabsPrimitive.Content,
   {
     className: cn("focus-visible:outline-none", className),
@@ -3256,9 +3280,9 @@ var TabsContent = React40.forwardRef(({ className, ...props }, ref) => /* @__PUR
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/AdsTabs/index.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var AdsTabs = Tabs;
-var AdsTabsList = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+var AdsTabsList = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
   TabsList,
   {
     className: cn(
@@ -3270,7 +3294,7 @@ var AdsTabsList = React41.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 AdsTabsList.displayName = "AdsTabsList";
-var AdsTabsTrigger = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+var AdsTabsTrigger = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
   TabsTrigger,
   {
     className: cn(
@@ -3282,7 +3306,7 @@ var AdsTabsTrigger = React41.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 AdsTabsTrigger.displayName = "AdsTabsTrigger";
-var AdsTabsContent = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+var AdsTabsContent = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
   TabsContent,
   {
     className: cn(
@@ -3296,13 +3320,13 @@ var AdsTabsContent = React41.forwardRef(({ className, ...props }, ref) => /* @__
 AdsTabsContent.displayName = "AdsTabsContent";
 
 // src/components/AdsToggle/index.tsx
-var React43 = __toESM(require("react"), 1);
+var React44 = __toESM(require("react"), 1);
 
 // src/primitives/toggle.tsx
-var React42 = __toESM(require("react"), 1);
+var React43 = __toESM(require("react"), 1);
 var TogglePrimitive = __toESM(require("@radix-ui/react-toggle"), 1);
-var import_jsx_runtime46 = require("react/jsx-runtime");
-var Toggle = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+var import_jsx_runtime47 = require("react/jsx-runtime");
+var Toggle = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
   TogglePrimitive.Root,
   {
     className: cn(
@@ -3316,8 +3340,8 @@ var Toggle = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 Toggle.displayName = TogglePrimitive.Root.displayName;
 
 // src/components/AdsToggle/index.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
-var sizeClassName2 = {
+var import_jsx_runtime48 = require("react/jsx-runtime");
+var sizeClassName3 = {
   sm: "!h-8 px-[6px] text-sm",
   md: "!h-9 px-md text-sm",
   lg: "!h-10 px-[10px] text-sm"
@@ -3331,15 +3355,15 @@ 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 = React43.forwardRef(({ children, className, size = "md", variant = "default", ...props }, ref) => {
-  const childCount = React43.Children.count(children);
-  const isIconOnly = childCount === 1 && React43.isValidElement(children);
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+var AdsToggle = React44.forwardRef(({ children, className, size = "md", variant = "default", ...props }, ref) => {
+  const childCount = React44.Children.count(children);
+  const isIconOnly = childCount === 1 && React44.isValidElement(children);
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     Toggle,
     {
       className: cn(
         "inline-flex shrink-0 items-center justify-center gap-2 rounded-radius-md font-medium leading-5 text-foreground focus-visible:ring-[3px] focus-visible:ring-[rgba(161,161,161,0.5)] focus-visible:ring-offset-0 disabled:opacity-50",
-        sizeClassName2[size],
+        sizeClassName3[size],
         variantClassName[variant],
         isIconOnly && iconOnlySizeClassName[size],
         className
@@ -3353,13 +3377,13 @@ var AdsToggle = React43.forwardRef(({ children, className, size = "md", variant
 AdsToggle.displayName = "AdsToggle";
 
 // src/components/AdsToggleGroup/index.tsx
-var React45 = __toESM(require("react"), 1);
+var React46 = __toESM(require("react"), 1);
 
 // src/primitives/toggle-group.tsx
-var React44 = __toESM(require("react"), 1);
+var React45 = __toESM(require("react"), 1);
 var ToggleGroupPrimitive = __toESM(require("@radix-ui/react-toggle-group"), 1);
-var import_jsx_runtime48 = require("react/jsx-runtime");
-var ToggleGroup = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+var import_jsx_runtime49 = require("react/jsx-runtime");
+var ToggleGroup = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
   ToggleGroupPrimitive.Root,
   {
     className: cn("inline-flex items-center justify-start", className),
@@ -3368,7 +3392,7 @@ var ToggleGroup = React44.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+var ToggleGroupItem = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
   ToggleGroupPrimitive.Item,
   {
     className: cn(
@@ -3382,8 +3406,8 @@ var ToggleGroupItem = React44.forwardRef(({ className, ...props }, ref) => /* @_
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 
 // src/components/AdsToggleGroup/index.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
-var sizeClassName3 = {
+var import_jsx_runtime50 = 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",
   lg: "h-10 min-w-9 px-[10px] text-sm"
@@ -3392,8 +3416,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 = React45.createContext(null);
-var AdsToggleGroup = React45.forwardRef(
+var AdsToggleGroupContext = React46.createContext(null);
+var AdsToggleGroup = React46.forwardRef(
   ({
     children,
     className,
@@ -3401,7 +3425,7 @@ var AdsToggleGroup = React45.forwardRef(
     size = "md",
     variant = "default",
     ...props
-  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(AdsToggleGroupContext.Provider, { value: { orientation, size, variant }, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(AdsToggleGroupContext.Provider, { value: { orientation, size, variant }, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     ToggleGroup,
     {
       className: cn(
@@ -3417,17 +3441,17 @@ var AdsToggleGroup = React45.forwardRef(
   ) })
 );
 AdsToggleGroup.displayName = "AdsToggleGroup";
-var AdsToggleGroupItem = React45.forwardRef(({ className, size, variant, ...props }, ref) => {
-  const context = React45.useContext(AdsToggleGroupContext);
+var AdsToggleGroupItem = React46.forwardRef(({ className, size, variant, ...props }, ref) => {
+  const context = React46.useContext(AdsToggleGroupContext);
   const resolvedOrientation = context?.orientation ?? "horizontal";
   const resolvedSize = size ?? context?.size ?? "md";
   const resolvedVariant = variant ?? context?.variant ?? "default";
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     ToggleGroupItem,
     {
       className: cn(
         "inline-flex shrink-0 items-center justify-center font-medium leading-5 text-foreground focus-visible:relative focus-visible:z-10 focus-visible:ring-[3px] focus-visible:ring-[rgba(161,161,161,0.5)] focus-visible:ring-offset-0 disabled:opacity-50",
-        sizeClassName3[resolvedSize],
+        sizeClassName4[resolvedSize],
         variantClassName2[resolvedVariant],
         resolvedOrientation === "horizontal" ? "first:rounded-l-radius-md first:rounded-r-none last:rounded-l-none last:rounded-r-radius-md not-first:not-last:rounded-none" : "first:rounded-t-radius-md first:rounded-b-none last:rounded-t-none last:rounded-b-radius-md not-first:not-last:rounded-none",
         className
@@ -3440,10 +3464,10 @@ var AdsToggleGroupItem = React45.forwardRef(({ className, size, variant, ...prop
 AdsToggleGroupItem.displayName = "AdsToggleGroupItem";
 
 // src/components/AdsTextarea/index.tsx
-var React46 = __toESM(require("react"), 1);
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var React47 = __toESM(require("react"), 1);
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var textareaBaseClassName = "w-full rounded-radius-md border border-border bg-card px-md py-md text-base leading-6 text-foreground shadow-[0px_1px_2px_rgba(0,0,0,0.1)] placeholder:text-muted-foreground focus-visible:border-border-focus focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-[rgba(161,161,161,0.5)] disabled:cursor-not-allowed disabled:opacity-50";
-var AdsTextarea = React46.forwardRef(
+var AdsTextarea = React47.forwardRef(
   ({
     action,
     className,
@@ -3462,12 +3486,12 @@ var AdsTextarea = React46.forwardRef(
       helperText,
       id
     });
-    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, { htmlFor: description.inputId, children: label }) : null,
+    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, { htmlFor: description.inputId, children: label }) : null,
       descriptionPlacement === "above" ? helperNode : null,
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         Textarea,
         {
           "aria-describedby": description.describedBy,
@@ -3484,7 +3508,7 @@ var AdsTextarea = React46.forwardRef(
           ...props
         }
       ),
-      action ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "w-full [&>*]:w-full", children: action }) : null,
+      action ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "w-full [&>*]:w-full", children: action }) : null,
       descriptionPlacement === "below" ? helperNode : null,
       errorNode
     ] });
@@ -3493,17 +3517,17 @@ var AdsTextarea = React46.forwardRef(
 AdsTextarea.displayName = "AdsTextarea";
 
 // src/components/AdsTooltip/index.tsx
-var React48 = __toESM(require("react"), 1);
+var React49 = __toESM(require("react"), 1);
 
 // src/primitives/tooltip.tsx
-var React47 = __toESM(require("react"), 1);
+var React48 = __toESM(require("react"), 1);
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
 var TooltipArrow = TooltipPrimitive.Arrow;
-var TooltipContent = React47.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+var TooltipContent = React48.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
   TooltipPrimitive.Content,
   {
     className: cn(
@@ -3518,12 +3542,12 @@ var TooltipContent = React47.forwardRef(({ className, sideOffset = 4, ...props }
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
 // src/components/AdsTooltip/index.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = 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 = React48.forwardRef(({ align = "center", className, sideOffset = 10, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+var AdsTooltipContent = React49.forwardRef(({ align = "center", className, sideOffset = 10, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
   TooltipContent,
   {
     align,
@@ -3534,7 +3558,7 @@ var AdsTooltipContent = React48.forwardRef(({ align = "center", className, sideO
   }
 ));
 AdsTooltipContent.displayName = "AdsTooltipContent";
-var AdsTooltipArrow = React48.forwardRef(({ className, height = 5, width = 10, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+var AdsTooltipArrow = React49.forwardRef(({ className, height = 5, width = 10, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
   TooltipArrow,
   {
     className: cn("fill-[#844fff]", className),
@@ -3547,16 +3571,16 @@ var AdsTooltipArrow = React48.forwardRef(({ className, height = 5, width = 10, .
 AdsTooltipArrow.displayName = "AdsTooltipArrow";
 
 // src/components/AdsToast/index.tsx
-var React49 = __toESM(require("react"), 1);
-var import_lucide_react11 = require("lucide-react");
+var React50 = __toESM(require("react"), 1);
+var import_lucide_react12 = require("lucide-react");
 var import_sonner = require("sonner");
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var adsToastIconMap = {
-  success: import_lucide_react11.CircleCheck,
-  info: import_lucide_react11.Info,
-  warning: import_lucide_react11.TriangleAlert,
-  error: import_lucide_react11.OctagonX,
-  loading: import_lucide_react11.LoaderCircle
+  success: import_lucide_react12.CircleCheck,
+  info: import_lucide_react12.Info,
+  warning: import_lucide_react12.TriangleAlert,
+  error: import_lucide_react12.OctagonX,
+  loading: import_lucide_react12.LoaderCircle
 };
 function resolveToastIcon(intent, icon) {
   if (icon) {
@@ -3566,7 +3590,7 @@ function resolveToastIcon(intent, icon) {
     return null;
   }
   const Icon2 = adsToastIconMap[intent];
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     Icon2,
     {
       "aria-hidden": true,
@@ -3575,7 +3599,7 @@ function resolveToastIcon(intent, icon) {
     }
   );
 }
-var AdsToast = React49.forwardRef(
+var AdsToast = React50.forwardRef(
   ({
     action,
     className,
@@ -3586,7 +3610,7 @@ var AdsToast = React49.forwardRef(
     ...props
   }, ref) => {
     const resolvedIcon = resolveToastIcon(intent, icon);
-    return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
       "div",
       {
         className: cn(
@@ -3600,11 +3624,11 @@ var AdsToast = React49.forwardRef(
         ...props,
         children: [
           resolvedIcon,
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-sm font-medium leading-5 text-foreground", children: title }),
-            description ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-xs font-normal leading-4 text-muted-foreground", children: description }) : null
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "text-sm font-medium leading-5 text-foreground", children: title }),
+            description ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "text-xs font-normal leading-4 text-muted-foreground", children: description }) : null
           ] }),
-          action ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          action ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
             AdsButton,
             {
               className: "shrink-0 rounded-radius-lg",
@@ -3630,7 +3654,7 @@ function AdsToaster({
   ...props
 }) {
   const { messages } = useAdsI18n();
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     import_sonner.Toaster,
     {
       closeButton: false,
@@ -3648,7 +3672,7 @@ function AdsToaster({
   );
 }
 function toStageNode(intent, title, options) {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     AdsToast,
     {
       action: options?.action,
@@ -3662,7 +3686,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_runtime53.jsx)(
+    (id) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
       AdsToast,
       {
         action: action ? {
@@ -3716,17 +3740,17 @@ var AdsToastManager = Object.assign(
 );
 
 // src/components/AdsDialog/index.tsx
-var React50 = __toESM(require("react"), 1);
+var React51 = __toESM(require("react"), 1);
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
-var import_lucide_react12 = require("lucide-react");
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_lucide_react13 = require("lucide-react");
+var import_jsx_runtime55 = 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 text-foreground 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 text-foreground/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 = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+var DialogOverlay = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
   DialogPrimitive.Overlay,
   {
     className: cn(overlayClassName2, className),
@@ -3735,7 +3759,7 @@ var DialogOverlay = React50.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = "DialogOverlay";
-var DialogClose = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+var DialogClose = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
   DialogPrimitive.Close,
   {
     className: cn(
@@ -3747,12 +3771,12 @@ var DialogClose = React50.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogClose.displayName = "DialogClose";
-var DialogContent = React50.forwardRef(({ children, className, closeLabel, hideCloseButton = false, ...props }, ref) => {
+var DialogContent = React51.forwardRef(({ children, className, closeLabel, hideCloseButton = false, ...props }, ref) => {
   const { messages } = useAdsI18n();
   const resolvedCloseLabel = closeLabel ?? messages.dialog.close;
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(DialogPortal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DialogOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(DialogPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(DialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
       DialogPrimitive.Content,
       {
         className: cn(contentClassName2, className),
@@ -3760,14 +3784,14 @@ var DialogContent = React50.forwardRef(({ children, className, closeLabel, hideC
         ...props,
         children: [
           children,
-          !hideCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+          !hideCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
             DialogPrimitive.Close,
             {
               "aria-label": resolvedCloseLabel,
               className: closeButtonClassName,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react12.X, { "aria-hidden": true, className: "h-4 w-4" }),
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "sr-only", children: resolvedCloseLabel })
+                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_lucide_react13.X, { "aria-hidden": true, className: "h-4 w-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "sr-only", children: resolvedCloseLabel })
               ]
             }
           ) : null
@@ -3777,8 +3801,8 @@ var DialogContent = React50.forwardRef(({ children, className, closeLabel, hideC
   ] });
 });
 DialogContent.displayName = "DialogContent";
-var DialogHeader = React50.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+var DialogHeader = React51.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "div",
     {
       className: cn("flex flex-col gap-sm pr-8 text-left", className),
@@ -3788,8 +3812,8 @@ var DialogHeader = React50.forwardRef(
   )
 );
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = React50.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+var DialogFooter = React51.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "div",
     {
       className: cn(
@@ -3802,7 +3826,7 @@ var DialogFooter = React50.forwardRef(
   )
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+var DialogTitle = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
   DialogPrimitive.Title,
   {
     className: cn("text-lg font-semibold leading-7 text-foreground", className),
@@ -3811,7 +3835,7 @@ var DialogTitle = React50.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = "DialogTitle";
-var DialogDescription = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+var DialogDescription = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
   DialogPrimitive.Description,
   {
     className: cn("text-sm leading-5 text-muted-foreground", className),
@@ -3833,7 +3857,7 @@ var AdsDialogDescription = DialogDescription;
 
 // src/components/AdsEmpty/index.tsx
 var import_class_variance_authority9 = require("class-variance-authority");
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = 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",
   {
@@ -3850,7 +3874,7 @@ var adsEmptyVariants = (0, import_class_variance_authority9.cva)(
   }
 );
 function AdsEmpty({ className, variant, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "div",
     {
       "data-slot": "ads-empty",
@@ -3860,7 +3884,7 @@ function AdsEmpty({ className, variant, ...props }) {
   );
 }
 function AdsEmptyHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "div",
     {
       "data-slot": "ads-empty-header",
@@ -3870,7 +3894,7 @@ function AdsEmptyHeader({ className, ...props }) {
   );
 }
 function AdsEmptyMedia({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "div",
     {
       "data-slot": "ads-empty-media",
@@ -3884,7 +3908,7 @@ function AdsEmptyMedia({ className, ...props }) {
   );
 }
 function AdsEmptyTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "div",
     {
       "data-slot": "ads-empty-title",
@@ -3894,7 +3918,7 @@ function AdsEmptyTitle({ className, ...props }) {
   );
 }
 function AdsEmptyDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "p",
     {
       "data-slot": "ads-empty-description",
@@ -3904,7 +3928,7 @@ function AdsEmptyDescription({ className, ...props }) {
   );
 }
 function AdsEmptyContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "div",
     {
       "data-slot": "ads-empty-content",
@@ -3914,7 +3938,7 @@ function AdsEmptyContent({ className, ...props }) {
   );
 }
 function AdsEmptyActions({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "div",
     {
       "data-slot": "ads-empty-actions",
@@ -3924,7 +3948,7 @@ function AdsEmptyActions({ className, ...props }) {
   );
 }
 function AdsEmptyFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "div",
     {
       "data-slot": "ads-empty-footer",
@@ -3935,12 +3959,12 @@ function AdsEmptyFooter({ className, ...props }) {
 }
 
 // src/components/AdsTable/index.tsx
-var React52 = __toESM(require("react"), 1);
+var React53 = __toESM(require("react"), 1);
 
 // src/primitives/table.tsx
-var React51 = __toESM(require("react"), 1);
-var import_jsx_runtime56 = require("react/jsx-runtime");
-var Table = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+var React52 = __toESM(require("react"), 1);
+var import_jsx_runtime57 = require("react/jsx-runtime");
+var Table = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
   "table",
   {
     ref,
@@ -3949,9 +3973,9 @@ var Table = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ) }));
 Table.displayName = "Table";
-var TableHeader = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+var TableBody = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
   "tbody",
   {
     ref,
@@ -3960,7 +3984,7 @@ var TableBody = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+var TableFooter = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
   "tfoot",
   {
     ref,
@@ -3972,7 +3996,7 @@ var TableFooter = React51.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+var TableRow = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
   "tr",
   {
     ref,
@@ -3984,7 +4008,7 @@ var TableRow = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+var TableHead = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
   "th",
   {
     ref,
@@ -3996,7 +4020,7 @@ var TableHead = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+var TableCell = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
   "td",
   {
     ref,
@@ -4005,7 +4029,7 @@ var TableCell = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+var TableCaption = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
   "caption",
   {
     ref,
@@ -4016,9 +4040,9 @@ var TableCaption = React51.forwardRef(({ className, ...props }, ref) => /* @__PU
 TableCaption.displayName = "TableCaption";
 
 // src/components/AdsTable/index.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
-var AdsTable = React52.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "w-full overflow-hidden rounded-radius-md border border-border bg-card", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+var import_jsx_runtime58 = require("react/jsx-runtime");
+var AdsTable = React53.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "w-full overflow-hidden rounded-radius-md border border-border bg-card", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     Table,
     {
       ref,
@@ -4028,7 +4052,7 @@ var AdsTable = React52.forwardRef(
   ) })
 );
 AdsTable.displayName = "AdsTable";
-var AdsTableHeader = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+var AdsTableHeader = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
   TableHeader,
   {
     ref,
@@ -4037,7 +4061,7 @@ var AdsTableHeader = React52.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 AdsTableHeader.displayName = "AdsTableHeader";
-var AdsTableBody = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+var AdsTableBody = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
   TableBody,
   {
     ref,
@@ -4046,7 +4070,7 @@ var AdsTableBody = React52.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 AdsTableBody.displayName = "AdsTableBody";
-var AdsTableFooter = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+var AdsTableFooter = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
   TableFooter,
   {
     ref,
@@ -4055,7 +4079,7 @@ var AdsTableFooter = React52.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 AdsTableFooter.displayName = "AdsTableFooter";
-var AdsTableRow = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+var AdsTableRow = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
   TableRow,
   {
     ref,
@@ -4067,7 +4091,7 @@ var AdsTableRow = React52.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 AdsTableRow.displayName = "AdsTableRow";
-var AdsTableHead = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+var AdsTableHead = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
   TableHead,
   {
     ref,
@@ -4079,7 +4103,7 @@ var AdsTableHead = React52.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 AdsTableHead.displayName = "AdsTableHead";
-var AdsTableCell = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+var AdsTableCell = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
   TableCell,
   {
     ref,
@@ -4091,7 +4115,7 @@ var AdsTableCell = React52.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 AdsTableCell.displayName = "AdsTableCell";
-var AdsTableCaption = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+var AdsTableCaption = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
   TableCaption,
   {
     ref,
@@ -4268,6 +4292,7 @@ var designTokens = {
   AdsSeparator,
   AdsSkeleton,
   AdsSlider,
+  AdsSpinner,
   AdsSwitch,
   AdsTable,
   AdsTableBody,