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

package/dist/index.js

@@ -0,0 +1,4080 @@
+'use client';
+"use client";
+import {
+  designTokens
+} from "./chunk-YJFQM6IB.js";
+
+// src/components/AdsAccordion/index.tsx
+import * as React3 from "react";
+
+// src/i18n/AdsI18nProvider.tsx
+import * as React from "react";
+
+// src/i18n/defaultMessages.ts
+var adsDefaultMessages = {
+  en: {
+    accordion: {
+      expand: "Expand section",
+      collapse: "Collapse section"
+    },
+    button: {
+      loading: "Loading"
+    },
+    dialog: {
+      close: "Close dialog"
+    },
+    input: {
+      chooseFile: "Choose File",
+      noFileChosen: "No file chosen",
+      optional: "Optional"
+    },
+    toast: {
+      notifications: "Notifications"
+    },
+    pagination: {
+      previous: "Previous",
+      next: "Next",
+      morePages: "More pages"
+    }
+  },
+  zh: {
+    accordion: {
+      expand: "\u5C55\u5F00\u5185\u5BB9",
+      collapse: "\u6536\u8D77\u5185\u5BB9"
+    },
+    button: {
+      loading: "\u52A0\u8F7D\u4E2D"
+    },
+    dialog: {
+      close: "\u5173\u95ED\u5F39\u7A97"
+    },
+    input: {
+      chooseFile: "\u9009\u62E9\u6587\u4EF6",
+      noFileChosen: "\u672A\u9009\u62E9\u6587\u4EF6",
+      optional: "\u53EF\u9009"
+    },
+    toast: {
+      notifications: "\u901A\u77E5"
+    },
+    pagination: {
+      previous: "\u4E0A\u4E00\u9875",
+      next: "\u4E0B\u4E00\u9875",
+      morePages: "\u66F4\u591A\u9875\u7801"
+    }
+  }
+};
+
+// src/i18n/AdsI18nProvider.tsx
+import { jsx } from "react/jsx-runtime";
+var AdsI18nContext = React.createContext({
+  locale: "en",
+  messages: adsDefaultMessages.en
+});
+function mergeMessages(locale, messages) {
+  const baseMessages = adsDefaultMessages[locale];
+  return {
+    accordion: {
+      ...baseMessages.accordion,
+      ...messages?.accordion
+    },
+    button: {
+      ...baseMessages.button,
+      ...messages?.button
+    },
+    dialog: {
+      ...baseMessages.dialog,
+      ...messages?.dialog
+    },
+    input: {
+      ...baseMessages.input,
+      ...messages?.input
+    },
+    toast: {
+      ...baseMessages.toast,
+      ...messages?.toast
+    },
+    pagination: {
+      ...baseMessages.pagination,
+      ...messages?.pagination
+    }
+  };
+}
+function AdsI18nProvider({
+  children,
+  locale = "en",
+  messages
+}) {
+  const value = React.useMemo(
+    () => ({
+      locale,
+      messages: mergeMessages(locale, messages)
+    }),
+    [locale, messages]
+  );
+  return /* @__PURE__ */ jsx(AdsI18nContext.Provider, { value, children });
+}
+function useAdsI18n() {
+  return React.useContext(AdsI18nContext);
+}
+
+// src/lib/cn.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/primitives/accordion.tsx
+import * as React2 from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDown } from "lucide-react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var Accordion = AccordionPrimitive.Root;
+var AccordionItem = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
+  AccordionPrimitive.Item,
+  {
+    ref,
+    className: cn("border-b", className),
+    ...props
+  }
+));
+AccordionItem.displayName = "AccordionItem";
+var AccordionTrigger = React2.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx2(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+  AccordionPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx2(ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
+    ]
+  }
+) }));
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+var AccordionContent = React2.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx2(
+  AccordionPrimitive.Content,
+  {
+    ref,
+    className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+    ...props,
+    children: /* @__PURE__ */ jsx2("div", { className: cn("pb-4 pt-0", className), children })
+  }
+));
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+
+// src/components/AdsAccordion/index.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function toValueSet(value) {
+  if (!value || value === "") {
+    return /* @__PURE__ */ new Set();
+  }
+  return new Set(Array.isArray(value) ? value : [value]);
+}
+function toExternalValue(value, mode) {
+  if (mode === "single") {
+    return Array.from(value)[0] ?? "";
+  }
+  return Array.from(value);
+}
+function toPrimitiveValue(value, mode) {
+  if (mode === "single") {
+    return Array.isArray(value) ? value[0] ?? "" : value ?? "";
+  }
+  if (!value) {
+    return [];
+  }
+  return Array.isArray(value) ? value : [value];
+}
+var AdsAccordion = React3.forwardRef(
+  ({
+    className,
+    defaultValue,
+    getToggleLabel,
+    items,
+    mode = "single",
+    onValueChange,
+    value,
+    ...props
+  }, ref) => {
+    const { messages } = useAdsI18n();
+    const isControlled = value !== void 0;
+    const [internalValue, setInternalValue] = React3.useState(
+      () => mode === "single" ? toPrimitiveValue(defaultValue, "single") : toPrimitiveValue(defaultValue, "multiple")
+    );
+    const resolvedValue = isControlled ? toPrimitiveValue(value, mode) : internalValue;
+    const openValues = toValueSet(
+      Array.isArray(resolvedValue) ? resolvedValue : resolvedValue || void 0
+    );
+    const handleValueChange = (nextValue) => {
+      if (!isControlled) {
+        setInternalValue(nextValue);
+      }
+      onValueChange?.(toExternalValue(toValueSet(nextValue), mode));
+    };
+    const content = items.map((item, index) => {
+      const isOpen = openValues.has(item.value);
+      const isLastItem = index === items.length - 1;
+      const toggleLabel = getToggleLabel?.(item, isOpen) ?? (isOpen ? messages.accordion.collapse : messages.accordion.expand);
+      return /* @__PURE__ */ jsxs2(
+        AccordionItem,
+        {
+          className: cn("w-full border-border", (!isLastItem || isOpen) && "border-b"),
+          disabled: item.disabled,
+          value: item.value,
+          children: [
+            /* @__PURE__ */ jsxs2(
+              AccordionTrigger,
+              {
+                className: cn(
+                  "group flex h-[52px] w-full items-center py-lg text-left text-sm font-medium leading-5 text-foreground transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background hover:no-underline [&>svg]:ml-md [&>svg]:text-foreground",
+                  item.disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer hover:text-foreground"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx3("span", { className: "min-w-0 flex-1 pr-md", children: /* @__PURE__ */ jsx3("span", { className: "break-words group-hover:underline", children: item.title }) }),
+                  /* @__PURE__ */ jsx3("span", { className: "sr-only", children: toggleLabel })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx3(AccordionContent, { className: "grid overflow-hidden transition-[grid-template-rows,opacity] duration-200 ease-out data-[state=closed]:grid-rows-[0fr] data-[state=closed]:opacity-0 data-[state=open]:grid-rows-[1fr] data-[state=open]:opacity-100", children: /* @__PURE__ */ jsx3("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ jsx3("div", { className: "flex w-full flex-col gap-lg pb-lg text-sm font-normal leading-5 text-foreground", children: item.content }) }) })
+          ]
+        },
+        item.value
+      );
+    });
+    if (mode === "single") {
+      return /* @__PURE__ */ jsx3(
+        Accordion,
+        {
+          className: cn("flex w-full max-w-[503px] flex-col", className),
+          collapsible: true,
+          onValueChange: handleValueChange,
+          ref,
+          type: "single",
+          value: typeof resolvedValue === "string" ? resolvedValue : "",
+          ...props,
+          children: content
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx3(
+      Accordion,
+      {
+        className: cn("flex w-full max-w-[503px] flex-col", className),
+        onValueChange: handleValueChange,
+        ref,
+        type: "multiple",
+        value: Array.isArray(resolvedValue) ? resolvedValue : [],
+        ...props,
+        children: content
+      }
+    );
+  }
+);
+AdsAccordion.displayName = "AdsAccordion";
+
+// src/components/AdsAlert/index.tsx
+import * as React5 from "react";
+import { cva as cva2 } from "class-variance-authority";
+import { CircleAlert, CircleCheck, Info, TriangleAlert } from "lucide-react";
+
+// src/primitives/alert.tsx
+import * as React4 from "react";
+import { cva } from "class-variance-authority";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var alertVariants = cva(
+  "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
+  {
+    variants: {
+      variant: {
+        default: "bg-background text-foreground",
+        destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var Alert = React4.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx4(
+  "div",
+  {
+    ref,
+    role: "alert",
+    className: cn(alertVariants({ variant }), className),
+    ...props
+  }
+));
+Alert.displayName = "Alert";
+var AlertTitle = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+  "h5",
+  {
+    ref,
+    className: cn("mb-1 font-medium leading-none tracking-tight", className),
+    ...props
+  }
+));
+AlertTitle.displayName = "AlertTitle";
+var AlertDescription = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+  "div",
+  {
+    ref,
+    className: cn("text-sm [&_p]:leading-relaxed", className),
+    ...props
+  }
+));
+AlertDescription.displayName = "AlertDescription";
+
+// src/components/AdsAlert/index.tsx
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var adsAlertVariants = cva2(
+  "relative flex w-full rounded-radius-lg border border-border bg-card px-4 py-3 [&>[data-slot=alert-icon]]:!text-[inherit]",
+  {
+    variants: {
+      variant: {
+        default: "text-foreground",
+        destructive: "text-destructive",
+        success: "text-success",
+        warning: "text-warning",
+        info: "text-info"
+      },
+      hasSupportingContent: {
+        true: "items-start gap-3",
+        false: "items-center gap-3"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      hasSupportingContent: true
+    }
+  }
+);
+var descriptionVariants = cva2(
+  "min-w-0 text-sm leading-5 text-current [&_p]:leading-5",
+  {
+    variants: {
+      variant: {
+        default: "font-light",
+        destructive: "font-normal",
+        success: "font-normal",
+        warning: "font-normal",
+        info: "font-normal"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var defaultVariantIcons = {
+  default: CircleCheck,
+  destructive: CircleAlert,
+  success: CircleCheck,
+  warning: TriangleAlert,
+  info: Info
+};
+function isComponentElement(child, component) {
+  return React5.isValidElement(child) && child.type === component;
+}
+function cloneWithClassName(child, className, dataSlot, extraProps) {
+  const element = child;
+  return React5.cloneElement(element, {
+    className: cn(className, element.props.className),
+    "data-slot": dataSlot,
+    style: {
+      ...element.props.style,
+      ...extraProps?.style
+    }
+  });
+}
+var Alert2 = React5.forwardRef(
+  ({ children, className, variant, ...props }, ref) => {
+    const items = React5.Children.toArray(children);
+    let title = null;
+    let description = null;
+    let icon = null;
+    const extras = [];
+    let hasSeenBodyContent = false;
+    for (const child of items) {
+      if (!title && isComponentElement(child, AlertTitle2)) {
+        title = child;
+        hasSeenBodyContent = true;
+        continue;
+      }
+      if (!description && isComponentElement(child, AlertDescription2)) {
+        description = child;
+        hasSeenBodyContent = true;
+        continue;
+      }
+      if (!icon && !hasSeenBodyContent && React5.isValidElement(child)) {
+        icon = child;
+        continue;
+      }
+      extras.push(child);
+    }
+    const hasSupportingContent = Boolean(description || extras.length > 0);
+    const resolvedIcon = cloneWithClassName(
+      icon ?? React5.createElement(defaultVariantIcons[variant ?? "default"], {
+        "aria-hidden": true
+      }),
+      "size-4 shrink-0",
+      "alert-icon",
+      {
+        style: { color: "inherit" }
+      }
+    );
+    const resolvedTitle = title ? cloneWithClassName(
+      title,
+      "min-w-0 text-sm font-medium leading-5 tracking-normal text-current",
+      "alert-title"
+    ) : null;
+    const supportingContent = description || extras.length > 0 ? /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 w-full flex-col gap-1", "data-slot": "alert-supporting", children: [
+      description ? cloneWithClassName(
+        description,
+        descriptionVariants({ variant }),
+        "alert-description"
+      ) : null,
+      extras.length > 0 ? /* @__PURE__ */ jsx5(
+        "div",
+        {
+          className: cn(
+            "min-w-0 text-sm leading-5 text-current",
+            "w-full",
+            "[&_ol]:list-decimal [&_ol]:pl-[21px] [&_ol]:space-y-0",
+            "[&_ul]:list-disc [&_ul]:pl-[21px] [&_ul]:space-y-0"
+          ),
+          "data-slot": "alert-extra",
+          children: extras
+        }
+      ) : null
+    ] }) : null;
+    return /* @__PURE__ */ jsx5(
+      Alert,
+      {
+        ref,
+        className: cn(
+          adsAlertVariants({ variant, hasSupportingContent }),
+          className
+        ),
+        role: "alert",
+        ...props,
+        children: hasSupportingContent ? /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", "data-slot": "alert-body", children: [
+          /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 items-center gap-3", "data-slot": "alert-heading-row", children: [
+            resolvedIcon,
+            resolvedTitle
+          ] }),
+          supportingContent ? /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 gap-3", "data-slot": "alert-content-row", children: [
+            /* @__PURE__ */ jsx5("div", { "aria-hidden": true, className: "size-4 shrink-0" }),
+            supportingContent
+          ] }) : null
+        ] }) : /* @__PURE__ */ jsx5("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", "data-slot": "alert-body", children: /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 items-center gap-3", "data-slot": "alert-heading-row", children: [
+          resolvedIcon,
+          resolvedTitle ?? children
+        ] }) })
+      }
+    );
+  }
+);
+Alert2.displayName = "AdsAlert";
+var AlertTitle2 = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(AlertTitle, { ref, className: cn(className), ...props }));
+AlertTitle2.displayName = "AlertTitle";
+var AlertDescription2 = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(AlertDescription, { ref, className: cn(className), ...props }));
+AlertDescription2.displayName = "AlertDescription";
+
+// src/components/AdsBadge/index.tsx
+import * as React6 from "react";
+import { cva as cva4 } from "class-variance-authority";
+
+// src/primitives/badge.tsx
+import { cva as cva3 } from "class-variance-authority";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var badgeVariants = cva3(
+  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+        outline: "text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({ className, variant, ...props }) {
+  return /* @__PURE__ */ jsx6("div", { className: cn(badgeVariants({ variant }), className), ...props });
+}
+
+// src/components/AdsBadge/index.tsx
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+var adsBadgeVariants = cva4(
+  [
+    "h-5 min-h-5",
+    "border text-xs font-medium leading-4 tracking-normal",
+    "shadow-none",
+    "focus:ring-offset-background"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground hover:bg-primary",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary",
+        destructive: "border-transparent bg-destructive text-primary-foreground hover:bg-destructive",
+        outline: "border-border bg-transparent text-foreground hover:bg-transparent"
+      },
+      format: {
+        label: "!rounded-radius-lg px-[10px] py-[2px]",
+        icon: "!rounded-radius-lg gap-1 px-[10px] py-[2px]",
+        number: "!rounded-full px-[10px] py-[2px]"
+      }
+    },
+    compoundVariants: [
+      {
+        format: "number",
+        variant: "outline",
+        className: "px-1 font-mono"
+      }
+    ],
+    defaultVariants: {
+      format: "label",
+      variant: "default"
+    }
+  }
+);
+function renderIcon(icon) {
+  if (!icon) {
+    return null;
+  }
+  if (React6.isValidElement(icon)) {
+    return React6.cloneElement(icon, {
+      className: cn("h-3 w-3 shrink-0", icon.props.className)
+    });
+  }
+  return /* @__PURE__ */ jsx7("span", { className: "inline-flex h-3 w-3 shrink-0 items-center justify-center", children: icon });
+}
+function AdsBadge({ children, className, format, icon, variant, ...props }) {
+  const resolvedFormat = format ?? (icon ? "icon" : "label");
+  return /* @__PURE__ */ jsxs4(
+    Badge,
+    {
+      className: cn(adsBadgeVariants({ format: resolvedFormat, variant }), className),
+      variant,
+      ...props,
+      children: [
+        renderIcon(icon),
+        children
+      ]
+    }
+  );
+}
+
+// src/components/AdsAlertDialog/index.tsx
+import * as React7 from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+var overlayClassName = "fixed inset-0 z-50 bg-black/80 backdrop-blur-[2px] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0";
+var contentClassName = "fixed left-1/2 top-1/2 z-50 grid w-[calc(100%-2rem)] max-w-[512px] -translate-x-1/2 -translate-y-1/2 gap-lg rounded-radius-lg border 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 actionClassName = "inline-flex h-9 items-center justify-center rounded-radius-md border-0 bg-brand-gradient px-lg py-sm text-sm font-medium leading-5 tracking-normal text-primary-foreground shadow-[0px_1px_2px_rgba(0,0,0,0.1)] transition-opacity hover:opacity-90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card disabled:pointer-events-none disabled:opacity-[0.65]";
+var cancelClassName = "inline-flex h-9 items-center justify-center rounded-radius-md border border-border bg-card px-lg py-sm text-sm font-medium leading-5 tracking-normal text-secondary-foreground shadow-[0px_1px_2px_rgba(0,0,0,0.1)] transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card disabled:pointer-events-none disabled:opacity-[0.65]";
+var AlertDialog = AlertDialogPrimitive.Root;
+var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+var AlertDialogPortal = AlertDialogPrimitive.Portal;
+var AlertDialogOverlay = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+  AlertDialogPrimitive.Overlay,
+  {
+    className: cn(overlayClassName, className),
+    ref,
+    ...props
+  }
+));
+AlertDialogOverlay.displayName = "AlertDialogOverlay";
+var AlertDialogContent = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs5(AlertDialogPortal, { children: [
+  /* @__PURE__ */ jsx8(AlertDialogOverlay, {}),
+  /* @__PURE__ */ jsx8(
+    AlertDialogPrimitive.Content,
+    {
+      className: cn(contentClassName, className),
+      ref,
+      ...props
+    }
+  )
+] }));
+AlertDialogContent.displayName = "AlertDialogContent";
+var AlertDialogHeader = React7.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+    "div",
+    {
+      className: cn("flex flex-col gap-sm text-left", className),
+      ref,
+      ...props
+    }
+  )
+);
+AlertDialogHeader.displayName = "AlertDialogHeader";
+var AlertDialogFooter = React7.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+    "div",
+    {
+      className: cn(
+        "flex flex-col-reverse gap-sm sm:flex-row sm:justify-end",
+        className
+      ),
+      ref,
+      ...props
+    }
+  )
+);
+AlertDialogFooter.displayName = "AlertDialogFooter";
+var AlertDialogTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+  AlertDialogPrimitive.Title,
+  {
+    className: cn("text-lg font-semibold leading-7 text-foreground", className),
+    ref,
+    ...props
+  }
+));
+AlertDialogTitle.displayName = "AlertDialogTitle";
+var AlertDialogDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+  AlertDialogPrimitive.Description,
+  {
+    className: cn("text-sm font-normal leading-5 text-muted-foreground", className),
+    ref,
+    ...props
+  }
+));
+AlertDialogDescription.displayName = "AlertDialogDescription";
+var AlertDialogAction = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+  AlertDialogPrimitive.Action,
+  {
+    className: cn(actionClassName, className),
+    ref,
+    ...props
+  }
+));
+AlertDialogAction.displayName = "AlertDialogAction";
+var AlertDialogCancel = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+  AlertDialogPrimitive.Cancel,
+  {
+    className: cn(cancelClassName, className),
+    ref,
+    ...props
+  }
+));
+AlertDialogCancel.displayName = "AlertDialogCancel";
+var AdsAlertDialog = AlertDialog;
+var AdsAlertDialogTrigger = AlertDialogTrigger;
+var AdsAlertDialogPortal = AlertDialogPortal;
+var AdsAlertDialogOverlay = AlertDialogOverlay;
+var AdsAlertDialogContent = AlertDialogContent;
+var AdsAlertDialogHeader = AlertDialogHeader;
+var AdsAlertDialogFooter = AlertDialogFooter;
+var AdsAlertDialogTitle = AlertDialogTitle;
+var AdsAlertDialogDescription = AlertDialogDescription;
+var AdsAlertDialogAction = AlertDialogAction;
+var AdsAlertDialogCancel = AlertDialogCancel;
+
+// src/components/AdsButton/index.tsx
+import * as React9 from "react";
+
+// src/primitives/button.tsx
+import * as React8 from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva as cva5 } from "class-variance-authority";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var buttonVariants = cva5(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium 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 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React8.forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx9(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+// src/components/AdsButton/index.tsx
+import { Fragment, jsx as jsx10, jsxs as jsxs6 } from "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",
+  secondary: "border border-border bg-card text-secondary-foreground shadow-[0px_1px_2px_rgba(0,0,0,0.1)] hover:bg-accent",
+  tertiary: "border-0 bg-card text-foreground shadow-none hover:bg-accent hover:shadow-[0px_1px_2px_rgba(0,0,0,0.1)]",
+  ghost: "border-0 bg-card text-foreground shadow-none hover:bg-accent hover:shadow-[0px_1px_2px_rgba(0,0,0,0.1)]",
+  danger: "border-0 bg-destructive text-primary-foreground shadow-[0px_1px_2px_rgba(0,0,0,0.1)] hover:bg-destructive/90",
+  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 = {
+  sm: "!h-8 px-md py-sm",
+  md: "!h-9 px-lg py-sm",
+  lg: "!h-10 px-xl py-[10px]"
+};
+var focusClassName = {
+  brand: "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+  primary: "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+  secondary: "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+  tertiary: "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+  ghost: "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+  danger: "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+  destructive: "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+  link: "focus-visible:border focus-visible:border-ring focus-visible:ring-0 focus-visible:ring-offset-0"
+};
+function renderLeadingIcon(icon) {
+  if (!icon) {
+    return null;
+  }
+  if (React9.isValidElement(icon)) {
+    const sizedIcon = React9.cloneElement(icon, {
+      className: cn("!h-4 !w-4 h-4 w-4", icon.props.className)
+    });
+    return /* @__PURE__ */ jsx10("span", { className: "inline-flex h-4 w-4 items-center justify-center [&>svg]:!h-4 [&>svg]:!w-4", children: sizedIcon });
+  }
+  return /* @__PURE__ */ jsx10("span", { className: "inline-flex h-4 w-4 items-center justify-center", children: icon });
+}
+function AdsButtonLoadingIcon() {
+  return /* @__PURE__ */ jsx10(
+    "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__ */ jsxs6(
+        "g",
+        {
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeWidth: "1.6",
+          transform: "translate(1.675 1.675)",
+          children: [
+            /* @__PURE__ */ jsx10("path", { d: "M8.1667 0.6667V3.1667" }),
+            /* @__PURE__ */ jsx10("path", { d: "M8.1667 13.1667V15.6667" }),
+            /* @__PURE__ */ jsx10("path", { d: "M15.6667 8.1667H13.1667" }),
+            /* @__PURE__ */ jsx10("path", { d: "M3.1667 8.1667H0.6667" }),
+            /* @__PURE__ */ jsx10("path", { d: "M13.4696 2.8631L11.7018 4.6309" }),
+            /* @__PURE__ */ jsx10("path", { d: "M4.6317 11.7018L2.8639 13.4696" }),
+            /* @__PURE__ */ jsx10("path", { d: "M13.4696 13.4696L11.7018 11.7018" }),
+            /* @__PURE__ */ jsx10("path", { d: "M4.6317 4.6309L2.8639 2.8631" })
+          ]
+        }
+      )
+    }
+  );
+}
+var AdsButton = React9.forwardRef(
+  ({
+    children,
+    className,
+    disabled = false,
+    icon,
+    intent = "brand",
+    leadingIcon,
+    loading = false,
+    loadingLabel,
+    size = "md",
+    type = "button",
+    ...props
+  }, ref) => {
+    const { messages } = useAdsI18n();
+    const isDisabled = disabled || loading;
+    const resolvedIcon = icon ?? leadingIcon;
+    const resolvedLoadingLabel = loadingLabel ?? messages.button.loading;
+    const hasTextContent = React9.Children.count(children) > 0;
+    const isIconOnly = Boolean(resolvedIcon) && !hasTextContent;
+    return /* @__PURE__ */ jsx10(
+      Button,
+      {
+        "aria-busy": loading || void 0,
+        className: cn(
+          "min-w-0 rounded-radius-md text-sm font-medium leading-5 tracking-normal",
+          "active:translate-y-px",
+          "active:not-aria-[haspopup]:translate-y-px",
+          "focus-visible:outline-none",
+          "disabled:pointer-events-none",
+          intentClassName[intent],
+          focusClassName[intent],
+          sizeClassName[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
+        ),
+        disabled: isDisabled,
+        ref,
+        type,
+        variant: "ghost",
+        ...props,
+        children: /* @__PURE__ */ jsxs6("span", { className: "inline-flex items-center justify-center gap-1", children: [
+          /* @__PURE__ */ jsxs6("span", { className: "inline-flex items-center justify-center gap-sm", children: [
+            renderLeadingIcon(resolvedIcon),
+            hasTextContent ? /* @__PURE__ */ jsx10("span", { children }) : null
+          ] }),
+          loading ? /* @__PURE__ */ jsxs6(Fragment, { children: [
+            /* @__PURE__ */ jsx10(AdsButtonLoadingIcon, {}),
+            /* @__PURE__ */ jsx10("span", { className: "sr-only", children: resolvedLoadingLabel })
+          ] }) : null
+        ] })
+      }
+    );
+  }
+);
+AdsButton.displayName = "AdsButton";
+
+// src/components/AdsBreadcrumb/index.tsx
+import * as React11 from "react";
+import { ChevronRight as ChevronRight2, MoreHorizontal as MoreHorizontal2, Slash } from "lucide-react";
+
+// src/primitives/breadcrumb.tsx
+import * as React10 from "react";
+import { Slot as Slot2 } from "@radix-ui/react-slot";
+import { ChevronRight, MoreHorizontal } from "lucide-react";
+import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+var Breadcrumb = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+  "nav",
+  {
+    "aria-label": "breadcrumb",
+    className: cn("w-full", className),
+    ref,
+    ...props
+  }
+));
+Breadcrumb.displayName = "Breadcrumb";
+var BreadcrumbList = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+  "ul",
+  {
+    className: cn(
+      "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground",
+      className
+    ),
+    ref,
+    ...props
+  }
+));
+BreadcrumbList.displayName = "BreadcrumbList";
+var BreadcrumbItem = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+  "li",
+  {
+    className: cn("inline-flex items-center gap-1.5", className),
+    ref,
+    ...props
+  }
+));
+BreadcrumbItem.displayName = "BreadcrumbItem";
+var BreadcrumbLink = React10.forwardRef(
+  ({ asChild = false, className, ...props }, ref) => {
+    const Comp = asChild ? Slot2 : "a";
+    return /* @__PURE__ */ jsx11(Comp, { className: cn("transition-colors", className), ref, ...props });
+  }
+);
+BreadcrumbLink.displayName = "BreadcrumbLink";
+var BreadcrumbPage = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+  "span",
+  {
+    "aria-current": "page",
+    "aria-disabled": "true",
+    className: cn("font-normal text-foreground", className),
+    ref,
+    role: "link",
+    ...props
+  }
+));
+BreadcrumbPage.displayName = "BreadcrumbPage";
+var BreadcrumbSeparator = ({
+  children,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx11(
+  "li",
+  {
+    "aria-hidden": "true",
+    className: cn("[&_svg]:size-3.5", className),
+    role: "presentation",
+    ...props,
+    children: children ?? /* @__PURE__ */ jsx11(ChevronRight, {})
+  }
+);
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+var BreadcrumbEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs7(
+  "span",
+  {
+    "aria-hidden": "true",
+    className: cn("flex size-3.5 items-center justify-center", className),
+    role: "presentation",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx11(MoreHorizontal, { className: "size-3.5" }),
+      /* @__PURE__ */ jsx11("span", { className: "sr-only", children: "More" })
+    ]
+  }
+);
+BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
+
+// src/components/AdsBreadcrumb/index.tsx
+import { jsx as jsx12 } from "react/jsx-runtime";
+var AdsBreadcrumb = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(Breadcrumb, { className: cn("w-full", className), ref, ...props }));
+AdsBreadcrumb.displayName = "AdsBreadcrumb";
+var AdsBreadcrumbList = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+  BreadcrumbList,
+  {
+    className: cn(
+      "flex flex-wrap items-center gap-1.5 text-sm leading-5 text-muted-foreground",
+      className
+    ),
+    ref,
+    ...props
+  }
+));
+AdsBreadcrumbList.displayName = "AdsBreadcrumbList";
+var AdsBreadcrumbItem = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+  BreadcrumbItem,
+  {
+    className: cn("inline-flex items-center gap-1.5", className),
+    ref,
+    ...props
+  }
+));
+AdsBreadcrumbItem.displayName = "AdsBreadcrumbItem";
+var AdsBreadcrumbLink = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+  BreadcrumbLink,
+  {
+    className: cn(
+      "text-sm font-normal leading-5 text-muted-foreground transition-colors hover:text-foreground",
+      className
+    ),
+    ref,
+    ...props
+  }
+));
+AdsBreadcrumbLink.displayName = "AdsBreadcrumbLink";
+var AdsBreadcrumbPage = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+  BreadcrumbPage,
+  {
+    className: cn("text-sm font-normal leading-5 text-foreground", className),
+    ref,
+    ...props
+  }
+));
+AdsBreadcrumbPage.displayName = "AdsBreadcrumbPage";
+var separatorIcons = {
+  chevron: /* @__PURE__ */ jsx12(ChevronRight2, { className: "size-3.5" }),
+  slash: /* @__PURE__ */ jsx12(Slash, { className: "size-3.5" })
+};
+var AdsBreadcrumbSeparator = ({
+  children,
+  className,
+  icon = "chevron",
+  ...props
+}) => /* @__PURE__ */ jsx12(
+  BreadcrumbSeparator,
+  {
+    className: cn("text-muted-foreground [&_svg]:size-3.5", className),
+    ...props,
+    children: children ?? separatorIcons[icon]
+  }
+);
+AdsBreadcrumbSeparator.displayName = "AdsBreadcrumbSeparator";
+var AdsBreadcrumbEllipsis = ({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsx12(
+  BreadcrumbEllipsis,
+  {
+    className: cn("size-3.5 text-muted-foreground", className),
+    ...props,
+    children: children ?? /* @__PURE__ */ jsx12(MoreHorizontal2, { className: "size-3.5" })
+  }
+);
+AdsBreadcrumbEllipsis.displayName = "AdsBreadcrumbEllipsis";
+
+// src/components/AdsCheckbox/index.tsx
+import * as React16 from "react";
+
+// src/primitives/checkbox.tsx
+import * as React12 from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { Check } from "lucide-react";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var Checkbox = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+  CheckboxPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx13(
+      CheckboxPrimitive.Indicator,
+      {
+        className: cn("grid place-content-center text-current"),
+        children: /* @__PURE__ */ jsx13(Check, { className: "h-4 w-4" })
+      }
+    )
+  }
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+// src/components/AdsField/index.tsx
+import * as React15 from "react";
+
+// src/primitives/field.tsx
+import { useMemo as useMemo2 } from "react";
+import { cva as cva7 } from "class-variance-authority";
+
+// src/primitives/label.tsx
+import * as React13 from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cva as cva6 } from "class-variance-authority";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var labelVariants = cva6(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+var Label = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+  LabelPrimitive.Root,
+  {
+    ref,
+    className: cn(labelVariants(), className),
+    ...props
+  }
+));
+Label.displayName = LabelPrimitive.Root.displayName;
+
+// src/primitives/separator.tsx
+import * as React14 from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { jsx as jsx15 } from "react/jsx-runtime";
+var Separator = React14.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx15(
+    SeparatorPrimitive.Root,
+    {
+      ref,
+      decorative,
+      orientation,
+      className: cn(
+        "shrink-0 bg-border",
+        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Separator.displayName = SeparatorPrimitive.Root.displayName;
+
+// src/primitives/field.tsx
+import { jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
+function FieldSet({ className, ...props }) {
+  return /* @__PURE__ */ jsx16(
+    "fieldset",
+    {
+      "data-slot": "field-set",
+      className: cn(
+        "flex flex-col gap-6",
+        "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldLegend({
+  className,
+  variant = "legend",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx16(
+    "legend",
+    {
+      "data-slot": "field-legend",
+      "data-variant": variant,
+      className: cn(
+        "mb-3 font-medium",
+        "data-[variant=legend]:text-base",
+        "data-[variant=label]:text-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx16(
+    "div",
+    {
+      "data-slot": "field-group",
+      className: cn(
+        "group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var fieldVariants = cva7(
+  "group/field data-[invalid=true]:text-destructive flex w-full gap-3",
+  {
+    variants: {
+      orientation: {
+        vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
+        horizontal: [
+          "flex-row items-center",
+          "[&>[data-slot=field-label]]:flex-auto",
+          "has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px has-[>[data-slot=field-content]]:items-start"
+        ],
+        responsive: [
+          "@md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto flex-col [&>*]:w-full [&>.sr-only]:w-auto",
+          "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
+          "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+        ]
+      }
+    },
+    defaultVariants: {
+      orientation: "vertical"
+    }
+  }
+);
+function Field({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx16(
+    "div",
+    {
+      role: "group",
+      "data-slot": "field",
+      "data-orientation": orientation,
+      className: cn(fieldVariants({ orientation }), className),
+      ...props
+    }
+  );
+}
+function FieldLabel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx16(
+    Label,
+    {
+      "data-slot": "field-label",
+      className: cn(
+        "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50",
+        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>[data-slot=field]]:p-4",
+        "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx16(
+    "div",
+    {
+      "data-slot": "field-label",
+      className: cn(
+        "flex w-fit items-center gap-2 text-sm font-medium leading-snug group-data-[disabled=true]/field:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx16(
+    "p",
+    {
+      "data-slot": "field-description",
+      className: cn(
+        "text-muted-foreground text-sm font-normal leading-normal group-has-[[data-orientation=horizontal]]/field:text-balance",
+        "nth-last-2:-mt-1 last:mt-0 [[data-variant=legend]+&]:-mt-1.5",
+        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldSeparator({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs8(
+    "div",
+    {
+      "data-slot": "field-separator",
+      "data-content": !!children,
+      className: cn(
+        "relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx16(Separator, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ jsx16(
+          "span",
+          {
+            className: "bg-background text-muted-foreground relative mx-auto block w-fit px-2",
+            "data-slot": "field-separator-content",
+            children
+          }
+        )
+      ]
+    }
+  );
+}
+function FieldError({
+  className,
+  children,
+  errors,
+  ...props
+}) {
+  const content = useMemo2(() => {
+    if (children) {
+      return children;
+    }
+    if (!errors) {
+      return null;
+    }
+    if (errors?.length === 1 && errors[0]?.message) {
+      return errors[0].message;
+    }
+    return /* @__PURE__ */ jsx16("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: errors.map(
+      (error, index) => error?.message && /* @__PURE__ */ jsx16("li", { children: error.message }, index)
+    ) });
+  }, [children, errors]);
+  if (!content) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx16(
+    "div",
+    {
+      role: "alert",
+      "data-slot": "field-error",
+      className: cn("text-destructive text-sm font-normal", className),
+      ...props,
+      children: content
+    }
+  );
+}
+
+// src/components/AdsField/index.tsx
+import { jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
+function useAdsFieldDescription({
+  describedBy,
+  errorText,
+  helperText,
+  id
+}) {
+  const generatedId = React15.useId();
+  const inputId = id ?? generatedId;
+  const helperId = helperText ? `${inputId}-helper` : void 0;
+  const errorId = errorText ? `${inputId}-error` : void 0;
+  const descriptionIds = [describedBy, helperId, errorId].filter(Boolean).join(" ");
+  return {
+    describedBy: descriptionIds || void 0,
+    errorId,
+    helperId,
+    inputId
+  };
+}
+var AdsField = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+  FieldGroup,
+  {
+    className: cn("w-full gap-7", className),
+    ref,
+    ...props
+  }
+));
+AdsField.displayName = "AdsField";
+var AdsFieldHeader = React15.forwardRef(
+  ({ className, description, title, ...props }, ref) => /* @__PURE__ */ jsxs9("div", { className: cn("flex w-full flex-col gap-3", className), ref, ...props, children: [
+    /* @__PURE__ */ jsx17(FieldTitle, { className: "w-full text-base font-medium leading-6 text-foreground", children: title }),
+    description ? /* @__PURE__ */ jsx17(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__ */ jsx17(
+  Field,
+  {
+    className: cn("w-full gap-3", className),
+    orientation,
+    ref,
+    ...props
+  }
+));
+AdsFieldItem.displayName = "AdsFieldItem";
+var AdsFieldLabel = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+  FieldLabel,
+  {
+    className: cn("w-full text-sm font-medium leading-5 text-foreground", className),
+    ref,
+    ...props
+  }
+));
+AdsFieldLabel.displayName = "AdsFieldLabel";
+var AdsFieldLegend = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+  FieldLegend,
+  {
+    className: cn("mb-3 text-base font-medium leading-6 text-foreground", className),
+    ref,
+    ...props
+  }
+));
+AdsFieldLegend.displayName = "AdsFieldLegend";
+var AdsFieldDescription = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+  FieldDescription,
+  {
+    className: cn("text-sm leading-5 text-muted-foreground", className),
+    ref,
+    ...props
+  }
+));
+AdsFieldDescription.displayName = "AdsFieldDescription";
+var AdsFieldError = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+  FieldError,
+  {
+    className: cn("text-sm leading-5 text-destructive", className),
+    ref,
+    ...props
+  }
+));
+AdsFieldError.displayName = "AdsFieldError";
+var AdsFieldSeparator = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+  FieldSeparator,
+  {
+    className: cn("py-2 text-muted-foreground", className),
+    ref,
+    ...props
+  }
+));
+AdsFieldSeparator.displayName = "AdsFieldSeparator";
+var AdsFieldGroup = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+  FieldGroup,
+  {
+    className: cn("w-full gap-6", className),
+    ref,
+    ...props
+  }
+));
+AdsFieldGroup.displayName = "AdsFieldGroup";
+var AdsFieldSet = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(FieldSet, { className: cn("w-full gap-6", className), ref, ...props }));
+AdsFieldSet.displayName = "AdsFieldSet";
+var AdsFieldCheckboxRow = React15.forwardRef(
+  ({ className, control, description, label, ...props }, ref) => /* @__PURE__ */ jsxs9(
+    "div",
+    {
+      className: cn("flex w-full items-start gap-3", description ? "min-h-5" : "items-center", className),
+      ref,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx17("div", { className: "shrink-0 pt-px", children: control }),
+        /* @__PURE__ */ jsxs9("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
+          /* @__PURE__ */ jsx17("div", { className: "text-sm leading-5 text-foreground", children: label }),
+          description ? /* @__PURE__ */ jsx17(AdsFieldDescription, { className: "text-sm leading-5", children: description }) : null
+        ] })
+      ]
+    }
+  )
+);
+AdsFieldCheckboxRow.displayName = "AdsFieldCheckboxRow";
+var AdsFieldChoiceCard = React15.forwardRef(
+  ({ checked, className, control, description, title, ...props }, ref) => /* @__PURE__ */ jsxs9(
+    "label",
+    {
+      className: cn(
+        "flex w-full items-start gap-3 rounded-radius-md border border-border bg-card p-md shadow-[0px_1px_2px_rgba(0,0,0,0.1)] transition-colors",
+        checked ? "border-primary bg-primary/5" : void 0,
+        className
+      ),
+      ref,
+      ...props,
+      children: [
+        control ? /* @__PURE__ */ jsx17("div", { className: "shrink-0 pt-px", children: control }) : null,
+        /* @__PURE__ */ jsxs9("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
+          /* @__PURE__ */ jsx17("div", { className: "text-sm font-medium leading-5 text-foreground", children: title }),
+          description ? /* @__PURE__ */ jsx17(AdsFieldDescription, { className: "text-sm leading-5", children: description }) : null
+        ] })
+      ]
+    }
+  )
+);
+AdsFieldChoiceCard.displayName = "AdsFieldChoiceCard";
+var AdsFieldActions = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+  "div",
+  {
+    className: cn("flex w-full flex-wrap items-center gap-3", className),
+    ref,
+    ...props
+  }
+));
+AdsFieldActions.displayName = "AdsFieldActions";
+
+// src/components/AdsCheckbox/index.tsx
+import { jsx as jsx18 } from "react/jsx-runtime";
+var checkboxBaseClassName = "h-4 w-4 rounded-[4px] border-border bg-card text-primary shadow-[0px_1px_2px_rgba(0,0,0,0.1)] focus-visible:ring-[3px] focus-visible:ring-[rgba(161,161,161,0.5)] focus-visible:ring-offset-0 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground";
+var Checkbox2 = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(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();
+  const inputId = id ?? generatedId;
+  if (!label) {
+    return /* @__PURE__ */ jsx18(
+      Checkbox2,
+      {
+        className: cn(className, checkboxClassName),
+        id: inputId,
+        ref,
+        ...props
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx18("label", { className: cn("block w-full cursor-pointer", wrapperClassName), htmlFor: inputId, children: /* @__PURE__ */ jsx18(
+    AdsFieldCheckboxRow,
+    {
+      control: /* @__PURE__ */ jsx18(
+        Checkbox2,
+        {
+          className: cn(className, checkboxClassName),
+          id: inputId,
+          ref,
+          ...props
+        }
+      ),
+      description,
+      label
+    }
+  ) });
+});
+AdsCheckbox.displayName = "AdsCheckbox";
+
+// src/components/AdsButtonGroup/index.tsx
+import * as React18 from "react";
+import { Slot as Slot4 } from "@radix-ui/react-slot";
+
+// src/primitives/input.tsx
+import * as React17 from "react";
+import { jsx as jsx19 } from "react/jsx-runtime";
+var Input = React17.forwardRef(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ jsx19(
+      "input",
+      {
+        type,
+        className: cn(
+          "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base 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 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+
+// src/primitives/button-group.tsx
+import { Slot as Slot3 } from "@radix-ui/react-slot";
+import { cva as cva8 } from "class-variance-authority";
+import { jsx as jsx20 } from "react/jsx-runtime";
+var buttonGroupVariants = cva8(
+  "flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
+  {
+    variants: {
+      orientation: {
+        horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
+        vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
+      }
+    },
+    defaultVariants: {
+      orientation: "horizontal"
+    }
+  }
+);
+function ButtonGroupSeparator({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx20(
+    Separator,
+    {
+      "data-slot": "button-group-separator",
+      orientation,
+      className: cn(
+        "pointer-events-none relative !m-0 shrink-0 self-stretch overflow-visible bg-transparent",
+        "data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-0",
+        "data-[orientation=horizontal]:h-0 data-[orientation=horizontal]:w-full",
+        "data-[orientation=vertical]:before:absolute data-[orientation=vertical]:before:inset-y-0 data-[orientation=vertical]:before:left-0 data-[orientation=vertical]:before:w-px data-[orientation=vertical]:before:bg-border",
+        "data-[orientation=horizontal]:before:absolute data-[orientation=horizontal]:before:inset-x-0 data-[orientation=horizontal]:before:top-0 data-[orientation=horizontal]:before:h-px data-[orientation=horizontal]:before:bg-border",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/AdsButtonGroup/index.tsx
+import { jsx as jsx21 } from "react/jsx-runtime";
+var buttonGroupPressClassName = "[&_button]:transition-[background-color,box-shadow,filter] [&_button]:active:translate-y-0 [&_button]:active:brightness-95";
+var segmentSizeClassName = {
+  sm: "h-8 px-md text-sm",
+  md: "h-9 px-lg text-sm",
+  lg: "h-10 px-xl text-base"
+};
+function isAdsButtonElement(child) {
+  return React18.isValidElement(child) && child.type === AdsButton;
+}
+function enhanceChildren(children, attached, size, surface) {
+  return React18.Children.map(children, (child) => {
+    if (!isAdsButtonElement(child)) {
+      return child;
+    }
+    return React18.cloneElement(child, {
+      className: cn(
+        attached && "rounded-none shadow-none",
+        attached && surface === "secondary" && "bg-secondary hover:bg-secondary/90",
+        child.props.className
+      ),
+      size: child.props.size ?? size
+    });
+  });
+}
+var AdsButtonGroup = React18.forwardRef(
+  ({
+    attached = true,
+    children,
+    className,
+    gap,
+    orientation = "horizontal",
+    size,
+    surface = "default",
+    variant = "default",
+    ...props
+  }, ref) => {
+    const isVertical = orientation === "vertical";
+    const resolvedAttached = attached || variant === "connected";
+    const resolvedGapClassName = gap === "none" ? "gap-0" : gap === "sm" ? "gap-sm" : gap === "md" ? "gap-md" : resolvedAttached && isVertical ? "gap-0" : "gap-2";
+    const attachedClassName = cn(
+      buttonGroupVariants({ orientation }),
+      surface === "pill" ? "rounded-full" : "rounded-radius-md"
+    );
+    return /* @__PURE__ */ jsx21(
+      "div",
+      {
+        "aria-orientation": orientation,
+        className: cn(
+          "inline-flex w-fit items-stretch",
+          isVertical ? "flex-col" : "flex-row",
+          resolvedGapClassName,
+          resolvedAttached && attachedClassName,
+          buttonGroupPressClassName,
+          className
+        ),
+        "data-attached": resolvedAttached ? "true" : "false",
+        "data-orientation": orientation,
+        "data-surface": surface,
+        "data-slot": "button-group",
+        "data-variant": variant,
+        role: "group",
+        ref,
+        ...props,
+        children: enhanceChildren(children, resolvedAttached, size, surface)
+      }
+    );
+  }
+);
+AdsButtonGroup.displayName = "AdsButtonGroup";
+var textToneClassName = {
+  default: "bg-transparent text-foreground",
+  muted: "bg-transparent text-muted-foreground",
+  secondary: "bg-secondary text-secondary-foreground",
+  field: "bg-transparent text-muted-foreground"
+};
+var textAlignClassName = {
+  start: "justify-start",
+  center: "justify-center",
+  between: "justify-between"
+};
+var inputSizeClassName = {
+  sm: "h-8 text-sm leading-5",
+  md: "h-9 text-sm leading-5",
+  lg: "h-10 text-base leading-6"
+};
+var AdsButtonGroupText = React18.forwardRef(
+  ({
+    align = "start",
+    asChild = false,
+    className,
+    shape = "default",
+    size = "md",
+    tone = "default",
+    ...props
+  }, ref) => {
+    const Comp = asChild ? Slot4 : "div";
+    return /* @__PURE__ */ jsx21(
+      Comp,
+      {
+        className: cn(
+          "inline-flex min-w-0 items-center gap-sm border border-border font-medium leading-5 shadow-[0px_1px_2px_rgba(0,0,0,0.08)] outline-none",
+          segmentSizeClassName[size],
+          textToneClassName[tone],
+          textAlignClassName[align],
+          shape === "pill" ? "rounded-full" : "rounded-radius-md",
+          "[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none",
+          className
+        ),
+        "data-slot": "button-group-text",
+        ref,
+        ...props
+      }
+    );
+  }
+);
+AdsButtonGroupText.displayName = "AdsButtonGroupText";
+var AdsButtonGroupInput = React18.forwardRef(({ className, size = "md", type = "text", ...props }, ref) => /* @__PURE__ */ jsx21(
+  Input,
+  {
+    className: cn(
+      "min-w-0 rounded-none bg-card px-md py-0 text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-0 focus-visible:ring-offset-0 focus-visible:[box-shadow:none] disabled:cursor-not-allowed disabled:opacity-50",
+      inputSizeClassName[size],
+      className
+    ),
+    ref,
+    type,
+    ...props
+  }
+));
+AdsButtonGroupInput.displayName = "AdsButtonGroupInput";
+var AdsButtonGroupSeparator = ButtonGroupSeparator;
+
+// src/components/AdsSeparator/index.tsx
+import * as React19 from "react";
+import { jsx as jsx22 } from "react/jsx-runtime";
+var toneClassName = {
+  default: "bg-border",
+  muted: "bg-border-muted"
+};
+var AdsSeparator = React19.forwardRef(({ className, orientation = "horizontal", tone = "default", ...props }, ref) => /* @__PURE__ */ jsx22(
+  Separator,
+  {
+    className: cn(
+      "shrink-0",
+      orientation === "horizontal" ? "h-px w-full" : "h-full w-px",
+      toneClassName[tone],
+      className
+    ),
+    orientation,
+    ref,
+    ...props
+  }
+));
+AdsSeparator.displayName = "AdsSeparator";
+
+// src/components/AdsSkeleton/index.tsx
+import * as React21 from "react";
+
+// src/primitives/skeleton.tsx
+import * as React20 from "react";
+import { jsx as jsx23 } from "react/jsx-runtime";
+var Skeleton = React20.forwardRef(
+  ({ animated = true, className, ...props }, ref) => /* @__PURE__ */ jsx23(
+    "div",
+    {
+      className: cn(
+        "shrink-0 bg-accent",
+        animated ? "animate-pulse" : void 0,
+        className
+      ),
+      ref,
+      ...props
+    }
+  )
+);
+Skeleton.displayName = "Skeleton";
+
+// src/components/AdsSkeleton/index.tsx
+import { jsx as jsx24 } from "react/jsx-runtime";
+var shapeClassName = {
+  default: "rounded-radius-md",
+  line: "h-4 w-full rounded-full",
+  circle: "rounded-full"
+};
+var toneClassName2 = {
+  default: "bg-secondary",
+  muted: "bg-accent"
+};
+var AdsSkeleton = React21.forwardRef(
+  ({ className, shape = "default", tone = "default", ...props }, ref) => /* @__PURE__ */ jsx24(
+    Skeleton,
+    {
+      className: cn(shapeClassName[shape], toneClassName2[tone], className),
+      ref,
+      ...props
+    }
+  )
+);
+AdsSkeleton.displayName = "AdsSkeleton";
+
+// src/components/AdsInput/index.tsx
+import * as React22 from "react";
+import { jsx as jsx25, jsxs as jsxs10 } from "react/jsx-runtime";
+var inputBaseClassName = "flex w-full rounded-md border border-border bg-card px-3 py-2 ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-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",
+  md: "h-9 text-base leading-6",
+  lg: "h-10 text-base leading-6"
+};
+function getInputSurfaceClassName({
+  className,
+  errorText,
+  hasPrefix,
+  hasSuffix,
+  size
+}) {
+  return cn(
+    inputBaseClassName,
+    inputSizeClasses[size],
+    errorText ? "border-destructive focus-visible:border-destructive" : "focus-visible:border-border-focus",
+    "focus-visible:ring-[3px] focus-visible:ring-[rgba(161,161,161,0.5)]",
+    hasPrefix ? "pl-2xl" : void 0,
+    hasSuffix ? "pr-2xl" : void 0,
+    className
+  );
+}
+var AdsInput = React22.forwardRef(
+  ({
+    action,
+    className,
+    descriptionPlacement = "below",
+    emptyFileLabel,
+    errorText,
+    fileTriggerLabel,
+    helperText,
+    id,
+    label,
+    onChange,
+    prefix,
+    type = "text",
+    size = "md",
+    suffix,
+    ...props
+  }, ref) => {
+    const { messages } = useAdsI18n();
+    const [selectedFiles, setSelectedFiles] = React22.useState([]);
+    const description = useAdsFieldDescription({
+      describedBy: props["aria-describedby"],
+      errorText,
+      helperText,
+      id
+    });
+    const inputSurfaceClassName = getInputSurfaceClassName({
+      className,
+      errorText,
+      hasPrefix: Boolean(prefix),
+      hasSuffix: Boolean(suffix),
+      size
+    });
+    const isFileInput = type === "file";
+    const resolvedFileTriggerLabel = fileTriggerLabel ?? messages.input.chooseFile;
+    const resolvedEmptyFileLabel = emptyFileLabel ?? messages.input.noFileChosen;
+    const handleChange = React22.useCallback(
+      (event) => {
+        if (isFileInput) {
+          setSelectedFiles(Array.from(event.target.files ?? [], (file) => file.name));
+        }
+        onChange?.(event);
+      },
+      [isFileInput, onChange]
+    );
+    const fileNameText = selectedFiles.length > 0 ? selectedFiles.join(", ") : resolvedEmptyFileLabel;
+    const helperNode = helperText ? /* @__PURE__ */ jsx25(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
+    const errorNode = errorText ? /* @__PURE__ */ jsx25(AdsFieldError, { id: description.errorId, children: errorText }) : null;
+    const inputNode = isFileInput ? /* @__PURE__ */ jsxs10("div", { className: "relative flex w-full min-w-0 flex-1 items-center", children: [
+      /* @__PURE__ */ jsx25(
+        Input,
+        {
+          "aria-describedby": description.describedBy,
+          "aria-invalid": errorText ? true : void 0,
+          className: cn(
+            inputSurfaceClassName,
+            "absolute inset-0 z-10 cursor-pointer opacity-0 file:hidden",
+            props.disabled ? "cursor-not-allowed" : void 0
+          ),
+          id: description.inputId,
+          onChange: handleChange,
+          ref,
+          type: "file",
+          ...props
+        }
+      ),
+      /* @__PURE__ */ jsxs10(
+        "div",
+        {
+          "aria-hidden": "true",
+          className: cn(
+            inputSurfaceClassName,
+            "items-center text-sm leading-5",
+            props.disabled ? "cursor-not-allowed opacity-50" : void 0
+          ),
+          children: [
+            /* @__PURE__ */ jsx25("span", { className: "shrink-0 pr-sm text-sm font-medium leading-5 text-foreground", children: resolvedFileTriggerLabel }),
+            /* @__PURE__ */ jsx25(
+              "span",
+              {
+                className: cn(
+                  "min-w-0 flex-1 truncate text-sm leading-5",
+                  selectedFiles.length > 0 ? "text-foreground" : "text-muted-foreground"
+                ),
+                children: fileNameText
+              }
+            )
+          ]
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxs10("div", { className: "relative flex w-full min-w-0 flex-1 items-center", children: [
+      prefix ? /* @__PURE__ */ jsx25("span", { className: "pointer-events-none absolute left-md inline-flex text-icon-muted", children: prefix }) : null,
+      /* @__PURE__ */ jsx25(
+        Input,
+        {
+          "aria-describedby": description.describedBy,
+          "aria-invalid": errorText ? true : void 0,
+          className: inputSurfaceClassName,
+          id: description.inputId,
+          onChange: handleChange,
+          ref,
+          type,
+          ...props
+        }
+      ),
+      suffix ? /* @__PURE__ */ jsx25("span", { className: "absolute right-md inline-flex items-center text-icon-muted", children: suffix }) : null
+    ] });
+    return /* @__PURE__ */ jsxs10(AdsFieldItem, { children: [
+      label ? /* @__PURE__ */ jsx25(AdsFieldLabel, { htmlFor: description.inputId, children: label }) : null,
+      descriptionPlacement === "above" ? helperNode : null,
+      /* @__PURE__ */ jsxs10("div", { className: "flex w-full items-center gap-sm", children: [
+        inputNode,
+        action ? /* @__PURE__ */ jsx25("div", { className: "shrink-0", children: action }) : null
+      ] }),
+      descriptionPlacement === "below" ? helperNode : null,
+      errorNode
+    ] });
+  }
+);
+AdsInput.displayName = "AdsInput";
+
+// src/components/AdsInputGroup/index.tsx
+import * as React24 from "react";
+
+// src/primitives/textarea.tsx
+import * as React23 from "react";
+import { jsx as jsx26 } from "react/jsx-runtime";
+var Textarea = React23.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx26(
+    "textarea",
+    {
+      className: cn(
+        "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      ),
+      ref,
+      ...props
+    }
+  );
+});
+Textarea.displayName = "Textarea";
+
+// src/components/AdsInputGroup/index.tsx
+import { jsx as jsx27, jsxs as jsxs11 } from "react/jsx-runtime";
+function useAdsInputGroupDescription(describedBy, helperText, errorText, idBase) {
+  const helperId = helperText ? `${idBase}-helper` : void 0;
+  const errorId = errorText ? `${idBase}-error` : void 0;
+  const descriptionIds = [describedBy, helperId, errorId].filter(Boolean).join(" ");
+  return {
+    describedBy: descriptionIds || void 0,
+    errorId,
+    helperId
+  };
+}
+function AdsInputGroupChrome({
+  children,
+  errorId,
+  errorText,
+  helperId,
+  helperText,
+  label
+}) {
+  return /* @__PURE__ */ jsxs11("div", { className: "flex w-full flex-col gap-md", children: [
+    label ? /* @__PURE__ */ jsx27("div", { className: "text-sm font-medium leading-5 text-foreground", children: label }) : null,
+    children,
+    helperText ? /* @__PURE__ */ jsx27("p", { className: "text-sm leading-5 text-muted-foreground", id: helperId, children: helperText }) : null,
+    errorText ? /* @__PURE__ */ jsx27("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";
+var inputGroupControlBaseClassName = "w-full min-w-0 rounded-none border-0 bg-transparent px-0 py-0 text-sm leading-5 text-foreground shadow-none placeholder:text-muted-foreground focus-visible:border-transparent focus-visible:outline-none focus-visible:ring-0 disabled:cursor-not-allowed disabled:opacity-50 read-only:text-muted-foreground";
+function AdsInputGroup({
+  children,
+  className,
+  controlWrapperClassName,
+  errorText,
+  footer,
+  header,
+  helperText,
+  id,
+  label,
+  leadingAddon,
+  leadingAddonClassName,
+  surfaceClassName,
+  trailingAddon,
+  trailingAddonClassName
+}) {
+  const generatedId = React24.useId();
+  const description = useAdsInputGroupDescription(
+    void 0,
+    helperText,
+    errorText,
+    id ?? generatedId
+  );
+  return /* @__PURE__ */ jsx27(
+    AdsInputGroupChrome,
+    {
+      errorText,
+      helperText,
+      label,
+      ...description,
+      children: /* @__PURE__ */ jsx27("div", { className: cn("w-full", className), children: /* @__PURE__ */ jsxs11(
+        "div",
+        {
+          className: cn(
+            "overflow-hidden rounded-radius-md border border-border bg-card shadow-[0px_1px_2px_rgba(0,0,0,0.1)] transition-colors",
+            errorText ? "border-destructive focus-within:border-destructive" : "focus-within:border-border-focus",
+            "focus-within:ring-[3px] focus-within:ring-[rgba(161,161,161,0.5)]",
+            surfaceClassName
+          ),
+          children: [
+            header ? /* @__PURE__ */ jsx27("div", { className: "border-b border-border px-md py-md text-sm text-foreground", children: header }) : null,
+            /* @__PURE__ */ jsxs11("div", { className: "flex min-h-11 w-full items-stretch", children: [
+              leadingAddon ? /* @__PURE__ */ jsx27(
+                "div",
+                {
+                  className: cn(
+                    addonBaseClassName,
+                    "border-r border-border",
+                    leadingAddonClassName
+                  ),
+                  children: leadingAddon
+                }
+              ) : null,
+              /* @__PURE__ */ jsx27(
+                "div",
+                {
+                  className: cn(
+                    "flex min-w-0 flex-1 items-center gap-sm px-md py-[10px]",
+                    controlWrapperClassName
+                  ),
+                  children
+                }
+              ),
+              trailingAddon ? /* @__PURE__ */ jsx27(
+                "div",
+                {
+                  className: cn(
+                    addonBaseClassName,
+                    "justify-end border-l border-border",
+                    trailingAddonClassName
+                  ),
+                  children: trailingAddon
+                }
+              ) : null
+            ] }),
+            footer ? /* @__PURE__ */ jsx27("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__ */ jsx27(
+  Input,
+  {
+    className: cn(
+      inputGroupControlBaseClassName,
+      "h-5 text-sm leading-5",
+      className
+    ),
+    ref,
+    ...props
+  }
+));
+AdsInputGroupInput.displayName = "AdsInputGroupInput";
+var AdsInputGroupTextarea = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+  Textarea,
+  {
+    className: cn(
+      inputGroupControlBaseClassName,
+      "min-h-[64px] resize-none text-sm leading-5",
+      className
+    ),
+    ref,
+    ...props
+  }
+));
+AdsInputGroupTextarea.displayName = "AdsInputGroupTextarea";
+
+// src/components/AdsInputOTP/index.tsx
+import * as React26 from "react";
+
+// src/primitives/input-otp.tsx
+import * as React25 from "react";
+import { OTPInput, OTPInputContext } from "input-otp";
+import { Dot } from "lucide-react";
+import { jsx as jsx28, jsxs as jsxs12 } from "react/jsx-runtime";
+var InputOTP = React25.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx28(
+  OTPInput,
+  {
+    ref,
+    containerClassName: cn(
+      "flex items-center gap-2 has-[:disabled]:opacity-50",
+      containerClassName
+    ),
+    className: cn("disabled:cursor-not-allowed", className),
+    ...props
+  }
+));
+InputOTP.displayName = "InputOTP";
+var InputOTPGroup = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28("div", { ref, className: cn("flex items-center", className), ...props }));
+InputOTPGroup.displayName = "InputOTPGroup";
+var InputOTPSlot = React25.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React25.useContext(OTPInputContext);
+  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
+  return /* @__PURE__ */ jsxs12(
+    "div",
+    {
+      ref,
+      className: cn(
+        "relative flex h-10 w-10 items-center justify-center border-y border-r border-input text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
+        isActive && "z-10 ring-2 ring-ring ring-offset-background",
+        className
+      ),
+      ...props,
+      children: [
+        char,
+        hasFakeCaret && /* @__PURE__ */ jsx28("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx28("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
+      ]
+    }
+  );
+});
+InputOTPSlot.displayName = "InputOTPSlot";
+var InputOTPSeparator = React25.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx28("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx28(Dot, {}) }));
+InputOTPSeparator.displayName = "InputOTPSeparator";
+
+// src/components/AdsInputOTP/index.tsx
+import { jsx as jsx29, jsxs as jsxs13 } from "react/jsx-runtime";
+function useFieldDescription(id, describedBy, helperText, errorText) {
+  const generatedId = React26.useId();
+  const inputId = id ?? generatedId;
+  const helperId = helperText ? `${inputId}-helper` : void 0;
+  const errorId = errorText ? `${inputId}-error` : void 0;
+  const descriptionIds = [describedBy, helperId, errorId].filter(Boolean).join(" ");
+  return {
+    describedBy: descriptionIds || void 0,
+    errorId,
+    helperId,
+    inputId
+  };
+}
+function AdsInputOTPChrome({
+  children,
+  errorId,
+  errorText,
+  helperId,
+  helperText,
+  inputId,
+  label
+}) {
+  return /* @__PURE__ */ jsxs13("div", { className: "flex w-full flex-col gap-md", children: [
+    label ? /* @__PURE__ */ jsx29("label", { className: "text-sm font-medium leading-5 text-foreground", htmlFor: inputId, children: label }) : null,
+    children,
+    helperText ? /* @__PURE__ */ jsx29("p", { className: "text-sm leading-5 text-muted-foreground", id: helperId, children: helperText }) : null,
+    errorText ? /* @__PURE__ */ jsx29("p", { className: "text-sm leading-5 text-destructive", id: errorId, children: errorText }) : null
+  ] });
+}
+function buildSeparator(node, key) {
+  if (node === void 0) {
+    return /* @__PURE__ */ jsx29(AdsInputOTPSeparator, {}, key);
+  }
+  if (React26.isValidElement(node)) {
+    return React26.cloneElement(node, { key });
+  }
+  return /* @__PURE__ */ jsx29("span", { children: node }, key);
+}
+function buildOtpChildren(groups, separator) {
+  const defaultGroup = groups.length > 0 ? groups : [6];
+  const items = [];
+  let index = 0;
+  defaultGroup.forEach((size, indexOfGroup) => {
+    items.push(
+      /* @__PURE__ */ jsx29(AdsInputOTPGroup, { children: Array.from({ length: size }, (_, slotOffset) => /* @__PURE__ */ jsx29(
+        AdsInputOTPSlot,
+        {
+          index: index + slotOffset
+        },
+        `slot-${index + slotOffset}`
+      )) }, `group-${indexOfGroup}`)
+    );
+    index += size;
+    if (indexOfGroup < defaultGroup.length - 1) {
+      items.push(buildSeparator(separator, `sep-${indexOfGroup}`));
+    }
+  });
+  return items;
+}
+var AdsInputOTP = React26.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__ */ jsx29(
+    AdsInputOTPChrome,
+    {
+      errorText,
+      errorId: description.errorId,
+      helperText,
+      helperId: description.helperId,
+      inputId: description.inputId,
+      label,
+      children: /* @__PURE__ */ jsxs13("div", { className: "flex w-full items-center gap-sm", children: [
+        /* @__PURE__ */ jsx29(
+          InputOTP,
+          {
+            "aria-describedby": description.describedBy,
+            "aria-invalid": errorText ? true : void 0,
+            id: description.inputId,
+            maxLength: totalSlots,
+            ref,
+            ...props,
+            children: otpChildren
+          }
+        ),
+        action ? /* @__PURE__ */ jsx29("span", { className: "shrink-0", children: action }) : null
+      ] })
+    }
+  );
+});
+AdsInputOTP.displayName = "AdsInputOTP";
+var AdsInputOTPGroup = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(InputOTPGroup, { className, ref, ...props }));
+AdsInputOTPGroup.displayName = "AdsInputOTPGroup";
+var AdsInputOTPSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+  InputOTPSeparator,
+  {
+    className: className ?? "h-px w-6 shrink-0 bg-border text-transparent [&_svg]:hidden",
+    ref,
+    ...props
+  }
+));
+AdsInputOTPSeparator.displayName = "AdsInputOTPSeparator";
+var AdsInputOTPSlot = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+  InputOTPSlot,
+  {
+    className: [
+      "border-border bg-card text-foreground shadow-[0px_1px_2px_rgba(0,0,0,0.1)]",
+      "first:border-r-0 first:rounded-l-radius-md last:border-r last:rounded-r-radius-md",
+      "data-[active=true]:border-border-focus data-[active=true]:shadow-[0px_0px_0px_3px_rgba(161,161,161,0.5)]",
+      "h-9 w-9 text-sm leading-5",
+      className
+    ].filter(Boolean).join(" "),
+    ref,
+    ...props
+  }
+));
+AdsInputOTPSlot.displayName = "AdsInputOTPSlot";
+
+// src/components/AdsPagination/index.tsx
+import * as React28 from "react";
+import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight4, MoreHorizontal as MoreHorizontal4 } from "lucide-react";
+
+// src/primitives/pagination.tsx
+import * as React27 from "react";
+import { ChevronLeft, ChevronRight as ChevronRight3, MoreHorizontal as MoreHorizontal3 } from "lucide-react";
+import { jsx as jsx30, jsxs as jsxs14 } from "react/jsx-runtime";
+var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx30(
+  "nav",
+  {
+    role: "navigation",
+    "aria-label": "pagination",
+    className: cn("mx-auto flex w-full justify-center", className),
+    ...props
+  }
+);
+Pagination.displayName = "Pagination";
+var PaginationContent = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
+  "ul",
+  {
+    ref,
+    className: cn("flex flex-row items-center gap-1", className),
+    ...props
+  }
+));
+PaginationContent.displayName = "PaginationContent";
+var PaginationItem = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30("li", { ref, className: cn("", className), ...props }));
+PaginationItem.displayName = "PaginationItem";
+var PaginationLink = ({
+  className,
+  isActive,
+  size = "icon",
+  ...props
+}) => /* @__PURE__ */ jsx30(
+  "a",
+  {
+    "aria-current": isActive ? "page" : void 0,
+    className: cn(
+      buttonVariants({
+        variant: isActive ? "outline" : "ghost",
+        size
+      }),
+      className
+    ),
+    ...props
+  }
+);
+PaginationLink.displayName = "PaginationLink";
+var PaginationPrevious = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs14(
+  PaginationLink,
+  {
+    "aria-label": "Go to previous page",
+    size: "default",
+    className: cn("gap-1 pl-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx30(ChevronLeft, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx30("span", { children: "Previous" })
+    ]
+  }
+);
+PaginationPrevious.displayName = "PaginationPrevious";
+var PaginationNext = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs14(
+  PaginationLink,
+  {
+    "aria-label": "Go to next page",
+    size: "default",
+    className: cn("gap-1 pr-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx30("span", { children: "Next" }),
+      /* @__PURE__ */ jsx30(ChevronRight3, { className: "h-4 w-4" })
+    ]
+  }
+);
+PaginationNext.displayName = "PaginationNext";
+var PaginationEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs14(
+  "span",
+  {
+    "aria-hidden": true,
+    className: cn("flex h-9 w-9 items-center justify-center", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx30(MoreHorizontal3, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx30("span", { className: "sr-only", children: "More pages" })
+    ]
+  }
+);
+PaginationEllipsis.displayName = "PaginationEllipsis";
+
+// src/components/AdsPagination/index.tsx
+import { jsx as jsx31, jsxs as jsxs15 } from "react/jsx-runtime";
+var paginationLinkBaseClassName = "inline-flex h-9 min-w-9 items-center justify-center rounded-radius-md border text-sm font-medium leading-5 tracking-normal transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background";
+var paginationLinkInactiveClassName = "border-transparent bg-transparent px-[10px] text-foreground shadow-none hover:bg-accent hover:shadow-[0px_1px_2px_rgba(0,0,0,0.1)]";
+var paginationLinkActiveClassName = "border-border bg-card px-[10px] text-foreground shadow-[0px_1px_2px_rgba(0,0,0,0.1)]";
+function AdsPagination({ className, ...props }) {
+  return /* @__PURE__ */ jsx31(
+    Pagination,
+    {
+      className: cn("mx-0 w-auto justify-start", className),
+      ...props
+    }
+  );
+}
+AdsPagination.displayName = "AdsPagination";
+var AdsPaginationContent = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(PaginationContent, { ref, className: cn("gap-1", className), ...props }));
+AdsPaginationContent.displayName = "AdsPaginationContent";
+var AdsPaginationItem = React28.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx31(PaginationItem, { ref, className, ...props })
+);
+AdsPaginationItem.displayName = "AdsPaginationItem";
+var AdsPaginationLink = React28.forwardRef(
+  ({ className, isActive = false, ...props }, ref) => /* @__PURE__ */ jsx31(
+    "a",
+    {
+      "aria-current": isActive ? "page" : void 0,
+      className: cn(
+        paginationLinkBaseClassName,
+        isActive ? paginationLinkActiveClassName : paginationLinkInactiveClassName,
+        className
+      ),
+      ref,
+      ...props
+    }
+  )
+);
+AdsPaginationLink.displayName = "AdsPaginationLink";
+var AdsPaginationPrevious = React28.forwardRef(({ "aria-label": ariaLabel, children, className, ...props }, ref) => {
+  const { messages } = useAdsI18n();
+  const label = children ?? messages.pagination.previous;
+  return /* @__PURE__ */ jsxs15(
+    AdsPaginationLink,
+    {
+      "aria-label": ariaLabel ?? messages.pagination.previous,
+      className: cn("gap-1 px-md py-sm", className),
+      ref,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx31(ChevronLeft2, { "aria-hidden": true, className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx31("span", { children: label })
+      ]
+    }
+  );
+});
+AdsPaginationPrevious.displayName = "AdsPaginationPrevious";
+var AdsPaginationNext = React28.forwardRef(
+  ({ "aria-label": ariaLabel, children, className, ...props }, ref) => {
+    const { messages } = useAdsI18n();
+    const label = children ?? messages.pagination.next;
+    return /* @__PURE__ */ jsxs15(
+      AdsPaginationLink,
+      {
+        "aria-label": ariaLabel ?? messages.pagination.next,
+        className: cn("gap-1 px-md py-sm", className),
+        ref,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx31("span", { children: label }),
+          /* @__PURE__ */ jsx31(ChevronRight4, { "aria-hidden": true, className: "h-4 w-4" })
+        ]
+      }
+    );
+  }
+);
+AdsPaginationNext.displayName = "AdsPaginationNext";
+function AdsPaginationEllipsis({
+  className,
+  label,
+  ...props
+}) {
+  const { messages } = useAdsI18n();
+  const resolvedLabel = label ?? messages.pagination.morePages;
+  return /* @__PURE__ */ jsxs15(
+    "span",
+    {
+      "aria-hidden": true,
+      className: cn(
+        "inline-flex h-9 w-9 items-center justify-center rounded-radius-md border border-transparent text-foreground",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx31(MoreHorizontal4, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx31("span", { className: "sr-only", children: resolvedLabel })
+      ]
+    }
+  );
+}
+AdsPaginationEllipsis.displayName = "AdsPaginationEllipsis";
+
+// src/components/AdsPopover/index.tsx
+import * as React30 from "react";
+
+// src/primitives/popover.tsx
+import * as React29 from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { jsx as jsx32 } from "react/jsx-runtime";
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverContent = React29.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx32(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx32(
+  PopoverPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md 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]",
+      className
+    ),
+    ...props
+  }
+) }));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+
+// src/components/AdsPopover/index.tsx
+import { jsx as jsx33 } from "react/jsx-runtime";
+var popoverContentClassName = "z-50 w-[320px] rounded-radius-lg border border-border bg-popover p-lg text-popover-foreground shadow-[0px_2px_4px_-2px_rgba(0,0,0,0.1),0px_4px_6px_-1px_rgba(0,0,0,0.1)] outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]";
+var AdsPopover = Popover;
+var AdsPopoverTrigger = PopoverTrigger;
+var AdsPopoverContent = React30.forwardRef(({ align = "center", className, inset = false, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx33(
+  PopoverContent,
+  {
+    align,
+    className: cn(
+      popoverContentClassName,
+      inset ? "p-0" : void 0,
+      className
+    ),
+    ref,
+    sideOffset,
+    ...props
+  }
+));
+AdsPopoverContent.displayName = "AdsPopoverContent";
+var AdsPopoverHeader = React30.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+    "div",
+    {
+      className: cn("flex flex-col gap-sm", className),
+      ref,
+      ...props
+    }
+  )
+);
+AdsPopoverHeader.displayName = "AdsPopoverHeader";
+var AdsPopoverBody = React30.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx33("div", { className: cn("mt-md flex flex-col gap-md", className), ref, ...props })
+);
+AdsPopoverBody.displayName = "AdsPopoverBody";
+var AdsPopoverTitle = React30.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+    "h4",
+    {
+      className: cn("text-base font-medium leading-6 text-foreground", className),
+      ref,
+      ...props
+    }
+  )
+);
+AdsPopoverTitle.displayName = "AdsPopoverTitle";
+var AdsPopoverDescription = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+  "p",
+  {
+    className: cn("text-sm leading-5 text-muted-foreground", className),
+    ref,
+    ...props
+  }
+));
+AdsPopoverDescription.displayName = "AdsPopoverDescription";
+
+// src/components/AdsProgress/index.tsx
+import * as React32 from "react";
+
+// src/primitives/progress.tsx
+import * as React31 from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+import { jsx as jsx34 } from "react/jsx-runtime";
+var Progress = React31.forwardRef(({ className, indicatorClassName, value, ...props }, ref) => /* @__PURE__ */ jsx34(
+  ProgressPrimitive.Root,
+  {
+    className: cn("relative h-4 w-full overflow-hidden rounded-full bg-secondary", className),
+    ref,
+    value,
+    ...props,
+    children: /* @__PURE__ */ jsx34(
+      ProgressPrimitive.Indicator,
+      {
+        className: cn("h-full w-full flex-1 bg-primary transition-all", indicatorClassName),
+        style: { transform: `translateX(-${100 - (value ?? 0)}%)` }
+      }
+    )
+  }
+));
+Progress.displayName = ProgressPrimitive.Root.displayName;
+
+// src/components/AdsProgress/index.tsx
+import { jsx as jsx35, jsxs as jsxs16 } from "react/jsx-runtime";
+var progressBaseClassName = "h-2 rounded-radius-full bg-[color:color-mix(in_srgb,var(--primary)_20%,transparent)]";
+var progressIndicatorVariantClassName = {
+  ai: "bg-brand-gradient",
+  default: "bg-primary"
+};
+var Progress2 = React32.forwardRef(({ className, indicatorClassName, ...props }, ref) => /* @__PURE__ */ jsx35(
+  Progress,
+  {
+    className: cn(progressBaseClassName, className),
+    indicatorClassName: cn(progressIndicatorVariantClassName.default, indicatorClassName),
+    ref,
+    ...props
+  }
+));
+Progress2.displayName = "Progress";
+var AdsProgress = React32.forwardRef(
+  ({
+    className,
+    descriptionPlacement = "above",
+    errorText,
+    helperText,
+    id,
+    indicatorClassName,
+    label,
+    trackClassName,
+    variant = "default",
+    ...props
+  }, ref) => {
+    const description = useAdsFieldDescription({
+      errorText,
+      helperText,
+      id
+    });
+    const labelId = label ? `${description.inputId}-label` : void 0;
+    const helperNode = helperText ? /* @__PURE__ */ jsx35(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
+    const errorNode = errorText ? /* @__PURE__ */ jsx35(AdsFieldError, { id: description.errorId, children: errorText }) : null;
+    return /* @__PURE__ */ jsxs16(AdsFieldItem, { children: [
+      label ? /* @__PURE__ */ jsx35(AdsFieldLabel, { id: labelId, children: label }) : null,
+      descriptionPlacement === "above" ? helperNode : null,
+      /* @__PURE__ */ jsx35(
+        Progress,
+        {
+          "aria-describedby": description.describedBy,
+          "aria-invalid": errorText ? true : void 0,
+          "aria-labelledby": labelId,
+          className: cn(progressBaseClassName, trackClassName, className),
+          id: description.inputId,
+          indicatorClassName: cn(
+            progressIndicatorVariantClassName[variant],
+            indicatorClassName
+          ),
+          ref,
+          ...props
+        }
+      ),
+      descriptionPlacement === "below" ? helperNode : null,
+      errorNode
+    ] });
+  }
+);
+AdsProgress.displayName = "AdsProgress";
+
+// src/components/AdsRadioGroup/index.tsx
+import * as React34 from "react";
+
+// src/primitives/radio-group.tsx
+import * as React33 from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { Circle } from "lucide-react";
+import { jsx as jsx36 } from "react/jsx-runtime";
+var RadioGroup = React33.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx36(
+    RadioGroupPrimitive.Root,
+    {
+      className: cn("grid gap-2", className),
+      ...props,
+      ref
+    }
+  );
+});
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+var RadioGroupItem = React33.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx36(
+    RadioGroupPrimitive.Item,
+    {
+      ref,
+      className: cn(
+        "aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx36(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx36(Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+    }
+  );
+});
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+
+// src/components/AdsRadioGroup/index.tsx
+import { jsx as jsx37, jsxs as jsxs17 } from "react/jsx-runtime";
+var radioGroupBaseClassName = "gap-3";
+var radioItemBaseClassName = "h-4 w-4 border-border bg-card text-primary shadow-[0px_1px_2px_rgba(0,0,0,0.1)] focus-visible:ring-[3px] focus-visible:ring-[rgba(161,161,161,0.5)] focus-visible:ring-offset-0";
+var RadioGroup2 = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(RadioGroup, { className: cn(radioGroupBaseClassName, className), ref, ...props }));
+RadioGroup2.displayName = "RadioGroup";
+var RadioGroupItem2 = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
+  RadioGroupItem,
+  {
+    className: cn(radioItemBaseClassName, className),
+    ref,
+    ...props
+  }
+));
+RadioGroupItem2.displayName = "RadioGroupItem";
+var AdsRadioGroup = React34.forwardRef(
+  ({
+    children,
+    className,
+    descriptionPlacement = "below",
+    errorText,
+    helperText,
+    id,
+    label,
+    ...props
+  }, ref) => {
+    const description = useAdsFieldDescription({
+      errorText,
+      helperText,
+      id
+    });
+    const helperNode = helperText ? /* @__PURE__ */ jsx37(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
+    const errorNode = errorText ? /* @__PURE__ */ jsx37(AdsFieldError, { id: description.errorId, children: errorText }) : null;
+    return /* @__PURE__ */ jsxs17(AdsFieldItem, { children: [
+      label ? /* @__PURE__ */ jsx37(AdsFieldLabel, { children: label }) : null,
+      descriptionPlacement === "above" ? helperNode : null,
+      /* @__PURE__ */ jsx37(
+        RadioGroup2,
+        {
+          "aria-describedby": description.describedBy,
+          className,
+          ref,
+          ...props,
+          children
+        }
+      ),
+      descriptionPlacement === "below" ? helperNode : null,
+      errorNode
+    ] });
+  }
+);
+AdsRadioGroup.displayName = "AdsRadioGroup";
+var AdsRadioGroupOption = React34.forwardRef(({ className, description, id, label, value, ...props }, ref) => {
+  const generatedId = React34.useId();
+  const inputId = id ?? generatedId;
+  return /* @__PURE__ */ jsxs17("label", { className: "flex w-full cursor-pointer items-start gap-2", htmlFor: inputId, children: [
+    /* @__PURE__ */ jsx37(
+      RadioGroupItem2,
+      {
+        className: cn(className),
+        id: inputId,
+        ref,
+        value,
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsxs17("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsx37("div", { className: "text-sm leading-5 text-foreground", children: label }),
+      description ? /* @__PURE__ */ jsx37(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();
+  const inputId = id ?? generatedId;
+  const titleId = `${inputId}-label`;
+  const descriptionId = description ? `${inputId}-description` : void 0;
+  return /* @__PURE__ */ jsxs17("div", { className: "relative", children: [
+    /* @__PURE__ */ jsx37(
+      RadioGroupItem2,
+      {
+        "aria-describedby": descriptionId,
+        "aria-labelledby": titleId,
+        className: "peer absolute inset-0 h-full w-full rounded-radius-md opacity-0 focus-visible:outline-none focus-visible:ring-0",
+        disabled,
+        id: inputId,
+        ref,
+        value,
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsxs17(
+      "div",
+      {
+        className: cn(
+          "flex min-h-[72px] w-full items-center gap-3 rounded-radius-md border border-border bg-card p-md shadow-[0px_1px_2px_rgba(0,0,0,0.1)] transition-colors [&_[data-indicator]]:border-border [&_[data-indicator-span]]:opacity-0 peer-data-[state=checked]:border-primary peer-data-[state=checked]:bg-accent peer-data-[state=checked]:[&_[data-indicator]]:border-primary peer-data-[state=checked]:[&_[data-indicator-span]]:opacity-100 peer-focus-visible:ring-[3px] peer-focus-visible:ring-[rgba(161,161,161,0.5)] peer-focus-visible:ring-offset-0",
+          disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxs17("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
+            /* @__PURE__ */ jsx37("div", { className: "text-sm font-medium leading-5 text-foreground", id: titleId, children: label }),
+            description ? /* @__PURE__ */ jsx37(AdsFieldDescription, { className: "text-xs leading-4", id: descriptionId, children: description }) : null
+          ] }),
+          /* @__PURE__ */ jsx37("div", { className: "flex h-full shrink-0 items-start justify-center pt-px", children: /* @__PURE__ */ jsx37(
+            "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__ */ jsx37(
+                "span",
+                {
+                  className: "h-2 w-2 rounded-full bg-primary transition-opacity",
+                  "data-indicator-span": true
+                }
+              )
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+});
+AdsRadioGroupCardOption.displayName = "AdsRadioGroupCardOption";
+
+// src/primitives/select.tsx
+import * as React35 from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { Check as Check2, ChevronDown as ChevronDown2, ChevronUp } from "lucide-react";
+import { jsx as jsx38, jsxs as jsxs18 } from "react/jsx-runtime";
+var Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React35.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs18(
+  SelectPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx38(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx38(ChevronDown2, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+  SelectPrimitive.ScrollUpButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx38(ChevronUp, { className: "h-4 w-4" })
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+  SelectPrimitive.ScrollDownButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx38(ChevronDown2, { className: "h-4 w-4" })
+  }
+));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React35.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx38(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs18(
+  SelectPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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-select-content-transform-origin]",
+      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      className
+    ),
+    position,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx38(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx38(
+        SelectPrimitive.Viewport,
+        {
+          className: cn(
+            "p-1",
+            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children
+        }
+      ),
+      /* @__PURE__ */ jsx38(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+  SelectPrimitive.Label,
+  {
+    ref,
+    className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
+    ...props
+  }
+));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = React35.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs18(
+  SelectPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx38("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx38(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx38(Check2, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx38(SelectPrimitive.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+  SelectPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+
+// src/components/AdsSelect/index.tsx
+import { jsx as jsx39, jsxs as jsxs19 } from "react/jsx-runtime";
+var selectTriggerBaseClassName = "h-9 rounded-radius-md border border-border bg-card px-md py-2 text-sm leading-5 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({
+  children,
+  contentClassName: contentClassName3,
+  descriptionPlacement = "below",
+  errorText,
+  helperText,
+  id,
+  label,
+  placeholder,
+  triggerClassName,
+  ...props
+}) {
+  const description = useAdsFieldDescription({
+    describedBy: void 0,
+    errorText,
+    helperText,
+    id
+  });
+  const helperNode = helperText ? /* @__PURE__ */ jsx39(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
+  const errorNode = errorText ? /* @__PURE__ */ jsx39(AdsFieldError, { id: description.errorId, children: errorText }) : null;
+  return /* @__PURE__ */ jsxs19(AdsFieldItem, { children: [
+    label ? /* @__PURE__ */ jsx39(AdsFieldLabel, { htmlFor: description.inputId, children: label }) : null,
+    descriptionPlacement === "above" ? helperNode : null,
+    /* @__PURE__ */ jsxs19(Select, { ...props, children: [
+      /* @__PURE__ */ jsx39(
+        SelectTrigger,
+        {
+          "aria-describedby": description.describedBy,
+          "aria-invalid": errorText ? true : void 0,
+          className: cn(selectTriggerBaseClassName, triggerClassName),
+          id: description.inputId,
+          children: /* @__PURE__ */ jsx39(SelectValue, { placeholder })
+        }
+      ),
+      /* @__PURE__ */ jsx39(SelectContent, { className: cn(selectContentBaseClassName, contentClassName3), children })
+    ] }),
+    descriptionPlacement === "below" ? helperNode : null,
+    errorNode
+  ] });
+}
+
+// src/components/AdsSlider/index.tsx
+import * as React37 from "react";
+
+// src/primitives/slider.tsx
+import * as React36 from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import { jsx as jsx40, jsxs as jsxs20 } from "react/jsx-runtime";
+var Slider = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs20(
+  SliderPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full touch-none select-none items-center",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx40(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ jsx40(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__ */ jsx40(
+        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"
+        },
+        index
+      ))
+    ]
+  }
+));
+Slider.displayName = SliderPrimitive.Root.displayName;
+
+// src/components/AdsSlider/index.tsx
+import { jsx as jsx41, jsxs as jsxs21 } from "react/jsx-runtime";
+var sliderBaseClassName = "py-1";
+var Slider2 = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(Slider, { className: cn(sliderBaseClassName, className), ref, ...props }));
+Slider2.displayName = "Slider";
+var AdsSlider = React37.forwardRef(
+  ({
+    className,
+    descriptionPlacement = "above",
+    errorText,
+    helperText,
+    id,
+    label,
+    ...props
+  }, ref) => {
+    const description = useAdsFieldDescription({
+      errorText,
+      helperText,
+      id
+    });
+    const helperNode = helperText ? /* @__PURE__ */ jsx41(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
+    const errorNode = errorText ? /* @__PURE__ */ jsx41(AdsFieldError, { id: description.errorId, children: errorText }) : null;
+    return /* @__PURE__ */ jsxs21(AdsFieldItem, { children: [
+      label ? /* @__PURE__ */ jsx41(AdsFieldLabel, { children: label }) : null,
+      descriptionPlacement === "above" ? helperNode : null,
+      /* @__PURE__ */ jsx41(
+        Slider2,
+        {
+          "aria-describedby": description.describedBy,
+          className,
+          ref,
+          ...props
+        }
+      ),
+      descriptionPlacement === "below" ? helperNode : null,
+      errorNode
+    ] });
+  }
+);
+AdsSlider.displayName = "AdsSlider";
+
+// src/components/AdsSwitch/index.tsx
+import * as React39 from "react";
+
+// src/primitives/switch.tsx
+import * as React38 from "react";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+import { jsx as jsx42 } from "react/jsx-runtime";
+var Switch = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx42(
+  SwitchPrimitives.Root,
+  {
+    className: cn(
+      "peer inline-flex h-[18px] w-8 shrink-0 cursor-pointer items-center rounded-full border border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+      className
+    ),
+    ...props,
+    ref,
+    children: /* @__PURE__ */ jsx42(
+      SwitchPrimitives.Thumb,
+      {
+        className: cn(
+          "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-[0px_1px_2px_rgba(0,0,0,0.1)] ring-0 transition-transform data-[state=checked]:translate-x-[20px] data-[state=unchecked]:translate-x-[2px]"
+        )
+      }
+    )
+  }
+));
+Switch.displayName = SwitchPrimitives.Root.displayName;
+
+// src/components/AdsSwitch/index.tsx
+import { jsx as jsx43, jsxs as jsxs22 } from "react/jsx-runtime";
+var switchBaseClassName = "h-6 w-11 border border-transparent bg-muted shadow-[0px_1px_2px_rgba(0,0,0,0.1)] focus-visible:ring-[3px] focus-visible:ring-[rgba(161,161,161,0.5)] focus-visible:ring-offset-0 data-[state=checked]:bg-primary data-[state=unchecked]:bg-muted";
+var Switch2 = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx43(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();
+  const inputId = id ?? generatedId;
+  if (!label) {
+    return /* @__PURE__ */ jsx43(
+      Switch2,
+      {
+        className: cn(className, switchClassName),
+        id: inputId,
+        ref,
+        ...props
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx43("label", { className: cn("block w-full cursor-pointer", wrapperClassName), htmlFor: inputId, children: /* @__PURE__ */ jsxs22("div", { className: "flex w-full items-start gap-3", children: [
+    /* @__PURE__ */ jsxs22("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5 pt-0.5", children: [
+      /* @__PURE__ */ jsx43("div", { className: "text-sm font-medium leading-5 text-foreground", children: label }),
+      description ? /* @__PURE__ */ jsx43(AdsFieldDescription, { className: "text-sm leading-5", children: description }) : null
+    ] }),
+    /* @__PURE__ */ jsx43("div", { className: "shrink-0", children: /* @__PURE__ */ jsx43(
+      Switch2,
+      {
+        className: cn(className, switchClassName),
+        id: inputId,
+        ref,
+        ...props
+      }
+    ) })
+  ] }) });
+});
+AdsSwitch.displayName = "AdsSwitch";
+
+// src/components/AdsTabs/index.tsx
+import * as React41 from "react";
+
+// src/primitives/tabs.tsx
+import * as React40 from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { jsx as jsx44 } from "react/jsx-runtime";
+var Tabs = TabsPrimitive.Root;
+var TabsList = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx44(
+  TabsPrimitive.List,
+  {
+    className: cn("inline-flex items-center", className),
+    ref,
+    ...props
+  }
+));
+TabsList.displayName = TabsPrimitive.List.displayName;
+var TabsTrigger = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx44(
+  TabsPrimitive.Trigger,
+  {
+    className: cn(
+      "inline-flex items-center justify-center whitespace-nowrap focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50",
+      className
+    ),
+    ref,
+    ...props
+  }
+));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+var TabsContent = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx44(
+  TabsPrimitive.Content,
+  {
+    className: cn("focus-visible:outline-none", className),
+    ref,
+    ...props
+  }
+));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+
+// src/components/AdsTabs/index.tsx
+import { jsx as jsx45 } from "react/jsx-runtime";
+var AdsTabs = Tabs;
+var AdsTabsList = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
+  TabsList,
+  {
+    className: cn(
+      "inline-flex items-center gap-0 rounded-radius-lg bg-muted p-[2px]",
+      className
+    ),
+    ref,
+    ...props
+  }
+));
+AdsTabsList.displayName = "AdsTabsList";
+var AdsTabsTrigger = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
+  TabsTrigger,
+  {
+    className: cn(
+      "inline-flex h-8 items-center justify-center rounded-radius-md px-md py-xs text-sm font-medium leading-5 text-foreground transition-[background-color,border-color,box-shadow] focus-visible:ring-[3px] focus-visible:ring-[rgba(161,161,161,0.5)] focus-visible:ring-offset-0 data-[state=active]:border data-[state=active]:border-border data-[state=active]:bg-card data-[state=active]:shadow-[0px_1px_1.5px_rgba(0,0,0,0.1)]",
+      className
+    ),
+    ref,
+    ...props
+  }
+));
+AdsTabsTrigger.displayName = "AdsTabsTrigger";
+var AdsTabsContent = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
+  TabsContent,
+  {
+    className: cn(
+      "mt-2 rounded-[12px] border border-border bg-card shadow-[0px_1px_1.5px_rgba(0,0,0,0.1)] focus-visible:ring-0",
+      className
+    ),
+    ref,
+    ...props
+  }
+));
+AdsTabsContent.displayName = "AdsTabsContent";
+
+// src/components/AdsToggle/index.tsx
+import * as React43 from "react";
+
+// src/primitives/toggle.tsx
+import * as React42 from "react";
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+import { jsx as jsx46 } from "react/jsx-runtime";
+var Toggle = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
+  TogglePrimitive.Root,
+  {
+    className: cn(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-[background-color,box-shadow,color] focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      className
+    ),
+    ref,
+    ...props
+  }
+));
+Toggle.displayName = TogglePrimitive.Root.displayName;
+
+// src/components/AdsToggle/index.tsx
+import { jsx as jsx47 } from "react/jsx-runtime";
+var sizeClassName2 = {
+  sm: "!h-8 px-[6px] text-sm",
+  md: "!h-9 px-md text-sm",
+  lg: "!h-10 px-[10px] text-sm"
+};
+var iconOnlySizeClassName = {
+  sm: "!w-8",
+  md: "!w-9",
+  lg: "!w-10"
+};
+var variantClassName = {
+  default: "border border-transparent bg-transparent text-foreground shadow-none hover:bg-muted/70 data-[state=on]:bg-muted data-[state=on]:shadow-[0px_1px_1px_rgba(0,0,0,0.1)]",
+  outline: "border border-border bg-transparent text-foreground shadow-none hover:bg-muted/70 data-[state=on]:border-transparent data-[state=on]:bg-muted data-[state=on]:shadow-[0px_1px_1px_rgba(0,0,0,0.1)]"
+};
+var AdsToggle = 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__ */ jsx47(
+    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],
+        variantClassName[variant],
+        isIconOnly && iconOnlySizeClassName[size],
+        className
+      ),
+      ref,
+      ...props,
+      children
+    }
+  );
+});
+AdsToggle.displayName = "AdsToggle";
+
+// src/components/AdsToggleGroup/index.tsx
+import * as React45 from "react";
+
+// src/primitives/toggle-group.tsx
+import * as React44 from "react";
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+import { jsx as jsx48 } from "react/jsx-runtime";
+var ToggleGroup = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx48(
+  ToggleGroupPrimitive.Root,
+  {
+    className: cn("inline-flex items-center justify-start", className),
+    ref,
+    ...props
+  }
+));
+ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
+var ToggleGroupItem = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx48(
+  ToggleGroupPrimitive.Item,
+  {
+    className: cn(
+      "inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-[background-color,box-shadow,color] focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      className
+    ),
+    ref,
+    ...props
+  }
+));
+ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
+
+// src/components/AdsToggleGroup/index.tsx
+import { jsx as jsx49 } from "react/jsx-runtime";
+var sizeClassName3 = {
+  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"
+};
+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(
+  ({
+    children,
+    className,
+    orientation = "horizontal",
+    size = "md",
+    variant = "default",
+    ...props
+  }, ref) => /* @__PURE__ */ jsx49(AdsToggleGroupContext.Provider, { value: { orientation, size, variant }, children: /* @__PURE__ */ jsx49(
+    ToggleGroup,
+    {
+      className: cn(
+        "inline-flex items-start justify-start",
+        orientation === "vertical" ? "flex-col" : "flex-row",
+        className
+      ),
+      orientation,
+      ref,
+      ...props,
+      children
+    }
+  ) })
+);
+AdsToggleGroup.displayName = "AdsToggleGroup";
+var AdsToggleGroupItem = React45.forwardRef(({ className, size, variant, ...props }, ref) => {
+  const context = React45.useContext(AdsToggleGroupContext);
+  const resolvedOrientation = context?.orientation ?? "horizontal";
+  const resolvedSize = size ?? context?.size ?? "md";
+  const resolvedVariant = variant ?? context?.variant ?? "default";
+  return /* @__PURE__ */ jsx49(
+    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],
+        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
+      ),
+      ref,
+      ...props
+    }
+  );
+});
+AdsToggleGroupItem.displayName = "AdsToggleGroupItem";
+
+// src/components/AdsTextarea/index.tsx
+import * as React46 from "react";
+import { jsx as jsx50, jsxs as jsxs23 } from "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(
+  ({
+    action,
+    className,
+    descriptionPlacement = "below",
+    errorText,
+    helperText,
+    id,
+    label,
+    resizable = true,
+    rows = 3,
+    ...props
+  }, ref) => {
+    const description = useAdsFieldDescription({
+      describedBy: props["aria-describedby"],
+      errorText,
+      helperText,
+      id
+    });
+    const helperNode = helperText ? /* @__PURE__ */ jsx50(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
+    const errorNode = errorText ? /* @__PURE__ */ jsx50(AdsFieldError, { id: description.errorId, children: errorText }) : null;
+    return /* @__PURE__ */ jsxs23(AdsFieldItem, { children: [
+      label ? /* @__PURE__ */ jsx50(AdsFieldLabel, { htmlFor: description.inputId, children: label }) : null,
+      descriptionPlacement === "above" ? helperNode : null,
+      /* @__PURE__ */ jsx50(
+        Textarea,
+        {
+          "aria-describedby": description.describedBy,
+          "aria-invalid": errorText ? true : void 0,
+          className: cn(
+            textareaBaseClassName,
+            "min-h-[80px]",
+            resizable ? "resize-y" : "resize-none",
+            className
+          ),
+          id: description.inputId,
+          ref,
+          rows,
+          ...props
+        }
+      ),
+      action ? /* @__PURE__ */ jsx50("div", { className: "w-full [&>*]:w-full", children: action }) : null,
+      descriptionPlacement === "below" ? helperNode : null,
+      errorNode
+    ] });
+  }
+);
+AdsTextarea.displayName = "AdsTextarea";
+
+// src/components/AdsTooltip/index.tsx
+import * as React48 from "react";
+
+// src/primitives/tooltip.tsx
+import * as React47 from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { jsx as jsx51 } from "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__ */ jsx51(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx51(
+  TooltipPrimitive.Content,
+  {
+    className: cn(
+      "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md outline-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-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-tooltip-content-transform-origin]",
+      className
+    ),
+    ref,
+    sideOffset,
+    ...props
+  }
+) }));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+
+// src/components/AdsTooltip/index.tsx
+import { jsx as jsx52 } from "react/jsx-runtime";
+var tooltipContentClassName = "z-50 rounded-[6px] border-0 bg-[#844fff] px-3 py-2 text-sm font-normal leading-5 text-[#fdfdfd] shadow-[0px_8px_24px_rgba(0,0,0,0.22)]";
+var AdsTooltipProvider = TooltipProvider;
+var AdsTooltip = Tooltip;
+var AdsTooltipTrigger = TooltipTrigger;
+var AdsTooltipContent = React48.forwardRef(({ align = "center", className, sideOffset = 10, ...props }, ref) => /* @__PURE__ */ jsx52(
+  TooltipContent,
+  {
+    align,
+    className: cn(tooltipContentClassName, className),
+    ref,
+    sideOffset,
+    ...props
+  }
+));
+AdsTooltipContent.displayName = "AdsTooltipContent";
+var AdsTooltipArrow = React48.forwardRef(({ className, height = 5, width = 10, ...props }, ref) => /* @__PURE__ */ jsx52(
+  TooltipArrow,
+  {
+    className: cn("fill-[#844fff]", className),
+    height,
+    ref,
+    width,
+    ...props
+  }
+));
+AdsTooltipArrow.displayName = "AdsTooltipArrow";
+
+// src/components/AdsToast/index.tsx
+import * as React49 from "react";
+import {
+  CircleCheck as CircleCheck2,
+  Info as Info2,
+  LoaderCircle,
+  OctagonX,
+  TriangleAlert as TriangleAlert2
+} from "lucide-react";
+import { Toaster, toast } from "sonner";
+import { jsx as jsx53, jsxs as jsxs24 } from "react/jsx-runtime";
+var adsToastIconMap = {
+  success: CircleCheck2,
+  info: Info2,
+  warning: TriangleAlert2,
+  error: OctagonX,
+  loading: LoaderCircle
+};
+function resolveToastIcon(intent, icon) {
+  if (icon) {
+    return icon;
+  }
+  if (intent === "default") {
+    return null;
+  }
+  const Icon2 = adsToastIconMap[intent];
+  return /* @__PURE__ */ jsx53(
+    Icon2,
+    {
+      "aria-hidden": true,
+      className: cn("h-4 w-4 shrink-0 text-foreground", intent === "loading" && "animate-spin"),
+      "data-testid": "ads-toast-icon"
+    }
+  );
+}
+var AdsToast = React49.forwardRef(
+  ({
+    action,
+    className,
+    description,
+    icon,
+    intent = "default",
+    title,
+    ...props
+  }, ref) => {
+    const resolvedIcon = resolveToastIcon(intent, icon);
+    return /* @__PURE__ */ jsxs24(
+      "div",
+      {
+        className: cn(
+          "flex min-w-[356px] max-w-[356px] items-center rounded-radius-lg border border-border bg-popover p-4 text-foreground",
+          "shadow-[0px_10px_15px_-3px_rgba(0,0,0,0.1),0px_4px_6px_-4px_rgba(0,0,0,0.1)]",
+          resolvedIcon ? "gap-1.5" : action ? "gap-6" : "gap-0",
+          className
+        ),
+        "data-testid": "ads-toast",
+        ref,
+        ...props,
+        children: [
+          resolvedIcon,
+          /* @__PURE__ */ jsxs24("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+            /* @__PURE__ */ jsx53("p", { className: "text-sm font-medium leading-5 text-foreground", children: title }),
+            description ? /* @__PURE__ */ jsx53("p", { className: "text-xs font-normal leading-4 text-muted-foreground", children: description }) : null
+          ] }),
+          action ? /* @__PURE__ */ jsx53(
+            AdsButton,
+            {
+              className: "shrink-0 rounded-radius-lg",
+              intent: "primary",
+              onClick: action.onClick,
+              size: "sm",
+              children: action.label
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+AdsToast.displayName = "AdsToast";
+function AdsToaster({
+  containerAriaLabel,
+  duration = 4e3,
+  expand = false,
+  gap = 16,
+  position = "bottom-right",
+  visibleToasts = 6,
+  ...props
+}) {
+  const { messages } = useAdsI18n();
+  return /* @__PURE__ */ jsx53(
+    Toaster,
+    {
+      closeButton: false,
+      containerAriaLabel: containerAriaLabel ?? messages.toast.notifications,
+      duration,
+      expand,
+      gap,
+      position,
+      toastOptions: {
+        unstyled: true
+      },
+      visibleToasts,
+      ...props
+    }
+  );
+}
+function toStageNode(intent, title, options) {
+  return /* @__PURE__ */ jsx53(
+    AdsToast,
+    {
+      action: options?.action,
+      description: options?.description,
+      icon: options?.icon,
+      intent,
+      title
+    }
+  );
+}
+function showAdsToast(intent, title, options) {
+  const { action, description, icon, ...toastOptions } = options ?? {};
+  return toast.custom(
+    (id) => /* @__PURE__ */ jsx53(
+      AdsToast,
+      {
+        action: action ? {
+          ...action,
+          onClick: (event) => {
+            action.onClick?.(event);
+            toast.dismiss(id);
+          }
+        } : void 0,
+        description,
+        icon,
+        intent,
+        title
+      }
+    ),
+    {
+      ...toastOptions,
+      unstyled: true
+    }
+  );
+}
+function resolvePromiseStage(stage, value) {
+  return typeof stage === "function" ? stage(value) : stage;
+}
+var AdsToastManager = Object.assign(
+  (title, options) => showAdsToast("default", title, options),
+  {
+    success: (title, options) => showAdsToast("success", title, options),
+    info: (title, options) => showAdsToast("info", title, options),
+    warning: (title, options) => showAdsToast("warning", title, options),
+    error: (title, options) => showAdsToast("error", title, options),
+    loading: (title, options) => showAdsToast("loading", title, options),
+    dismiss: (id) => toast.dismiss(id),
+    promise: (promise, options) => {
+      const { error, loading, success, ...toastOptions } = options;
+      return toast.promise(promise, {
+        ...toastOptions,
+        unstyled: true,
+        loading: toStageNode("loading", loading.title, loading),
+        success: (value) => {
+          const stage = resolvePromiseStage(success, value);
+          return toStageNode("success", stage.title, stage);
+        },
+        error: (reason) => {
+          const stage = resolvePromiseStage(error, reason);
+          return toStageNode("error", stage.title, stage);
+        }
+      });
+    }
+  }
+);
+
+// src/components/AdsDialog/index.tsx
+import * as React50 from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { X } from "lucide-react";
+import { jsx as jsx54, jsxs as jsxs25 } from "react/jsx-runtime";
+var overlayClassName2 = "fixed inset-0 z-50 bg-black/80 backdrop-blur-[2px] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0";
+var contentClassName2 = "fixed left-1/2 top-1/2 z-50 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__ */ jsx54(
+  DialogPrimitive.Overlay,
+  {
+    className: cn(overlayClassName2, className),
+    ref,
+    ...props
+  }
+));
+DialogOverlay.displayName = "DialogOverlay";
+var DialogClose = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx54(
+  DialogPrimitive.Close,
+  {
+    className: cn(
+      "inline-flex items-center justify-center rounded-radius-md 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",
+      className
+    ),
+    ref,
+    ...props
+  }
+));
+DialogClose.displayName = "DialogClose";
+var DialogContent = React50.forwardRef(({ children, className, closeLabel, hideCloseButton = false, ...props }, ref) => {
+  const { messages } = useAdsI18n();
+  const resolvedCloseLabel = closeLabel ?? messages.dialog.close;
+  return /* @__PURE__ */ jsxs25(DialogPortal, { children: [
+    /* @__PURE__ */ jsx54(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs25(
+      DialogPrimitive.Content,
+      {
+        className: cn(contentClassName2, className),
+        ref,
+        ...props,
+        children: [
+          children,
+          !hideCloseButton ? /* @__PURE__ */ jsxs25(
+            DialogPrimitive.Close,
+            {
+              "aria-label": resolvedCloseLabel,
+              className: closeButtonClassName,
+              children: [
+                /* @__PURE__ */ jsx54(X, { "aria-hidden": true, className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx54("span", { className: "sr-only", children: resolvedCloseLabel })
+              ]
+            }
+          ) : null
+        ]
+      }
+    )
+  ] });
+});
+DialogContent.displayName = "DialogContent";
+var DialogHeader = React50.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx54(
+    "div",
+    {
+      className: cn("flex flex-col gap-sm pr-8 text-left", className),
+      ref,
+      ...props
+    }
+  )
+);
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = React50.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx54(
+    "div",
+    {
+      className: cn(
+        "flex flex-col-reverse gap-sm sm:flex-row sm:justify-end",
+        className
+      ),
+      ref,
+      ...props
+    }
+  )
+);
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx54(
+  DialogPrimitive.Title,
+  {
+    className: cn("text-lg font-semibold leading-7 text-foreground", className),
+    ref,
+    ...props
+  }
+));
+DialogTitle.displayName = "DialogTitle";
+var DialogDescription = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx54(
+  DialogPrimitive.Description,
+  {
+    className: cn("text-sm leading-5 text-muted-foreground", className),
+    ref,
+    ...props
+  }
+));
+DialogDescription.displayName = "DialogDescription";
+var AdsDialog = Dialog;
+var AdsDialogTrigger = DialogTrigger;
+var AdsDialogPortal = DialogPortal;
+var AdsDialogOverlay = DialogOverlay;
+var AdsDialogClose = DialogClose;
+var AdsDialogContent = DialogContent;
+var AdsDialogHeader = DialogHeader;
+var AdsDialogFooter = DialogFooter;
+var AdsDialogTitle = DialogTitle;
+var AdsDialogDescription = DialogDescription;
+
+// src/components/AdsEmpty/index.tsx
+import { cva as cva9 } from "class-variance-authority";
+import { jsx as jsx55 } from "react/jsx-runtime";
+var adsEmptyVariants = cva9(
+  "flex w-full flex-col items-center justify-center gap-6 p-12 text-center",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "rounded-radius-lg border border-dashed border-border",
+        background: "rounded-radius-lg bg-popover"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function AdsEmpty({ className, variant, ...props }) {
+  return /* @__PURE__ */ jsx55(
+    "div",
+    {
+      "data-slot": "ads-empty",
+      className: cn(adsEmptyVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+function AdsEmptyHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx55(
+    "div",
+    {
+      "data-slot": "ads-empty-header",
+      className: cn("flex w-full max-w-[384px] flex-col items-center gap-2", className),
+      ...props
+    }
+  );
+}
+function AdsEmptyMedia({ className, ...props }) {
+  return /* @__PURE__ */ jsx55(
+    "div",
+    {
+      "data-slot": "ads-empty-media",
+      "data-testid": "ads-empty-media",
+      className: cn(
+        "flex size-10 items-center justify-center rounded-radius-lg bg-muted text-muted-foreground [&_svg]:size-6 [&_svg]:shrink-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AdsEmptyTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx55(
+    "div",
+    {
+      "data-slot": "ads-empty-title",
+      className: cn("text-lg font-medium leading-7 text-foreground", className),
+      ...props
+    }
+  );
+}
+function AdsEmptyDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx55(
+    "p",
+    {
+      "data-slot": "ads-empty-description",
+      className: cn("max-w-[384px] text-sm leading-5 text-muted-foreground text-center", className),
+      ...props
+    }
+  );
+}
+function AdsEmptyContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx55(
+    "div",
+    {
+      "data-slot": "ads-empty-content",
+      className: cn("flex w-full max-w-[384px] flex-col items-center gap-4", className),
+      ...props
+    }
+  );
+}
+function AdsEmptyActions({ className, ...props }) {
+  return /* @__PURE__ */ jsx55(
+    "div",
+    {
+      "data-slot": "ads-empty-actions",
+      className: cn("flex flex-wrap items-center justify-center gap-3", className),
+      ...props
+    }
+  );
+}
+function AdsEmptyFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx55(
+    "div",
+    {
+      "data-slot": "ads-empty-footer",
+      className: cn("text-sm font-medium leading-5 text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+
+// src/components/AdsTable/index.tsx
+import * as React52 from "react";
+
+// src/primitives/table.tsx
+import * as React51 from "react";
+import { jsx as jsx56 } from "react/jsx-runtime";
+var Table = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx56("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx56(
+  "table",
+  {
+    ref,
+    className: cn("w-full caption-bottom text-sm", className),
+    ...props
+  }
+) }));
+Table.displayName = "Table";
+var TableHeader = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx56("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+TableHeader.displayName = "TableHeader";
+var TableBody = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx56(
+  "tbody",
+  {
+    ref,
+    className: cn("[&_tr:last-child]:border-0", className),
+    ...props
+  }
+));
+TableBody.displayName = "TableBody";
+var TableFooter = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx56(
+  "tfoot",
+  {
+    ref,
+    className: cn(
+      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+      className
+    ),
+    ...props
+  }
+));
+TableFooter.displayName = "TableFooter";
+var TableRow = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx56(
+  "tr",
+  {
+    ref,
+    className: cn(
+      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+      className
+    ),
+    ...props
+  }
+));
+TableRow.displayName = "TableRow";
+var TableHead = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx56(
+  "th",
+  {
+    ref,
+    className: cn(
+      "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
+      className
+    ),
+    ...props
+  }
+));
+TableHead.displayName = "TableHead";
+var TableCell = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx56(
+  "td",
+  {
+    ref,
+    className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
+    ...props
+  }
+));
+TableCell.displayName = "TableCell";
+var TableCaption = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx56(
+  "caption",
+  {
+    ref,
+    className: cn("mt-4 text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+TableCaption.displayName = "TableCaption";
+
+// src/components/AdsTable/index.tsx
+import { jsx as jsx57 } from "react/jsx-runtime";
+var AdsTable = React52.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx57("div", { className: "w-full overflow-hidden rounded-radius-md border border-border bg-card", children: /* @__PURE__ */ jsx57(
+    Table,
+    {
+      ref,
+      className: cn("w-full caption-bottom text-sm text-foreground", className),
+      ...props
+    }
+  ) })
+);
+AdsTable.displayName = "AdsTable";
+var AdsTableHeader = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx57(
+  TableHeader,
+  {
+    ref,
+    className: cn("[&_tr]:border-border", className),
+    ...props
+  }
+));
+AdsTableHeader.displayName = "AdsTableHeader";
+var AdsTableBody = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx57(
+  TableBody,
+  {
+    ref,
+    className: cn("[&_tr:last-child]:border-0", className),
+    ...props
+  }
+));
+AdsTableBody.displayName = "AdsTableBody";
+var AdsTableFooter = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx57(
+  TableFooter,
+  {
+    ref,
+    className: cn("border-border bg-card text-foreground", className),
+    ...props
+  }
+));
+AdsTableFooter.displayName = "AdsTableFooter";
+var AdsTableRow = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx57(
+  TableRow,
+  {
+    ref,
+    className: cn(
+      "border-border hover:bg-transparent data-[state=selected]:bg-accent/30",
+      className
+    ),
+    ...props
+  }
+));
+AdsTableRow.displayName = "AdsTableRow";
+var AdsTableHead = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx57(
+  TableHead,
+  {
+    ref,
+    className: cn(
+      "h-10 px-2 align-middle text-sm font-medium leading-5 text-foreground [&:has([role=checkbox])]:pr-0",
+      className
+    ),
+    ...props
+  }
+));
+AdsTableHead.displayName = "AdsTableHead";
+var AdsTableCell = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx57(
+  TableCell,
+  {
+    ref,
+    className: cn(
+      "p-2 align-middle text-sm font-normal leading-5 text-foreground [&:has([role=checkbox])]:pr-0",
+      className
+    ),
+    ...props
+  }
+));
+AdsTableCell.displayName = "AdsTableCell";
+var AdsTableCaption = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx57(
+  TableCaption,
+  {
+    ref,
+    className: cn("text-sm leading-5 text-muted-foreground", className),
+    ...props
+  }
+));
+AdsTableCaption.displayName = "AdsTableCaption";
+export {
+  AdsAccordion,
+  Alert2 as AdsAlert,
+  AlertDescription2 as AdsAlertDescription,
+  AdsAlertDialog,
+  AdsAlertDialogAction,
+  AdsAlertDialogCancel,
+  AdsAlertDialogContent,
+  AdsAlertDialogDescription,
+  AdsAlertDialogFooter,
+  AdsAlertDialogHeader,
+  AdsAlertDialogOverlay,
+  AdsAlertDialogPortal,
+  AdsAlertDialogTitle,
+  AdsAlertDialogTrigger,
+  AlertTitle2 as AdsAlertTitle,
+  AdsBadge,
+  AdsBreadcrumb,
+  AdsBreadcrumbEllipsis,
+  AdsBreadcrumbItem,
+  AdsBreadcrumbLink,
+  AdsBreadcrumbList,
+  AdsBreadcrumbPage,
+  AdsBreadcrumbSeparator,
+  AdsButton,
+  AdsButtonGroup,
+  AdsButtonGroupInput,
+  AdsButtonGroupSeparator,
+  AdsButtonGroupText,
+  AdsCheckbox,
+  AdsDialog,
+  AdsDialogClose,
+  AdsDialogContent,
+  AdsDialogDescription,
+  AdsDialogFooter,
+  AdsDialogHeader,
+  AdsDialogOverlay,
+  AdsDialogPortal,
+  AdsDialogTitle,
+  AdsDialogTrigger,
+  AdsEmpty,
+  AdsEmptyActions,
+  AdsEmptyContent,
+  AdsEmptyDescription,
+  AdsEmptyFooter,
+  AdsEmptyHeader,
+  AdsEmptyMedia,
+  AdsEmptyTitle,
+  AdsField,
+  AdsFieldActions,
+  AdsFieldCheckboxRow,
+  AdsFieldChoiceCard,
+  AdsFieldDescription,
+  AdsFieldError,
+  AdsFieldGroup,
+  AdsFieldHeader,
+  AdsFieldItem,
+  AdsFieldLabel,
+  AdsFieldLegend,
+  AdsFieldSeparator,
+  AdsFieldSet,
+  AdsI18nProvider,
+  AdsInput,
+  AdsInputGroup,
+  AdsInputGroupInput,
+  AdsInputGroupTextarea,
+  AdsInputOTP,
+  AdsInputOTPGroup,
+  AdsInputOTPSeparator,
+  AdsInputOTPSlot,
+  AdsPagination,
+  AdsPaginationContent,
+  AdsPaginationEllipsis,
+  AdsPaginationItem,
+  AdsPaginationLink,
+  AdsPaginationNext,
+  AdsPaginationPrevious,
+  AdsPopover,
+  AdsPopoverBody,
+  AdsPopoverContent,
+  AdsPopoverDescription,
+  AdsPopoverHeader,
+  AdsPopoverTitle,
+  AdsPopoverTrigger,
+  AdsProgress,
+  AdsRadioGroup,
+  AdsRadioGroupCardOption,
+  AdsRadioGroupOption,
+  AdsSelect,
+  SelectContent as AdsSelectContent,
+  SelectGroup as AdsSelectGroup,
+  SelectItem as AdsSelectItem,
+  SelectLabel as AdsSelectLabel,
+  Select as AdsSelectRoot,
+  SelectScrollDownButton as AdsSelectScrollDownButton,
+  SelectScrollUpButton as AdsSelectScrollUpButton,
+  SelectSeparator as AdsSelectSeparator,
+  SelectTrigger as AdsSelectTrigger,
+  SelectValue as AdsSelectValue,
+  AdsSeparator,
+  AdsSkeleton,
+  AdsSlider,
+  AdsSwitch,
+  AdsTable,
+  AdsTableBody,
+  AdsTableCaption,
+  AdsTableCell,
+  AdsTableFooter,
+  AdsTableHead,
+  AdsTableHeader,
+  AdsTableRow,
+  AdsTabs,
+  AdsTabsContent,
+  AdsTabsList,
+  AdsTabsTrigger,
+  AdsTextarea,
+  AdsToast,
+  AdsToastManager,
+  AdsToaster,
+  AdsToggle,
+  AdsToggleGroup,
+  AdsToggleGroupItem,
+  AdsTooltip,
+  AdsTooltipArrow,
+  AdsTooltipContent,
+  AdsTooltipProvider,
+  AdsTooltipTrigger,
+  adsDefaultMessages,
+  designTokens,
+  useAdsI18n
+};
+//# sourceMappingURL=index.js.map