@elmeragroup/fuse 0.1.0-canary.1

package/components/alert/alert-variants.d.ts

@@ -0,0 +1,88 @@
+//#region src/components/alert/alert-variants.d.ts
+export declare const alertVariants: import("tailwind-variants").TVReturnType<{
+  variant: {
+    default: {
+      base: string;
+      icon: string;
+      button: string;
+    };
+    destructive: {
+      base: string;
+      icon: string;
+      button: string;
+    };
+    warning: {
+      base: string;
+      icon: string;
+      button: string;
+    };
+    success: {
+      base: string;
+      icon: string;
+      button: string;
+    };
+  };
+}, {
+  base: string;
+  icon: string;
+  description: string;
+  button: string;
+}, undefined, {
+  variant: {
+    default: {
+      base: string;
+      icon: string;
+      button: string;
+    };
+    destructive: {
+      base: string;
+      icon: string;
+      button: string;
+    };
+    warning: {
+      base: string;
+      icon: string;
+      button: string;
+    };
+    success: {
+      base: string;
+      icon: string;
+      button: string;
+    };
+  };
+}, {
+  base: string;
+  icon: string;
+  description: string;
+  button: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  variant: {
+    default: {
+      base: string;
+      icon: string;
+      button: string;
+    };
+    destructive: {
+      base: string;
+      icon: string;
+      button: string;
+    };
+    warning: {
+      base: string;
+      icon: string;
+      button: string;
+    };
+    success: {
+      base: string;
+      icon: string;
+      button: string;
+    };
+  };
+}, {
+  base: string;
+  icon: string;
+  description: string;
+  button: string;
+}>>;
+//#endregion
+//# sourceMappingURL=alert-variants.d.ts.map

package/components/alert/alert-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-variants.d.ts","names":[],"sources":["../../../src/components/alert/alert-variants.ts"],"mappings":";qBASa,2CAAa;;IASpB;MACE;MACA;MAIA;;IAEF;MACE;MACA;MACA;;IAEF;MACE;MACA;MACA;;IAEF;MACE;MACA;MACA"}

package/components/alert/alert-variants.js

@@ -0,0 +1,44 @@
+import { tv } from "tailwind-variants";
+//#region src/components/alert/alert-variants.ts
+/**
+* Module-private slot recipe. Not exported from the public entry —
+* there is no proven recipe-borrowing use.
+*
+* `variant` is the status axis only. Item supplies `variant="outline"` / `size="sm"`
+* underneath; this recipe is not a density rung.
+*/
+const alertVariants = tv({
+	slots: {
+		base: "relative",
+		icon: "block size-5 shrink-0 text-foreground",
+		description: "text-foreground",
+		button: ""
+	},
+	variants: { variant: {
+		default: {
+			base: "bg-background text-foreground",
+			icon: "text-foreground",
+			button: "bg-background text-foreground enabled-hover:bg-muted"
+		},
+		destructive: {
+			base: "border-error bg-error/5 text-error",
+			icon: "text-error",
+			button: "bg-error text-error-foreground hover:bg-error/90"
+		},
+		warning: {
+			base: "border-warning bg-warning-soft text-warning-soft-foreground",
+			icon: "text-warning",
+			button: "bg-warning text-warning-foreground hover:bg-warning/90"
+		},
+		success: {
+			base: "border-success bg-success/5 text-foreground",
+			icon: "text-success",
+			button: "bg-success text-success-foreground hover:bg-success/90"
+		}
+	} },
+	defaultVariants: { variant: "default" }
+});
+//#endregion
+export { alertVariants };
+
+//# sourceMappingURL=alert-variants.js.map

package/components/alert/alert-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-variants.js","names":[],"sources":["../../../src/components/alert/alert-variants.ts"],"sourcesContent":["/**\n * Module-private slot recipe. Not exported from the public entry —\n * there is no proven recipe-borrowing use.\n *\n * `variant` is the status axis only. Item supplies `variant=\"outline\"` / `size=\"sm\"`\n * underneath; this recipe is not a density rung.\n */\nimport { tv } from \"tailwind-variants\";\n\nexport const alertVariants = tv({\n  slots: {\n    base: \"relative\",\n    icon: \"block size-5 shrink-0 text-foreground\",\n    description: \"text-foreground\",\n    button: \"\",\n  },\n  variants: {\n    variant: {\n      default: {\n        base: \"bg-background text-foreground\",\n        icon: \"text-foreground\",\n        // Replaces Button's `enabled-hover:bg-primary/80`, which tailwind-merge keeps beside a\n        // plain `bg-*` because the modifier differs, and which puts `text-foreground` on a\n        // primary fill. `foreground` on `muted` is a gated text-grade pair.\n        button: \"bg-background text-foreground enabled-hover:bg-muted\",\n      },\n      destructive: {\n        base: \"border-error bg-error/5 text-error\",\n        icon: \"text-error\",\n        button: \"bg-error text-error-foreground hover:bg-error/90\",\n      },\n      warning: {\n        base: \"border-warning bg-warning-soft text-warning-soft-foreground\",\n        icon: \"text-warning\",\n        button: \"bg-warning text-warning-foreground hover:bg-warning/90\",\n      },\n      success: {\n        base: \"border-success bg-success/5 text-foreground\",\n        icon: \"text-success\",\n        button: \"bg-success text-success-foreground hover:bg-success/90\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n"],"mappings":";;;;;;;;;AASA,MAAa,gBAAgB,GAAG;CAC9B,OAAO;EACL,MAAM;EACN,MAAM;EACN,aAAa;EACb,QAAQ;CACV;CACA,UAAU,EACR,SAAS;EACP,SAAS;GACP,MAAM;GACN,MAAM;GAIN,QAAQ;EACV;EACA,aAAa;GACX,MAAM;GACN,MAAM;GACN,QAAQ;EACV;EACA,SAAS;GACP,MAAM;GACN,MAAM;GACN,QAAQ;EACV;EACA,SAAS;GACP,MAAM;GACN,MAAM;GACN,QAAQ;EACV;CACF,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC"}

package/components/alert/alert.d.ts

@@ -0,0 +1,63 @@
+import { Info } from "../../icons/generated/info.js";
+import { Button } from "../button/button.js";
+import { alertVariants } from "./alert-variants.js";
+import { ComponentProps, ReactElement, ReactNode } from "react";
+import { VariantProps } from "tailwind-variants";
+//#region src/components/alert/alert.d.ts
+type AlertVariant = NonNullable<VariantProps<typeof alertVariants>["variant"]>;
+type AlertTitleLevel = 1 | 2 | 3 | 4 | 5 | 6;
+type AlertActionHandler = ComponentProps<typeof Button>["onClick"];
+type AlertActionProps = {
+  /**
+   * When both `onAction` and `actionLabel` are set, renders a `Button` in
+   * `Item.Actions`. Forwarded as the button's `onClick` — the client
+   * boundary is the consumer's.
+   */
+  onAction: AlertActionHandler;
+  /**
+   * Accessible name and visible children of the action button. Required
+   * together with `onAction`; must be self-describing.
+   */
+  actionLabel: ReactNode;
+} | {
+  onAction?: never;
+  actionLabel?: never;
+};
+export type AlertRootProps = ComponentProps<"div"> & VariantProps<typeof alertVariants> & AlertActionProps;
+export type AlertIconProps = Omit<ComponentProps<typeof Info>, "title" | "weight"> & {
+  /**
+   * Status glyph. `default → Info`, `warning → Warning`, `destructive → WarningOctagon`,
+   * `success → CheckCircle`.
+   */
+  variant: AlertVariant;
+  /**
+   * Phosphor weight. Regular is the library default; `fill` is reserved for selected
+   * or active states.
+   */
+  weight?: "regular" | "fill";
+};
+export type AlertTitleProps = ComponentProps<"h3"> & {
+  /**
+   * Heading element level — `1`–`6` picks the rendered `h1`–`h6`. Defaults to `3` so an
+   * alert titles itself without assuming its place in the document outline.
+   */
+  level?: AlertTitleLevel;
+};
+export type AlertDescriptionProps = ComponentProps<"p">;
+/**
+ * Status alert composite over the library Item family. Server —
+ * it owns no state, effects, or browser APIs; `onAction` is a forwarded consumer
+ * handler.
+ */
+declare function AlertRoot({ children, className, variant, onAction, actionLabel, ...props }: AlertRootProps): ReactElement;
+declare function AlertIcon({ variant, className, ...props }: AlertIconProps): ReactElement;
+declare function AlertTitle({ children, className, level, ...props }: AlertTitleProps): ReactElement;
+declare function AlertDescription({ className, ...props }: AlertDescriptionProps): ReactElement;
+export declare const Alert: {
+  Root: typeof AlertRoot;
+  Icon: typeof AlertIcon;
+  Title: typeof AlertTitle;
+  Description: typeof AlertDescription;
+};
+//#endregion
+//# sourceMappingURL=alert.d.ts.map

package/components/alert/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","names":[],"sources":["../../../src/components/alert/alert.tsx"],"mappings":";;;;;;KAcK,eAAe,YAAY,oBAAoB;KAC/C;KACA,qBAAqB,sBAAsB;KAE3C;;;;;;EAOC,UAAU;;;;;EAKV,aAAa;;EAGb;EACA;;YAUM,iBAAiB,wBAAwB,oBAAoB,iBAAiB;YAE9E,iBAAiB,KAAK,sBAAsB;;;;;EAKtD,SAAS;;;;;EAKT;;YAGU,kBAAkB;;;;;EAK5B,QAAQ;;YAGE,wBAAwB;;;;;;iBAO3B,YACP,UACA,WACA,SACA,UACA,gBACG,SACF,iBAAiB;iBAoBX,YAAY,SAAS,cAAc,SAAS,iBAAiB;iBAO7D,aAAa,UAAU,WAAW,UAAc,SAAS,kBAAkB;iBAU3E,mBAAmB,cAAc,SAAS,wBAAwB;qBAkB9D;EACX,aAAI;EACJ,aAAI;EACJ,cAAK;EACL,oBAAW"}

package/components/alert/alert.js

@@ -0,0 +1,86 @@
+import { cn } from "../../styles/cn.js";
+import { Info } from "../../icons/generated/info.js";
+import { WarningOctagon } from "../../icons/generated/warning-octagon.js";
+import { Button } from "../button/button.js";
+import { CheckCircle } from "../../icons/generated/check-circle.js";
+import { Warning } from "../../icons/generated/warning.js";
+import { ITEM_TITLE_CLASSES } from "../item/item-title-classes.js";
+import { ItemActions, ItemContent, ItemDescription, ItemMedia, ItemRootElement } from "../item/item-markup.js";
+import { alertVariants } from "./alert-variants.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/alert/alert.tsx
+const ALERT_ICONS = {
+	default: Info,
+	warning: Warning,
+	destructive: WarningOctagon,
+	success: CheckCircle
+};
+/**
+* Status alert composite over the library Item family. Server —
+* it owns no state, effects, or browser APIs; `onAction` is a forwarded consumer
+* handler.
+*/
+function AlertRoot({ children, className, variant = "default", onAction, actionLabel, ...props }) {
+	const { base, button } = alertVariants({ variant });
+	return /* @__PURE__ */ jsxs(ItemRootElement, {
+		...props,
+		role: "alert",
+		variant: "outline",
+		size: "sm",
+		className: cn(base(), className),
+		children: [
+			/* @__PURE__ */ jsx(ItemMedia, { children: /* @__PURE__ */ jsx(AlertIcon, { variant }) }),
+			/* @__PURE__ */ jsx(ItemContent, { children }),
+			hasAction(onAction, actionLabel) ? /* @__PURE__ */ jsx(ItemActions, { children: /* @__PURE__ */ jsx(Button, {
+				className: button(),
+				size: "sm",
+				type: "button",
+				onClick: onAction,
+				children: actionLabel
+			}) }) : null
+		]
+	});
+}
+function AlertIcon({ variant, className, ...props }) {
+	const { icon } = alertVariants({ variant });
+	const Glyph = ALERT_ICONS[variant];
+	return /* @__PURE__ */ jsx(Glyph, {
+		"data-slot": "alert-icon",
+		className: cn(icon(), className),
+		...props,
+		"aria-hidden": "true"
+	});
+}
+function AlertTitle({ children, className, level = 3, ...props }) {
+	const TitleTag = `h${level}`;
+	return /* @__PURE__ */ jsx(TitleTag, {
+		"data-slot": "item-title",
+		className: cn(ITEM_TITLE_CLASSES, className),
+		...props,
+		children
+	});
+}
+function AlertDescription({ className, ...props }) {
+	const { description } = alertVariants();
+	return /* @__PURE__ */ jsx(ItemDescription, {
+		className: cn(description(), className),
+		...props
+	});
+}
+function hasAction(onAction, actionLabel) {
+	return onAction != null && actionLabel != null && actionLabel !== false && actionLabel !== "";
+}
+AlertRoot.displayName = "Alert.Root";
+AlertIcon.displayName = "Alert.Icon";
+AlertTitle.displayName = "Alert.Title";
+AlertDescription.displayName = "Alert.Description";
+const Alert = {
+	Root: AlertRoot,
+	Icon: AlertIcon,
+	Title: AlertTitle,
+	Description: AlertDescription
+};
+//#endregion
+export { Alert };
+
+//# sourceMappingURL=alert.js.map

package/components/alert/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","names":[],"sources":["../../../src/components/alert/alert.tsx"],"sourcesContent":["import type { ComponentProps, ReactElement, ReactNode } from \"react\";\n\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { CheckCircle } from \"../../icons/generated/check-circle\";\nimport { Info } from \"../../icons/generated/info\";\nimport { Warning } from \"../../icons/generated/warning\";\nimport { WarningOctagon } from \"../../icons/generated/warning-octagon\";\nimport { cn } from \"../../styles/cn\";\nimport { Button } from \"../button/button\";\nimport { ItemActions, ItemContent, ItemDescription, ItemMedia, ItemRootElement } from \"../item/item-markup\";\nimport { ITEM_TITLE_CLASSES } from \"../item/item-title-classes\";\nimport { alertVariants } from \"./alert-variants\";\n\ntype AlertVariant = NonNullable<VariantProps<typeof alertVariants>[\"variant\"]>;\ntype AlertTitleLevel = 1 | 2 | 3 | 4 | 5 | 6;\ntype AlertActionHandler = ComponentProps<typeof Button>[\"onClick\"];\n\ntype AlertActionProps =\n  | {\n      /**\n       * When both `onAction` and `actionLabel` are set, renders a `Button` in\n       * `Item.Actions`. Forwarded as the button's `onClick` — the client\n       * boundary is the consumer's.\n       */\n      onAction: AlertActionHandler;\n      /**\n       * Accessible name and visible children of the action button. Required\n       * together with `onAction`; must be self-describing.\n       */\n      actionLabel: ReactNode;\n    }\n  | {\n      onAction?: never;\n      actionLabel?: never;\n    };\n\nconst ALERT_ICONS = {\n  default: Info,\n  warning: Warning,\n  destructive: WarningOctagon,\n  success: CheckCircle,\n} as const;\n\nexport type AlertRootProps = ComponentProps<\"div\"> & VariantProps<typeof alertVariants> & AlertActionProps;\n\nexport type AlertIconProps = Omit<ComponentProps<typeof Info>, \"title\" | \"weight\"> & {\n  /**\n   * Status glyph. `default → Info`, `warning → Warning`, `destructive → WarningOctagon`,\n   * `success → CheckCircle`.\n   */\n  variant: AlertVariant;\n  /**\n   * Phosphor weight. Regular is the library default; `fill` is reserved for selected\n   * or active states.\n   */\n  weight?: \"regular\" | \"fill\";\n};\n\nexport type AlertTitleProps = ComponentProps<\"h3\"> & {\n  /**\n   * Heading element level — `1`–`6` picks the rendered `h1`–`h6`. Defaults to `3` so an\n   * alert titles itself without assuming its place in the document outline.\n   */\n  level?: AlertTitleLevel;\n};\n\nexport type AlertDescriptionProps = ComponentProps<\"p\">;\n\n/**\n * Status alert composite over the library Item family. Server —\n * it owns no state, effects, or browser APIs; `onAction` is a forwarded consumer\n * handler.\n */\nfunction AlertRoot({\n  children,\n  className,\n  variant = \"default\",\n  onAction,\n  actionLabel,\n  ...props\n}: AlertRootProps): ReactElement {\n  const { base, button } = alertVariants({ variant });\n\n  return (\n    <ItemRootElement {...props} role=\"alert\" variant=\"outline\" size=\"sm\" className={cn(base(), className)}>\n      <ItemMedia>\n        <AlertIcon variant={variant} />\n      </ItemMedia>\n      <ItemContent>{children}</ItemContent>\n      {hasAction(onAction, actionLabel) ? (\n        <ItemActions>\n          <Button className={button()} size=\"sm\" type=\"button\" onClick={onAction}>\n            {actionLabel}\n          </Button>\n        </ItemActions>\n      ) : null}\n    </ItemRootElement>\n  );\n}\n\nfunction AlertIcon({ variant, className, ...props }: AlertIconProps): ReactElement {\n  const { icon } = alertVariants({ variant });\n  const Glyph = ALERT_ICONS[variant];\n\n  return <Glyph data-slot=\"alert-icon\" className={cn(icon(), className)} {...props} aria-hidden=\"true\" />;\n}\n\nfunction AlertTitle({ children, className, level = 3, ...props }: AlertTitleProps): ReactElement {\n  const TitleTag = `h${level}` as const;\n\n  return (\n    <TitleTag data-slot=\"item-title\" className={cn(ITEM_TITLE_CLASSES, className)} {...props}>\n      {children}\n    </TitleTag>\n  );\n}\n\nfunction AlertDescription({ className, ...props }: AlertDescriptionProps): ReactElement {\n  const { description } = alertVariants();\n\n  return <ItemDescription className={cn(description(), className)} {...props} />;\n}\n\nfunction hasAction(\n  onAction: AlertActionHandler | undefined,\n  actionLabel: ReactNode\n): onAction is AlertActionHandler {\n  return onAction != null && actionLabel != null && actionLabel !== false && actionLabel !== \"\";\n}\n\nAlertRoot.displayName = \"Alert.Root\";\nAlertIcon.displayName = \"Alert.Icon\";\nAlertTitle.displayName = \"Alert.Title\";\nAlertDescription.displayName = \"Alert.Description\";\n\nexport const Alert = {\n  Root: AlertRoot,\n  Icon: AlertIcon,\n  Title: AlertTitle,\n  Description: AlertDescription,\n};\n"],"mappings":";;;;;;;;;;;AAqCA,MAAM,cAAc;CAClB,SAAS;CACT,SAAS;CACT,aAAa;CACb,SAAS;AACX;;;;;;AAgCA,SAAS,UAAU,EACjB,UACA,WACA,UAAU,WACV,UACA,aACA,GAAG,SAC4B;CAC/B,MAAM,EAAE,MAAM,WAAW,cAAc,EAAE,QAAQ,CAAC;CAElD,OACE,qBAAC,iBAAD;EAAiB,GAAI;EAAO,MAAK;EAAQ,SAAQ;EAAU,MAAK;EAAK,WAAW,GAAG,KAAK,GAAG,SAAS;EAApG,UAAA;GACE,oBAAC,WAAD,EAAA,UACE,oBAAC,WAAD,EAAoB,QAAU,CAAA,EACrB,CAAA;GACX,oBAAC,aAAD,EAAc,SAAsB,CAAA;GACnC,UAAU,UAAU,WAAW,IAC9B,oBAAC,aAAD,EAAA,UACE,oBAAC,QAAD;IAAQ,WAAW,OAAO;IAAG,MAAK;IAAK,MAAK;IAAS,SAAS;IAC3D,UAAA;GACK,CAAA,EACG,CAAA,IACX;EACW;;AAErB;AAEA,SAAS,UAAU,EAAE,SAAS,WAAW,GAAG,SAAuC;CACjF,MAAM,EAAE,SAAS,cAAc,EAAE,QAAQ,CAAC;CAC1C,MAAM,QAAQ,YAAY;CAE1B,OAAO,oBAAC,OAAD;EAAO,aAAU;EAAa,WAAW,GAAG,KAAK,GAAG,SAAS;EAAG,GAAI;EAAO,eAAY;CAAQ,CAAA;AACxG;AAEA,SAAS,WAAW,EAAE,UAAU,WAAW,QAAQ,GAAG,GAAG,SAAwC;CAC/F,MAAM,WAAW,IAAI;CAErB,OACE,oBAAC,UAAD;EAAU,aAAU;EAAa,WAAW,GAAG,oBAAoB,SAAS;EAAG,GAAI;EAChF;CACO,CAAA;AAEd;AAEA,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAA8C;CACtF,MAAM,EAAE,gBAAgB,cAAc;CAEtC,OAAO,oBAAC,iBAAD;EAAiB,WAAW,GAAG,YAAY,GAAG,SAAS;EAAG,GAAI;CAAQ,CAAA;AAC/E;AAEA,SAAS,UACP,UACA,aACgC;CAChC,OAAO,YAAY,QAAQ,eAAe,QAAQ,gBAAgB,SAAS,gBAAgB;AAC7F;AAEA,UAAU,cAAc;AACxB,UAAU,cAAc;AACxB,WAAW,cAAc;AACzB,iBAAiB,cAAc;AAE/B,MAAa,QAAQ;CACnB,MAAM;CACN,MAAM;CACN,OAAO;CACP,aAAa;AACf"}

package/components/alert-dialog/alert-dialog.d.ts

@@ -0,0 +1,81 @@
+import { DialogContentProps } from "../dialog/dialog.js";
+import { ComponentProps, ReactElement, ReactNode } from "react";
+import { AlertDialog } from "@base-ui/react/alert-dialog";
+//#region src/components/alert-dialog/alert-dialog.d.ts
+/**
+ * Root runs Base UI's alert-dialog mode, which is always modal and ignores backdrop
+ * clicks: a destructive confirmation must be answered, not dismissed by a stray pointer.
+ * Escape still closes it. Its props type omits `modal` and `disablePointerDismissal`, so
+ * neither can be opted back in. The rest is Dialog machinery with `role="alertdialog"`:
+ * Trigger and Content render through the public Dialog parts, which read the same root
+ * context, so the self-focus ring and every other Dialog behaviour come with them.
+ */
+export declare function AlertDialogRoot(props: ComponentProps<typeof AlertDialog.Root>): ReactElement;
+export declare namespace AlertDialogRoot {
+  var displayName: string;
+}
+/**
+ * Trigger restamps its own `data-slot`: Dialog's parts write theirs before spreading the
+ * rest, so the value passed here wins.
+ */
+export declare function AlertDialogTrigger(props: ComponentProps<typeof AlertDialog.Trigger>): ReactElement;
+export declare namespace AlertDialogTrigger {
+  var displayName: string;
+}
+export type AlertDialogContentProps = Omit<DialogContentProps, "showCloseButton" | "children"> & {
+  /** Confirm heading, rendered in `Dialog.Title`. */
+  title: string;
+  /**
+   * Icon rendered to the right of the title. Defaults to `WarningOctagon` (destructive)
+   * or `Info` (neutral).
+   */
+  icon?: ReactNode;
+  /**
+   * Drives the action-button variant and the fallback icon. Destructive dialogs
+   * initially focus Cancel; neutral dialogs initially focus the primary action.
+   * @default "destructive"
+   */
+  variant?: "destructive" | "neutral";
+  /**
+   * Consequence copy, rendered in a real `Dialog.Description` so `aria-describedby` is
+   * wired to the popup.
+   */
+  children: ReactNode;
+  /** Visible label for the primary action button. */
+  actionLabel: string;
+  /**
+   * Visible label for the cancel button. Defaults to the locale dictionary
+   * (`alertDialog.cancel`).
+   */
+  cancelLabel?: string;
+  /**
+   * Primary button click. Closing is the caller's job unless
+   * `isAutomaticallyCloseOnActionEnabled` is set.
+   */
+  onAction?: () => void;
+  /** Cancel button click. The cancel button always closes via `Dialog.Close`. */
+  onCancel?: () => void;
+  /**
+   * Surfaces the primary button's pending state (`isPending` — `data-pending` and
+   * disabled interaction, per Button).
+   * @default false
+   */
+  isPerformingAction?: boolean;
+  /**
+   * Disables the primary action button. Cancel stays enabled.
+   * @default false
+   */
+  isActionDisabled?: boolean;
+  /**
+   * When true, wraps the action button in `Dialog.Close` so clicking it also dismisses.
+   * Default leaves closing to the caller (async flows close after success).
+   * @default false
+   */
+  isAutomaticallyCloseOnActionEnabled?: boolean;
+};
+export declare function AlertDialogContent({ title, icon, variant, children, actionLabel, cancelLabel, onAction, onCancel, isPerformingAction, isActionDisabled, isAutomaticallyCloseOnActionEnabled, className, initialFocus, ...props }: AlertDialogContentProps): ReactElement | null;
+export declare namespace AlertDialogContent {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=alert-dialog.d.ts.map

package/components/alert-dialog/alert-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.d.ts","names":[],"sources":["../../../src/components/alert-dialog/alert-dialog.tsx"],"mappings":";;;;;;;;;;;;wBA8BgB,gBAAgB,OAAO,sBAAsB,YAAqB,QAAQ;yBAA1E;MAAA;;;;;;wBAQA,mBAAmB,OAAO,sBAAsB,YAAqB,WAAW;yBAAhF;MAAA;;YAIJ,0BAA0B,KAAK;;EAEzC;;;;;EAKA,OAAO;;;;;;EAMP;;;;;EAKA,UAAU;;EAEV;;;;;EAKA;;;;;EAKA;;EAEA;;;;;;EAMA;;;;;EAKA;;;;;;EAMA;;wBAGc,qBACd,OACA,MACA,SACA,UACA,aACA,aACA,UACA,UACA,oBACA,kBACA,qCACA,WACA,iBACG,SACF,0BAA0B;yBAfb;MAAA"}

package/components/alert-dialog/alert-dialog.js

@@ -0,0 +1,83 @@
+"use client";
+import { useLocalizedStrings } from "../../hooks/use-localized-strings.js";
+import { Info } from "../../icons/generated/info.js";
+import { WarningOctagon } from "../../icons/generated/warning-octagon.js";
+import { Button } from "../button/button.js";
+import { DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "../dialog/dialog.js";
+import { alertDialogStrings } from "./intl/index.js";
+import { useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertDialog } from "@base-ui/react/alert-dialog";
+//#region src/components/alert-dialog/alert-dialog.tsx
+/**
+* Root runs Base UI's alert-dialog mode, which is always modal and ignores backdrop
+* clicks: a destructive confirmation must be answered, not dismissed by a stray pointer.
+* Escape still closes it. Its props type omits `modal` and `disablePointerDismissal`, so
+* neither can be opted back in. The rest is Dialog machinery with `role="alertdialog"`:
+* Trigger and Content render through the public Dialog parts, which read the same root
+* context, so the self-focus ring and every other Dialog behaviour come with them.
+*/
+function AlertDialogRoot(props) {
+	return /* @__PURE__ */ jsx(AlertDialog.Root, { ...props });
+}
+/**
+* Trigger restamps its own `data-slot`: Dialog's parts write theirs before spreading the
+* rest, so the value passed here wins.
+*/
+function AlertDialogTrigger(props) {
+	return /* @__PURE__ */ jsx(DialogTrigger, {
+		"data-slot": "alert-dialog-trigger",
+		...props
+	});
+}
+function AlertDialogContent({ title, icon, variant = "destructive", children, actionLabel, cancelLabel, onAction, onCancel, isPerformingAction = false, isActionDisabled = false, isAutomaticallyCloseOnActionEnabled = false, className, initialFocus, ...props }) {
+	const strings = useLocalizedStrings(alertDialogStrings);
+	const actionRef = useRef(null);
+	const cancelRef = useRef(null);
+	const fallbackFocus = variant === "destructive" ? cancelRef : actionRef;
+	const fallbackIcon = variant === "destructive" ? /* @__PURE__ */ jsx(WarningOctagon, { className: "size-5 shrink-0 text-error" }) : /* @__PURE__ */ jsx(Info, { className: "size-5 shrink-0" });
+	const actionButton = /* @__PURE__ */ jsx(Button, {
+		ref: actionRef,
+		size: "sm",
+		variant: variant === "destructive" ? "destructive" : "default",
+		isPending: isPerformingAction,
+		disabled: isActionDisabled,
+		onClick: onAction,
+		"data-dialog-action-type": "primary",
+		children: actionLabel
+	});
+	return /* @__PURE__ */ jsxs(DialogContent, {
+		className,
+		initialFocus: initialFocus ?? fallbackFocus,
+		...props,
+		role: "alertdialog",
+		showCloseButton: false,
+		children: [
+			/* @__PURE__ */ jsxs(DialogHeader, {
+				className: "flex-row items-start justify-between gap-4",
+				children: [/* @__PURE__ */ jsx(DialogTitle, {
+					className: "text-balance",
+					children: title
+				}), icon ?? fallbackIcon]
+			}),
+			/* @__PURE__ */ jsx(DialogDescription, { children }),
+			/* @__PURE__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsx(AlertDialog.Close, {
+				render: /* @__PURE__ */ jsx(Button, {
+					ref: cancelRef,
+					size: "sm",
+					variant: "ghost",
+					"data-dialog-action-type": "secondary"
+				}),
+				onClick: onCancel,
+				children: cancelLabel ?? strings.format("cancel")
+			}), isAutomaticallyCloseOnActionEnabled ? /* @__PURE__ */ jsx(AlertDialog.Close, { render: actionButton }) : actionButton] })
+		]
+	});
+}
+AlertDialogRoot.displayName = "AlertDialog.Root";
+AlertDialogTrigger.displayName = "AlertDialog.Trigger";
+AlertDialogContent.displayName = "AlertDialog.Content";
+//#endregion
+export { AlertDialogContent, AlertDialogRoot, AlertDialogTrigger };
+
+//# sourceMappingURL=alert-dialog.js.map

package/components/alert-dialog/alert-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.js","names":["AlertDialogPrimitive"],"sources":["../../../src/components/alert-dialog/alert-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRef } from \"react\";\nimport type { ComponentProps, ReactElement, ReactNode } from \"react\";\n\nimport { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\n\nimport { useLocalizedStrings } from \"../../hooks/use-localized-strings\";\nimport { Info } from \"../../icons/generated/info\";\nimport { WarningOctagon } from \"../../icons/generated/warning-octagon\";\nimport { Button } from \"../button/button\";\nimport {\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from \"../dialog/dialog\";\nimport type { DialogContentProps } from \"../dialog/dialog\";\nimport { alertDialogStrings } from \"./intl\";\n\n/**\n * Root runs Base UI's alert-dialog mode, which is always modal and ignores backdrop\n * clicks: a destructive confirmation must be answered, not dismissed by a stray pointer.\n * Escape still closes it. Its props type omits `modal` and `disablePointerDismissal`, so\n * neither can be opted back in. The rest is Dialog machinery with `role=\"alertdialog\"`:\n * Trigger and Content render through the public Dialog parts, which read the same root\n * context, so the self-focus ring and every other Dialog behaviour come with them.\n */\nexport function AlertDialogRoot(props: ComponentProps<typeof AlertDialogPrimitive.Root>): ReactElement {\n  return <AlertDialogPrimitive.Root {...props} />;\n}\n\n/**\n * Trigger restamps its own `data-slot`: Dialog's parts write theirs before spreading the\n * rest, so the value passed here wins.\n */\nexport function AlertDialogTrigger(props: ComponentProps<typeof AlertDialogPrimitive.Trigger>): ReactElement {\n  return <DialogTrigger data-slot=\"alert-dialog-trigger\" {...props} />;\n}\n\nexport type AlertDialogContentProps = Omit<DialogContentProps, \"showCloseButton\" | \"children\"> & {\n  /** Confirm heading, rendered in `Dialog.Title`. */\n  title: string;\n  /**\n   * Icon rendered to the right of the title. Defaults to `WarningOctagon` (destructive)\n   * or `Info` (neutral).\n   */\n  icon?: ReactNode;\n  /**\n   * Drives the action-button variant and the fallback icon. Destructive dialogs\n   * initially focus Cancel; neutral dialogs initially focus the primary action.\n   * @default \"destructive\"\n   */\n  variant?: \"destructive\" | \"neutral\";\n  /**\n   * Consequence copy, rendered in a real `Dialog.Description` so `aria-describedby` is\n   * wired to the popup.\n   */\n  children: ReactNode;\n  /** Visible label for the primary action button. */\n  actionLabel: string;\n  /**\n   * Visible label for the cancel button. Defaults to the locale dictionary\n   * (`alertDialog.cancel`).\n   */\n  cancelLabel?: string;\n  /**\n   * Primary button click. Closing is the caller's job unless\n   * `isAutomaticallyCloseOnActionEnabled` is set.\n   */\n  onAction?: () => void;\n  /** Cancel button click. The cancel button always closes via `Dialog.Close`. */\n  onCancel?: () => void;\n  /**\n   * Surfaces the primary button's pending state (`isPending` — `data-pending` and\n   * disabled interaction, per Button).\n   * @default false\n   */\n  isPerformingAction?: boolean;\n  /**\n   * Disables the primary action button. Cancel stays enabled.\n   * @default false\n   */\n  isActionDisabled?: boolean;\n  /**\n   * When true, wraps the action button in `Dialog.Close` so clicking it also dismisses.\n   * Default leaves closing to the caller (async flows close after success).\n   * @default false\n   */\n  isAutomaticallyCloseOnActionEnabled?: boolean;\n};\n\nexport function AlertDialogContent({\n  title,\n  icon,\n  variant = \"destructive\",\n  children,\n  actionLabel,\n  cancelLabel,\n  onAction,\n  onCancel,\n  isPerformingAction = false,\n  isActionDisabled = false,\n  isAutomaticallyCloseOnActionEnabled = false,\n  className,\n  initialFocus,\n  ...props\n}: AlertDialogContentProps): ReactElement | null {\n  const strings = useLocalizedStrings(alertDialogStrings);\n  // One `initialFocus` on the popup, not two mirroring `autoFocus` booleans: destructive\n  // confirmations land on Cancel, neutral ones on the primary action, and a caller's own\n  // `initialFocus` wins over both.\n  const actionRef = useRef<HTMLButtonElement>(null);\n  const cancelRef = useRef<HTMLButtonElement>(null);\n  const fallbackFocus = variant === \"destructive\" ? cancelRef : actionRef;\n  const fallbackIcon =\n    variant === \"destructive\" ? (\n      <WarningOctagon className=\"size-5 shrink-0 text-error\" />\n    ) : (\n      <Info className=\"size-5 shrink-0\" />\n    );\n\n  const actionButton = (\n    <Button\n      ref={actionRef}\n      size=\"sm\"\n      variant={variant === \"destructive\" ? \"destructive\" : \"default\"}\n      isPending={isPerformingAction}\n      disabled={isActionDisabled}\n      onClick={onAction}\n      data-dialog-action-type=\"primary\">\n      {actionLabel}\n    </Button>\n  );\n\n  return (\n    <DialogContent\n      className={className}\n      initialFocus={initialFocus ?? fallbackFocus}\n      {...props}\n      role=\"alertdialog\"\n      showCloseButton={false}>\n      <DialogHeader className=\"flex-row items-start justify-between gap-4\">\n        <DialogTitle className=\"text-balance\">{title}</DialogTitle>\n        {icon ?? fallbackIcon}\n      </DialogHeader>\n      <DialogDescription>{children}</DialogDescription>\n      <DialogFooter>\n        <AlertDialogPrimitive.Close\n          render={<Button ref={cancelRef} size=\"sm\" variant=\"ghost\" data-dialog-action-type=\"secondary\" />}\n          onClick={onCancel}>\n          {cancelLabel ?? strings.format(\"cancel\")}\n        </AlertDialogPrimitive.Close>\n        {isAutomaticallyCloseOnActionEnabled ? (\n          <AlertDialogPrimitive.Close render={actionButton} />\n        ) : (\n          actionButton\n        )}\n      </DialogFooter>\n    </DialogContent>\n  );\n}\n\nAlertDialogRoot.displayName = \"AlertDialog.Root\";\nAlertDialogTrigger.displayName = \"AlertDialog.Trigger\";\nAlertDialogContent.displayName = \"AlertDialog.Content\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA8BA,SAAgB,gBAAgB,OAAuE;CACrG,OAAO,oBAACA,YAAqB,MAAtB,EAA2B,GAAI,MAAQ,CAAA;AAChD;;;;;AAMA,SAAgB,mBAAmB,OAA0E;CAC3G,OAAO,oBAAC,eAAD;EAAe,aAAU;EAAuB,GAAI;CAAQ,CAAA;AACrE;AAsDA,SAAgB,mBAAmB,EACjC,OACA,MACA,UAAU,eACV,UACA,aACA,aACA,UACA,UACA,qBAAqB,OACrB,mBAAmB,OACnB,sCAAsC,OACtC,WACA,cACA,GAAG,SAC4C;CAC/C,MAAM,UAAU,oBAAoB,kBAAkB;CAItD,MAAM,YAAY,OAA0B,IAAI;CAChD,MAAM,YAAY,OAA0B,IAAI;CAChD,MAAM,gBAAgB,YAAY,gBAAgB,YAAY;CAC9D,MAAM,eACJ,YAAY,gBACV,oBAAC,gBAAD,EAAgB,WAAU,6BAA8B,CAAA,IAExD,oBAAC,MAAD,EAAM,WAAU,kBAAmB,CAAA;CAGvC,MAAM,eACJ,oBAAC,QAAD;EACE,KAAK;EACL,MAAK;EACL,SAAS,YAAY,gBAAgB,gBAAgB;EACrD,WAAW;EACX,UAAU;EACV,SAAS;EACT,2BAAwB;EACvB,UAAA;CACK,CAAA;CAGV,OACE,qBAAC,eAAD;EACa;EACX,cAAc,gBAAgB;EAC9B,GAAI;EACJ,MAAK;EACL,iBAAiB;EALnB,UAAA;GAME,qBAAC,cAAD;IAAc,WAAU;IAAxB,UAAA,CACE,oBAAC,aAAD;KAAa,WAAU;KAAgB,UAAA;IAAmB,CAAA,GACzD,QAAQ,YACG;;GACd,oBAAC,mBAAD,EAAoB,SAA4B,CAAA;GAChD,qBAAC,cAAD,EAAA,UAAA,CACE,oBAACA,YAAqB,OAAtB;IACE,QAAQ,oBAAC,QAAD;KAAQ,KAAK;KAAW,MAAK;KAAK,SAAQ;KAAQ,2BAAwB;IAAa,CAAA;IAC/F,SAAS;IACR,UAAA,eAAe,QAAQ,OAAO,QAAQ;GACb,CAAA,GAC3B,sCACC,oBAACA,YAAqB,OAAtB,EAA4B,QAAQ,aAAe,CAAA,IAEnD,YAEU,EAAA,CAAA;EACD;;AAEnB;AAEA,gBAAgB,cAAc;AAC9B,mBAAmB,cAAc;AACjC,mBAAmB,cAAc"}

package/components/alert-dialog/index.d.ts

@@ -0,0 +1,9 @@
+import { AlertDialogContent, AlertDialogRoot, AlertDialogTrigger } from "./alert-dialog.js";
+//#region src/components/alert-dialog/index.d.ts
+export declare const AlertDialog: {
+  Root: typeof AlertDialogRoot;
+  Trigger: typeof AlertDialogTrigger;
+  Content: typeof AlertDialogContent;
+};
+//#endregion
+//# sourceMappingURL=index.d.ts.map

package/components/alert-dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/alert-dialog/index.ts"],"mappings":";;qBAOa;EACX,aAAI;EACJ,gBAAO;EACP,gBAAO"}

package/components/alert-dialog/index.js

@@ -0,0 +1,16 @@
+import { AlertDialogContent, AlertDialogRoot, AlertDialogTrigger } from "./alert-dialog.js";
+//#region src/components/alert-dialog/index.ts
+/**
+* Server-visible namespace for `AlertDialog`.
+* The implementation stays a client module; this file has no directive,
+* so a server component can read each part instead of dotting into a client reference.
+*/
+const AlertDialog = {
+	Root: AlertDialogRoot,
+	Trigger: AlertDialogTrigger,
+	Content: AlertDialogContent
+};
+//#endregion
+export { AlertDialog };
+
+//# sourceMappingURL=index.js.map

package/components/alert-dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/alert-dialog/index.ts"],"sourcesContent":["/**\n * Server-visible namespace for `AlertDialog`.\n * The implementation stays a client module; this file has no directive,\n * so a server component can read each part instead of dotting into a client reference.\n */\nimport { AlertDialogRoot, AlertDialogTrigger, AlertDialogContent } from \"./alert-dialog\";\n\nexport const AlertDialog = {\n  Root: AlertDialogRoot,\n  Trigger: AlertDialogTrigger,\n  Content: AlertDialogContent,\n};\n"],"mappings":";;;;;;;AAOA,MAAa,cAAc;CACzB,MAAM;CACN,SAAS;CACT,SAAS;AACX"}

package/components/alert-dialog/intl/en-US.d.ts

@@ -0,0 +1,7 @@
+//#region src/components/alert-dialog/intl/en-US.d.ts
+/** Default localized copy for `alertDialog.cancel`. */
+export declare const enUS: {
+  cancel: string;
+};
+//#endregion
+//# sourceMappingURL=en-US.d.ts.map

package/components/alert-dialog/intl/en-US.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"en-US.d.ts","names":[],"sources":["../../../../src/components/alert-dialog/intl/en-US.ts"],"mappings":";;qBACa;EACX"}

package/components/alert-dialog/intl/en-US.js

@@ -0,0 +1,7 @@
+//#region src/components/alert-dialog/intl/en-US.ts
+/** Default localized copy for `alertDialog.cancel`. */
+const enUS = { cancel: "Cancel" };
+//#endregion
+export { enUS };
+
+//# sourceMappingURL=en-US.js.map

package/components/alert-dialog/intl/en-US.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"en-US.js","names":[],"sources":["../../../../src/components/alert-dialog/intl/en-US.ts"],"sourcesContent":["/** Default localized copy for `alertDialog.cancel`. */\nexport const enUS = {\n  cancel: \"Cancel\",\n};\n"],"mappings":";;AACA,MAAa,OAAO,EAClB,QAAQ,SACV"}

package/components/alert-dialog/intl/fi-FI.d.ts

@@ -0,0 +1,7 @@
+//#region src/components/alert-dialog/intl/fi-FI.d.ts
+/** Default localized copy for `alertDialog.cancel`. */
+export declare const fiFI: {
+  cancel: string;
+};
+//#endregion
+//# sourceMappingURL=fi-FI.d.ts.map

package/components/alert-dialog/intl/fi-FI.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fi-FI.d.ts","names":[],"sources":["../../../../src/components/alert-dialog/intl/fi-FI.ts"],"mappings":";;qBACa;EACX"}

package/components/alert-dialog/intl/fi-FI.js

@@ -0,0 +1,7 @@
+//#region src/components/alert-dialog/intl/fi-FI.ts
+/** Default localized copy for `alertDialog.cancel`. */
+const fiFI = { cancel: "Peruuta" };
+//#endregion
+export { fiFI };
+
+//# sourceMappingURL=fi-FI.js.map

package/components/alert-dialog/intl/fi-FI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fi-FI.js","names":[],"sources":["../../../../src/components/alert-dialog/intl/fi-FI.ts"],"sourcesContent":["/** Default localized copy for `alertDialog.cancel`. */\nexport const fiFI = {\n  cancel: \"Peruuta\",\n};\n"],"mappings":";;AACA,MAAa,OAAO,EAClB,QAAQ,UACV"}

package/components/alert-dialog/intl/index.d.ts

@@ -0,0 +1,5 @@
+//#region src/components/alert-dialog/intl/index.d.ts
+/** AlertDialog's own dictionary: it owns the `alertDialog.cancel` key. */
+export declare const alertDialogStrings: import("@internationalized/string").LocalizedStringDictionary<"cancel", string>;
+//#endregion
+//# sourceMappingURL=index.d.ts.map

package/components/alert-dialog/intl/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/alert-dialog/intl/index.ts"],"mappings":";;qBAOa,wDAAkB"}

package/components/alert-dialog/intl/index.js

@@ -0,0 +1,17 @@
+import { createStringDictionary } from "../../../intl/create-string-dictionary.js";
+import { enUS } from "./en-US.js";
+import { fiFI } from "./fi-FI.js";
+import { nbNO } from "./nb-NO.js";
+import { svSE } from "./sv-SE.js";
+//#region src/components/alert-dialog/intl/index.ts
+/** AlertDialog's own dictionary: it owns the `alertDialog.cancel` key. */
+const alertDialogStrings = createStringDictionary({
+	enUS,
+	fiFI,
+	nbNO,
+	svSE
+});
+//#endregion
+export { alertDialogStrings };
+
+//# sourceMappingURL=index.js.map

package/components/alert-dialog/intl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/alert-dialog/intl/index.ts"],"sourcesContent":["import { createStringDictionary } from \"../../../intl/create-string-dictionary\";\nimport { enUS } from \"./en-US\";\nimport { fiFI } from \"./fi-FI\";\nimport { nbNO } from \"./nb-NO\";\nimport { svSE } from \"./sv-SE\";\n\n/** AlertDialog's own dictionary: it owns the `alertDialog.cancel` key. */\nexport const alertDialogStrings = createStringDictionary({ enUS, fiFI, nbNO, svSE });\n"],"mappings":";;;;;;;AAOA,MAAa,qBAAqB,uBAAuB;CAAE;CAAM;CAAM;CAAM;AAAK,CAAC"}

package/components/alert-dialog/intl/nb-NO.d.ts

@@ -0,0 +1,7 @@
+//#region src/components/alert-dialog/intl/nb-NO.d.ts
+/** Default localized copy for `alertDialog.cancel`. */
+export declare const nbNO: {
+  cancel: string;
+};
+//#endregion
+//# sourceMappingURL=nb-NO.d.ts.map

package/components/alert-dialog/intl/nb-NO.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nb-NO.d.ts","names":[],"sources":["../../../../src/components/alert-dialog/intl/nb-NO.ts"],"mappings":";;qBACa;EACX"}

package/components/alert-dialog/intl/nb-NO.js

@@ -0,0 +1,7 @@
+//#region src/components/alert-dialog/intl/nb-NO.ts
+/** Default localized copy for `alertDialog.cancel`. */
+const nbNO = { cancel: "Avbryt" };
+//#endregion
+export { nbNO };
+
+//# sourceMappingURL=nb-NO.js.map

package/components/alert-dialog/intl/nb-NO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nb-NO.js","names":[],"sources":["../../../../src/components/alert-dialog/intl/nb-NO.ts"],"sourcesContent":["/** Default localized copy for `alertDialog.cancel`. */\nexport const nbNO = {\n  cancel: \"Avbryt\",\n};\n"],"mappings":";;AACA,MAAa,OAAO,EAClB,QAAQ,SACV"}