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

package/dist/index.cjs

@@ -0,0 +1,4300 @@
+'use client';
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  AdsAccordion: () => AdsAccordion,
+  AdsAlert: () => Alert2,
+  AdsAlertDescription: () => AlertDescription2,
+  AdsAlertDialog: () => AdsAlertDialog,
+  AdsAlertDialogAction: () => AdsAlertDialogAction,
+  AdsAlertDialogCancel: () => AdsAlertDialogCancel,
+  AdsAlertDialogContent: () => AdsAlertDialogContent,
+  AdsAlertDialogDescription: () => AdsAlertDialogDescription,
+  AdsAlertDialogFooter: () => AdsAlertDialogFooter,
+  AdsAlertDialogHeader: () => AdsAlertDialogHeader,
+  AdsAlertDialogOverlay: () => AdsAlertDialogOverlay,
+  AdsAlertDialogPortal: () => AdsAlertDialogPortal,
+  AdsAlertDialogTitle: () => AdsAlertDialogTitle,
+  AdsAlertDialogTrigger: () => AdsAlertDialogTrigger,
+  AdsAlertTitle: () => AlertTitle2,
+  AdsBadge: () => AdsBadge,
+  AdsBreadcrumb: () => AdsBreadcrumb,
+  AdsBreadcrumbEllipsis: () => AdsBreadcrumbEllipsis,
+  AdsBreadcrumbItem: () => AdsBreadcrumbItem,
+  AdsBreadcrumbLink: () => AdsBreadcrumbLink,
+  AdsBreadcrumbList: () => AdsBreadcrumbList,
+  AdsBreadcrumbPage: () => AdsBreadcrumbPage,
+  AdsBreadcrumbSeparator: () => AdsBreadcrumbSeparator,
+  AdsButton: () => AdsButton,
+  AdsButtonGroup: () => AdsButtonGroup,
+  AdsButtonGroupInput: () => AdsButtonGroupInput,
+  AdsButtonGroupSeparator: () => AdsButtonGroupSeparator,
+  AdsButtonGroupText: () => AdsButtonGroupText,
+  AdsCheckbox: () => AdsCheckbox,
+  AdsDialog: () => AdsDialog,
+  AdsDialogClose: () => AdsDialogClose,
+  AdsDialogContent: () => AdsDialogContent,
+  AdsDialogDescription: () => AdsDialogDescription,
+  AdsDialogFooter: () => AdsDialogFooter,
+  AdsDialogHeader: () => AdsDialogHeader,
+  AdsDialogOverlay: () => AdsDialogOverlay,
+  AdsDialogPortal: () => AdsDialogPortal,
+  AdsDialogTitle: () => AdsDialogTitle,
+  AdsDialogTrigger: () => AdsDialogTrigger,
+  AdsEmpty: () => AdsEmpty,
+  AdsEmptyActions: () => AdsEmptyActions,
+  AdsEmptyContent: () => AdsEmptyContent,
+  AdsEmptyDescription: () => AdsEmptyDescription,
+  AdsEmptyFooter: () => AdsEmptyFooter,
+  AdsEmptyHeader: () => AdsEmptyHeader,
+  AdsEmptyMedia: () => AdsEmptyMedia,
+  AdsEmptyTitle: () => AdsEmptyTitle,
+  AdsField: () => AdsField,
+  AdsFieldActions: () => AdsFieldActions,
+  AdsFieldCheckboxRow: () => AdsFieldCheckboxRow,
+  AdsFieldChoiceCard: () => AdsFieldChoiceCard,
+  AdsFieldDescription: () => AdsFieldDescription,
+  AdsFieldError: () => AdsFieldError,
+  AdsFieldGroup: () => AdsFieldGroup,
+  AdsFieldHeader: () => AdsFieldHeader,
+  AdsFieldItem: () => AdsFieldItem,
+  AdsFieldLabel: () => AdsFieldLabel,
+  AdsFieldLegend: () => AdsFieldLegend,
+  AdsFieldSeparator: () => AdsFieldSeparator,
+  AdsFieldSet: () => AdsFieldSet,
+  AdsI18nProvider: () => AdsI18nProvider,
+  AdsInput: () => AdsInput,
+  AdsInputGroup: () => AdsInputGroup,
+  AdsInputGroupInput: () => AdsInputGroupInput,
+  AdsInputGroupTextarea: () => AdsInputGroupTextarea,
+  AdsInputOTP: () => AdsInputOTP,
+  AdsInputOTPGroup: () => AdsInputOTPGroup,
+  AdsInputOTPSeparator: () => AdsInputOTPSeparator,
+  AdsInputOTPSlot: () => AdsInputOTPSlot,
+  AdsPagination: () => AdsPagination,
+  AdsPaginationContent: () => AdsPaginationContent,
+  AdsPaginationEllipsis: () => AdsPaginationEllipsis,
+  AdsPaginationItem: () => AdsPaginationItem,
+  AdsPaginationLink: () => AdsPaginationLink,
+  AdsPaginationNext: () => AdsPaginationNext,
+  AdsPaginationPrevious: () => AdsPaginationPrevious,
+  AdsPopover: () => AdsPopover,
+  AdsPopoverBody: () => AdsPopoverBody,
+  AdsPopoverContent: () => AdsPopoverContent,
+  AdsPopoverDescription: () => AdsPopoverDescription,
+  AdsPopoverHeader: () => AdsPopoverHeader,
+  AdsPopoverTitle: () => AdsPopoverTitle,
+  AdsPopoverTrigger: () => AdsPopoverTrigger,
+  AdsProgress: () => AdsProgress,
+  AdsRadioGroup: () => AdsRadioGroup,
+  AdsRadioGroupCardOption: () => AdsRadioGroupCardOption,
+  AdsRadioGroupOption: () => AdsRadioGroupOption,
+  AdsSelect: () => AdsSelect,
+  AdsSelectContent: () => SelectContent,
+  AdsSelectGroup: () => SelectGroup,
+  AdsSelectItem: () => SelectItem,
+  AdsSelectLabel: () => SelectLabel,
+  AdsSelectRoot: () => Select,
+  AdsSelectScrollDownButton: () => SelectScrollDownButton,
+  AdsSelectScrollUpButton: () => SelectScrollUpButton,
+  AdsSelectSeparator: () => SelectSeparator,
+  AdsSelectTrigger: () => SelectTrigger,
+  AdsSelectValue: () => SelectValue,
+  AdsSeparator: () => AdsSeparator,
+  AdsSkeleton: () => AdsSkeleton,
+  AdsSlider: () => AdsSlider,
+  AdsSwitch: () => AdsSwitch,
+  AdsTable: () => AdsTable,
+  AdsTableBody: () => AdsTableBody,
+  AdsTableCaption: () => AdsTableCaption,
+  AdsTableCell: () => AdsTableCell,
+  AdsTableFooter: () => AdsTableFooter,
+  AdsTableHead: () => AdsTableHead,
+  AdsTableHeader: () => AdsTableHeader,
+  AdsTableRow: () => AdsTableRow,
+  AdsTabs: () => AdsTabs,
+  AdsTabsContent: () => AdsTabsContent,
+  AdsTabsList: () => AdsTabsList,
+  AdsTabsTrigger: () => AdsTabsTrigger,
+  AdsTextarea: () => AdsTextarea,
+  AdsToast: () => AdsToast,
+  AdsToastManager: () => AdsToastManager,
+  AdsToaster: () => AdsToaster,
+  AdsToggle: () => AdsToggle,
+  AdsToggleGroup: () => AdsToggleGroup,
+  AdsToggleGroupItem: () => AdsToggleGroupItem,
+  AdsTooltip: () => AdsTooltip,
+  AdsTooltipArrow: () => AdsTooltipArrow,
+  AdsTooltipContent: () => AdsTooltipContent,
+  AdsTooltipProvider: () => AdsTooltipProvider,
+  AdsTooltipTrigger: () => AdsTooltipTrigger,
+  adsDefaultMessages: () => adsDefaultMessages,
+  designTokens: () => designTokens,
+  useAdsI18n: () => useAdsI18n
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/components/AdsAccordion/index.tsx
+var React3 = __toESM(require("react"), 1);
+
+// src/i18n/AdsI18nProvider.tsx
+var React = __toESM(require("react"), 1);
+
+// 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
+var import_jsx_runtime = require("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__ */ (0, import_jsx_runtime.jsx)(AdsI18nContext.Provider, { value, children });
+}
+function useAdsI18n() {
+  return React.useContext(AdsI18nContext);
+}
+
+// src/lib/cn.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/primitives/accordion.tsx
+var React2 = __toESM(require("react"), 1);
+var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"), 1);
+var import_lucide_react = require("lucide-react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Accordion = AccordionPrimitive.Root;
+var AccordionItem = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  AccordionPrimitive.Item,
+  {
+    ref,
+    className: cn("border-b", className),
+    ...props
+  }
+));
+AccordionItem.displayName = "AccordionItem";
+var AccordionTrigger = React2.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime2.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__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.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__ */ (0, import_jsx_runtime2.jsx)(
+  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__ */ (0, import_jsx_runtime2.jsx)("div", { className: cn("pb-4 pt-0", className), children })
+  }
+));
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+
+// src/components/AdsAccordion/index.tsx
+var import_jsx_runtime3 = require("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__ */ (0, import_jsx_runtime3.jsxs)(
+        AccordionItem,
+        {
+          className: cn("w-full border-border", (!isLastItem || isOpen) && "border-b"),
+          disabled: item.disabled,
+          value: item.value,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+              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__ */ (0, import_jsx_runtime3.jsx)("span", { className: "min-w-0 flex-1 pr-md", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "break-words group-hover:underline", children: item.title }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "sr-only", children: toggleLabel })
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(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__ */ (0, import_jsx_runtime3.jsx)("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime3.jsx)(
+        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__ */ (0, import_jsx_runtime3.jsx)(
+      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
+var React5 = __toESM(require("react"), 1);
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_lucide_react2 = require("lucide-react");
+
+// src/primitives/alert.tsx
+var React4 = __toESM(require("react"), 1);
+var import_class_variance_authority = require("class-variance-authority");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var alertVariants = (0, import_class_variance_authority.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__ */ (0, import_jsx_runtime4.jsx)(
+  "div",
+  {
+    ref,
+    role: "alert",
+    className: cn(alertVariants({ variant }), className),
+    ...props
+  }
+));
+Alert.displayName = "Alert";
+var AlertTitle = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  "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__ */ (0, import_jsx_runtime4.jsx)(
+  "div",
+  {
+    ref,
+    className: cn("text-sm [&_p]:leading-relaxed", className),
+    ...props
+  }
+));
+AlertDescription.displayName = "AlertDescription";
+
+// src/components/AdsAlert/index.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var adsAlertVariants = (0, import_class_variance_authority2.cva)(
+  "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 = (0, import_class_variance_authority2.cva)(
+  "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: import_lucide_react2.CircleCheck,
+  destructive: import_lucide_react2.CircleAlert,
+  success: import_lucide_react2.CircleCheck,
+  warning: import_lucide_react2.TriangleAlert,
+  info: import_lucide_react2.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__ */ (0, import_jsx_runtime5.jsxs)("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__ */ (0, import_jsx_runtime5.jsx)(
+        "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__ */ (0, import_jsx_runtime5.jsx)(
+      Alert,
+      {
+        ref,
+        className: cn(
+          adsAlertVariants({ variant, hasSupportingContent }),
+          className
+        ),
+        role: "alert",
+        ...props,
+        children: hasSupportingContent ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", "data-slot": "alert-body", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex min-w-0 items-center gap-3", "data-slot": "alert-heading-row", children: [
+            resolvedIcon,
+            resolvedTitle
+          ] }),
+          supportingContent ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex min-w-0 gap-3", "data-slot": "alert-content-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { "aria-hidden": true, className: "size-4 shrink-0" }),
+            supportingContent
+          ] }) : null
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", "data-slot": "alert-body", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("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__ */ (0, import_jsx_runtime5.jsx)(AlertTitle, { ref, className: cn(className), ...props }));
+AlertTitle2.displayName = "AlertTitle";
+var AlertDescription2 = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AlertDescription, { ref, className: cn(className), ...props }));
+AlertDescription2.displayName = "AlertDescription";
+
+// src/components/AdsBadge/index.tsx
+var React6 = __toESM(require("react"), 1);
+var import_class_variance_authority4 = require("class-variance-authority");
+
+// src/primitives/badge.tsx
+var import_class_variance_authority3 = require("class-variance-authority");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var badgeVariants = (0, import_class_variance_authority3.cva)(
+  "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__ */ (0, import_jsx_runtime6.jsx)("div", { className: cn(badgeVariants({ variant }), className), ...props });
+}
+
+// src/components/AdsBadge/index.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var adsBadgeVariants = (0, import_class_variance_authority4.cva)(
+  [
+    "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__ */ (0, import_jsx_runtime7.jsx)("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__ */ (0, import_jsx_runtime7.jsxs)(
+    Badge,
+    {
+      className: cn(adsBadgeVariants({ format: resolvedFormat, variant }), className),
+      variant,
+      ...props,
+      children: [
+        renderIcon(icon),
+        children
+      ]
+    }
+  );
+}
+
+// src/components/AdsAlertDialog/index.tsx
+var React7 = __toESM(require("react"), 1);
+var AlertDialogPrimitive = __toESM(require("@radix-ui/react-alert-dialog"), 1);
+var import_jsx_runtime8 = require("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__ */ (0, import_jsx_runtime8.jsx)(
+  AlertDialogPrimitive.Overlay,
+  {
+    className: cn(overlayClassName, className),
+    ref,
+    ...props
+  }
+));
+AlertDialogOverlay.displayName = "AlertDialogOverlay";
+var AlertDialogContent = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(AlertDialogPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AlertDialogOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    AlertDialogPrimitive.Content,
+    {
+      className: cn(contentClassName, className),
+      ref,
+      ...props
+    }
+  )
+] }));
+AlertDialogContent.displayName = "AlertDialogContent";
+var AlertDialogHeader = React7.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    "div",
+    {
+      className: cn("flex flex-col gap-sm text-left", className),
+      ref,
+      ...props
+    }
+  )
+);
+AlertDialogHeader.displayName = "AlertDialogHeader";
+var AlertDialogFooter = React7.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    "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__ */ (0, import_jsx_runtime8.jsx)(
+  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__ */ (0, import_jsx_runtime8.jsx)(
+  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__ */ (0, import_jsx_runtime8.jsx)(
+  AlertDialogPrimitive.Action,
+  {
+    className: cn(actionClassName, className),
+    ref,
+    ...props
+  }
+));
+AlertDialogAction.displayName = "AlertDialogAction";
+var AlertDialogCancel = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  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
+var React9 = __toESM(require("react"), 1);
+
+// src/primitives/button.tsx
+var React8 = __toESM(require("react"), 1);
+var import_react_slot = require("@radix-ui/react-slot");
+var import_class_variance_authority5 = require("class-variance-authority");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority5.cva)(
+  "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 ? import_react_slot.Slot : "button";
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+// src/components/AdsButton/index.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var intentClassName = {
+  brand: "border-0 bg-brand-gradient text-primary-foreground shadow-[0px_1px_2px_rgba(0,0,0,0.1)] hover:opacity-90",
+  primary: "border-0 bg-primary text-primary-foreground shadow-[0px_1px_2px_rgba(0,0,0,0.1)] hover:bg-brand-primary-hover",
+  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__ */ (0, import_jsx_runtime10.jsx)("span", { className: "inline-flex h-4 w-4 items-center justify-center [&>svg]:!h-4 [&>svg]:!w-4", children: sizedIcon });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "inline-flex h-4 w-4 items-center justify-center", children: icon });
+}
+function AdsButtonLoadingIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    "svg",
+    {
+      "aria-hidden": true,
+      className: "!h-4 !w-4 h-4 w-4 animate-spin",
+      "data-testid": "ads-button-loading-icon",
+      fill: "none",
+      viewBox: "0 0 20 20",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+        "g",
+        {
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeWidth: "1.6",
+          transform: "translate(1.675 1.675)",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M8.1667 0.6667V3.1667" }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M8.1667 13.1667V15.6667" }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M15.6667 8.1667H13.1667" }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M3.1667 8.1667H0.6667" }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M13.4696 2.8631L11.7018 4.6309" }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M4.6317 11.7018L2.8639 13.4696" }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M13.4696 13.4696L11.7018 11.7018" }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M4.6317 4.6309L2.8639 2.8631" })
+          ]
+        }
+      )
+    }
+  );
+}
+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__ */ (0, import_jsx_runtime10.jsx)(
+      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__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "inline-flex items-center justify-center gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "inline-flex items-center justify-center gap-sm", children: [
+            renderLeadingIcon(resolvedIcon),
+            hasTextContent ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children }) : null
+          ] }),
+          loading ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AdsButtonLoadingIcon, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "sr-only", children: resolvedLoadingLabel })
+          ] }) : null
+        ] })
+      }
+    );
+  }
+);
+AdsButton.displayName = "AdsButton";
+
+// src/components/AdsBreadcrumb/index.tsx
+var React11 = __toESM(require("react"), 1);
+var import_lucide_react4 = require("lucide-react");
+
+// src/primitives/breadcrumb.tsx
+var React10 = __toESM(require("react"), 1);
+var import_react_slot2 = require("@radix-ui/react-slot");
+var import_lucide_react3 = require("lucide-react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var Breadcrumb = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  "nav",
+  {
+    "aria-label": "breadcrumb",
+    className: cn("w-full", className),
+    ref,
+    ...props
+  }
+));
+Breadcrumb.displayName = "Breadcrumb";
+var BreadcrumbList = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  "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__ */ (0, import_jsx_runtime11.jsx)(
+  "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 ? import_react_slot2.Slot : "a";
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Comp, { className: cn("transition-colors", className), ref, ...props });
+  }
+);
+BreadcrumbLink.displayName = "BreadcrumbLink";
+var BreadcrumbPage = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  "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__ */ (0, import_jsx_runtime11.jsx)(
+  "li",
+  {
+    "aria-hidden": "true",
+    className: cn("[&_svg]:size-3.5", className),
+    role: "presentation",
+    ...props,
+    children: children ?? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react3.ChevronRight, {})
+  }
+);
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+var BreadcrumbEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  "span",
+  {
+    "aria-hidden": "true",
+    className: cn("flex size-3.5 items-center justify-center", className),
+    role: "presentation",
+    ...props,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react3.MoreHorizontal, { className: "size-3.5" }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "sr-only", children: "More" })
+    ]
+  }
+);
+BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
+
+// src/components/AdsBreadcrumb/index.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var AdsBreadcrumb = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Breadcrumb, { className: cn("w-full", className), ref, ...props }));
+AdsBreadcrumb.displayName = "AdsBreadcrumb";
+var AdsBreadcrumbList = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  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__ */ (0, import_jsx_runtime12.jsx)(
+  BreadcrumbItem,
+  {
+    className: cn("inline-flex items-center gap-1.5", className),
+    ref,
+    ...props
+  }
+));
+AdsBreadcrumbItem.displayName = "AdsBreadcrumbItem";
+var AdsBreadcrumbLink = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  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__ */ (0, import_jsx_runtime12.jsx)(
+  BreadcrumbPage,
+  {
+    className: cn("text-sm font-normal leading-5 text-foreground", className),
+    ref,
+    ...props
+  }
+));
+AdsBreadcrumbPage.displayName = "AdsBreadcrumbPage";
+var separatorIcons = {
+  chevron: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react4.ChevronRight, { className: "size-3.5" }),
+  slash: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react4.Slash, { className: "size-3.5" })
+};
+var AdsBreadcrumbSeparator = ({
+  children,
+  className,
+  icon = "chevron",
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  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__ */ (0, import_jsx_runtime12.jsx)(
+  BreadcrumbEllipsis,
+  {
+    className: cn("size-3.5 text-muted-foreground", className),
+    ...props,
+    children: children ?? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react4.MoreHorizontal, { className: "size-3.5" })
+  }
+);
+AdsBreadcrumbEllipsis.displayName = "AdsBreadcrumbEllipsis";
+
+// src/components/AdsCheckbox/index.tsx
+var React16 = __toESM(require("react"), 1);
+
+// src/primitives/checkbox.tsx
+var React12 = __toESM(require("react"), 1);
+var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"), 1);
+var import_lucide_react5 = require("lucide-react");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var Checkbox = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  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__ */ (0, import_jsx_runtime13.jsx)(
+      CheckboxPrimitive.Indicator,
+      {
+        className: cn("grid place-content-center text-current"),
+        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react5.Check, { className: "h-4 w-4" })
+      }
+    )
+  }
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+// src/components/AdsField/index.tsx
+var React15 = __toESM(require("react"), 1);
+
+// src/primitives/field.tsx
+var import_react = require("react");
+var import_class_variance_authority7 = require("class-variance-authority");
+
+// src/primitives/label.tsx
+var React13 = __toESM(require("react"), 1);
+var LabelPrimitive = __toESM(require("@radix-ui/react-label"), 1);
+var import_class_variance_authority6 = require("class-variance-authority");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var labelVariants = (0, import_class_variance_authority6.cva)(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+var Label = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  LabelPrimitive.Root,
+  {
+    ref,
+    className: cn(labelVariants(), className),
+    ...props
+  }
+));
+Label.displayName = LabelPrimitive.Root.displayName;
+
+// src/primitives/separator.tsx
+var React14 = __toESM(require("react"), 1);
+var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var Separator = React14.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    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
+var import_jsx_runtime16 = require("react/jsx-runtime");
+function FieldSet({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "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__ */ (0, import_jsx_runtime16.jsx)(
+    "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__ */ (0, import_jsx_runtime16.jsx)(
+    "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 = (0, import_class_variance_authority7.cva)(
+  "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__ */ (0, import_jsx_runtime16.jsx)(
+    "div",
+    {
+      role: "group",
+      "data-slot": "field",
+      "data-orientation": orientation,
+      className: cn(fieldVariants({ orientation }), className),
+      ...props
+    }
+  );
+}
+function FieldLabel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    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__ */ (0, import_jsx_runtime16.jsx)(
+    "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__ */ (0, import_jsx_runtime16.jsx)(
+    "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__ */ (0, import_jsx_runtime16.jsxs)(
+    "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__ */ (0, import_jsx_runtime16.jsx)(Separator, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          "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 = (0, import_react.useMemo)(() => {
+    if (children) {
+      return children;
+    }
+    if (!errors) {
+      return null;
+    }
+    if (errors?.length === 1 && errors[0]?.message) {
+      return errors[0].message;
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: errors.map(
+      (error, index) => error?.message && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("li", { children: error.message }, index)
+    ) });
+  }, [children, errors]);
+  if (!content) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "div",
+    {
+      role: "alert",
+      "data-slot": "field-error",
+      className: cn("text-destructive text-sm font-normal", className),
+      ...props,
+      children: content
+    }
+  );
+}
+
+// src/components/AdsField/index.tsx
+var import_jsx_runtime17 = require("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__ */ (0, import_jsx_runtime17.jsx)(
+  FieldGroup,
+  {
+    className: cn("w-full gap-7", className),
+    ref,
+    ...props
+  }
+));
+AdsField.displayName = "AdsField";
+var AdsFieldHeader = React15.forwardRef(
+  ({ className, description, title, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: cn("flex w-full flex-col gap-3", className), ref, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(FieldTitle, { className: "w-full text-base font-medium leading-6 text-foreground", children: title }),
+    description ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(FieldDescription, { className: "w-full text-sm leading-5 text-muted-foreground", children: description }) : null
+  ] })
+);
+AdsFieldHeader.displayName = "AdsFieldHeader";
+var AdsFieldItem = React15.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  Field,
+  {
+    className: cn("w-full gap-3", className),
+    orientation,
+    ref,
+    ...props
+  }
+));
+AdsFieldItem.displayName = "AdsFieldItem";
+var AdsFieldLabel = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  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__ */ (0, import_jsx_runtime17.jsx)(
+  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__ */ (0, import_jsx_runtime17.jsx)(
+  FieldDescription,
+  {
+    className: cn("text-sm leading-5 text-muted-foreground", className),
+    ref,
+    ...props
+  }
+));
+AdsFieldDescription.displayName = "AdsFieldDescription";
+var AdsFieldError = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  FieldError,
+  {
+    className: cn("text-sm leading-5 text-destructive", className),
+    ref,
+    ...props
+  }
+));
+AdsFieldError.displayName = "AdsFieldError";
+var AdsFieldSeparator = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  FieldSeparator,
+  {
+    className: cn("py-2 text-muted-foreground", className),
+    ref,
+    ...props
+  }
+));
+AdsFieldSeparator.displayName = "AdsFieldSeparator";
+var AdsFieldGroup = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  FieldGroup,
+  {
+    className: cn("w-full gap-6", className),
+    ref,
+    ...props
+  }
+));
+AdsFieldGroup.displayName = "AdsFieldGroup";
+var AdsFieldSet = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(FieldSet, { className: cn("w-full gap-6", className), ref, ...props }));
+AdsFieldSet.displayName = "AdsFieldSet";
+var AdsFieldCheckboxRow = React15.forwardRef(
+  ({ className, control, description, label, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    "div",
+    {
+      className: cn("flex w-full items-start gap-3", description ? "min-h-5" : "items-center", className),
+      ref,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "shrink-0 pt-px", children: control }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "text-sm leading-5 text-foreground", children: label }),
+          description ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AdsFieldDescription, { className: "text-sm leading-5", children: description }) : null
+        ] })
+      ]
+    }
+  )
+);
+AdsFieldCheckboxRow.displayName = "AdsFieldCheckboxRow";
+var AdsFieldChoiceCard = React15.forwardRef(
+  ({ checked, className, control, description, title, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    "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__ */ (0, import_jsx_runtime17.jsx)("div", { className: "shrink-0 pt-px", children: control }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "text-sm font-medium leading-5 text-foreground", children: title }),
+          description ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AdsFieldDescription, { className: "text-sm leading-5", children: description }) : null
+        ] })
+      ]
+    }
+  )
+);
+AdsFieldChoiceCard.displayName = "AdsFieldChoiceCard";
+var AdsFieldActions = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  "div",
+  {
+    className: cn("flex w-full flex-wrap items-center gap-3", className),
+    ref,
+    ...props
+  }
+));
+AdsFieldActions.displayName = "AdsFieldActions";
+
+// src/components/AdsCheckbox/index.tsx
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var checkboxBaseClassName = "h-4 w-4 rounded-[4px] border-border bg-card text-primary shadow-[0px_1px_2px_rgba(0,0,0,0.1)] focus-visible:ring-[3px] focus-visible:ring-[rgba(161,161,161,0.5)] focus-visible:ring-offset-0 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground";
+var Checkbox2 = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Checkbox, { className: cn(checkboxBaseClassName, className), ref, ...props }));
+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__ */ (0, import_jsx_runtime18.jsx)(
+      Checkbox2,
+      {
+        className: cn(className, checkboxClassName),
+        id: inputId,
+        ref,
+        ...props
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { className: cn("block w-full cursor-pointer", wrapperClassName), htmlFor: inputId, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    AdsFieldCheckboxRow,
+    {
+      control: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        Checkbox2,
+        {
+          className: cn(className, checkboxClassName),
+          id: inputId,
+          ref,
+          ...props
+        }
+      ),
+      description,
+      label
+    }
+  ) });
+});
+AdsCheckbox.displayName = "AdsCheckbox";
+
+// src/components/AdsButtonGroup/index.tsx
+var React18 = __toESM(require("react"), 1);
+var import_react_slot4 = require("@radix-ui/react-slot");
+
+// src/primitives/input.tsx
+var React17 = __toESM(require("react"), 1);
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var Input = React17.forwardRef(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      "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
+var import_react_slot3 = require("@radix-ui/react-slot");
+var import_class_variance_authority8 = require("class-variance-authority");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var buttonGroupVariants = (0, import_class_variance_authority8.cva)(
+  "flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
+  {
+    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__ */ (0, import_jsx_runtime20.jsx)(
+    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
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var buttonGroupPressClassName = "[&_button]:transition-[background-color,box-shadow,filter] [&_button]:active:translate-y-0 [&_button]:active:brightness-95";
+var segmentSizeClassName = {
+  sm: "h-8 px-md text-sm",
+  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__ */ (0, import_jsx_runtime21.jsx)(
+      "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 ? import_react_slot4.Slot : "div";
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      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__ */ (0, import_jsx_runtime21.jsx)(
+  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
+var React19 = __toESM(require("react"), 1);
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var toneClassName = {
+  default: "bg-border",
+  muted: "bg-border-muted"
+};
+var AdsSeparator = React19.forwardRef(({ className, orientation = "horizontal", tone = "default", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  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
+var React21 = __toESM(require("react"), 1);
+
+// src/primitives/skeleton.tsx
+var React20 = __toESM(require("react"), 1);
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var Skeleton = React20.forwardRef(
+  ({ animated = true, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    "div",
+    {
+      className: cn(
+        "shrink-0 bg-accent",
+        animated ? "animate-pulse" : void 0,
+        className
+      ),
+      ref,
+      ...props
+    }
+  )
+);
+Skeleton.displayName = "Skeleton";
+
+// src/components/AdsSkeleton/index.tsx
+var import_jsx_runtime24 = require("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__ */ (0, import_jsx_runtime24.jsx)(
+    Skeleton,
+    {
+      className: cn(shapeClassName[shape], toneClassName2[tone], className),
+      ref,
+      ...props
+    }
+  )
+);
+AdsSkeleton.displayName = "AdsSkeleton";
+
+// src/components/AdsInput/index.tsx
+var React22 = __toESM(require("react"), 1);
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var inputBaseClassName = "flex w-full rounded-md border border-border bg-card px-3 py-2 ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm";
+var inputSizeClasses = {
+  sm: "h-8 text-sm leading-5",
+  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__ */ (0, import_jsx_runtime25.jsx)(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
+    const errorNode = errorText ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(AdsFieldError, { id: description.errorId, children: errorText }) : null;
+    const inputNode = isFileInput ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "relative flex w-full min-w-0 flex-1 items-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        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__ */ (0, import_jsx_runtime25.jsxs)(
+        "div",
+        {
+          "aria-hidden": "true",
+          className: cn(
+            inputSurfaceClassName,
+            "items-center text-sm leading-5",
+            props.disabled ? "cursor-not-allowed opacity-50" : void 0
+          ),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "shrink-0 pr-sm text-sm font-medium leading-5 text-foreground", children: resolvedFileTriggerLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              "span",
+              {
+                className: cn(
+                  "min-w-0 flex-1 truncate text-sm leading-5",
+                  selectedFiles.length > 0 ? "text-foreground" : "text-muted-foreground"
+                ),
+                children: fileNameText
+              }
+            )
+          ]
+        }
+      )
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "relative flex w-full min-w-0 flex-1 items-center", children: [
+      prefix ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "pointer-events-none absolute left-md inline-flex text-icon-muted", children: prefix }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        Input,
+        {
+          "aria-describedby": description.describedBy,
+          "aria-invalid": errorText ? true : void 0,
+          className: inputSurfaceClassName,
+          id: description.inputId,
+          onChange: handleChange,
+          ref,
+          type,
+          ...props
+        }
+      ),
+      suffix ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "absolute right-md inline-flex items-center text-icon-muted", children: suffix }) : null
+    ] });
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(AdsFieldItem, { children: [
+      label ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(AdsFieldLabel, { htmlFor: description.inputId, children: label }) : null,
+      descriptionPlacement === "above" ? helperNode : null,
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex w-full items-center gap-sm", children: [
+        inputNode,
+        action ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "shrink-0", children: action }) : null
+      ] }),
+      descriptionPlacement === "below" ? helperNode : null,
+      errorNode
+    ] });
+  }
+);
+AdsInput.displayName = "AdsInput";
+
+// src/components/AdsInputGroup/index.tsx
+var React24 = __toESM(require("react"), 1);
+
+// src/primitives/textarea.tsx
+var React23 = __toESM(require("react"), 1);
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var Textarea = React23.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    "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
+var import_jsx_runtime27 = require("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__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex w-full flex-col gap-md", children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "text-sm font-medium leading-5 text-foreground", children: label }) : null,
+    children,
+    helperText ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-sm leading-5 text-muted-foreground", id: helperId, children: helperText }) : null,
+    errorText ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-sm leading-5 text-destructive", id: errorId, children: errorText }) : null
+  ] });
+}
+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__ */ (0, import_jsx_runtime27.jsx)(
+    AdsInputGroupChrome,
+    {
+      errorText,
+      helperText,
+      label,
+      ...description,
+      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: cn("w-full", className), children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+        "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__ */ (0, import_jsx_runtime27.jsx)("div", { className: "border-b border-border px-md py-md text-sm text-foreground", children: header }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex min-h-11 w-full items-stretch", children: [
+              leadingAddon ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                "div",
+                {
+                  className: cn(
+                    addonBaseClassName,
+                    "border-r border-border",
+                    leadingAddonClassName
+                  ),
+                  children: leadingAddon
+                }
+              ) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                "div",
+                {
+                  className: cn(
+                    "flex min-w-0 flex-1 items-center gap-sm px-md py-[10px]",
+                    controlWrapperClassName
+                  ),
+                  children
+                }
+              ),
+              trailingAddon ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                "div",
+                {
+                  className: cn(
+                    addonBaseClassName,
+                    "justify-end border-l border-border",
+                    trailingAddonClassName
+                  ),
+                  children: trailingAddon
+                }
+              ) : null
+            ] }),
+            footer ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "border-t border-border px-md py-sm text-sm text-muted-foreground", children: footer }) : null
+          ]
+        }
+      ) })
+    }
+  );
+}
+var AdsInputGroupInput = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  Input,
+  {
+    className: cn(
+      inputGroupControlBaseClassName,
+      "h-5 text-sm leading-5",
+      className
+    ),
+    ref,
+    ...props
+  }
+));
+AdsInputGroupInput.displayName = "AdsInputGroupInput";
+var AdsInputGroupTextarea = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  Textarea,
+  {
+    className: cn(
+      inputGroupControlBaseClassName,
+      "min-h-[64px] resize-none text-sm leading-5",
+      className
+    ),
+    ref,
+    ...props
+  }
+));
+AdsInputGroupTextarea.displayName = "AdsInputGroupTextarea";
+
+// src/components/AdsInputOTP/index.tsx
+var React26 = __toESM(require("react"), 1);
+
+// src/primitives/input-otp.tsx
+var React25 = __toESM(require("react"), 1);
+var import_input_otp = require("input-otp");
+var import_lucide_react6 = require("lucide-react");
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var InputOTP = React25.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  import_input_otp.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__ */ (0, import_jsx_runtime28.jsx)("div", { ref, className: cn("flex items-center", className), ...props }));
+InputOTPGroup.displayName = "InputOTPGroup";
+var InputOTPSlot = React25.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React25.useContext(import_input_otp.OTPInputContext);
+  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+    "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__ */ (0, import_jsx_runtime28.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
+      ]
+    }
+  );
+});
+InputOTPSlot.displayName = "InputOTPSlot";
+var InputOTPSeparator = React25.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react6.Dot, {}) }));
+InputOTPSeparator.displayName = "InputOTPSeparator";
+
+// src/components/AdsInputOTP/index.tsx
+var import_jsx_runtime29 = require("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__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex w-full flex-col gap-md", children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("label", { className: "text-sm font-medium leading-5 text-foreground", htmlFor: inputId, children: label }) : null,
+    children,
+    helperText ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-sm leading-5 text-muted-foreground", id: helperId, children: helperText }) : null,
+    errorText ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-sm leading-5 text-destructive", id: errorId, children: errorText }) : null
+  ] });
+}
+function buildSeparator(node, key) {
+  if (node === void 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AdsInputOTPSeparator, {}, key);
+  }
+  if (React26.isValidElement(node)) {
+    return React26.cloneElement(node, { key });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("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__ */ (0, import_jsx_runtime29.jsx)(AdsInputOTPGroup, { children: Array.from({ length: size }, (_, slotOffset) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        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__ */ (0, import_jsx_runtime29.jsx)(
+    AdsInputOTPChrome,
+    {
+      errorText,
+      errorId: description.errorId,
+      helperText,
+      helperId: description.helperId,
+      inputId: description.inputId,
+      label,
+      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex w-full items-center gap-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          InputOTP,
+          {
+            "aria-describedby": description.describedBy,
+            "aria-invalid": errorText ? true : void 0,
+            id: description.inputId,
+            maxLength: totalSlots,
+            ref,
+            ...props,
+            children: otpChildren
+          }
+        ),
+        action ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "shrink-0", children: action }) : null
+      ] })
+    }
+  );
+});
+AdsInputOTP.displayName = "AdsInputOTP";
+var AdsInputOTPGroup = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(InputOTPGroup, { className, ref, ...props }));
+AdsInputOTPGroup.displayName = "AdsInputOTPGroup";
+var AdsInputOTPSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  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__ */ (0, import_jsx_runtime29.jsx)(
+  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
+var React28 = __toESM(require("react"), 1);
+var import_lucide_react8 = require("lucide-react");
+
+// src/primitives/pagination.tsx
+var React27 = __toESM(require("react"), 1);
+var import_lucide_react7 = require("lucide-react");
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  "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__ */ (0, import_jsx_runtime30.jsx)(
+  "ul",
+  {
+    ref,
+    className: cn("flex flex-row items-center gap-1", className),
+    ...props
+  }
+));
+PaginationContent.displayName = "PaginationContent";
+var PaginationItem = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("li", { ref, className: cn("", className), ...props }));
+PaginationItem.displayName = "PaginationItem";
+var PaginationLink = ({
+  className,
+  isActive,
+  size = "icon",
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  "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__ */ (0, import_jsx_runtime30.jsxs)(
+  PaginationLink,
+  {
+    "aria-label": "Go to previous page",
+    size: "default",
+    className: cn("gap-1 pl-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react7.ChevronLeft, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: "Previous" })
+    ]
+  }
+);
+PaginationPrevious.displayName = "PaginationPrevious";
+var PaginationNext = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+  PaginationLink,
+  {
+    "aria-label": "Go to next page",
+    size: "default",
+    className: cn("gap-1 pr-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: "Next" }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react7.ChevronRight, { className: "h-4 w-4" })
+    ]
+  }
+);
+PaginationNext.displayName = "PaginationNext";
+var PaginationEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+  "span",
+  {
+    "aria-hidden": true,
+    className: cn("flex h-9 w-9 items-center justify-center", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react7.MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "sr-only", children: "More pages" })
+    ]
+  }
+);
+PaginationEllipsis.displayName = "PaginationEllipsis";
+
+// src/components/AdsPagination/index.tsx
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var paginationLinkBaseClassName = "inline-flex h-9 min-w-9 items-center justify-center rounded-radius-md border text-sm font-medium leading-5 tracking-normal transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background";
+var paginationLinkInactiveClassName = "border-transparent bg-transparent px-[10px] text-foreground shadow-none hover:bg-accent hover:shadow-[0px_1px_2px_rgba(0,0,0,0.1)]";
+var paginationLinkActiveClassName = "border-border bg-card px-[10px] text-foreground shadow-[0px_1px_2px_rgba(0,0,0,0.1)]";
+function AdsPagination({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    Pagination,
+    {
+      className: cn("mx-0 w-auto justify-start", className),
+      ...props
+    }
+  );
+}
+AdsPagination.displayName = "AdsPagination";
+var AdsPaginationContent = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(PaginationContent, { ref, className: cn("gap-1", className), ...props }));
+AdsPaginationContent.displayName = "AdsPaginationContent";
+var AdsPaginationItem = React28.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(PaginationItem, { ref, className, ...props })
+);
+AdsPaginationItem.displayName = "AdsPaginationItem";
+var AdsPaginationLink = React28.forwardRef(
+  ({ className, isActive = false, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    "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__ */ (0, import_jsx_runtime31.jsxs)(
+    AdsPaginationLink,
+    {
+      "aria-label": ariaLabel ?? messages.pagination.previous,
+      className: cn("gap-1 px-md py-sm", className),
+      ref,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react8.ChevronLeft, { "aria-hidden": true, className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { children: label })
+      ]
+    }
+  );
+});
+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__ */ (0, import_jsx_runtime31.jsxs)(
+      AdsPaginationLink,
+      {
+        "aria-label": ariaLabel ?? messages.pagination.next,
+        className: cn("gap-1 px-md py-sm", className),
+        ref,
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react8.ChevronRight, { "aria-hidden": true, className: "h-4 w-4" })
+        ]
+      }
+    );
+  }
+);
+AdsPaginationNext.displayName = "AdsPaginationNext";
+function AdsPaginationEllipsis({
+  className,
+  label,
+  ...props
+}) {
+  const { messages } = useAdsI18n();
+  const resolvedLabel = label ?? messages.pagination.morePages;
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+    "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__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react8.MoreHorizontal, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "sr-only", children: resolvedLabel })
+      ]
+    }
+  );
+}
+AdsPaginationEllipsis.displayName = "AdsPaginationEllipsis";
+
+// src/components/AdsPopover/index.tsx
+var React30 = __toESM(require("react"), 1);
+
+// src/primitives/popover.tsx
+var React29 = __toESM(require("react"), 1);
+var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverContent = React29.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  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
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var popoverContentClassName = "z-50 w-[320px] rounded-radius-lg border border-border bg-popover p-lg text-popover-foreground shadow-[0px_2px_4px_-2px_rgba(0,0,0,0.1),0px_4px_6px_-1px_rgba(0,0,0,0.1)] outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]";
+var AdsPopover = Popover;
+var AdsPopoverTrigger = PopoverTrigger;
+var AdsPopoverContent = React30.forwardRef(({ align = "center", className, inset = false, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  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__ */ (0, import_jsx_runtime33.jsx)(
+    "div",
+    {
+      className: cn("flex flex-col gap-sm", className),
+      ref,
+      ...props
+    }
+  )
+);
+AdsPopoverHeader.displayName = "AdsPopoverHeader";
+var AdsPopoverBody = React30.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: cn("mt-md flex flex-col gap-md", className), ref, ...props })
+);
+AdsPopoverBody.displayName = "AdsPopoverBody";
+var AdsPopoverTitle = React30.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    "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__ */ (0, import_jsx_runtime33.jsx)(
+  "p",
+  {
+    className: cn("text-sm leading-5 text-muted-foreground", className),
+    ref,
+    ...props
+  }
+));
+AdsPopoverDescription.displayName = "AdsPopoverDescription";
+
+// src/components/AdsProgress/index.tsx
+var React32 = __toESM(require("react"), 1);
+
+// src/primitives/progress.tsx
+var React31 = __toESM(require("react"), 1);
+var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"), 1);
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var Progress = React31.forwardRef(({ className, indicatorClassName, value, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  ProgressPrimitive.Root,
+  {
+    className: cn("relative h-4 w-full overflow-hidden rounded-full bg-secondary", className),
+    ref,
+    value,
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      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
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var progressBaseClassName = "h-2 rounded-radius-full bg-[color:color-mix(in_srgb,var(--primary)_20%,transparent)]";
+var progressIndicatorVariantClassName = {
+  ai: "bg-brand-gradient",
+  default: "bg-primary"
+};
+var Progress2 = React32.forwardRef(({ className, indicatorClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  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__ */ (0, import_jsx_runtime35.jsx)(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
+    const errorNode = errorText ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AdsFieldError, { id: description.errorId, children: errorText }) : null;
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(AdsFieldItem, { children: [
+      label ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AdsFieldLabel, { id: labelId, children: label }) : null,
+      descriptionPlacement === "above" ? helperNode : null,
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        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
+var React34 = __toESM(require("react"), 1);
+
+// src/primitives/radio-group.tsx
+var React33 = __toESM(require("react"), 1);
+var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"), 1);
+var import_lucide_react9 = require("lucide-react");
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var RadioGroup = React33.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    RadioGroupPrimitive.Root,
+    {
+      className: cn("grid gap-2", className),
+      ...props,
+      ref
+    }
+  );
+});
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+var RadioGroupItem = React33.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    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__ */ (0, import_jsx_runtime36.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react9.Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+    }
+  );
+});
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+
+// src/components/AdsRadioGroup/index.tsx
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var radioGroupBaseClassName = "gap-3";
+var radioItemBaseClassName = "h-4 w-4 border-border bg-card text-primary shadow-[0px_1px_2px_rgba(0,0,0,0.1)] focus-visible:ring-[3px] focus-visible:ring-[rgba(161,161,161,0.5)] focus-visible:ring-offset-0";
+var RadioGroup2 = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(RadioGroup, { className: cn(radioGroupBaseClassName, className), ref, ...props }));
+RadioGroup2.displayName = "RadioGroup";
+var RadioGroupItem2 = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  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__ */ (0, import_jsx_runtime37.jsx)(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
+    const errorNode = errorText ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(AdsFieldError, { id: description.errorId, children: errorText }) : null;
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(AdsFieldItem, { children: [
+      label ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(AdsFieldLabel, { children: label }) : null,
+      descriptionPlacement === "above" ? helperNode : null,
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        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__ */ (0, import_jsx_runtime37.jsxs)("label", { className: "flex w-full cursor-pointer items-start gap-2", htmlFor: inputId, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      RadioGroupItem2,
+      {
+        className: cn(className),
+        id: inputId,
+        ref,
+        value,
+        ...props
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "text-sm leading-5 text-foreground", children: label }),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(AdsFieldDescription, { className: "text-sm leading-5", children: description }) : null
+    ] })
+  ] });
+});
+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__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      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__ */ (0, import_jsx_runtime37.jsxs)(
+      "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__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "text-sm font-medium leading-5 text-foreground", id: titleId, children: label }),
+            description ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(AdsFieldDescription, { className: "text-xs leading-4", id: descriptionId, children: description }) : null
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex h-full shrink-0 items-start justify-center pt-px", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+            "div",
+            {
+              className: "grid h-4 w-4 place-content-center rounded-full border bg-card shadow-[0px_1px_2px_rgba(0,0,0,0.1)]",
+              "data-indicator": true,
+              children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+                "span",
+                {
+                  className: "h-2 w-2 rounded-full bg-primary transition-opacity",
+                  "data-indicator-span": true
+                }
+              )
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+});
+AdsRadioGroupCardOption.displayName = "AdsRadioGroupCardOption";
+
+// src/primitives/select.tsx
+var React35 = __toESM(require("react"), 1);
+var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
+var import_lucide_react10 = require("lucide-react");
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React35.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+  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__ */ (0, import_jsx_runtime38.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react10.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  SelectPrimitive.ScrollUpButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react10.ChevronUp, { className: "h-4 w-4" })
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  SelectPrimitive.ScrollDownButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react10.ChevronDown, { className: "h-4 w-4" })
+  }
+));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React35.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+  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__ */ (0, import_jsx_runtime38.jsx)(SelectScrollUpButton, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        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__ */ (0, import_jsx_runtime38.jsx)(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  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__ */ (0, import_jsx_runtime38.jsxs)(
+  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__ */ (0, import_jsx_runtime38.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react10.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectPrimitive.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  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
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var selectTriggerBaseClassName = "h-9 rounded-radius-md border border-border bg-card px-md py-2 text-sm leading-5 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__ */ (0, import_jsx_runtime39.jsx)(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
+  const errorNode = errorText ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AdsFieldError, { id: description.errorId, children: errorText }) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(AdsFieldItem, { children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AdsFieldLabel, { htmlFor: description.inputId, children: label }) : null,
+    descriptionPlacement === "above" ? helperNode : null,
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Select, { ...props, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        SelectTrigger,
+        {
+          "aria-describedby": description.describedBy,
+          "aria-invalid": errorText ? true : void 0,
+          className: cn(selectTriggerBaseClassName, triggerClassName),
+          id: description.inputId,
+          children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectValue, { placeholder })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectContent, { className: cn(selectContentBaseClassName, contentClassName3), children })
+    ] }),
+    descriptionPlacement === "below" ? helperNode : null,
+    errorNode
+  ] });
+}
+
+// src/components/AdsSlider/index.tsx
+var React37 = __toESM(require("react"), 1);
+
+// src/primitives/slider.tsx
+var React36 = __toESM(require("react"), 1);
+var SliderPrimitive = __toESM(require("@radix-ui/react-slider"), 1);
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var Slider = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+  SliderPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full touch-none select-none items-center",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+      Array.from({
+        length: Array.isArray(props.value) ? props.value.length : Array.isArray(props.defaultValue) ? props.defaultValue.length : 1
+      }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+        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
+var import_jsx_runtime41 = require("react/jsx-runtime");
+var sliderBaseClassName = "py-1";
+var Slider2 = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Slider, { className: cn(sliderBaseClassName, className), ref, ...props }));
+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__ */ (0, import_jsx_runtime41.jsx)(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
+    const errorNode = errorText ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(AdsFieldError, { id: description.errorId, children: errorText }) : null;
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(AdsFieldItem, { children: [
+      label ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(AdsFieldLabel, { children: label }) : null,
+      descriptionPlacement === "above" ? helperNode : null,
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        Slider2,
+        {
+          "aria-describedby": description.describedBy,
+          className,
+          ref,
+          ...props
+        }
+      ),
+      descriptionPlacement === "below" ? helperNode : null,
+      errorNode
+    ] });
+  }
+);
+AdsSlider.displayName = "AdsSlider";
+
+// src/components/AdsSwitch/index.tsx
+var React39 = __toESM(require("react"), 1);
+
+// src/primitives/switch.tsx
+var React38 = __toESM(require("react"), 1);
+var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"), 1);
+var import_jsx_runtime42 = require("react/jsx-runtime");
+var Switch = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  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__ */ (0, import_jsx_runtime42.jsx)(
+      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
+var import_jsx_runtime43 = require("react/jsx-runtime");
+var switchBaseClassName = "h-6 w-11 border border-transparent bg-muted shadow-[0px_1px_2px_rgba(0,0,0,0.1)] focus-visible:ring-[3px] focus-visible:ring-[rgba(161,161,161,0.5)] focus-visible:ring-offset-0 data-[state=checked]:bg-primary data-[state=unchecked]:bg-muted";
+var Switch2 = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Switch, { className: cn(switchBaseClassName, className), ref, ...props }));
+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__ */ (0, import_jsx_runtime43.jsx)(
+      Switch2,
+      {
+        className: cn(className, switchClassName),
+        id: inputId,
+        ref,
+        ...props
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("label", { className: cn("block w-full cursor-pointer", wrapperClassName), htmlFor: inputId, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex w-full items-start gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5 pt-0.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "text-sm font-medium leading-5 text-foreground", children: label }),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(AdsFieldDescription, { className: "text-sm leading-5", children: description }) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+      Switch2,
+      {
+        className: cn(className, switchClassName),
+        id: inputId,
+        ref,
+        ...props
+      }
+    ) })
+  ] }) });
+});
+AdsSwitch.displayName = "AdsSwitch";
+
+// src/components/AdsTabs/index.tsx
+var React41 = __toESM(require("react"), 1);
+
+// src/primitives/tabs.tsx
+var React40 = __toESM(require("react"), 1);
+var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"), 1);
+var import_jsx_runtime44 = require("react/jsx-runtime");
+var Tabs = TabsPrimitive.Root;
+var TabsList = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  TabsPrimitive.List,
+  {
+    className: cn("inline-flex items-center", className),
+    ref,
+    ...props
+  }
+));
+TabsList.displayName = TabsPrimitive.List.displayName;
+var TabsTrigger = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  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__ */ (0, import_jsx_runtime44.jsx)(
+  TabsPrimitive.Content,
+  {
+    className: cn("focus-visible:outline-none", className),
+    ref,
+    ...props
+  }
+));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+
+// src/components/AdsTabs/index.tsx
+var import_jsx_runtime45 = require("react/jsx-runtime");
+var AdsTabs = Tabs;
+var AdsTabsList = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  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__ */ (0, import_jsx_runtime45.jsx)(
+  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__ */ (0, import_jsx_runtime45.jsx)(
+  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
+var React43 = __toESM(require("react"), 1);
+
+// src/primitives/toggle.tsx
+var React42 = __toESM(require("react"), 1);
+var TogglePrimitive = __toESM(require("@radix-ui/react-toggle"), 1);
+var import_jsx_runtime46 = require("react/jsx-runtime");
+var Toggle = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  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
+var import_jsx_runtime47 = require("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__ */ (0, import_jsx_runtime47.jsx)(
+    Toggle,
+    {
+      className: cn(
+        "inline-flex shrink-0 items-center justify-center gap-2 rounded-radius-md font-medium leading-5 text-foreground focus-visible:ring-[3px] focus-visible:ring-[rgba(161,161,161,0.5)] focus-visible:ring-offset-0 disabled:opacity-50",
+        sizeClassName2[size],
+        variantClassName[variant],
+        isIconOnly && iconOnlySizeClassName[size],
+        className
+      ),
+      ref,
+      ...props,
+      children
+    }
+  );
+});
+AdsToggle.displayName = "AdsToggle";
+
+// src/components/AdsToggleGroup/index.tsx
+var React45 = __toESM(require("react"), 1);
+
+// src/primitives/toggle-group.tsx
+var React44 = __toESM(require("react"), 1);
+var ToggleGroupPrimitive = __toESM(require("@radix-ui/react-toggle-group"), 1);
+var import_jsx_runtime48 = require("react/jsx-runtime");
+var ToggleGroup = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  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__ */ (0, import_jsx_runtime48.jsx)(
+  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
+var import_jsx_runtime49 = require("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__ */ (0, import_jsx_runtime49.jsx)(AdsToggleGroupContext.Provider, { value: { orientation, size, variant }, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    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__ */ (0, import_jsx_runtime49.jsx)(
+    ToggleGroupItem,
+    {
+      className: cn(
+        "inline-flex shrink-0 items-center justify-center font-medium leading-5 text-foreground focus-visible:relative focus-visible:z-10 focus-visible:ring-[3px] focus-visible:ring-[rgba(161,161,161,0.5)] focus-visible:ring-offset-0 disabled:opacity-50",
+        sizeClassName3[resolvedSize],
+        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
+var React46 = __toESM(require("react"), 1);
+var import_jsx_runtime50 = require("react/jsx-runtime");
+var textareaBaseClassName = "w-full rounded-radius-md border border-border bg-card px-md py-md text-base leading-6 text-foreground shadow-[0px_1px_2px_rgba(0,0,0,0.1)] placeholder:text-muted-foreground focus-visible:border-border-focus focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-[rgba(161,161,161,0.5)] disabled:cursor-not-allowed disabled:opacity-50";
+var AdsTextarea = React46.forwardRef(
+  ({
+    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__ */ (0, import_jsx_runtime50.jsx)(AdsFieldDescription, { id: description.helperId, children: helperText }) : null;
+    const errorNode = errorText ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(AdsFieldError, { id: description.errorId, children: errorText }) : null;
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(AdsFieldItem, { children: [
+      label ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(AdsFieldLabel, { htmlFor: description.inputId, children: label }) : null,
+      descriptionPlacement === "above" ? helperNode : null,
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        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__ */ (0, import_jsx_runtime50.jsx)("div", { className: "w-full [&>*]:w-full", children: action }) : null,
+      descriptionPlacement === "below" ? helperNode : null,
+      errorNode
+    ] });
+  }
+);
+AdsTextarea.displayName = "AdsTextarea";
+
+// src/components/AdsTooltip/index.tsx
+var React48 = __toESM(require("react"), 1);
+
+// src/primitives/tooltip.tsx
+var React47 = __toESM(require("react"), 1);
+var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
+var import_jsx_runtime51 = require("react/jsx-runtime");
+var TooltipProvider = TooltipPrimitive.Provider;
+var Tooltip = TooltipPrimitive.Root;
+var TooltipTrigger = TooltipPrimitive.Trigger;
+var TooltipArrow = TooltipPrimitive.Arrow;
+var TooltipContent = React47.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  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
+var import_jsx_runtime52 = require("react/jsx-runtime");
+var tooltipContentClassName = "z-50 rounded-[6px] border-0 bg-[#844fff] px-3 py-2 text-sm font-normal leading-5 text-[#fdfdfd] shadow-[0px_8px_24px_rgba(0,0,0,0.22)]";
+var AdsTooltipProvider = TooltipProvider;
+var AdsTooltip = Tooltip;
+var AdsTooltipTrigger = TooltipTrigger;
+var AdsTooltipContent = React48.forwardRef(({ align = "center", className, sideOffset = 10, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  TooltipContent,
+  {
+    align,
+    className: cn(tooltipContentClassName, className),
+    ref,
+    sideOffset,
+    ...props
+  }
+));
+AdsTooltipContent.displayName = "AdsTooltipContent";
+var AdsTooltipArrow = React48.forwardRef(({ className, height = 5, width = 10, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  TooltipArrow,
+  {
+    className: cn("fill-[#844fff]", className),
+    height,
+    ref,
+    width,
+    ...props
+  }
+));
+AdsTooltipArrow.displayName = "AdsTooltipArrow";
+
+// src/components/AdsToast/index.tsx
+var React49 = __toESM(require("react"), 1);
+var import_lucide_react11 = require("lucide-react");
+var import_sonner = require("sonner");
+var import_jsx_runtime53 = require("react/jsx-runtime");
+var adsToastIconMap = {
+  success: import_lucide_react11.CircleCheck,
+  info: import_lucide_react11.Info,
+  warning: import_lucide_react11.TriangleAlert,
+  error: import_lucide_react11.OctagonX,
+  loading: import_lucide_react11.LoaderCircle
+};
+function resolveToastIcon(intent, icon) {
+  if (icon) {
+    return icon;
+  }
+  if (intent === "default") {
+    return null;
+  }
+  const Icon2 = adsToastIconMap[intent];
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    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__ */ (0, import_jsx_runtime53.jsxs)(
+      "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__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-sm font-medium leading-5 text-foreground", children: title }),
+            description ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-xs font-normal leading-4 text-muted-foreground", children: description }) : null
+          ] }),
+          action ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            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__ */ (0, import_jsx_runtime53.jsx)(
+    import_sonner.Toaster,
+    {
+      closeButton: false,
+      containerAriaLabel: containerAriaLabel ?? messages.toast.notifications,
+      duration,
+      expand,
+      gap,
+      position,
+      toastOptions: {
+        unstyled: true
+      },
+      visibleToasts,
+      ...props
+    }
+  );
+}
+function toStageNode(intent, title, options) {
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    AdsToast,
+    {
+      action: options?.action,
+      description: options?.description,
+      icon: options?.icon,
+      intent,
+      title
+    }
+  );
+}
+function showAdsToast(intent, title, options) {
+  const { action, description, icon, ...toastOptions } = options ?? {};
+  return import_sonner.toast.custom(
+    (id) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      AdsToast,
+      {
+        action: action ? {
+          ...action,
+          onClick: (event) => {
+            action.onClick?.(event);
+            import_sonner.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) => import_sonner.toast.dismiss(id),
+    promise: (promise, options) => {
+      const { error, loading, success, ...toastOptions } = options;
+      return import_sonner.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
+var React50 = __toESM(require("react"), 1);
+var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
+var import_lucide_react12 = require("lucide-react");
+var import_jsx_runtime54 = require("react/jsx-runtime");
+var overlayClassName2 = "fixed inset-0 z-50 bg-black/80 backdrop-blur-[2px] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0";
+var contentClassName2 = "fixed left-1/2 top-1/2 z-50 grid w-[calc(100%-2rem)] max-w-[423px] -translate-x-1/2 -translate-y-1/2 gap-lg rounded-radius-md border border-border bg-card p-xl text-foreground shadow-[0px_4px_6px_-4px_rgba(0,0,0,0.1),0px_10px_15px_-3px_rgba(0,0,0,0.1)] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]";
+var closeButtonClassName = "absolute right-xl top-xl inline-flex h-6 w-6 items-center justify-center rounded-sm text-foreground/80 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card disabled:pointer-events-none";
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogPortal = DialogPrimitive.Portal;
+var DialogOverlay = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  DialogPrimitive.Overlay,
+  {
+    className: cn(overlayClassName2, className),
+    ref,
+    ...props
+  }
+));
+DialogOverlay.displayName = "DialogOverlay";
+var DialogClose = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  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__ */ (0, import_jsx_runtime54.jsxs)(DialogPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+      DialogPrimitive.Content,
+      {
+        className: cn(contentClassName2, className),
+        ref,
+        ...props,
+        children: [
+          children,
+          !hideCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+            DialogPrimitive.Close,
+            {
+              "aria-label": resolvedCloseLabel,
+              className: closeButtonClassName,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react12.X, { "aria-hidden": true, className: "h-4 w-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "sr-only", children: resolvedCloseLabel })
+              ]
+            }
+          ) : null
+        ]
+      }
+    )
+  ] });
+});
+DialogContent.displayName = "DialogContent";
+var DialogHeader = React50.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    "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__ */ (0, import_jsx_runtime54.jsx)(
+    "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__ */ (0, import_jsx_runtime54.jsx)(
+  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__ */ (0, import_jsx_runtime54.jsx)(
+  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
+var import_class_variance_authority9 = require("class-variance-authority");
+var import_jsx_runtime55 = require("react/jsx-runtime");
+var adsEmptyVariants = (0, import_class_variance_authority9.cva)(
+  "flex w-full flex-col items-center justify-center gap-6 p-12 text-center",
+  {
+    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__ */ (0, import_jsx_runtime55.jsx)(
+    "div",
+    {
+      "data-slot": "ads-empty",
+      className: cn(adsEmptyVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+function AdsEmptyHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    "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__ */ (0, import_jsx_runtime55.jsx)(
+    "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__ */ (0, import_jsx_runtime55.jsx)(
+    "div",
+    {
+      "data-slot": "ads-empty-title",
+      className: cn("text-lg font-medium leading-7 text-foreground", className),
+      ...props
+    }
+  );
+}
+function AdsEmptyDescription({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    "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__ */ (0, import_jsx_runtime55.jsx)(
+    "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__ */ (0, import_jsx_runtime55.jsx)(
+    "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__ */ (0, import_jsx_runtime55.jsx)(
+    "div",
+    {
+      "data-slot": "ads-empty-footer",
+      className: cn("text-sm font-medium leading-5 text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+
+// src/components/AdsTable/index.tsx
+var React52 = __toESM(require("react"), 1);
+
+// src/primitives/table.tsx
+var React51 = __toESM(require("react"), 1);
+var import_jsx_runtime56 = require("react/jsx-runtime");
+var Table = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  "table",
+  {
+    ref,
+    className: cn("w-full caption-bottom text-sm", className),
+    ...props
+  }
+) }));
+Table.displayName = "Table";
+var TableHeader = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+TableHeader.displayName = "TableHeader";
+var TableBody = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  "tbody",
+  {
+    ref,
+    className: cn("[&_tr:last-child]:border-0", className),
+    ...props
+  }
+));
+TableBody.displayName = "TableBody";
+var TableFooter = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  "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__ */ (0, import_jsx_runtime56.jsx)(
+  "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__ */ (0, import_jsx_runtime56.jsx)(
+  "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__ */ (0, import_jsx_runtime56.jsx)(
+  "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__ */ (0, import_jsx_runtime56.jsx)(
+  "caption",
+  {
+    ref,
+    className: cn("mt-4 text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+TableCaption.displayName = "TableCaption";
+
+// src/components/AdsTable/index.tsx
+var import_jsx_runtime57 = require("react/jsx-runtime");
+var AdsTable = React52.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "w-full overflow-hidden rounded-radius-md border border-border bg-card", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    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__ */ (0, import_jsx_runtime57.jsx)(
+  TableHeader,
+  {
+    ref,
+    className: cn("[&_tr]:border-border", className),
+    ...props
+  }
+));
+AdsTableHeader.displayName = "AdsTableHeader";
+var AdsTableBody = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  TableBody,
+  {
+    ref,
+    className: cn("[&_tr:last-child]:border-0", className),
+    ...props
+  }
+));
+AdsTableBody.displayName = "AdsTableBody";
+var AdsTableFooter = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  TableFooter,
+  {
+    ref,
+    className: cn("border-border bg-card text-foreground", className),
+    ...props
+  }
+));
+AdsTableFooter.displayName = "AdsTableFooter";
+var AdsTableRow = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  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__ */ (0, import_jsx_runtime57.jsx)(
+  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__ */ (0, import_jsx_runtime57.jsx)(
+  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__ */ (0, import_jsx_runtime57.jsx)(
+  TableCaption,
+  {
+    ref,
+    className: cn("text-sm leading-5 text-muted-foreground", className),
+    ...props
+  }
+));
+AdsTableCaption.displayName = "AdsTableCaption";
+
+// src/tokens/designTokens.ts
+var designTokens = {
+  background: "#151619",
+  foreground: "#fdfdfd",
+  card: "#1b1c21",
+  cardForeground: "#fdfdfd",
+  popover: "#2a2b2f",
+  popoverForeground: "#fdfdfd",
+  primary: "#844fff",
+  primaryForeground: "#fdfdfd",
+  secondary: "#3f4043",
+  secondaryForeground: "#fdfdfd",
+  muted: "#3f4043",
+  mutedForeground: "#7e7f81",
+  accent: "#3f4043",
+  accentForeground: "#fdfdfd",
+  destructive: "#dc2626",
+  destructiveForeground: "#ff9b9b",
+  border: "#545558",
+  input: "#151619",
+  ring: "#a984ff",
+  brandSecondary: "#af41ff",
+  brandSecondaryForeground: "#151619",
+  brandGradientFrom: "#6859ff",
+  brandGradientTo: "#af41ff",
+  success: "#008e61",
+  successForeground: "#fdfdfd",
+  warning: "#cd6c00",
+  warningForeground: "#fdfdfd",
+  info: "#844fff",
+  infoForeground: "#fdfdfd",
+  borderMuted: "#3f4043",
+  active: "#422880",
+  activeForeground: "#fdfdfd",
+  labelForeground: "#a8a9aa",
+  icon: "#939496",
+  iconMuted: "#545558",
+  spacing: {
+    xs: "0.25rem",
+    sm: "0.5rem",
+    md: "0.75rem",
+    lg: "1rem",
+    xl: "1.5rem",
+    "2xl": "2rem"
+  },
+  radius: {
+    sm: "0.25rem",
+    md: "0.375rem",
+    lg: "0.5rem",
+    xl: "0.75rem",
+    full: "9999px"
+  },
+  size: {
+    controlHeight: "2.5rem",
+    modalWidth: "42rem",
+    sidebarWidth: "17.5rem"
+  },
+  zIndex: {
+    toolbar: 30,
+    overlay: 40,
+    modal: 50,
+    toast: 60
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AdsAccordion,
+  AdsAlert,
+  AdsAlertDescription,
+  AdsAlertDialog,
+  AdsAlertDialogAction,
+  AdsAlertDialogCancel,
+  AdsAlertDialogContent,
+  AdsAlertDialogDescription,
+  AdsAlertDialogFooter,
+  AdsAlertDialogHeader,
+  AdsAlertDialogOverlay,
+  AdsAlertDialogPortal,
+  AdsAlertDialogTitle,
+  AdsAlertDialogTrigger,
+  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,
+  AdsSelectContent,
+  AdsSelectGroup,
+  AdsSelectItem,
+  AdsSelectLabel,
+  AdsSelectRoot,
+  AdsSelectScrollDownButton,
+  AdsSelectScrollUpButton,
+  AdsSelectSeparator,
+  AdsSelectTrigger,
+  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.cjs.map