@bergetai/ui 0.15.0 → 0.16.1

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

@@ -3,7 +3,7 @@ import * as React from "react";
 import { VariantProps } from "class-variance-authority";
 //#region src/components/alert/Alert.d.ts
 declare const alertVariants: (props?: ({
-  variant?: "default" | "info" | "success" | "warning" | "destructive" | null | undefined;
+  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>>;

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

@@ -3,7 +3,7 @@ import * as React from "react";
 import { VariantProps } from "class-variance-authority";
 //#region src/components/alert/Alert.d.ts
 declare const alertVariants: (props?: ({
-  variant?: "default" | "info" | "success" | "warning" | "destructive" | null | undefined;
+  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>>;

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

@@ -18,23 +18,41 @@ 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),
+	className: require_utils.cn(`
+        fixed inset-0 z-50 bg-berget-dialog-overlay-bg transition-opacity
+        duration-200
+        data-ending-style:opacity-0
+        data-starting-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),
+	className: require_utils.cn(`
+          fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg
+          translate-x-[-50%] translate-y-[-50%] gap-4 rounded-berget-sm border
+          border-berget-dialog-border bg-berget-dialog-bg p-6 shadow-berget-lg
+          transition-[opacity,transform] duration-200
+          data-ending-style:scale-95 data-ending-style:opacity-0
+          data-starting-style:scale-95 data-starting-style:opacity-0
+        `, 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),
+	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),
+	className: require_utils.cn(`
+        flex flex-col-reverse gap-2
+        sm:flex-row sm:justify-end
+      `, className),
 	...props
 });
 AlertDialogFooter.displayName = "AlertDialogFooter";
@@ -73,7 +91,10 @@ 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),
+	className: require_utils.cn(`
+        mt-2
+        sm:mt-0
+      `, className),
 	render: require_utils.asChildRender(asChild, children),
 	...props,
 	children: asChild ? void 0 : children

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

@@ -1 +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":"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"}
+{"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      `\n        fixed inset-0 z-50 bg-berget-dialog-overlay-bg transition-opacity\n        duration-200\n        data-ending-style:opacity-0\n        data-starting-style:opacity-0\n      `,\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        `\n          fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg\n          translate-x-[-50%] translate-y-[-50%] gap-4 rounded-berget-sm border\n          border-berget-dialog-border bg-berget-dialog-bg p-6 shadow-berget-lg\n          transition-[opacity,transform] duration-200\n          data-ending-style:scale-95 data-ending-style:opacity-0\n          data-starting-style:scale-95 data-starting-style:opacity-0\n        `,\n        className,\n      )}\n      {...props}\n    />\n  </AlertDialogPortal>\n));\nAlertDialogContent.displayName = 'AlertDialogContent';\n\nconst AlertDialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      `\n        flex flex-col gap-1.5 text-center\n        sm:text-left\n      `,\n      className,\n    )}\n    {...props}\n  />\n);\nAlertDialogHeader.displayName = 'AlertDialogHeader';\n\nconst AlertDialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      `\n        flex flex-col-reverse gap-2\n        sm:flex-row sm:justify-end\n      `,\n      className,\n    )}\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(\n      `\n        mt-2\n        sm:mt-0\n      `,\n      className,\n    )}\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":"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"}

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

@@ -1 +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"}
+{"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;YAevE,MAAA,cAAA;cAGI,oBAAkB,MAAA,0BAAA,KAAA,8BAAA;EAE8C;YAoBpE,MAAA,cAAA;cAGI;KAA8C,cAAA,SAAA,MAAM,eAAe,8CAAe,IAAA;;;cAclF;KAA8C,cAAA,SAAA,MAAM,eAAe,8CAAe,IAAA;;;cAclF,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;YAiBZ,MAAA,cAAA"}

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

@@ -1 +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"}
+{"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;YAevE,MAAA,cAAA;cAGI,oBAAkB,MAAA,0BAAA,KAAA,8BAAA;EAE8C;YAoBpE,MAAA,cAAA;cAGI;KAA8C,cAAA,SAAA,MAAM,eAAe,8CAAe,IAAA;;;cAclF;KAA8C,cAAA,SAAA,MAAM,eAAe,8CAAe,IAAA;;;cAclF,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;YAiBZ,MAAA,cAAA"}

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

@@ -16,23 +16,41 @@ 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),
+	className: cn(`
+        fixed inset-0 z-50 bg-berget-dialog-overlay-bg transition-opacity
+        duration-200
+        data-ending-style:opacity-0
+        data-starting-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),
+	className: cn(`
+          fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg
+          translate-x-[-50%] translate-y-[-50%] gap-4 rounded-berget-sm border
+          border-berget-dialog-border bg-berget-dialog-bg p-6 shadow-berget-lg
+          transition-[opacity,transform] duration-200
+          data-ending-style:scale-95 data-ending-style:opacity-0
+          data-starting-style:scale-95 data-starting-style:opacity-0
+        `, 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),
+	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),
+	className: cn(`
+        flex flex-col-reverse gap-2
+        sm:flex-row sm:justify-end
+      `, className),
 	...props
 });
 AlertDialogFooter.displayName = "AlertDialogFooter";
@@ -71,7 +89,10 @@ 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),
+	className: cn(`
+        mt-2
+        sm:mt-0
+      `, className),
 	render: asChildRender(asChild, children),
 	...props,
 	children: asChild ? void 0 : children

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

@@ -1 +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"}
+{"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      `\n        fixed inset-0 z-50 bg-berget-dialog-overlay-bg transition-opacity\n        duration-200\n        data-ending-style:opacity-0\n        data-starting-style:opacity-0\n      `,\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        `\n          fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg\n          translate-x-[-50%] translate-y-[-50%] gap-4 rounded-berget-sm border\n          border-berget-dialog-border bg-berget-dialog-bg p-6 shadow-berget-lg\n          transition-[opacity,transform] duration-200\n          data-ending-style:scale-95 data-ending-style:opacity-0\n          data-starting-style:scale-95 data-starting-style:opacity-0\n        `,\n        className,\n      )}\n      {...props}\n    />\n  </AlertDialogPortal>\n));\nAlertDialogContent.displayName = 'AlertDialogContent';\n\nconst AlertDialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      `\n        flex flex-col gap-1.5 text-center\n        sm:text-left\n      `,\n      className,\n    )}\n    {...props}\n  />\n);\nAlertDialogHeader.displayName = 'AlertDialogHeader';\n\nconst AlertDialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      `\n        flex flex-col-reverse gap-2\n        sm:flex-row sm:justify-end\n      `,\n      className,\n    )}\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(\n      `\n        mt-2\n        sm:mt-0\n      `,\n      className,\n    )}\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;;;;;SAMA,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;;;;;;;WAQA,SACF;CACA,GAAI;AACL,CAAA,CACgB,EAAA,CAAA,CACpB;AACD,mBAAmB,cAAc;AAEjC,MAAM,qBAAqB,EAAE,WAAW,GAAG,YACzC,oBAAC,OAAD;CACE,WAAW,GACT;;;SAIA,SACF;CACA,GAAI;AACL,CAAA;AAEH,kBAAkB,cAAc;AAEhC,MAAM,qBAAqB,EAAE,WAAW,GAAG,YACzC,oBAAC,OAAD;CACE,WAAW,GACT;;;SAIA,SACF;CACA,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,GACT;;;SAIA,SACF;CACA,QAAQ,cAAc,SAAS,QAAQ;CACvC,GAAI;CAEH,UAAA,UAAU,KAAA,IAAY;AACG,CAAA,CAC7B;AACD,kBAAkB,cAAc"}

package/dist/components/badge/Badge.cjs

@@ -5,7 +5,12 @@ let react = require("react");
 react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/badge/Badge.tsx
-const badgeVariants = (0, require("class-variance-authority").cva)("inline-flex flex-shrink-0 items-center whitespace-nowrap rounded-[4px] py-[0.15rem] px-2 text-[0.65rem] font-semibold uppercase tracking-[0.05em] transition-colors focus:outline-none focus:ring-1 focus:ring-ring focus:ring-offset-2", {
+const badgeVariants = (0, require("class-variance-authority").cva)(`
+    inline-flex shrink-0 items-center rounded-[4px] px-2 py-[0.15rem]
+    text-[0.65rem] font-semibold tracking-[0.05em] whitespace-nowrap uppercase
+    transition-colors
+    focus:ring-1 focus:ring-ring focus:ring-offset-2 focus:outline-none
+  `, {
 	variants: {
 		variant: {
 			default: "",
@@ -19,8 +24,12 @@ const badgeVariants = (0, require("class-variance-authority").cva)("inline-flex
 			success: "bg-berget-badge-success-bg text-berget-badge-success-fg",
 			warning: "bg-berget-badge-warning-bg text-berget-badge-warning-fg",
 			error: "bg-berget-badge-error-bg text-berget-badge-error-fg",
-			tagDefault: "bg-berget-badge-tag-default-bg text-berget-badge-tag-default-fg",
-			tagActive: "bg-berget-badge-tag-active-bg text-berget-badge-tag-active-fg",
+			tagDefault: `
+          bg-berget-badge-tag-default-bg text-berget-badge-tag-default-fg
+        `,
+			tagActive: `
+          bg-berget-badge-tag-active-bg text-berget-badge-tag-active-fg
+        `,
 			tagGhost: "bg-berget-badge-tag-ghost-bg text-berget-badge-tag-ghost-fg"
 		},
 		size: {

package/dist/components/badge/Badge.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.cjs","names":["cva","React","cn"],"sources":["../../../src/components/badge/Badge.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../lib/utils';\n\nconst badgeVariants = cva(\n  // Tinted status style: small uppercase label on a 15% brand tint.\n  // `variant`/`size` are kept for API compatibility but no longer change\n  // the appearance; `status` alone picks the tint.\n  'inline-flex flex-shrink-0 items-center whitespace-nowrap rounded-[4px] py-[0.15rem] px-2 text-[0.65rem] font-semibold uppercase tracking-[0.05em] transition-colors focus:outline-none focus:ring-1 focus:ring-ring focus:ring-offset-2',\n  {\n    variants: {\n      variant: {\n        default: '',\n        tag: '',\n        semantic: '',\n      },\n      status: {\n        default: 'bg-berget-badge-default-bg text-berget-badge-default-fg',\n        active: 'bg-berget-badge-active-bg text-berget-badge-active-fg',\n        info: 'bg-berget-badge-info-bg text-berget-badge-info-fg',\n        success: 'bg-berget-badge-success-bg text-berget-badge-success-fg',\n        warning: 'bg-berget-badge-warning-bg text-berget-badge-warning-fg',\n        error: 'bg-berget-badge-error-bg text-berget-badge-error-fg',\n        tagDefault: 'bg-berget-badge-tag-default-bg text-berget-badge-tag-default-fg',\n        tagActive: 'bg-berget-badge-tag-active-bg text-berget-badge-tag-active-fg',\n        tagGhost: 'bg-berget-badge-tag-ghost-bg text-berget-badge-tag-ghost-fg',\n      },\n      size: {\n        sm: '',\n        md: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      status: 'default',\n      size: 'md',\n    },\n  },\n);\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {\n  icon?: React.ReactNode;\n  iconGap?: number;\n}\n\nconst Badge = React.forwardRef<HTMLDivElement, BadgeProps>(\n  ({ className, variant, status, size, icon, iconGap = 2, children, ...props }, ref) => {\n    return (\n      <div className={cn(badgeVariants({ variant, status, size }), className)} ref={ref} {...props}>\n        {icon && <div style={{ marginRight: children ? `${iconGap * 0.25}rem` : '0' }}>{icon}</div>}\n        {children}\n      </div>\n    );\n  },\n);\nBadge.displayName = 'Badge';\n\nexport { Badge, badgeVariants };\n"],"mappings":";;;;;;;AAMA,MAAM,iBAAA,G,kCAAgBA,CAAAA,CAAAA,IAAAA,CAIpB,2OACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,KAAK;GACL,UAAU;EACZ;EACA,QAAQ;GACN,SAAS;GACT,QAAQ;GACR,MAAM;GACN,SAAS;GACT,SAAS;GACT,OAAO;GACP,YAAY;GACZ,WAAW;GACX,UAAU;EACZ;EACA,MAAM;GACJ,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,QAAQ;EACR,MAAM;CACR;AACF,CACF;AAQA,MAAM,QAAQC,MAAM,YACjB,EAAE,WAAW,SAAS,QAAQ,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,SAAS,QAAQ;CACpF,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAWC,cAAAA,GAAG,cAAc;GAAE;GAAS;GAAQ;EAAK,CAAC,GAAG,SAAS;EAAQ;EAAK,GAAI;EAAvF,UAAA,CACG,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,OAAO,EAAE,aAAa,WAAW,GAAG,UAAU,IAAK,OAAO,IAAI;GAAI,UAAA;EAAU,CAAA,GACzF,QACE;;AAET,CACF;AACA,MAAM,cAAc"}
+{"version":3,"file":"Badge.cjs","names":["cva","React","cn"],"sources":["../../../src/components/badge/Badge.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../lib/utils';\n\nconst badgeVariants = cva(\n  // Tinted status style: small uppercase label on a 15% brand tint.\n  // `variant`/`size` are kept for API compatibility but no longer change\n  // the appearance; `status` alone picks the tint.\n  `\n    inline-flex shrink-0 items-center rounded-[4px] px-2 py-[0.15rem]\n    text-[0.65rem] font-semibold tracking-[0.05em] whitespace-nowrap uppercase\n    transition-colors\n    focus:ring-1 focus:ring-ring focus:ring-offset-2 focus:outline-none\n  `,\n  {\n    variants: {\n      variant: {\n        default: '',\n        tag: '',\n        semantic: '',\n      },\n      status: {\n        default: 'bg-berget-badge-default-bg text-berget-badge-default-fg',\n        active: 'bg-berget-badge-active-bg text-berget-badge-active-fg',\n        info: 'bg-berget-badge-info-bg text-berget-badge-info-fg',\n        success: 'bg-berget-badge-success-bg text-berget-badge-success-fg',\n        warning: 'bg-berget-badge-warning-bg text-berget-badge-warning-fg',\n        error: 'bg-berget-badge-error-bg text-berget-badge-error-fg',\n        tagDefault: `\n          bg-berget-badge-tag-default-bg text-berget-badge-tag-default-fg\n        `,\n        tagActive: `\n          bg-berget-badge-tag-active-bg text-berget-badge-tag-active-fg\n        `,\n        tagGhost: 'bg-berget-badge-tag-ghost-bg text-berget-badge-tag-ghost-fg',\n      },\n      size: {\n        sm: '',\n        md: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      status: 'default',\n      size: 'md',\n    },\n  },\n);\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {\n  icon?: React.ReactNode;\n  iconGap?: number;\n}\n\nconst Badge = React.forwardRef<HTMLDivElement, BadgeProps>(\n  ({ className, variant, status, size, icon, iconGap = 2, children, ...props }, ref) => {\n    return (\n      <div className={cn(badgeVariants({ variant, status, size }), className)} ref={ref} {...props}>\n        {icon && <div style={{ marginRight: children ? `${iconGap * 0.25}rem` : '0' }}>{icon}</div>}\n        {children}\n      </div>\n    );\n  },\n);\nBadge.displayName = 'Badge';\n\nexport { Badge, badgeVariants };\n"],"mappings":";;;;;;;AAMA,MAAM,iBAAA,G,kCAAgBA,CAAAA,CAAAA,IAAAA,CAIpB;;;;;KAMA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,KAAK;GACL,UAAU;EACZ;EACA,QAAQ;GACN,SAAS;GACT,QAAQ;GACR,MAAM;GACN,SAAS;GACT,SAAS;GACT,OAAO;GACP,YAAY;;;GAGZ,WAAW;;;GAGX,UAAU;EACZ;EACA,MAAM;GACJ,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,QAAQ;EACR,MAAM;CACR;AACF,CACF;AAQA,MAAM,QAAQC,MAAM,YACjB,EAAE,WAAW,SAAS,QAAQ,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,SAAS,QAAQ;CACpF,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAWC,cAAAA,GAAG,cAAc;GAAE;GAAS;GAAQ;EAAK,CAAC,GAAG,SAAS;EAAQ;EAAK,GAAI;EAAvF,UAAA,CACG,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,OAAO,EAAE,aAAa,WAAW,GAAG,UAAU,IAAK,OAAO,IAAI;GAAI,UAAA;EAAU,CAAA,GACzF,QACE;;AAET,CACF;AACA,MAAM,cAAc"}

package/dist/components/badge/Badge.d.cts

@@ -3,7 +3,7 @@ import { VariantProps } from "class-variance-authority";
 //#region src/components/badge/Badge.d.ts
 declare const badgeVariants: (props?: ({
   variant?: "default" | "tag" | "semantic" | null | undefined;
-  status?: "error" | "default" | "info" | "active" | "success" | "warning" | "tagDefault" | "tagActive" | "tagGhost" | null | undefined;
+  status?: "error" | "info" | "default" | "active" | "success" | "warning" | "tagDefault" | "tagActive" | "tagGhost" | null | undefined;
   size?: "sm" | "md" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {

package/dist/components/badge/Badge.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.cts","names":[],"sources":["../../../src/components/badge/Badge.tsx"],"mappings":";;;cAMM,gBAAa;;;;6CAkClB;iBAEgB,mBACP,MAAM,eAAe,iBAAiB,oBAAoB;EAClE,OAAO,MAAM;EACb;;cAGI,OAAK,MAAA,0BAAA,aAAA,MAAA,cAAA"}
+{"version":3,"file":"Badge.d.cts","names":[],"sources":["../../../src/components/badge/Badge.tsx"],"mappings":";;;cAMM,gBAAa;;;;6CA2ClB;iBAEgB,mBACP,MAAM,eAAe,iBAAiB,oBAAoB;EAClE,OAAO,MAAM;EACb;;cAGI,OAAK,MAAA,0BAAA,aAAA,MAAA,cAAA"}

package/dist/components/badge/Badge.d.mts

@@ -3,7 +3,7 @@ import { VariantProps } from "class-variance-authority";
 //#region src/components/badge/Badge.d.ts
 declare const badgeVariants: (props?: ({
   variant?: "default" | "tag" | "semantic" | null | undefined;
-  status?: "error" | "default" | "info" | "active" | "success" | "warning" | "tagDefault" | "tagActive" | "tagGhost" | null | undefined;
+  status?: "error" | "info" | "default" | "active" | "success" | "warning" | "tagDefault" | "tagActive" | "tagGhost" | null | undefined;
   size?: "sm" | "md" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {

package/dist/components/badge/Badge.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.mts","names":[],"sources":["../../../src/components/badge/Badge.tsx"],"mappings":";;;cAMM,gBAAa;;;;6CAkClB;iBAEgB,mBACP,MAAM,eAAe,iBAAiB,oBAAoB;EAClE,OAAO,MAAM;EACb;;cAGI,OAAK,MAAA,0BAAA,aAAA,MAAA,cAAA"}
+{"version":3,"file":"Badge.d.mts","names":[],"sources":["../../../src/components/badge/Badge.tsx"],"mappings":";;;cAMM,gBAAa;;;;6CA2ClB;iBAEgB,mBACP,MAAM,eAAe,iBAAiB,oBAAoB;EAClE,OAAO,MAAM;EACb;;cAGI,OAAK,MAAA,0BAAA,aAAA,MAAA,cAAA"}

package/dist/components/badge/Badge.mjs

@@ -4,7 +4,12 @@ import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 //#region src/components/badge/Badge.tsx
-const badgeVariants = cva("inline-flex flex-shrink-0 items-center whitespace-nowrap rounded-[4px] py-[0.15rem] px-2 text-[0.65rem] font-semibold uppercase tracking-[0.05em] transition-colors focus:outline-none focus:ring-1 focus:ring-ring focus:ring-offset-2", {
+const badgeVariants = cva(`
+    inline-flex shrink-0 items-center rounded-[4px] px-2 py-[0.15rem]
+    text-[0.65rem] font-semibold tracking-[0.05em] whitespace-nowrap uppercase
+    transition-colors
+    focus:ring-1 focus:ring-ring focus:ring-offset-2 focus:outline-none
+  `, {
 	variants: {
 		variant: {
 			default: "",
@@ -18,8 +23,12 @@ const badgeVariants = cva("inline-flex flex-shrink-0 items-center whitespace-now
 			success: "bg-berget-badge-success-bg text-berget-badge-success-fg",
 			warning: "bg-berget-badge-warning-bg text-berget-badge-warning-fg",
 			error: "bg-berget-badge-error-bg text-berget-badge-error-fg",
-			tagDefault: "bg-berget-badge-tag-default-bg text-berget-badge-tag-default-fg",
-			tagActive: "bg-berget-badge-tag-active-bg text-berget-badge-tag-active-fg",
+			tagDefault: `
+          bg-berget-badge-tag-default-bg text-berget-badge-tag-default-fg
+        `,
+			tagActive: `
+          bg-berget-badge-tag-active-bg text-berget-badge-tag-active-fg
+        `,
 			tagGhost: "bg-berget-badge-tag-ghost-bg text-berget-badge-tag-ghost-fg"
 		},
 		size: {

package/dist/components/badge/Badge.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.mjs","names":[],"sources":["../../../src/components/badge/Badge.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../lib/utils';\n\nconst badgeVariants = cva(\n  // Tinted status style: small uppercase label on a 15% brand tint.\n  // `variant`/`size` are kept for API compatibility but no longer change\n  // the appearance; `status` alone picks the tint.\n  'inline-flex flex-shrink-0 items-center whitespace-nowrap rounded-[4px] py-[0.15rem] px-2 text-[0.65rem] font-semibold uppercase tracking-[0.05em] transition-colors focus:outline-none focus:ring-1 focus:ring-ring focus:ring-offset-2',\n  {\n    variants: {\n      variant: {\n        default: '',\n        tag: '',\n        semantic: '',\n      },\n      status: {\n        default: 'bg-berget-badge-default-bg text-berget-badge-default-fg',\n        active: 'bg-berget-badge-active-bg text-berget-badge-active-fg',\n        info: 'bg-berget-badge-info-bg text-berget-badge-info-fg',\n        success: 'bg-berget-badge-success-bg text-berget-badge-success-fg',\n        warning: 'bg-berget-badge-warning-bg text-berget-badge-warning-fg',\n        error: 'bg-berget-badge-error-bg text-berget-badge-error-fg',\n        tagDefault: 'bg-berget-badge-tag-default-bg text-berget-badge-tag-default-fg',\n        tagActive: 'bg-berget-badge-tag-active-bg text-berget-badge-tag-active-fg',\n        tagGhost: 'bg-berget-badge-tag-ghost-bg text-berget-badge-tag-ghost-fg',\n      },\n      size: {\n        sm: '',\n        md: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      status: 'default',\n      size: 'md',\n    },\n  },\n);\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {\n  icon?: React.ReactNode;\n  iconGap?: number;\n}\n\nconst Badge = React.forwardRef<HTMLDivElement, BadgeProps>(\n  ({ className, variant, status, size, icon, iconGap = 2, children, ...props }, ref) => {\n    return (\n      <div className={cn(badgeVariants({ variant, status, size }), className)} ref={ref} {...props}>\n        {icon && <div style={{ marginRight: children ? `${iconGap * 0.25}rem` : '0' }}>{icon}</div>}\n        {children}\n      </div>\n    );\n  },\n);\nBadge.displayName = 'Badge';\n\nexport { Badge, badgeVariants };\n"],"mappings":";;;;;;AAMA,MAAM,gBAAgB,IAIpB,2OACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,KAAK;GACL,UAAU;EACZ;EACA,QAAQ;GACN,SAAS;GACT,QAAQ;GACR,MAAM;GACN,SAAS;GACT,SAAS;GACT,OAAO;GACP,YAAY;GACZ,WAAW;GACX,UAAU;EACZ;EACA,MAAM;GACJ,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,QAAQ;EACR,MAAM;CACR;AACF,CACF;AAQA,MAAM,QAAQ,MAAM,YACjB,EAAE,WAAW,SAAS,QAAQ,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,SAAS,QAAQ;CACpF,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,cAAc;GAAE;GAAS;GAAQ;EAAK,CAAC,GAAG,SAAS;EAAQ;EAAK,GAAI;EAAvF,UAAA,CACG,QAAQ,oBAAC,OAAD;GAAK,OAAO,EAAE,aAAa,WAAW,GAAG,UAAU,IAAK,OAAO,IAAI;GAAI,UAAA;EAAU,CAAA,GACzF,QACE;;AAET,CACF;AACA,MAAM,cAAc"}
+{"version":3,"file":"Badge.mjs","names":[],"sources":["../../../src/components/badge/Badge.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../lib/utils';\n\nconst badgeVariants = cva(\n  // Tinted status style: small uppercase label on a 15% brand tint.\n  // `variant`/`size` are kept for API compatibility but no longer change\n  // the appearance; `status` alone picks the tint.\n  `\n    inline-flex shrink-0 items-center rounded-[4px] px-2 py-[0.15rem]\n    text-[0.65rem] font-semibold tracking-[0.05em] whitespace-nowrap uppercase\n    transition-colors\n    focus:ring-1 focus:ring-ring focus:ring-offset-2 focus:outline-none\n  `,\n  {\n    variants: {\n      variant: {\n        default: '',\n        tag: '',\n        semantic: '',\n      },\n      status: {\n        default: 'bg-berget-badge-default-bg text-berget-badge-default-fg',\n        active: 'bg-berget-badge-active-bg text-berget-badge-active-fg',\n        info: 'bg-berget-badge-info-bg text-berget-badge-info-fg',\n        success: 'bg-berget-badge-success-bg text-berget-badge-success-fg',\n        warning: 'bg-berget-badge-warning-bg text-berget-badge-warning-fg',\n        error: 'bg-berget-badge-error-bg text-berget-badge-error-fg',\n        tagDefault: `\n          bg-berget-badge-tag-default-bg text-berget-badge-tag-default-fg\n        `,\n        tagActive: `\n          bg-berget-badge-tag-active-bg text-berget-badge-tag-active-fg\n        `,\n        tagGhost: 'bg-berget-badge-tag-ghost-bg text-berget-badge-tag-ghost-fg',\n      },\n      size: {\n        sm: '',\n        md: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      status: 'default',\n      size: 'md',\n    },\n  },\n);\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {\n  icon?: React.ReactNode;\n  iconGap?: number;\n}\n\nconst Badge = React.forwardRef<HTMLDivElement, BadgeProps>(\n  ({ className, variant, status, size, icon, iconGap = 2, children, ...props }, ref) => {\n    return (\n      <div className={cn(badgeVariants({ variant, status, size }), className)} ref={ref} {...props}>\n        {icon && <div style={{ marginRight: children ? `${iconGap * 0.25}rem` : '0' }}>{icon}</div>}\n        {children}\n      </div>\n    );\n  },\n);\nBadge.displayName = 'Badge';\n\nexport { Badge, badgeVariants };\n"],"mappings":";;;;;;AAMA,MAAM,gBAAgB,IAIpB;;;;;KAMA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,KAAK;GACL,UAAU;EACZ;EACA,QAAQ;GACN,SAAS;GACT,QAAQ;GACR,MAAM;GACN,SAAS;GACT,SAAS;GACT,OAAO;GACP,YAAY;;;GAGZ,WAAW;;;GAGX,UAAU;EACZ;EACA,MAAM;GACJ,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,QAAQ;EACR,MAAM;CACR;AACF,CACF;AAQA,MAAM,QAAQ,MAAM,YACjB,EAAE,WAAW,SAAS,QAAQ,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,SAAS,QAAQ;CACpF,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,cAAc;GAAE;GAAS;GAAQ;EAAK,CAAC,GAAG,SAAS;EAAQ;EAAK,GAAI;EAAvF,UAAA,CACG,QAAQ,oBAAC,OAAD;GAAK,OAAO,EAAE,aAAa,WAAW,GAAG,UAAU,IAAK,OAAO,IAAI;GAAI,UAAA;EAAU,CAAA,GACzF,QACE;;AAET,CACF;AACA,MAAM,cAAc"}

package/dist/components/box/Box.cjs

@@ -54,7 +54,9 @@ const Box = react.forwardRef(({ className, direction, align, justify, wrap, gap,
 				align,
 				justify,
 				wrap
-			}), gap !== void 0 && `gap-${gap}`, className),
+			}), gap !== void 0 && `
+                gap-${gap}
+              `, className),
 			children: asChild ? void 0 : children
 		}, props)
 	});

package/dist/components/box/Box.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Box.cjs","names":["cva","React","useRender","mergeProps","cn"],"sources":["../../../src/components/box/Box.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { useRender } from '@base-ui/react/use-render';\nimport { cn } from '../../lib/utils';\n\nconst boxVariants = cva('flex', {\n  variants: {\n    direction: {\n      row: 'flex-row',\n      column: 'flex-col',\n      'row-reverse': 'flex-row-reverse',\n      'column-reverse': 'flex-col-reverse',\n    },\n    align: {\n      start: 'items-start',\n      center: 'items-center',\n      end: 'items-end',\n      stretch: 'items-stretch',\n      baseline: 'items-baseline',\n    },\n    justify: {\n      start: 'justify-start',\n      center: 'justify-center',\n      end: 'justify-end',\n      between: 'justify-between',\n      around: 'justify-around',\n      evenly: 'justify-evenly',\n    },\n    wrap: {\n      nowrap: 'flex-nowrap',\n      wrap: 'flex-wrap',\n      'wrap-reverse': 'flex-wrap-reverse',\n    },\n  },\n  defaultVariants: {\n    direction: 'column',\n    align: 'start',\n    justify: 'start',\n    wrap: 'nowrap',\n  },\n});\n\nexport type SpacingScale =\n  | 0\n  | 1\n  | 2\n  | 3\n  | 4\n  | 5\n  | 6\n  | 8\n  | 10\n  | 12\n  | 16\n  | 20\n  | 24\n  | 32\n  | 40\n  | 48\n  | 56\n  | 64\n  | 72\n  | 80\n  | 96;\n\nexport interface BoxProps\n  extends useRender.ComponentProps<'div'>, VariantProps<typeof boxVariants> {\n  children?: React.ReactNode;\n  gap?: SpacingScale;\n  /** Render as a different element/component. Replaces the Radix `asChild` prop. */\n  asChild?: boolean;\n}\n\nconst Box = React.forwardRef<HTMLElement, BoxProps>(\n  (\n    { className, direction, align, justify, wrap, gap, asChild = false, children, ...props },\n    ref,\n  ) => {\n    return useRender({\n      ref,\n      defaultTagName: 'div',\n      render: asChild ? (children as React.ReactElement) : undefined,\n      props: mergeProps<'div'>(\n        {\n          className: cn(\n            boxVariants({ direction, align, justify, wrap }),\n            gap !== undefined && `gap-${gap}`,\n            className,\n          ),\n          children: asChild ? undefined : children,\n        } as React.ComponentProps<'div'>,\n        props,\n      ),\n    });\n  },\n);\nBox.displayName = 'Box';\n\nexport { Box, boxVariants };\n"],"mappings":";;;;;;;;;AAQA,MAAM,eAAA,GAAcA,yBAAAA,IAAAA,CAAI,QAAQ;CAC9B,UAAU;EACR,WAAW;GACT,KAAK;GACL,QAAQ;GACR,eAAe;GACf,kBAAkB;EACpB;EACA,OAAO;GACL,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,UAAU;EACZ;EACA,SAAS;GACP,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;EACV;EACA,MAAM;GACJ,QAAQ;GACR,MAAM;GACN,gBAAgB;EAClB;CACF;CACA,iBAAiB;EACf,WAAW;EACX,OAAO;EACP,SAAS;EACT,MAAM;CACR;AACF,CAAC;AAiCD,MAAM,MAAMC,MAAM,YAEd,EAAE,WAAW,WAAW,OAAO,SAAS,MAAM,KAAK,UAAU,OAAO,UAAU,GAAG,SACjF,QACG;CACH,QAAA,GAAOC,0BAAAA,UAAAA,CAAU;EACf;EACA,gBAAgB;EAChB,QAAQ,UAAW,WAAkC,KAAA;EACrD,QAAA,GAAOC,2BAAAA,WAAAA,CACL;GACE,WAAWC,cAAAA,GACT,YAAY;IAAE;IAAW;IAAO;IAAS;GAAK,CAAC,GAC/C,QAAQ,KAAA,KAAa,OAAO,OAC5B,SACF;GACA,UAAU,UAAU,KAAA,IAAY;EAClC,GACA,KACF;CACF,CAAC;AACH,CACF;AACA,IAAI,cAAc"}
+{"version":3,"file":"Box.cjs","names":["cva","React","useRender","mergeProps","cn"],"sources":["../../../src/components/box/Box.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { useRender } from '@base-ui/react/use-render';\nimport { cn } from '../../lib/utils';\n\nconst boxVariants = cva('flex', {\n  variants: {\n    direction: {\n      row: 'flex-row',\n      column: 'flex-col',\n      'row-reverse': 'flex-row-reverse',\n      'column-reverse': 'flex-col-reverse',\n    },\n    align: {\n      start: 'items-start',\n      center: 'items-center',\n      end: 'items-end',\n      stretch: 'items-stretch',\n      baseline: 'items-baseline',\n    },\n    justify: {\n      start: 'justify-start',\n      center: 'justify-center',\n      end: 'justify-end',\n      between: 'justify-between',\n      around: 'justify-around',\n      evenly: 'justify-evenly',\n    },\n    wrap: {\n      nowrap: 'flex-nowrap',\n      wrap: 'flex-wrap',\n      'wrap-reverse': 'flex-wrap-reverse',\n    },\n  },\n  defaultVariants: {\n    direction: 'column',\n    align: 'start',\n    justify: 'start',\n    wrap: 'nowrap',\n  },\n});\n\nexport type SpacingScale =\n  | 0\n  | 1\n  | 2\n  | 3\n  | 4\n  | 5\n  | 6\n  | 8\n  | 10\n  | 12\n  | 16\n  | 20\n  | 24\n  | 32\n  | 40\n  | 48\n  | 56\n  | 64\n  | 72\n  | 80\n  | 96;\n\nexport interface BoxProps\n  extends useRender.ComponentProps<'div'>, VariantProps<typeof boxVariants> {\n  children?: React.ReactNode;\n  gap?: SpacingScale;\n  /** Render as a different element/component. Replaces the Radix `asChild` prop. */\n  asChild?: boolean;\n}\n\nconst Box = React.forwardRef<HTMLElement, BoxProps>(\n  (\n    { className, direction, align, justify, wrap, gap, asChild = false, children, ...props },\n    ref,\n  ) => {\n    return useRender({\n      ref,\n      defaultTagName: 'div',\n      render: asChild ? (children as React.ReactElement) : undefined,\n      props: mergeProps<'div'>(\n        {\n          className: cn(\n            boxVariants({ direction, align, justify, wrap }),\n            gap !== undefined &&\n              `\n                gap-${gap}\n              `,\n            className,\n          ),\n          children: asChild ? undefined : children,\n        } as React.ComponentProps<'div'>,\n        props,\n      ),\n    });\n  },\n);\nBox.displayName = 'Box';\n\nexport { Box, boxVariants };\n"],"mappings":";;;;;;;;;AAQA,MAAM,eAAA,GAAcA,yBAAAA,IAAAA,CAAI,QAAQ;CAC9B,UAAU;EACR,WAAW;GACT,KAAK;GACL,QAAQ;GACR,eAAe;GACf,kBAAkB;EACpB;EACA,OAAO;GACL,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,UAAU;EACZ;EACA,SAAS;GACP,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;EACV;EACA,MAAM;GACJ,QAAQ;GACR,MAAM;GACN,gBAAgB;EAClB;CACF;CACA,iBAAiB;EACf,WAAW;EACX,OAAO;EACP,SAAS;EACT,MAAM;CACR;AACF,CAAC;AAiCD,MAAM,MAAMC,MAAM,YAEd,EAAE,WAAW,WAAW,OAAO,SAAS,MAAM,KAAK,UAAU,OAAO,UAAU,GAAG,SACjF,QACG;CACH,QAAA,GAAOC,0BAAAA,UAAAA,CAAU;EACf;EACA,gBAAgB;EAChB,QAAQ,UAAW,WAAkC,KAAA;EACrD,QAAA,GAAOC,2BAAAA,WAAAA,CACL;GACE,WAAWC,cAAAA,GACT,YAAY;IAAE;IAAW;IAAO;IAAS;GAAK,CAAC,GAC/C,QAAQ,KAAA,KACN;sBACQ,IAAI;iBAEd,SACF;GACA,UAAU,UAAU,KAAA,IAAY;EAClC,GACA,KACF;CACF,CAAC;AACH,CACF;AACA,IAAI,cAAc"}

package/dist/components/box/Box.d.cts

@@ -4,8 +4,8 @@ import { useRender } from "@base-ui/react/use-render";
 //#region src/components/box/Box.d.ts
 declare const boxVariants: (props?: ({
   direction?: "row" | "column" | "row-reverse" | "column-reverse" | null | undefined;
-  align?: "end" | "center" | "start" | "stretch" | "baseline" | null | undefined;
-  justify?: "end" | "center" | "start" | "between" | "around" | "evenly" | null | undefined;
+  align?: "center" | "start" | "end" | "stretch" | "baseline" | null | undefined;
+  justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | null | undefined;
   wrap?: "wrap" | "nowrap" | "wrap-reverse" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type SpacingScale = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | 96;

package/dist/components/box/Box.d.mts

@@ -4,8 +4,8 @@ import { useRender } from "@base-ui/react/use-render";
 //#region src/components/box/Box.d.ts
 declare const boxVariants: (props?: ({
   direction?: "row" | "column" | "row-reverse" | "column-reverse" | null | undefined;
-  align?: "end" | "center" | "start" | "stretch" | "baseline" | null | undefined;
-  justify?: "end" | "center" | "start" | "between" | "around" | "evenly" | null | undefined;
+  align?: "center" | "start" | "end" | "stretch" | "baseline" | null | undefined;
+  justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | null | undefined;
   wrap?: "wrap" | "nowrap" | "wrap-reverse" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type SpacingScale = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | 96;

package/dist/components/box/Box.mjs

@@ -52,7 +52,9 @@ const Box = React.forwardRef(({ className, direction, align, justify, wrap, gap,
 				align,
 				justify,
 				wrap
-			}), gap !== void 0 && `gap-${gap}`, className),
+			}), gap !== void 0 && `
+                gap-${gap}
+              `, className),
 			children: asChild ? void 0 : children
 		}, props)
 	});

package/dist/components/box/Box.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Box.mjs","names":[],"sources":["../../../src/components/box/Box.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { useRender } from '@base-ui/react/use-render';\nimport { cn } from '../../lib/utils';\n\nconst boxVariants = cva('flex', {\n  variants: {\n    direction: {\n      row: 'flex-row',\n      column: 'flex-col',\n      'row-reverse': 'flex-row-reverse',\n      'column-reverse': 'flex-col-reverse',\n    },\n    align: {\n      start: 'items-start',\n      center: 'items-center',\n      end: 'items-end',\n      stretch: 'items-stretch',\n      baseline: 'items-baseline',\n    },\n    justify: {\n      start: 'justify-start',\n      center: 'justify-center',\n      end: 'justify-end',\n      between: 'justify-between',\n      around: 'justify-around',\n      evenly: 'justify-evenly',\n    },\n    wrap: {\n      nowrap: 'flex-nowrap',\n      wrap: 'flex-wrap',\n      'wrap-reverse': 'flex-wrap-reverse',\n    },\n  },\n  defaultVariants: {\n    direction: 'column',\n    align: 'start',\n    justify: 'start',\n    wrap: 'nowrap',\n  },\n});\n\nexport type SpacingScale =\n  | 0\n  | 1\n  | 2\n  | 3\n  | 4\n  | 5\n  | 6\n  | 8\n  | 10\n  | 12\n  | 16\n  | 20\n  | 24\n  | 32\n  | 40\n  | 48\n  | 56\n  | 64\n  | 72\n  | 80\n  | 96;\n\nexport interface BoxProps\n  extends useRender.ComponentProps<'div'>, VariantProps<typeof boxVariants> {\n  children?: React.ReactNode;\n  gap?: SpacingScale;\n  /** Render as a different element/component. Replaces the Radix `asChild` prop. */\n  asChild?: boolean;\n}\n\nconst Box = React.forwardRef<HTMLElement, BoxProps>(\n  (\n    { className, direction, align, justify, wrap, gap, asChild = false, children, ...props },\n    ref,\n  ) => {\n    return useRender({\n      ref,\n      defaultTagName: 'div',\n      render: asChild ? (children as React.ReactElement) : undefined,\n      props: mergeProps<'div'>(\n        {\n          className: cn(\n            boxVariants({ direction, align, justify, wrap }),\n            gap !== undefined && `gap-${gap}`,\n            className,\n          ),\n          children: asChild ? undefined : children,\n        } as React.ComponentProps<'div'>,\n        props,\n      ),\n    });\n  },\n);\nBox.displayName = 'Box';\n\nexport { Box, boxVariants };\n"],"mappings":";;;;;;;AAQA,MAAM,cAAc,IAAI,QAAQ;CAC9B,UAAU;EACR,WAAW;GACT,KAAK;GACL,QAAQ;GACR,eAAe;GACf,kBAAkB;EACpB;EACA,OAAO;GACL,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,UAAU;EACZ;EACA,SAAS;GACP,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;EACV;EACA,MAAM;GACJ,QAAQ;GACR,MAAM;GACN,gBAAgB;EAClB;CACF;CACA,iBAAiB;EACf,WAAW;EACX,OAAO;EACP,SAAS;EACT,MAAM;CACR;AACF,CAAC;AAiCD,MAAM,MAAM,MAAM,YAEd,EAAE,WAAW,WAAW,OAAO,SAAS,MAAM,KAAK,UAAU,OAAO,UAAU,GAAG,SACjF,QACG;CACH,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,QAAQ,UAAW,WAAkC,KAAA;EACrD,OAAO,WACL;GACE,WAAW,GACT,YAAY;IAAE;IAAW;IAAO;IAAS;GAAK,CAAC,GAC/C,QAAQ,KAAA,KAAa,OAAO,OAC5B,SACF;GACA,UAAU,UAAU,KAAA,IAAY;EAClC,GACA,KACF;CACF,CAAC;AACH,CACF;AACA,IAAI,cAAc"}
+{"version":3,"file":"Box.mjs","names":[],"sources":["../../../src/components/box/Box.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { useRender } from '@base-ui/react/use-render';\nimport { cn } from '../../lib/utils';\n\nconst boxVariants = cva('flex', {\n  variants: {\n    direction: {\n      row: 'flex-row',\n      column: 'flex-col',\n      'row-reverse': 'flex-row-reverse',\n      'column-reverse': 'flex-col-reverse',\n    },\n    align: {\n      start: 'items-start',\n      center: 'items-center',\n      end: 'items-end',\n      stretch: 'items-stretch',\n      baseline: 'items-baseline',\n    },\n    justify: {\n      start: 'justify-start',\n      center: 'justify-center',\n      end: 'justify-end',\n      between: 'justify-between',\n      around: 'justify-around',\n      evenly: 'justify-evenly',\n    },\n    wrap: {\n      nowrap: 'flex-nowrap',\n      wrap: 'flex-wrap',\n      'wrap-reverse': 'flex-wrap-reverse',\n    },\n  },\n  defaultVariants: {\n    direction: 'column',\n    align: 'start',\n    justify: 'start',\n    wrap: 'nowrap',\n  },\n});\n\nexport type SpacingScale =\n  | 0\n  | 1\n  | 2\n  | 3\n  | 4\n  | 5\n  | 6\n  | 8\n  | 10\n  | 12\n  | 16\n  | 20\n  | 24\n  | 32\n  | 40\n  | 48\n  | 56\n  | 64\n  | 72\n  | 80\n  | 96;\n\nexport interface BoxProps\n  extends useRender.ComponentProps<'div'>, VariantProps<typeof boxVariants> {\n  children?: React.ReactNode;\n  gap?: SpacingScale;\n  /** Render as a different element/component. Replaces the Radix `asChild` prop. */\n  asChild?: boolean;\n}\n\nconst Box = React.forwardRef<HTMLElement, BoxProps>(\n  (\n    { className, direction, align, justify, wrap, gap, asChild = false, children, ...props },\n    ref,\n  ) => {\n    return useRender({\n      ref,\n      defaultTagName: 'div',\n      render: asChild ? (children as React.ReactElement) : undefined,\n      props: mergeProps<'div'>(\n        {\n          className: cn(\n            boxVariants({ direction, align, justify, wrap }),\n            gap !== undefined &&\n              `\n                gap-${gap}\n              `,\n            className,\n          ),\n          children: asChild ? undefined : children,\n        } as React.ComponentProps<'div'>,\n        props,\n      ),\n    });\n  },\n);\nBox.displayName = 'Box';\n\nexport { Box, boxVariants };\n"],"mappings":";;;;;;;AAQA,MAAM,cAAc,IAAI,QAAQ;CAC9B,UAAU;EACR,WAAW;GACT,KAAK;GACL,QAAQ;GACR,eAAe;GACf,kBAAkB;EACpB;EACA,OAAO;GACL,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,UAAU;EACZ;EACA,SAAS;GACP,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;EACV;EACA,MAAM;GACJ,QAAQ;GACR,MAAM;GACN,gBAAgB;EAClB;CACF;CACA,iBAAiB;EACf,WAAW;EACX,OAAO;EACP,SAAS;EACT,MAAM;CACR;AACF,CAAC;AAiCD,MAAM,MAAM,MAAM,YAEd,EAAE,WAAW,WAAW,OAAO,SAAS,MAAM,KAAK,UAAU,OAAO,UAAU,GAAG,SACjF,QACG;CACH,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,QAAQ,UAAW,WAAkC,KAAA;EACrD,OAAO,WACL;GACE,WAAW,GACT,YAAY;IAAE;IAAW;IAAO;IAAS;GAAK,CAAC,GAC/C,QAAQ,KAAA,KACN;sBACQ,IAAI;iBAEd,SACF;GACA,UAAU,UAAU,KAAA,IAAY;EAClC,GACA,KACF;CACF,CAAC;AACH,CACF;AACA,IAAI,cAAc"}

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

@@ -0,0 +1,2 @@
+import { Bubble, BubbleContent, BubbleGroup, BubbleReactions } from "../../primitives/bubble.cjs";
+export { Bubble, BubbleContent, BubbleGroup, BubbleReactions };

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

@@ -0,0 +1,2 @@
+import { Bubble, BubbleContent, BubbleGroup, BubbleReactions } from "../../primitives/bubble.mjs";
+export { Bubble, BubbleContent, BubbleGroup, BubbleReactions };

package/dist/components/button/Button.cjs

@@ -24,7 +24,13 @@ let react_jsx_runtime = require("react/jsx-runtime");
 * `dark:` is intentionally absent — it tracks `prefers-color-scheme`, not the
 * Berget theme. Theme switching is driven entirely by the semantic tokens.
 */
-const interactionClasses = require_utils.cn("focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-berget-button-focus-ring focus-visible:ring-0", "disabled:pointer-events-none disabled:opacity-100 disabled:cursor-not-allowed", "active:not-aria-[haspopup]:translate-y-0");
+const interactionClasses = require_utils.cn(`
+    focus-visible:ring-0 focus-visible:outline-2 focus-visible:outline-offset-2
+    focus-visible:outline-berget-button-focus-ring focus-visible:outline-solid
+  `, `
+    disabled:pointer-events-none disabled:cursor-not-allowed
+    disabled:opacity-100
+  `, "active:not-aria-[haspopup]:translate-y-0");
 /** Disabled treatment shared by every variant. */
 const disabledClasses = "disabled:text-berget-button-disabled-fg disabled:shadow-none";
 /** Brand-specific classes applied *on top* of the upstream primitive. */
@@ -32,10 +38,33 @@ function brandVariantClasses(variant) {
 	switch (variant) {
 		case "primary": return require_utils.cn("bg-berget-button-primary-bg text-berget-button-primary-fg", "hover:bg-berget-button-primary-hover", "hover:text-berget-button-primary-fg", "active:bg-berget-button-primary-active", "focus-visible:border-transparent", disabledClasses, "disabled:bg-berget-button-primary-disabled-bg");
 		case "destructive": return require_utils.cn("bg-berget-button-destructive-bg text-berget-button-destructive-fg", "hover:bg-berget-button-destructive-hover", "hover:text-berget-button-destructive-hover-fg", "active:bg-berget-button-destructive-active", "focus-visible:border-transparent", disabledClasses, "disabled:bg-berget-button-destructive-disabled-bg");
-		case "outline": return require_utils.cn("bg-transparent border-berget-button-outline-border text-berget-button-outline-fg", "hover:bg-berget-button-outline-hover dark:hover:bg-berget-button-outline-hover", "active:bg-transparent dark:active:bg-transparent", "focus-visible:border-berget-button-outline-border", disabledClasses, "disabled:bg-transparent disabled:border-berget-button-disabled-border");
-		case "ghost": return require_utils.cn("bg-transparent text-berget-button-ghost-fg", "hover:bg-berget-button-ghost-hover hover:text-berget-button-ghost-fg", "dark:hover:bg-berget-button-ghost-hover", "active:bg-berget-button-ghost-active dark:active:bg-berget-button-ghost-active", "focus-visible:border-transparent", disabledClasses, "disabled:bg-transparent");
-		case "link": return require_utils.cn("h-auto bg-transparent p-0 text-berget-button-link-fg font-medium underline-offset-4 shadow-none", "hover:bg-transparent hover:text-berget-button-link-hover-fg", "active:text-berget-button-link-fg", "focus:bg-transparent", "focus-visible:border-transparent focus-visible:ring-0", "focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-berget-button-focus-ring focus-visible:rounded-berget-xs", "disabled:text-berget-button-disabled-fg disabled:no-underline", "disabled:opacity-100 disabled:cursor-not-allowed");
-		default: return require_utils.cn("bg-berget-button-default-bg border-berget-button-default-border text-berget-button-default-fg", "hover:bg-berget-button-default-hover", "active:bg-berget-button-default-active", "focus-visible:border-transparent", disabledClasses, "disabled:bg-berget-button-default-disabled-bg");
+		case "outline": return require_utils.cn(`
+          border-berget-button-outline-border bg-transparent
+          text-berget-button-outline-fg
+        `, `
+          hover:bg-berget-button-outline-hover
+          dark:hover:bg-berget-button-outline-hover
+        `, `
+          active:bg-transparent
+          dark:active:bg-transparent
+        `, "focus-visible:border-berget-button-outline-border", disabledClasses, "disabled:border-berget-button-disabled-border disabled:bg-transparent");
+		case "ghost": return require_utils.cn("bg-transparent text-berget-button-ghost-fg", "hover:bg-berget-button-ghost-hover hover:text-berget-button-ghost-fg", "dark:hover:bg-berget-button-ghost-hover", `
+          active:bg-berget-button-ghost-active
+          dark:active:bg-berget-button-ghost-active
+        `, "focus-visible:border-transparent", disabledClasses, "disabled:bg-transparent");
+		case "link": return require_utils.cn(`
+          h-auto bg-transparent p-0 font-medium text-berget-button-link-fg
+          underline-offset-4 shadow-none
+        `, "hover:bg-transparent hover:text-berget-button-link-hover-fg", "active:text-berget-button-link-fg", "focus:bg-transparent", "focus-visible:border-transparent focus-visible:ring-0", `
+          focus-visible:rounded-berget-xs focus-visible:outline-2
+          focus-visible:outline-offset-2
+          focus-visible:outline-berget-button-focus-ring
+          focus-visible:outline-solid
+        `, "disabled:text-berget-button-disabled-fg disabled:no-underline", "disabled:cursor-not-allowed disabled:opacity-100");
+		default: return require_utils.cn(`
+          border-berget-button-default-border bg-berget-button-default-bg
+          text-berget-button-default-fg
+        `, "hover:bg-berget-button-default-hover", "active:bg-berget-button-default-active", "focus-visible:border-transparent", disabledClasses, "disabled:bg-berget-button-default-disabled-bg");
 	}
 }
 /** Map custom variants to the closest upstream primitive variant. */
@@ -54,7 +83,12 @@ function Button({ className, variant = "default", size, asChild = false, width =
 	const baseClass = require_utils.cn(!isLink && require_button.buttonVariants({
 		variant: primitiveVariant(variant),
 		size
-	}), !isLink && (width === "full" ? "rounded-berget-xs" : "rounded-full"), !isLink && !isIcon && "py-[0.57em] px-[1.14em] h-auto", !isLink && !isIcon && (size === "lg" ? "text-lg" : size === "sm" ? "text-sm" : size === "xs" ? "" : "text-base"), !isLink && "font-normal", brandVariantClasses(variant), interactionClasses, !isLink && width === "full" && "w-full", isIcon && "rounded-full shadow-[0px_1px_3px_rgba(0,0,0,0.1),0px_1px_2px_-1px_rgba(0,0,0,0.1)]", className);
+	}), !isLink && (width === "full" ? "rounded-berget-xs" : "rounded-full"), !isLink && !isIcon && "h-auto px-[1.14em] py-[0.57em]", !isLink && !isIcon && (size === "lg" ? "text-lg" : size === "sm" ? "text-sm" : size === "xs" ? "" : `
+        text-base
+      `), !isLink && "font-normal", brandVariantClasses(variant), interactionClasses, !isLink && width === "full" && "w-full", isIcon && `
+        rounded-full
+        shadow-[0px_1px_3px_rgba(0,0,0,0.1),0px_1px_2px_-1px_rgba(0,0,0,0.1)]
+      `, className);
 	const content = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 		className: require_utils.cn("inline-flex items-center", !isIcon && "gap-2"),
 		children