@bergetai/ui 0.14.2 → 0.16.0

package/README.md

@@ -1,70 +1,56 @@
 # @bergetai/ui
 
-A React component library for Berget AI built using Tailwind CSS v4, Radix UI, and shadcn.
+Berget's React design system, built on [Base UI](https://base-ui.com), Tailwind CSS v4, and the shadcn component conventions. Published to the public npm registry; consumed by `console`, `landing-page`, and the Keycloak theme.
 
 ## Installation
 
-```bash
-npm install @bergetai/ui
+```sh
+pnpm add @bergetai/ui
 ```
 
-The package is published to the GitHub Package Registry. Configure your `.npmrc`:
+### Peer dependencies
 
-```
-@berget-ai:registry=https://npm.pkg.github.com
-```
+| Package                       | Range    | Why                                                  |
+| ----------------------------- | -------- | ---------------------------------------------------- |
+| `react` / `react-dom`         | `^19`    | App owns the React runtime (single copy)             |
+| `tailwindcss`                 | `^4.1`   | Utility generation happens in the consumer's build   |
+| `lucide-react`                | `^1`     | Icon set                                             |
+| `motion`                      | `^12`    | Animation (only where used)                          |
+| `shiki`                       | `^4`     | Syntax highlighting (only `@bergetai/ui/shiki`)      |
+| `three`, `@react-three/fiber` | optional | Only `@bergetai/ui/neural-flow` (WebGL illustration) |
 
-## Setup
+pnpm ≥ 8 and npm ≥ 7 install peers automatically; nothing extra to manage.
 
-Import the stylesheet in your app entry point:
+## Setup (one stylesheet, imported once)
 
-```tsx
-import '@bergetai/ui/styles';
+```css
+/* app/globals.css */
+@import 'tailwindcss';
+@import '@bergetai/ui/styles';
+/* No @source needed: the stylesheet scans this package's own dist for you. */
 ```
 
-The stylesheet provides CSS custom properties for theming (colors, radii, etc.). You need Tailwind CSS v4 configured in your project for the utility classes to work.
+Import order matters: `@import 'tailwindcss'` first, then `@bergetai/ui/styles` (tokens, base layer, component keyframes). Do not `@import 'tailwindcss'` anywhere else.
+
+Why no `@source` is needed: Tailwind ignores `node_modules` during content detection, so the shipped stylesheet registers the package's own emitted modules via an `@source` that resolves relative to itself. If you import the sheet from the monorepo source (Storybook), add your own `@source` for the package's `src/` instead.
 
 ## Usage
 
 ```tsx
 import { Button, Card, CardHeader, CardTitle, CardContent } from '@bergetai/ui';
-
-function Example() {
-  return (
-    <Card>
-      <CardHeader>
-        <CardTitle>Hello</CardTitle>
-      </CardHeader>
-      <CardContent>
-        <Button variant="default">Click me</Button>
-      </CardContent>
-    </Card>
-  );
-}
 ```
 
-## Architecture
-
-Components are organized by category:
-
-- **actions** - Interactive controls (Button)
-- **branding** - Brand identity assets (Logotype, Symbol)
-- **data** - Content presentation (CodeBlock, FeatureCards, List, StatCard)
-- **display** - Visual elements (Badge, Card, Icon, Typography)
-- **feedback** - Status and messaging (Alert, SectionHeader)
-- **forms** - Form field primitives (Checkbox, Input, Label, Select, Textarea)
-- **layout** - Structural and spacing primitives (Container, Divider, Panel, Section, Stack)
-- **navigation** - Navigation and routing (Header, Link, LanguageSelector)
+- **RSC-safe.** Every interactive module ships a `"use client"` prologue; render `@bergetai/ui` components directly from Server Components.
+- **Composition, not wrapping.** Base UI semantics apply: use the `render` prop (never `asChild` — deprecated), and style `<a>` elements with `buttonVariants()` rather than rendering links through `Button`.
+- **Tokens only.** Never use raw palette classes (`bg-blue-500`), arbitrary values (`p-[13px]`), or manual `dark:` colour overrides — dark mode and light mode are entirely token-driven (`[data-theme='light']`). `className` on a component is for layout (margin, placement, width), not restyling; missing looks belong in the DS as variants.
+- **Subpath exports.** `@bergetai/ui` (components), `@bergetai/ui/styles` (CSS tokens), `@bergetai/ui/shiki` (highlighter), `@bergetai/ui/neural-flow` (WebGL; pulls `three` as optional peer).
 
-## Development
+## Architecture
 
-```bash
-# Build the package
-pnpm build
+- `src/primitives/` — shadcn-generated Base UI primitives (generated via `npx shadcn@latest add`, never hand-modified; refreshed with `--overwrite`)
+- `src/components/` — branded wrappers: tokens, cva variants, `data-slot` attributes, public API
+- `src/styles/index.css` — token source of truth: brand palette (Section A, OKLCH) → semantic tokens (B) → component-scoped tokens (C) → Tailwind `@theme` mapping (D)
 
-# Watch mode
-pnpm dev
+Development: `pnpm i` at the repo root, then `pnpm --filter @bergetai/ui dev` (build watch), `pnpm storybook`, `pnpm typecheck`, `pnpm spellcheck`. Component work follows the `.agents/skills/add-component` skill.
 
-# Type check
-pnpm typecheck
-```
+Releases: `workflow_dispatch` on [`release.yml`](../../.github/workflows/release.yml) bumps the version, tags, and publishes to the npm registry via Trusted Publishing (OIDC).

package/dist/_virtual/_rolldown/runtime.cjs

@@ -0,0 +1,23 @@
+//#region \0rolldown/runtime.js
+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 __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+exports.__toESM = __toESM;

package/dist/components/alert/Alert.cjs

@@ -0,0 +1,31 @@
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils = require("../../lib/utils.cjs");
+const require_alert = require("../../primitives/alert.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/alert/Alert.tsx
+const alertVariants = (0, require("class-variance-authority").cva)("", {
+	variants: { variant: {
+		default: "border-berget-border",
+		info: "berget-tint berget-tint-info",
+		success: "berget-tint berget-tint-success",
+		warning: "berget-tint berget-tint-warning",
+		destructive: "berget-tint berget-tint-error"
+	} },
+	defaultVariants: { variant: "default" }
+});
+const Alert = react.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_alert.Alert, {
+	ref,
+	className: require_utils.cn(alertVariants({ variant }), className),
+	...props
+}));
+Alert.displayName = "Alert";
+//#endregion
+exports.Alert = Alert;
+exports.AlertDescription = require_alert.AlertDescription;
+exports.AlertTitle = require_alert.AlertTitle;
+exports.alertVariants = alertVariants;
+
+//# sourceMappingURL=Alert.cjs.map

package/dist/components/alert/Alert.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.cjs","names":["cva","React","AlertPrimitive","cn"],"sources":["../../../src/components/alert/Alert.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../lib/utils';\nimport { Alert as AlertPrimitive, AlertTitle, AlertDescription } from '../../primitives/alert';\n\nconst alertVariants = cva('', {\n  variants: {\n    variant: {\n      default: 'border-berget-border',\n      info: 'berget-tint berget-tint-info',\n      success: 'berget-tint berget-tint-success',\n      warning: 'berget-tint berget-tint-warning',\n      destructive: 'berget-tint berget-tint-error',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nexport interface AlertProps\n  extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {}\n\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n  ({ className, variant, ...props }, ref) => (\n    <AlertPrimitive ref={ref} className={cn(alertVariants({ variant }), className)} {...props} />\n  ),\n);\nAlert.displayName = 'Alert';\n\nexport type AlertTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\n\nexport type AlertDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;\n\nexport { Alert, AlertTitle, AlertDescription, alertVariants };\n"],"mappings":";;;;;;;;AAOA,MAAM,iBAAA,G,kCAAgBA,CAAAA,CAAAA,IAAAA,CAAI,IAAI;CAC5B,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;EACN,SAAS;EACT,SAAS;EACT,aAAa;CACf,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC;AAKD,MAAM,QAAQC,MAAM,YACjB,EAAE,WAAW,SAAS,GAAG,SAAS,QACjC,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,OAAD;CAAqB;CAAK,WAAWC,cAAAA,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;CAAG,GAAI;AAAQ,CAAA,CAEhG;AACA,MAAM,cAAc"}

package/dist/components/alert/Alert.d.cts

@@ -0,0 +1,14 @@
+import { AlertDescription, AlertTitle } from "../../primitives/alert.cjs";
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/components/alert/Alert.d.ts
+declare const alertVariants: (props?: ({
+  variant?: "info" | "default" | "destructive" | "success" | "warning" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {}
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+export type AlertTitleProps = React.HTMLAttributes<HTMLHeadingElement>;
+export type AlertDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
+//#endregion
+export { Alert, AlertDescription, AlertTitle, alertVariants };
+//# sourceMappingURL=Alert.d.cts.map

package/dist/components/alert/Alert.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.cts","names":[],"sources":["../../../src/components/alert/Alert.tsx"],"mappings":";;;;cAOM,gBAAa;;6CAajB;iBAEe,mBACP,MAAM,eAAe,iBAAiB,oBAAoB;cAE9D,OAAK,MAAA,0BAAA,aAAA,MAAA,cAAA;YAOC,kBAAkB,MAAM,eAAe;YAEvC,wBAAwB,MAAM,eAAe"}

package/dist/components/alert/Alert.d.mts

@@ -0,0 +1,14 @@
+import { AlertDescription, AlertTitle } from "../../primitives/alert.mjs";
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/components/alert/Alert.d.ts
+declare const alertVariants: (props?: ({
+  variant?: "info" | "default" | "destructive" | "success" | "warning" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {}
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+export type AlertTitleProps = React.HTMLAttributes<HTMLHeadingElement>;
+export type AlertDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
+//#endregion
+export { Alert, AlertDescription, AlertTitle, alertVariants };
+//# sourceMappingURL=Alert.d.mts.map

package/dist/components/alert/Alert.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.mts","names":[],"sources":["../../../src/components/alert/Alert.tsx"],"mappings":";;;;cAOM,gBAAa;;6CAajB;iBAEe,mBACP,MAAM,eAAe,iBAAiB,oBAAoB;cAE9D,OAAK,MAAA,0BAAA,aAAA,MAAA,cAAA;YAOC,kBAAkB,MAAM,eAAe;YAEvC,wBAAwB,MAAM,eAAe"}

package/dist/components/alert/Alert.mjs

@@ -0,0 +1,27 @@
+"use client";
+import { cn } from "../../lib/utils.mjs";
+import { Alert as Alert$1, AlertDescription, AlertTitle } from "../../primitives/alert.mjs";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/components/alert/Alert.tsx
+const alertVariants = cva("", {
+	variants: { variant: {
+		default: "border-berget-border",
+		info: "berget-tint berget-tint-info",
+		success: "berget-tint berget-tint-success",
+		warning: "berget-tint berget-tint-warning",
+		destructive: "berget-tint berget-tint-error"
+	} },
+	defaultVariants: { variant: "default" }
+});
+const Alert = React.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(Alert$1, {
+	ref,
+	className: cn(alertVariants({ variant }), className),
+	...props
+}));
+Alert.displayName = "Alert";
+//#endregion
+export { Alert, AlertDescription, AlertTitle, alertVariants };
+
+//# sourceMappingURL=Alert.mjs.map

package/dist/components/alert/Alert.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.mjs","names":["AlertPrimitive"],"sources":["../../../src/components/alert/Alert.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../lib/utils';\nimport { Alert as AlertPrimitive, AlertTitle, AlertDescription } from '../../primitives/alert';\n\nconst alertVariants = cva('', {\n  variants: {\n    variant: {\n      default: 'border-berget-border',\n      info: 'berget-tint berget-tint-info',\n      success: 'berget-tint berget-tint-success',\n      warning: 'berget-tint berget-tint-warning',\n      destructive: 'berget-tint berget-tint-error',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nexport interface AlertProps\n  extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {}\n\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n  ({ className, variant, ...props }, ref) => (\n    <AlertPrimitive ref={ref} className={cn(alertVariants({ variant }), className)} {...props} />\n  ),\n);\nAlert.displayName = 'Alert';\n\nexport type AlertTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\n\nexport type AlertDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;\n\nexport { Alert, AlertTitle, AlertDescription, alertVariants };\n"],"mappings":";;;;;;;AAOA,MAAM,gBAAgB,IAAI,IAAI;CAC5B,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;EACN,SAAS;EACT,SAAS;EACT,aAAa;CACf,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC;AAKD,MAAM,QAAQ,MAAM,YACjB,EAAE,WAAW,SAAS,GAAG,SAAS,QACjC,oBAACA,SAAD;CAAqB;CAAK,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;CAAG,GAAI;AAAQ,CAAA,CAEhG;AACA,MAAM,cAAc"}

package/dist/components/alert/index.d.cts

@@ -0,0 +1,3 @@
+import { AlertDescription, AlertTitle } from "../../primitives/alert.cjs";
+import { Alert, AlertDescriptionProps, AlertProps, AlertTitleProps, alertVariants } from "./Alert.cjs";
+export { Alert, AlertDescription, type AlertDescriptionProps, type AlertProps, AlertTitle, type AlertTitleProps, alertVariants };

package/dist/components/alert/index.d.mts

@@ -0,0 +1,3 @@
+import { AlertDescription, AlertTitle } from "../../primitives/alert.mjs";
+import { Alert, AlertDescriptionProps, AlertProps, AlertTitleProps, alertVariants } from "./Alert.mjs";
+export { Alert, AlertDescription, type AlertDescriptionProps, type AlertProps, AlertTitle, type AlertTitleProps, alertVariants };

package/dist/components/alert-dialog/AlertDialog.cjs

@@ -0,0 +1,95 @@
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils = require("../../lib/utils.cjs");
+const require_Typography = require("../typography/Typography.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _base_ui_react_alert_dialog = require("@base-ui/react/alert-dialog");
+//#region src/components/alert-dialog/AlertDialog.tsx
+const AlertDialog = _base_ui_react_alert_dialog.AlertDialog.Root;
+const AlertDialogTrigger = react.forwardRef(({ asChild, children, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_alert_dialog.AlertDialog.Trigger, {
+	ref,
+	render: require_utils.asChildRender(asChild, children),
+	...props,
+	children: asChild ? void 0 : children
+}));
+AlertDialogTrigger.displayName = "AlertDialogTrigger";
+const AlertDialogPortal = _base_ui_react_alert_dialog.AlertDialog.Portal;
+const AlertDialogOverlay = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_alert_dialog.AlertDialog.Backdrop, {
+	ref,
+	className: require_utils.cn("fixed inset-0 z-50 bg-berget-dialog-overlay-bg transition-[opacity] duration-200 data-starting-style:opacity-0 data-ending-style:opacity-0", className),
+	...props
+}));
+AlertDialogOverlay.displayName = "AlertDialogOverlay";
+const AlertDialogContent = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(AlertDialogPortal, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AlertDialogOverlay, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_alert_dialog.AlertDialog.Popup, {
+	ref,
+	className: require_utils.cn("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-berget-dialog-bg border-berget-dialog-border rounded-berget-sm p-6 shadow-berget-lg transition-[opacity,transform] duration-200 data-starting-style:opacity-0 data-starting-style:scale-95 data-ending-style:opacity-0 data-ending-style:scale-95", className),
+	...props
+})] }));
+AlertDialogContent.displayName = "AlertDialogContent";
+const AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	className: require_utils.cn("flex flex-col gap-1.5 text-center sm:text-left", className),
+	...props
+});
+AlertDialogHeader.displayName = "AlertDialogHeader";
+const AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	className: require_utils.cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+	...props
+});
+AlertDialogFooter.displayName = "AlertDialogFooter";
+const AlertDialogTitle = react.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_alert_dialog.AlertDialog.Title, {
+	ref,
+	render: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
+		variant: "h5",
+		color: "default",
+		as: "h2",
+		className
+	}),
+	...props,
+	children
+}));
+AlertDialogTitle.displayName = "AlertDialogTitle";
+const AlertDialogDescription = react.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_alert_dialog.AlertDialog.Description, {
+	ref,
+	render: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
+		variant: "small",
+		color: "muted",
+		className
+	}),
+	...props,
+	children
+}));
+AlertDialogDescription.displayName = "AlertDialogDescription";
+/** Action button — compose with `<Button>` via `asChild` for consistent styling. */
+const AlertDialogAction = react.forwardRef(({ className, asChild, children, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_alert_dialog.AlertDialog.Close, {
+	ref,
+	className: require_utils.cn(className),
+	render: require_utils.asChildRender(asChild, children),
+	...props,
+	children: asChild ? void 0 : children
+}));
+AlertDialogAction.displayName = "AlertDialogAction";
+/** Cancel button — composes with `<Button>` via `asChild`. Includes `mt-2 sm:mt-0` for footer spacing. */
+const AlertDialogCancel = react.forwardRef(({ className, asChild, children, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_alert_dialog.AlertDialog.Close, {
+	ref,
+	className: require_utils.cn("mt-2 sm:mt-0", className),
+	render: require_utils.asChildRender(asChild, children),
+	...props,
+	children: asChild ? void 0 : children
+}));
+AlertDialogCancel.displayName = "AlertDialogCancel";
+//#endregion
+exports.AlertDialog = AlertDialog;
+exports.AlertDialogAction = AlertDialogAction;
+exports.AlertDialogCancel = AlertDialogCancel;
+exports.AlertDialogContent = AlertDialogContent;
+exports.AlertDialogDescription = AlertDialogDescription;
+exports.AlertDialogFooter = AlertDialogFooter;
+exports.AlertDialogHeader = AlertDialogHeader;
+exports.AlertDialogOverlay = AlertDialogOverlay;
+exports.AlertDialogPortal = AlertDialogPortal;
+exports.AlertDialogTitle = AlertDialogTitle;
+exports.AlertDialogTrigger = AlertDialogTrigger;
+
+//# sourceMappingURL=AlertDialog.cjs.map

package/dist/components/alert-dialog/AlertDialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.cjs","names":["AlertDialogPrimitive","React","asChildRender","cn","Typography"],"sources":["../../../src/components/alert-dialog/AlertDialog.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';\n\nimport { cn, asChildRender } from '../../lib/utils';\nimport { Typography } from '../typography';\n\nconst AlertDialog = AlertDialogPrimitive.Root;\n\ntype AlertDialogTriggerProps = Omit<AlertDialogPrimitive.Trigger.Props, 'className' | 'render'> & {\n  className?: string;\n  /** Render as a different element/component. Replaces the Radix `asChild` prop. */\n  asChild?: boolean;\n};\n\nconst AlertDialogTrigger = React.forwardRef<HTMLButtonElement, AlertDialogTriggerProps>(\n  ({ asChild, children, ...props }, ref) => (\n    <AlertDialogPrimitive.Trigger ref={ref} render={asChildRender(asChild, children)} {...props}>\n      {asChild ? undefined : children}\n    </AlertDialogPrimitive.Trigger>\n  ),\n);\nAlertDialogTrigger.displayName = 'AlertDialogTrigger';\n\nconst AlertDialogPortal = AlertDialogPrimitive.Portal;\n\nconst AlertDialogOverlay = React.forwardRef<\n  HTMLDivElement,\n  Omit<AlertDialogPrimitive.Backdrop.Props, 'className'> & { className?: string }\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Backdrop\n    ref={ref}\n    className={cn(\n      'fixed inset-0 z-50 bg-berget-dialog-overlay-bg transition-[opacity] duration-200 data-starting-style:opacity-0 data-ending-style:opacity-0',\n      className,\n    )}\n    {...props}\n  />\n));\nAlertDialogOverlay.displayName = 'AlertDialogOverlay';\n\nconst AlertDialogContent = React.forwardRef<\n  HTMLDivElement,\n  Omit<AlertDialogPrimitive.Popup.Props, 'className'> & { className?: string }\n>(({ className, ...props }, ref) => (\n  <AlertDialogPortal>\n    <AlertDialogOverlay />\n    <AlertDialogPrimitive.Popup\n      ref={ref}\n      className={cn(\n        'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-berget-dialog-bg border-berget-dialog-border rounded-berget-sm p-6 shadow-berget-lg transition-[opacity,transform] duration-200 data-starting-style:opacity-0 data-starting-style:scale-95 data-ending-style:opacity-0 data-ending-style:scale-95',\n        className,\n      )}\n      {...props}\n    />\n  </AlertDialogPortal>\n));\nAlertDialogContent.displayName = 'AlertDialogContent';\n\nconst AlertDialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col gap-1.5 text-center sm:text-left', className)} {...props} />\n);\nAlertDialogHeader.displayName = 'AlertDialogHeader';\n\nconst AlertDialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className)}\n    {...props}\n  />\n);\nAlertDialogFooter.displayName = 'AlertDialogFooter';\n\nconst AlertDialogTitle = React.forwardRef<\n  HTMLHeadingElement,\n  Omit<AlertDialogPrimitive.Title.Props, 'className'> & { className?: string }\n>(({ className, children, ...props }, ref) => (\n  <AlertDialogPrimitive.Title\n    ref={ref}\n    render={<Typography variant=\"h5\" color=\"default\" as=\"h2\" className={className} />}\n    {...props}\n  >\n    {children}\n  </AlertDialogPrimitive.Title>\n));\nAlertDialogTitle.displayName = 'AlertDialogTitle';\n\nconst AlertDialogDescription = React.forwardRef<\n  HTMLParagraphElement,\n  Omit<AlertDialogPrimitive.Description.Props, 'className'> & { className?: string }\n>(({ className, children, ...props }, ref) => (\n  <AlertDialogPrimitive.Description\n    ref={ref}\n    render={<Typography variant=\"small\" color=\"muted\" className={className} />}\n    {...props}\n  >\n    {children}\n  </AlertDialogPrimitive.Description>\n));\nAlertDialogDescription.displayName = 'AlertDialogDescription';\n\n/** Action button — compose with `<Button>` via `asChild` for consistent styling. */\nconst AlertDialogAction = React.forwardRef<\n  HTMLButtonElement,\n  Omit<AlertDialogPrimitive.Close.Props, 'className' | 'render'> & {\n    className?: string;\n    /** Render as a different element/component. Replaces the Radix `asChild` prop. */\n    asChild?: boolean;\n  }\n>(({ className, asChild, children, ...props }, ref) => (\n  <AlertDialogPrimitive.Close\n    ref={ref}\n    className={cn(className)}\n    render={asChildRender(asChild, children)}\n    {...props}\n  >\n    {asChild ? undefined : children}\n  </AlertDialogPrimitive.Close>\n));\nAlertDialogAction.displayName = 'AlertDialogAction';\n\n/** Cancel button — composes with `<Button>` via `asChild`. Includes `mt-2 sm:mt-0` for footer spacing. */\nconst AlertDialogCancel = React.forwardRef<\n  HTMLButtonElement,\n  Omit<AlertDialogPrimitive.Close.Props, 'className' | 'render'> & {\n    className?: string;\n    /** Render as a different element/component. Replaces the Radix `asChild` prop. */\n    asChild?: boolean;\n  }\n>(({ className, asChild, children, ...props }, ref) => (\n  <AlertDialogPrimitive.Close\n    ref={ref}\n    className={cn('mt-2 sm:mt-0', className)}\n    render={asChildRender(asChild, children)}\n    {...props}\n  >\n    {asChild ? undefined : children}\n  </AlertDialogPrimitive.Close>\n));\nAlertDialogCancel.displayName = 'AlertDialogCancel';\n\nexport {\n  AlertDialog,\n  AlertDialogPortal,\n  AlertDialogOverlay,\n  AlertDialogTrigger,\n  AlertDialogContent,\n  AlertDialogHeader,\n  AlertDialogFooter,\n  AlertDialogTitle,\n  AlertDialogDescription,\n  AlertDialogAction,\n  AlertDialogCancel,\n};\n"],"mappings":";;;;;;;;;AAQA,MAAM,cAAcA,4BAAAA,YAAqB;AAQzC,MAAM,qBAAqBC,MAAM,YAC9B,EAAE,SAAS,UAAU,GAAG,SAAS,QAChC,iBAAA,GAAA,kBAAA,IAAA,CAACD,4BAAAA,YAAqB,SAAtB;CAAmC;CAAK,QAAQE,cAAAA,cAAc,SAAS,QAAQ;CAAG,GAAI;CACnF,UAAA,UAAU,KAAA,IAAY;AACK,CAAA,CAElC;AACA,mBAAmB,cAAc;AAEjC,MAAM,oBAAoBF,4BAAAA,YAAqB;AAE/C,MAAM,qBAAqBC,MAAM,YAG9B,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,IAAA,CAACD,4BAAAA,YAAqB,UAAtB;CACO;CACL,WAAWG,cAAAA,GACT,8IACA,SACF;CACA,GAAI;AACL,CAAA,CACF;AACD,mBAAmB,cAAc;AAEjC,MAAM,qBAAqBF,MAAM,YAG9B,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,KAAA,CAAC,mBAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,oBAAD,CAAqB,CAAA,GACrB,iBAAA,GAAA,kBAAA,IAAA,CAACD,4BAAAA,YAAqB,OAAtB;CACO;CACL,WAAWG,cAAAA,GACT,gWACA,SACF;CACA,GAAI;AACL,CAAA,CACgB,EAAA,CAAA,CACpB;AACD,mBAAmB,cAAc;AAEjC,MAAM,qBAAqB,EAAE,WAAW,GAAG,YACzC,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;CAAK,WAAWA,cAAAA,GAAG,kDAAkD,SAAS;CAAG,GAAI;AAAQ,CAAA;AAE/F,kBAAkB,cAAc;AAEhC,MAAM,qBAAqB,EAAE,WAAW,GAAG,YACzC,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;CACE,WAAWA,cAAAA,GAAG,0DAA0D,SAAS;CACjF,GAAI;AACL,CAAA;AAEH,kBAAkB,cAAc;AAEhC,MAAM,mBAAmBF,MAAM,YAG5B,EAAE,WAAW,UAAU,GAAG,SAAS,QACpC,iBAAA,GAAA,kBAAA,IAAA,CAACD,4BAAAA,YAAqB,OAAtB;CACO;CACL,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAACI,mBAAAA,YAAD;EAAY,SAAQ;EAAK,OAAM;EAAU,IAAG;EAAgB;CAAY,CAAA;CAChF,GAAI;CAEH;AACyB,CAAA,CAC7B;AACD,iBAAiB,cAAc;AAE/B,MAAM,yBAAyBH,MAAM,YAGlC,EAAE,WAAW,UAAU,GAAG,SAAS,QACpC,iBAAA,GAAA,kBAAA,IAAA,CAACD,4BAAAA,YAAqB,aAAtB;CACO;CACL,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAACI,mBAAAA,YAAD;EAAY,SAAQ;EAAQ,OAAM;EAAmB;CAAY,CAAA;CACzE,GAAI;CAEH;AAC+B,CAAA,CACnC;AACD,uBAAuB,cAAc;;AAGrC,MAAM,oBAAoBH,MAAM,YAO7B,EAAE,WAAW,SAAS,UAAU,GAAG,SAAS,QAC7C,iBAAA,GAAA,kBAAA,IAAA,CAACD,4BAAAA,YAAqB,OAAtB;CACO;CACL,WAAWG,cAAAA,GAAG,SAAS;CACvB,QAAQD,cAAAA,cAAc,SAAS,QAAQ;CACvC,GAAI;CAEH,UAAA,UAAU,KAAA,IAAY;AACG,CAAA,CAC7B;AACD,kBAAkB,cAAc;;AAGhC,MAAM,oBAAoBD,MAAM,YAO7B,EAAE,WAAW,SAAS,UAAU,GAAG,SAAS,QAC7C,iBAAA,GAAA,kBAAA,IAAA,CAACD,4BAAAA,YAAqB,OAAtB;CACO;CACL,WAAWG,cAAAA,GAAG,gBAAgB,SAAS;CACvC,QAAQD,cAAAA,cAAc,SAAS,QAAQ;CACvC,GAAI;CAEH,UAAA,UAAU,KAAA,IAAY;AACG,CAAA,CAC7B;AACD,kBAAkB,cAAc"}

package/dist/components/alert-dialog/AlertDialog.d.cts

@@ -0,0 +1,46 @@
+import * as React from "react";
+import { AlertDialog } from "@base-ui/react/alert-dialog";
+//#region src/components/alert-dialog/AlertDialog.d.ts
+declare const AlertDialog$1: typeof AlertDialog.Root;
+type AlertDialogTriggerProps = Omit<AlertDialog.Trigger.Props, 'className' | 'render'> & {
+  className?: string;
+  /** Render as a different element/component. Replaces the Radix `asChild` prop. */
+  asChild?: boolean;
+};
+declare const AlertDialogTrigger: React.ForwardRefExoticComponent<Omit<AlertDialogTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogPortal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogBackdropProps, "className"> & {
+  className?: string;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogPopupProps, "className"> & {
+  className?: string;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogHeader: {
+  ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+  displayName: string;
+};
+declare const AlertDialogFooter: {
+  ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+  displayName: string;
+};
+declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogTitleProps, "className"> & {
+  className?: string;
+}, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogDescriptionProps, "className"> & {
+  className?: string;
+}, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+/** Action button — compose with `<Button>` via `asChild` for consistent styling. */
+declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogCloseProps, "className" | "render"> & {
+  className?: string;
+  /** Render as a different element/component. Replaces the Radix `asChild` prop. */
+  asChild?: boolean;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+/** Cancel button — composes with `<Button>` via `asChild`. Includes `mt-2 sm:mt-0` for footer spacing. */
+declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogCloseProps, "className" | "render"> & {
+  className?: string;
+  /** Render as a different element/component. Replaces the Radix `asChild` prop. */
+  asChild?: boolean;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { AlertDialog$1 as AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
+//# sourceMappingURL=AlertDialog.d.cts.map

package/dist/components/alert-dialog/AlertDialog.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.d.cts","names":["AlertDialog","AlertDialogPrimitive"],"sources":["../../../src/components/alert-dialog/AlertDialog.tsx"],"mappings":";;;cAQMA,sBAAWC,YAAA;KAEZ,0BAA0B,KAAKA,YAAqB,QAAQ;EAC/D;;EAEA;;cAGI,oBAAkB,MAAA,0BAAA,KAAA,kCAAA,MAAA,cAAA;cASlB,mBAAiB,MAAA,0BAAA,8BAAA,iCAAA,MAAA,cAAA;cAEjB,oBAAkB,MAAA,0BAAA,KAAA,8BAAA;EAEiD;YAUvE,MAAA,cAAA;cAGI,oBAAkB,MAAA,0BAAA,KAAA,8BAAA;EAE8C;YAapE,MAAA,cAAA;cAGI;KAA8C,cAAA,SAAA,MAAM,eAAe,8CAAe,IAAA;;;cAKlF;KAA8C,cAAA,SAAA,MAAM,eAAe,8CAAe,IAAA;;;cAQlF,kBAAgB,MAAA,0BAAA,KAAA,8BAAA;EAEgD;YASpE,MAAA,cAAA;cAGI,wBAAsB,MAAA,0BAAA,KAAA,8BAAA;EAEgD;YAS1E,MAAA,cAAA;;cAII,mBAAiB,MAAA,0BAAA,KAAA,8BAAA;EAGP;;EAEF;YAWZ,MAAA,cAAA;;cAII,mBAAiB,MAAA,0BAAA,KAAA,8BAAA;EAGP;;EAEF;YAWZ,MAAA,cAAA"}

package/dist/components/alert-dialog/AlertDialog.d.mts

@@ -0,0 +1,46 @@
+import * as React from "react";
+import { AlertDialog } from "@base-ui/react/alert-dialog";
+//#region src/components/alert-dialog/AlertDialog.d.ts
+declare const AlertDialog$1: typeof AlertDialog.Root;
+type AlertDialogTriggerProps = Omit<AlertDialog.Trigger.Props, 'className' | 'render'> & {
+  className?: string;
+  /** Render as a different element/component. Replaces the Radix `asChild` prop. */
+  asChild?: boolean;
+};
+declare const AlertDialogTrigger: React.ForwardRefExoticComponent<Omit<AlertDialogTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogPortal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogBackdropProps, "className"> & {
+  className?: string;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogPopupProps, "className"> & {
+  className?: string;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogHeader: {
+  ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+  displayName: string;
+};
+declare const AlertDialogFooter: {
+  ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+  displayName: string;
+};
+declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogTitleProps, "className"> & {
+  className?: string;
+}, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogDescriptionProps, "className"> & {
+  className?: string;
+}, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+/** Action button — compose with `<Button>` via `asChild` for consistent styling. */
+declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogCloseProps, "className" | "render"> & {
+  className?: string;
+  /** Render as a different element/component. Replaces the Radix `asChild` prop. */
+  asChild?: boolean;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+/** Cancel button — composes with `<Button>` via `asChild`. Includes `mt-2 sm:mt-0` for footer spacing. */
+declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogCloseProps, "className" | "render"> & {
+  className?: string;
+  /** Render as a different element/component. Replaces the Radix `asChild` prop. */
+  asChild?: boolean;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { AlertDialog$1 as AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
+//# sourceMappingURL=AlertDialog.d.mts.map

package/dist/components/alert-dialog/AlertDialog.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.d.mts","names":["AlertDialog","AlertDialogPrimitive"],"sources":["../../../src/components/alert-dialog/AlertDialog.tsx"],"mappings":";;;cAQMA,sBAAWC,YAAA;KAEZ,0BAA0B,KAAKA,YAAqB,QAAQ;EAC/D;;EAEA;;cAGI,oBAAkB,MAAA,0BAAA,KAAA,kCAAA,MAAA,cAAA;cASlB,mBAAiB,MAAA,0BAAA,8BAAA,iCAAA,MAAA,cAAA;cAEjB,oBAAkB,MAAA,0BAAA,KAAA,8BAAA;EAEiD;YAUvE,MAAA,cAAA;cAGI,oBAAkB,MAAA,0BAAA,KAAA,8BAAA;EAE8C;YAapE,MAAA,cAAA;cAGI;KAA8C,cAAA,SAAA,MAAM,eAAe,8CAAe,IAAA;;;cAKlF;KAA8C,cAAA,SAAA,MAAM,eAAe,8CAAe,IAAA;;;cAQlF,kBAAgB,MAAA,0BAAA,KAAA,8BAAA;EAEgD;YASpE,MAAA,cAAA;cAGI,wBAAsB,MAAA,0BAAA,KAAA,8BAAA;EAEgD;YAS1E,MAAA,cAAA;;cAII,mBAAiB,MAAA,0BAAA,KAAA,8BAAA;EAGP;;EAEF;YAWZ,MAAA,cAAA;;cAII,mBAAiB,MAAA,0BAAA,KAAA,8BAAA;EAGP;;EAEF;YAWZ,MAAA,cAAA"}

package/dist/components/alert-dialog/AlertDialog.mjs

@@ -0,0 +1,83 @@
+"use client";
+import { asChildRender, cn } from "../../lib/utils.mjs";
+import { Typography } from "../typography/Typography.mjs";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertDialog } from "@base-ui/react/alert-dialog";
+//#region src/components/alert-dialog/AlertDialog.tsx
+const AlertDialog$1 = AlertDialog.Root;
+const AlertDialogTrigger = React.forwardRef(({ asChild, children, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialog.Trigger, {
+	ref,
+	render: asChildRender(asChild, children),
+	...props,
+	children: asChild ? void 0 : children
+}));
+AlertDialogTrigger.displayName = "AlertDialogTrigger";
+const AlertDialogPortal = AlertDialog.Portal;
+const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialog.Backdrop, {
+	ref,
+	className: cn("fixed inset-0 z-50 bg-berget-dialog-overlay-bg transition-[opacity] duration-200 data-starting-style:opacity-0 data-ending-style:opacity-0", className),
+	...props
+}));
+AlertDialogOverlay.displayName = "AlertDialogOverlay";
+const AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [/* @__PURE__ */ jsx(AlertDialogOverlay, {}), /* @__PURE__ */ jsx(AlertDialog.Popup, {
+	ref,
+	className: cn("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-berget-dialog-bg border-berget-dialog-border rounded-berget-sm p-6 shadow-berget-lg transition-[opacity,transform] duration-200 data-starting-style:opacity-0 data-starting-style:scale-95 data-ending-style:opacity-0 data-ending-style:scale-95", className),
+	...props
+})] }));
+AlertDialogContent.displayName = "AlertDialogContent";
+const AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex flex-col gap-1.5 text-center sm:text-left", className),
+	...props
+});
+AlertDialogHeader.displayName = "AlertDialogHeader";
+const AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+	...props
+});
+AlertDialogFooter.displayName = "AlertDialogFooter";
+const AlertDialogTitle = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialog.Title, {
+	ref,
+	render: /* @__PURE__ */ jsx(Typography, {
+		variant: "h5",
+		color: "default",
+		as: "h2",
+		className
+	}),
+	...props,
+	children
+}));
+AlertDialogTitle.displayName = "AlertDialogTitle";
+const AlertDialogDescription = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialog.Description, {
+	ref,
+	render: /* @__PURE__ */ jsx(Typography, {
+		variant: "small",
+		color: "muted",
+		className
+	}),
+	...props,
+	children
+}));
+AlertDialogDescription.displayName = "AlertDialogDescription";
+/** Action button — compose with `<Button>` via `asChild` for consistent styling. */
+const AlertDialogAction = React.forwardRef(({ className, asChild, children, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialog.Close, {
+	ref,
+	className: cn(className),
+	render: asChildRender(asChild, children),
+	...props,
+	children: asChild ? void 0 : children
+}));
+AlertDialogAction.displayName = "AlertDialogAction";
+/** Cancel button — composes with `<Button>` via `asChild`. Includes `mt-2 sm:mt-0` for footer spacing. */
+const AlertDialogCancel = React.forwardRef(({ className, asChild, children, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialog.Close, {
+	ref,
+	className: cn("mt-2 sm:mt-0", className),
+	render: asChildRender(asChild, children),
+	...props,
+	children: asChild ? void 0 : children
+}));
+AlertDialogCancel.displayName = "AlertDialogCancel";
+//#endregion
+export { AlertDialog$1 as AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
+
+//# sourceMappingURL=AlertDialog.mjs.map

package/dist/components/alert-dialog/AlertDialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.mjs","names":["AlertDialog","AlertDialogPrimitive"],"sources":["../../../src/components/alert-dialog/AlertDialog.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';\n\nimport { cn, asChildRender } from '../../lib/utils';\nimport { Typography } from '../typography';\n\nconst AlertDialog = AlertDialogPrimitive.Root;\n\ntype AlertDialogTriggerProps = Omit<AlertDialogPrimitive.Trigger.Props, 'className' | 'render'> & {\n  className?: string;\n  /** Render as a different element/component. Replaces the Radix `asChild` prop. */\n  asChild?: boolean;\n};\n\nconst AlertDialogTrigger = React.forwardRef<HTMLButtonElement, AlertDialogTriggerProps>(\n  ({ asChild, children, ...props }, ref) => (\n    <AlertDialogPrimitive.Trigger ref={ref} render={asChildRender(asChild, children)} {...props}>\n      {asChild ? undefined : children}\n    </AlertDialogPrimitive.Trigger>\n  ),\n);\nAlertDialogTrigger.displayName = 'AlertDialogTrigger';\n\nconst AlertDialogPortal = AlertDialogPrimitive.Portal;\n\nconst AlertDialogOverlay = React.forwardRef<\n  HTMLDivElement,\n  Omit<AlertDialogPrimitive.Backdrop.Props, 'className'> & { className?: string }\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Backdrop\n    ref={ref}\n    className={cn(\n      'fixed inset-0 z-50 bg-berget-dialog-overlay-bg transition-[opacity] duration-200 data-starting-style:opacity-0 data-ending-style:opacity-0',\n      className,\n    )}\n    {...props}\n  />\n));\nAlertDialogOverlay.displayName = 'AlertDialogOverlay';\n\nconst AlertDialogContent = React.forwardRef<\n  HTMLDivElement,\n  Omit<AlertDialogPrimitive.Popup.Props, 'className'> & { className?: string }\n>(({ className, ...props }, ref) => (\n  <AlertDialogPortal>\n    <AlertDialogOverlay />\n    <AlertDialogPrimitive.Popup\n      ref={ref}\n      className={cn(\n        'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-berget-dialog-bg border-berget-dialog-border rounded-berget-sm p-6 shadow-berget-lg transition-[opacity,transform] duration-200 data-starting-style:opacity-0 data-starting-style:scale-95 data-ending-style:opacity-0 data-ending-style:scale-95',\n        className,\n      )}\n      {...props}\n    />\n  </AlertDialogPortal>\n));\nAlertDialogContent.displayName = 'AlertDialogContent';\n\nconst AlertDialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col gap-1.5 text-center sm:text-left', className)} {...props} />\n);\nAlertDialogHeader.displayName = 'AlertDialogHeader';\n\nconst AlertDialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className)}\n    {...props}\n  />\n);\nAlertDialogFooter.displayName = 'AlertDialogFooter';\n\nconst AlertDialogTitle = React.forwardRef<\n  HTMLHeadingElement,\n  Omit<AlertDialogPrimitive.Title.Props, 'className'> & { className?: string }\n>(({ className, children, ...props }, ref) => (\n  <AlertDialogPrimitive.Title\n    ref={ref}\n    render={<Typography variant=\"h5\" color=\"default\" as=\"h2\" className={className} />}\n    {...props}\n  >\n    {children}\n  </AlertDialogPrimitive.Title>\n));\nAlertDialogTitle.displayName = 'AlertDialogTitle';\n\nconst AlertDialogDescription = React.forwardRef<\n  HTMLParagraphElement,\n  Omit<AlertDialogPrimitive.Description.Props, 'className'> & { className?: string }\n>(({ className, children, ...props }, ref) => (\n  <AlertDialogPrimitive.Description\n    ref={ref}\n    render={<Typography variant=\"small\" color=\"muted\" className={className} />}\n    {...props}\n  >\n    {children}\n  </AlertDialogPrimitive.Description>\n));\nAlertDialogDescription.displayName = 'AlertDialogDescription';\n\n/** Action button — compose with `<Button>` via `asChild` for consistent styling. */\nconst AlertDialogAction = React.forwardRef<\n  HTMLButtonElement,\n  Omit<AlertDialogPrimitive.Close.Props, 'className' | 'render'> & {\n    className?: string;\n    /** Render as a different element/component. Replaces the Radix `asChild` prop. */\n    asChild?: boolean;\n  }\n>(({ className, asChild, children, ...props }, ref) => (\n  <AlertDialogPrimitive.Close\n    ref={ref}\n    className={cn(className)}\n    render={asChildRender(asChild, children)}\n    {...props}\n  >\n    {asChild ? undefined : children}\n  </AlertDialogPrimitive.Close>\n));\nAlertDialogAction.displayName = 'AlertDialogAction';\n\n/** Cancel button — composes with `<Button>` via `asChild`. Includes `mt-2 sm:mt-0` for footer spacing. */\nconst AlertDialogCancel = React.forwardRef<\n  HTMLButtonElement,\n  Omit<AlertDialogPrimitive.Close.Props, 'className' | 'render'> & {\n    className?: string;\n    /** Render as a different element/component. Replaces the Radix `asChild` prop. */\n    asChild?: boolean;\n  }\n>(({ className, asChild, children, ...props }, ref) => (\n  <AlertDialogPrimitive.Close\n    ref={ref}\n    className={cn('mt-2 sm:mt-0', className)}\n    render={asChildRender(asChild, children)}\n    {...props}\n  >\n    {asChild ? undefined : children}\n  </AlertDialogPrimitive.Close>\n));\nAlertDialogCancel.displayName = 'AlertDialogCancel';\n\nexport {\n  AlertDialog,\n  AlertDialogPortal,\n  AlertDialogOverlay,\n  AlertDialogTrigger,\n  AlertDialogContent,\n  AlertDialogHeader,\n  AlertDialogFooter,\n  AlertDialogTitle,\n  AlertDialogDescription,\n  AlertDialogAction,\n  AlertDialogCancel,\n};\n"],"mappings":";;;;;;;AAQA,MAAMA,gBAAcC,YAAqB;AAQzC,MAAM,qBAAqB,MAAM,YAC9B,EAAE,SAAS,UAAU,GAAG,SAAS,QAChC,oBAACA,YAAqB,SAAtB;CAAmC;CAAK,QAAQ,cAAc,SAAS,QAAQ;CAAG,GAAI;CACnF,UAAA,UAAU,KAAA,IAAY;AACK,CAAA,CAElC;AACA,mBAAmB,cAAc;AAEjC,MAAM,oBAAoBA,YAAqB;AAE/C,MAAM,qBAAqB,MAAM,YAG9B,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAACA,YAAqB,UAAtB;CACO;CACL,WAAW,GACT,8IACA,SACF;CACA,GAAI;AACL,CAAA,CACF;AACD,mBAAmB,cAAc;AAEjC,MAAM,qBAAqB,MAAM,YAG9B,EAAE,WAAW,GAAG,SAAS,QAC1B,qBAAC,mBAAD,EAAA,UAAA,CACE,oBAAC,oBAAD,CAAqB,CAAA,GACrB,oBAACA,YAAqB,OAAtB;CACO;CACL,WAAW,GACT,gWACA,SACF;CACA,GAAI;AACL,CAAA,CACgB,EAAA,CAAA,CACpB;AACD,mBAAmB,cAAc;AAEjC,MAAM,qBAAqB,EAAE,WAAW,GAAG,YACzC,oBAAC,OAAD;CAAK,WAAW,GAAG,kDAAkD,SAAS;CAAG,GAAI;AAAQ,CAAA;AAE/F,kBAAkB,cAAc;AAEhC,MAAM,qBAAqB,EAAE,WAAW,GAAG,YACzC,oBAAC,OAAD;CACE,WAAW,GAAG,0DAA0D,SAAS;CACjF,GAAI;AACL,CAAA;AAEH,kBAAkB,cAAc;AAEhC,MAAM,mBAAmB,MAAM,YAG5B,EAAE,WAAW,UAAU,GAAG,SAAS,QACpC,oBAACA,YAAqB,OAAtB;CACO;CACL,QAAQ,oBAAC,YAAD;EAAY,SAAQ;EAAK,OAAM;EAAU,IAAG;EAAgB;CAAY,CAAA;CAChF,GAAI;CAEH;AACyB,CAAA,CAC7B;AACD,iBAAiB,cAAc;AAE/B,MAAM,yBAAyB,MAAM,YAGlC,EAAE,WAAW,UAAU,GAAG,SAAS,QACpC,oBAACA,YAAqB,aAAtB;CACO;CACL,QAAQ,oBAAC,YAAD;EAAY,SAAQ;EAAQ,OAAM;EAAmB;CAAY,CAAA;CACzE,GAAI;CAEH;AAC+B,CAAA,CACnC;AACD,uBAAuB,cAAc;;AAGrC,MAAM,oBAAoB,MAAM,YAO7B,EAAE,WAAW,SAAS,UAAU,GAAG,SAAS,QAC7C,oBAACA,YAAqB,OAAtB;CACO;CACL,WAAW,GAAG,SAAS;CACvB,QAAQ,cAAc,SAAS,QAAQ;CACvC,GAAI;CAEH,UAAA,UAAU,KAAA,IAAY;AACG,CAAA,CAC7B;AACD,kBAAkB,cAAc;;AAGhC,MAAM,oBAAoB,MAAM,YAO7B,EAAE,WAAW,SAAS,UAAU,GAAG,SAAS,QAC7C,oBAACA,YAAqB,OAAtB;CACO;CACL,WAAW,GAAG,gBAAgB,SAAS;CACvC,QAAQ,cAAc,SAAS,QAAQ;CACvC,GAAI;CAEH,UAAA,UAAU,KAAA,IAAY;AACG,CAAA,CAC7B;AACD,kBAAkB,cAAc"}

package/dist/components/alert-dialog/index.d.cts

@@ -0,0 +1,2 @@
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from "./AlertDialog.cjs";
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };

package/dist/components/alert-dialog/index.d.mts

@@ -0,0 +1,2 @@
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from "./AlertDialog.mjs";
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };