@bergetai/ui 0.16.0 → 0.16.2

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":";;;;;;;;;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"}
+{"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":";;;;;;;;;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;;;;;SAMA,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;;;;;;;WAQA,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;CACE,WAAWA,cAAAA,GACT;;;SAIA,SACF;CACA,GAAI;AACL,CAAA;AAEH,kBAAkB,cAAc;AAEhC,MAAM,qBAAqB,EAAE,WAAW,GAAG,YACzC,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;CACE,WAAWA,cAAAA,GACT;;;SAIA,SACF;CACA,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,GACT;;;SAIA,SACF;CACA,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.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.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.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.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/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

package/dist/components/button/Button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.cjs","names":["cn","buttonVariants","ButtonPrimitive","asChildRender"],"sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { cn, asChildRender } from '../../lib/utils';\nimport { Button as ButtonPrimitive, buttonVariants } from '../../primitives/button';\nimport type { VariantProps } from 'class-variance-authority';\n\n/** Variants exposed by the Berget wrapper. */\ntype CustomVariant = 'default' | 'primary' | 'destructive' | 'outline' | 'ghost' | 'link';\n\n/** Props for the Berget Button wrapper. */\nexport interface ButtonProps extends Omit<\n  React.ComponentProps<typeof ButtonPrimitive>,\n  'variant' | 'ref'\n> {\n  /** Visual style variant. `primary` is Berget-specific. */\n  variant?: CustomVariant;\n  /** Full width or auto width. */\n  width?: 'default' | 'full';\n  /** Render as a different element/component. Replaces the Radix `asChild` prop. */\n  asChild?: boolean;\n  ref?: React.Ref<HTMLButtonElement>;\n}\n\n/**\n * Shared interaction chrome for every variant.\n *\n * The primitive already provides hover/focus/disabled plumbing via shadcn\n * tokens (`--primary`, `--muted`, `--ring`, …), which the shadcn bridge in\n * `styles/index.css` maps to brand values. These classes neutralise the bits\n * that don't fit the Berget system and apply the component-scoped\n * `--berget-button-*` state tokens:\n *\n * - Focus: always visible on keyboard focus (`focus-visible`), drawn as a\n *   real CSS **outline** (2px, offset 2px) in `--berget-button-focus-ring`\n *   (moss-300 dark / moss-600 light, ≥3:1 against the surface per\n *   WCAG 2.4.7) — not a ring/box-shadow hugging the edge, and the control's\n *   own border keeps its resting colour.\n * - Disabled: replaces the primitive's flat `opacity-50` fade with explicit\n *   muted tokens so every variant stays legible (≥3:1, and disabled UI is\n *   exempt from AA text contrast per WCAG 1.4.3).\n *\n * `dark:` is intentionally absent — it tracks `prefers-color-scheme`, not the\n * Berget theme. Theme switching is driven entirely by the semantic tokens.\n */\nconst interactionClasses = cn(\n  // Outline-based focus indicator; neutralise the primitive's ring (the\n  // ring colour class is left — harmless at width 0).\n  'focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-berget-button-focus-ring focus-visible:ring-0',\n  // Neutralise the primitive's disabled fade; variants apply their own tokens.\n  'disabled:pointer-events-none disabled:opacity-100 disabled:cursor-not-allowed',\n  // No press movement: same compound selector as the primitive base's 1px\n  // active translate so tailwind-merge strips it down to 0.\n  'active:not-aria-[haspopup]:translate-y-0',\n);\n\n/** Disabled treatment shared by every variant. */\nconst disabledClasses = 'disabled:text-berget-button-disabled-fg disabled:shadow-none';\n\n/** Brand-specific classes applied *on top* of the upstream primitive. */\nfunction brandVariantClasses(variant?: CustomVariant): string {\n  switch (variant) {\n    case 'primary':\n      return cn(\n        // Flat tinted-glass fill; the alpha carries the state, so no shadow lift.\n        'bg-berget-button-primary-bg text-berget-button-primary-fg',\n        'hover:bg-berget-button-primary-hover',\n        // Pin the foreground on hover — the underlying primitive ghost adds\n        // hover:text-foreground, which would override the primary fg token.\n        'hover:text-berget-button-primary-fg',\n        'active:bg-berget-button-primary-active',\n        // Keep the resting (transparent) border on focus — the outline is the indicator.\n        'focus-visible:border-transparent',\n        disabledClasses,\n        'disabled:bg-berget-button-primary-disabled-bg',\n      );\n    case 'destructive':\n      return cn(\n        'bg-berget-button-destructive-bg text-berget-button-destructive-fg',\n        'hover:bg-berget-button-destructive-hover',\n        // Pin the foreground on hover — the underlying primitive ghost adds\n        // hover:text-foreground, which would override the destructive fg token.\n        'hover:text-berget-button-destructive-hover-fg',\n        'active:bg-berget-button-destructive-active',\n        'focus-visible:border-transparent',\n        disabledClasses,\n        'disabled:bg-berget-button-destructive-disabled-bg',\n      );\n    case 'outline':\n      return cn(\n        // Transparent fill with a theme-foreground-derived border (25% of the\n        // foreground). The state treatment is static: hover, press and\n        // keyboard focus render identically to rest — only the shared focus\n        // outline and the disabled treatment deviate.\n        'bg-transparent border-berget-button-outline-border text-berget-button-outline-fg',\n        // Hover: slight brightening (hover bg token); the border and\n        // foreground stay at rest. The dark:hover twin also neutralises\n        // the primitive ghost's dark:hover:bg-muted/50. Pressed drops the\n        // fill back to transparent (a pressed element is still hovered, so\n        // an explicit active override is needed in both colour schemes).\n        'hover:bg-berget-button-outline-hover dark:hover:bg-berget-button-outline-hover',\n        'active:bg-transparent dark:active:bg-transparent',\n        // Keep the resting border on focus — the shared outline is the indicator.\n        'focus-visible:border-berget-button-outline-border',\n        disabledClasses,\n        'disabled:bg-transparent disabled:border-berget-button-disabled-border',\n      );\n    case 'ghost':\n      // Transparent fill with foreground text; hover and press add subtle\n      // theme-foreground-derived fills (10% / 5%). No border of its own —\n      // the primitive's resting transparent border persists. The primitive\n      // ghost variant's aria-expanded state (bg-muted + foreground text)\n      // passes through for dropdown-trigger use.\n      return cn(\n        'bg-transparent text-berget-button-ghost-fg',\n        // Pin the foreground on hover — the underlying primitive ghost adds\n        // hover:text-foreground, which is the same value here but pinned\n        // explicitly for parity with the other fg-token variants.\n        'hover:bg-berget-button-ghost-hover hover:text-berget-button-ghost-fg',\n        // The dark:hover twin neutralises the primitive ghost's\n        // dark:hover:bg-muted/50 so only the token fill applies.\n        'dark:hover:bg-berget-button-ghost-hover',\n        'active:bg-berget-button-ghost-active dark:active:bg-berget-button-ghost-active',\n        'focus-visible:border-transparent',\n        disabledClasses,\n        'disabled:bg-transparent',\n      );\n    case 'link':\n      // Rendered without buttonVariants — needs its own sizing, focus ring and\n      // disabled treatment (the primitive's fade is not legible on text links).\n      return cn(\n        'h-auto bg-transparent p-0 text-berget-button-link-fg font-medium underline-offset-4 shadow-none',\n        'hover:bg-transparent hover:text-berget-button-link-hover-fg',\n        // On press, return to the resting foreground (hover fg otherwise sticks).\n        'active:text-berget-button-link-fg',\n        'focus:bg-transparent',\n        // Neutralise the primitive base's focus-visible:border-ring + ring-3,\n        // which land on link too (the primitive merges its cva base under\n        // every variant): the outline above is the only focus indicator.\n        'focus-visible:border-transparent focus-visible:ring-0',\n        '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',\n        'disabled:text-berget-button-disabled-fg disabled:no-underline',\n        'disabled:opacity-100 disabled:cursor-not-allowed',\n      );\n\n    case 'default':\n    default:\n      return cn(\n        // Solid granite-800 fill with a granite-700 border on dark surfaces\n        // (ink glass in light theme).\n        'bg-berget-button-default-bg border-berget-button-default-border text-berget-button-default-fg',\n        'hover:bg-berget-button-default-hover',\n        'active:bg-berget-button-default-active',\n        'focus-visible:border-transparent',\n        disabledClasses,\n        'disabled:bg-berget-button-default-disabled-bg',\n      );\n  }\n}\n\n/** Map custom variants to the closest upstream primitive variant. */\nfunction primitiveVariant(variant?: CustomVariant): VariantProps<typeof buttonVariants>['variant'] {\n  switch (variant) {\n    case 'primary':\n    case 'destructive':\n    case 'outline':\n    case 'ghost':\n      return 'ghost';\n    default:\n      return variant;\n  }\n}\n\nexport function Button({\n  className,\n  variant = 'default',\n  size,\n  asChild = false,\n  width = 'default',\n  type = 'button',\n  ref,\n  children,\n  ...props\n}: ButtonProps) {\n  const isIcon = typeof size === 'string' && size.startsWith('icon');\n  const isLink = variant === 'link';\n\n  const baseClass = cn(\n    !isLink && buttonVariants({ variant: primitiveVariant(variant), size }),\n    // Berget brand overrides — full-width buttons use the square radius;\n    // everything else stays pill-shaped.\n    !isLink && (width === 'full' ? 'rounded-berget-xs' : 'rounded-full'),\n    // Em-based padding, inline = 2× block — matches the 8px/16px spacing-scale\n    // values at the default text-sm (14px) and scales down/up with smaller or\n    // larger button text. h-auto drops the primitive's fixed h-* so the\n    // vertical paddings take effect.\n    !isLink && !isIcon && 'py-[0.57em] px-[1.14em] h-auto',\n    // Text ladder: size = typography scale; the em-based padding above\n    // follows automatically, so no per-size paddings are needed. Only\n    // default/lg/sm need overrides — xs keeps the primitive's text-xs.\n    !isLink &&\n      !isIcon &&\n      (size === 'lg' ? 'text-lg' : size === 'sm' ? 'text-sm' : size === 'xs' ? '' : 'text-base'),\n    // Normal weight for every non-link variant — tailwind-merge strips the\n    // primitive's font-medium (font-weight: var(--font-weight-medium)); the\n    // link variant keeps medium via its own classes above.\n    !isLink && 'font-normal',\n    brandVariantClasses(variant),\n    interactionClasses,\n    !isLink && width === 'full' && 'w-full',\n    isIcon && 'rounded-full shadow-[0px_1px_3px_rgba(0,0,0,0.1),0px_1px_2px_-1px_rgba(0,0,0,0.1)]',\n    className,\n  );\n\n  const content = (\n    <span className={cn('inline-flex items-center', !isIcon && 'gap-2')}>{children}</span>\n  );\n\n  return (\n    <ButtonPrimitive\n      className={baseClass}\n      ref={ref}\n      render={asChildRender(asChild, children)}\n      type={type}\n      {...props}\n    >\n      {asChild ? undefined : content}\n    </ButtonPrimitive>\n  );\n}\n\nexport { buttonVariants };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,MAAM,qBAAqBA,cAAAA,GAGzB,0JAEA,iFAGA,0CACF;;AAGA,MAAM,kBAAkB;;AAGxB,SAAS,oBAAoB,SAAiC;CAC5D,QAAQ,SAAR;EACE,KAAK,WACH,OAAOA,cAAAA,GAEL,6DACA,wCAGA,uCACA,0CAEA,oCACA,iBACA,+CACF;EACF,KAAK,eACH,OAAOA,cAAAA,GACL,qEACA,4CAGA,iDACA,8CACA,oCACA,iBACA,mDACF;EACF,KAAK,WACH,OAAOA,cAAAA,GAKL,oFAMA,kFACA,oDAEA,qDACA,iBACA,uEACF;EACF,KAAK,SAMH,OAAOA,cAAAA,GACL,8CAIA,wEAGA,2CACA,kFACA,oCACA,iBACA,yBACF;EACF,KAAK,QAGH,OAAOA,cAAAA,GACL,mGACA,+DAEA,qCACA,wBAIA,yDACA,qKACA,iEACA,kDACF;EAGF,SACE,OAAOA,cAAAA,GAGL,iGACA,wCACA,0CACA,oCACA,iBACA,+CACF;CACJ;AACF;;AAGA,SAAS,iBAAiB,SAAyE;CACjG,QAAQ,SAAR;EACE,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK,SACH,OAAO;EACT,SACE,OAAO;CACX;AACF;AAEA,SAAgB,OAAO,EACrB,WACA,UAAU,WACV,MACA,UAAU,OACV,QAAQ,WACR,OAAO,UACP,KACA,UACA,GAAG,SACW;CACd,MAAM,SAAS,OAAO,SAAS,YAAY,KAAK,WAAW,MAAM;CACjE,MAAM,SAAS,YAAY;CAE3B,MAAM,YAAYA,cAAAA,GAChB,CAAC,UAAUC,eAAAA,eAAe;EAAE,SAAS,iBAAiB,OAAO;EAAG;CAAK,CAAC,GAGtE,CAAC,WAAW,UAAU,SAAS,sBAAsB,iBAKrD,CAAC,UAAU,CAAC,UAAU,kCAItB,CAAC,UACC,CAAC,WACA,SAAS,OAAO,YAAY,SAAS,OAAO,YAAY,SAAS,OAAO,KAAK,cAIhF,CAAC,UAAU,eACX,oBAAoB,OAAO,GAC3B,oBACA,CAAC,UAAU,UAAU,UAAU,UAC/B,UAAU,sFACV,SACF;CAEA,MAAM,UACJ,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EAAM,WAAWD,cAAAA,GAAG,4BAA4B,CAAC,UAAU,OAAO;EAAI;CAAe,CAAA;CAGvF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACE,eAAAA,QAAD;EACE,WAAW;EACN;EACL,QAAQC,cAAAA,cAAc,SAAS,QAAQ;EACjC;EACN,GAAI;EAEH,UAAA,UAAU,KAAA,IAAY;CACR,CAAA;AAErB"}
+{"version":3,"file":"Button.cjs","names":["cn","buttonVariants","ButtonPrimitive","asChildRender"],"sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { cn, asChildRender } from '../../lib/utils';\nimport { Button as ButtonPrimitive, buttonVariants } from '../../primitives/button';\nimport type { VariantProps } from 'class-variance-authority';\n\n/** Variants exposed by the Berget wrapper. */\ntype CustomVariant = 'default' | 'primary' | 'destructive' | 'outline' | 'ghost' | 'link';\n\n/** Props for the Berget Button wrapper. */\nexport interface ButtonProps extends Omit<\n  React.ComponentProps<typeof ButtonPrimitive>,\n  'variant' | 'ref'\n> {\n  /** Visual style variant. `primary` is Berget-specific. */\n  variant?: CustomVariant;\n  /** Full width or auto width. */\n  width?: 'default' | 'full';\n  /** Render as a different element/component. Replaces the Radix `asChild` prop. */\n  asChild?: boolean;\n  ref?: React.Ref<HTMLButtonElement>;\n}\n\n/**\n * Shared interaction chrome for every variant.\n *\n * The primitive already provides hover/focus/disabled plumbing via shadcn\n * tokens (`--primary`, `--muted`, `--ring`, …), which the shadcn bridge in\n * `styles/index.css` maps to brand values. These classes neutralise the bits\n * that don't fit the Berget system and apply the component-scoped\n * `--berget-button-*` state tokens:\n *\n * - Focus: always visible on keyboard focus (`focus-visible`), drawn as a\n *   real CSS **outline** (2px, offset 2px) in `--berget-button-focus-ring`\n *   (moss-300 dark / moss-600 light, ≥3:1 against the surface per\n *   WCAG 2.4.7) — not a ring/box-shadow hugging the edge, and the control's\n *   own border keeps its resting colour.\n * - Disabled: replaces the primitive's flat `opacity-50` fade with explicit\n *   muted tokens so every variant stays legible (≥3:1, and disabled UI is\n *   exempt from AA text contrast per WCAG 1.4.3).\n *\n * `dark:` is intentionally absent — it tracks `prefers-color-scheme`, not the\n * Berget theme. Theme switching is driven entirely by the semantic tokens.\n */\nconst interactionClasses = cn(\n  // Outline-based focus indicator; neutralise the primitive's ring (the\n  // ring colour class is left — harmless at width 0).\n  `\n    focus-visible:ring-0 focus-visible:outline-2 focus-visible:outline-offset-2\n    focus-visible:outline-berget-button-focus-ring focus-visible:outline-solid\n  `,\n  // Neutralise the primitive's disabled fade; variants apply their own tokens.\n  `\n    disabled:pointer-events-none disabled:cursor-not-allowed\n    disabled:opacity-100\n  `,\n  // No press movement: same compound selector as the primitive base's 1px\n  // active translate so tailwind-merge strips it down to 0.\n  'active:not-aria-[haspopup]:translate-y-0',\n);\n\n/** Disabled treatment shared by every variant. */\nconst disabledClasses = 'disabled:text-berget-button-disabled-fg disabled:shadow-none';\n\n/** Brand-specific classes applied *on top* of the upstream primitive. */\nfunction brandVariantClasses(variant?: CustomVariant): string {\n  switch (variant) {\n    case 'primary':\n      return cn(\n        // Flat tinted-glass fill; the alpha carries the state, so no shadow lift.\n        'bg-berget-button-primary-bg text-berget-button-primary-fg',\n        'hover:bg-berget-button-primary-hover',\n        // Pin the foreground on hover — the underlying primitive ghost adds\n        // hover:text-foreground, which would override the primary fg token.\n        'hover:text-berget-button-primary-fg',\n        'active:bg-berget-button-primary-active',\n        // Keep the resting (transparent) border on focus — the outline is the indicator.\n        'focus-visible:border-transparent',\n        disabledClasses,\n        'disabled:bg-berget-button-primary-disabled-bg',\n      );\n    case 'destructive':\n      return cn(\n        'bg-berget-button-destructive-bg text-berget-button-destructive-fg',\n        'hover:bg-berget-button-destructive-hover',\n        // Pin the foreground on hover — the underlying primitive ghost adds\n        // hover:text-foreground, which would override the destructive fg token.\n        'hover:text-berget-button-destructive-hover-fg',\n        'active:bg-berget-button-destructive-active',\n        'focus-visible:border-transparent',\n        disabledClasses,\n        'disabled:bg-berget-button-destructive-disabled-bg',\n      );\n    case 'outline':\n      return cn(\n        // Transparent fill with a theme-foreground-derived border (25% of the\n        // foreground). The state treatment is static: hover, press and\n        // keyboard focus render identically to rest — only the shared focus\n        // outline and the disabled treatment deviate.\n        `\n          border-berget-button-outline-border bg-transparent\n          text-berget-button-outline-fg\n        `,\n        // Hover: slight brightening (hover bg token); the border and\n        // foreground stay at rest. The dark:hover twin also neutralises\n        // the primitive ghost's dark:hover:bg-muted/50. Pressed drops the\n        // fill back to transparent (a pressed element is still hovered, so\n        // an explicit active override is needed in both colour schemes).\n        `\n          hover:bg-berget-button-outline-hover\n          dark:hover:bg-berget-button-outline-hover\n        `,\n        `\n          active:bg-transparent\n          dark:active:bg-transparent\n        `,\n        // Keep the resting border on focus — the shared outline is the indicator.\n        'focus-visible:border-berget-button-outline-border',\n        disabledClasses,\n        'disabled:border-berget-button-disabled-border disabled:bg-transparent',\n      );\n    case 'ghost':\n      // Transparent fill with foreground text; hover and press add subtle\n      // theme-foreground-derived fills (10% / 5%). No border of its own —\n      // the primitive's resting transparent border persists. The primitive\n      // ghost variant's aria-expanded state (bg-muted + foreground text)\n      // passes through for dropdown-trigger use.\n      return cn(\n        'bg-transparent text-berget-button-ghost-fg',\n        // Pin the foreground on hover — the underlying primitive ghost adds\n        // hover:text-foreground, which is the same value here but pinned\n        // explicitly for parity with the other fg-token variants.\n        'hover:bg-berget-button-ghost-hover hover:text-berget-button-ghost-fg',\n        // The dark:hover twin neutralises the primitive ghost's\n        // dark:hover:bg-muted/50 so only the token fill applies.\n        'dark:hover:bg-berget-button-ghost-hover',\n        `\n          active:bg-berget-button-ghost-active\n          dark:active:bg-berget-button-ghost-active\n        `,\n        'focus-visible:border-transparent',\n        disabledClasses,\n        'disabled:bg-transparent',\n      );\n    case 'link':\n      // Rendered without buttonVariants — needs its own sizing, focus ring and\n      // disabled treatment (the primitive's fade is not legible on text links).\n      return cn(\n        `\n          h-auto bg-transparent p-0 font-medium text-berget-button-link-fg\n          underline-offset-4 shadow-none\n        `,\n        'hover:bg-transparent hover:text-berget-button-link-hover-fg',\n        // On press, return to the resting foreground (hover fg otherwise sticks).\n        'active:text-berget-button-link-fg',\n        'focus:bg-transparent',\n        // Neutralise the primitive base's focus-visible:border-ring + ring-3,\n        // which land on link too (the primitive merges its cva base under\n        // every variant): the outline above is the only focus indicator.\n        'focus-visible:border-transparent focus-visible:ring-0',\n        `\n          focus-visible:rounded-berget-xs focus-visible:outline-2\n          focus-visible:outline-offset-2\n          focus-visible:outline-berget-button-focus-ring\n          focus-visible:outline-solid\n        `,\n        'disabled:text-berget-button-disabled-fg disabled:no-underline',\n        'disabled:cursor-not-allowed disabled:opacity-100',\n      );\n\n    case 'default':\n    default:\n      return cn(\n        // Solid granite-800 fill with a granite-700 border on dark surfaces\n        // (ink glass in light theme).\n        `\n          border-berget-button-default-border bg-berget-button-default-bg\n          text-berget-button-default-fg\n        `,\n        'hover:bg-berget-button-default-hover',\n        'active:bg-berget-button-default-active',\n        'focus-visible:border-transparent',\n        disabledClasses,\n        'disabled:bg-berget-button-default-disabled-bg',\n      );\n  }\n}\n\n/** Map custom variants to the closest upstream primitive variant. */\nfunction primitiveVariant(variant?: CustomVariant): VariantProps<typeof buttonVariants>['variant'] {\n  switch (variant) {\n    case 'primary':\n    case 'destructive':\n    case 'outline':\n    case 'ghost':\n      return 'ghost';\n    default:\n      return variant;\n  }\n}\n\nexport function Button({\n  className,\n  variant = 'default',\n  size,\n  asChild = false,\n  width = 'default',\n  type = 'button',\n  ref,\n  children,\n  ...props\n}: ButtonProps) {\n  const isIcon = typeof size === 'string' && size.startsWith('icon');\n  const isLink = variant === 'link';\n\n  const baseClass = cn(\n    !isLink && buttonVariants({ variant: primitiveVariant(variant), size }),\n    // Berget brand overrides — full-width buttons use the square radius;\n    // everything else stays pill-shaped.\n    !isLink && (width === 'full' ? 'rounded-berget-xs' : 'rounded-full'),\n    // Em-based padding, inline = 2× block — matches the 8px/16px spacing-scale\n    // values at the default text-sm (14px) and scales down/up with smaller or\n    // larger button text. h-auto drops the primitive's fixed h-* so the\n    // vertical paddings take effect.\n    !isLink && !isIcon && 'h-auto px-[1.14em] py-[0.57em]',\n    // Text ladder: size = typography scale; the em-based padding above\n    // follows automatically, so no per-size paddings are needed. Only\n    // default/lg/sm need overrides — xs keeps the primitive's text-xs.\n    !isLink &&\n      !isIcon &&\n      (size === 'lg'\n        ? 'text-lg'\n        : size === 'sm'\n          ? 'text-sm'\n          : size === 'xs'\n            ? ''\n            : `\n        text-base\n      `),\n    // Normal weight for every non-link variant — tailwind-merge strips the\n    // primitive's font-medium (font-weight: var(--font-weight-medium)); the\n    // link variant keeps medium via its own classes above.\n    !isLink && 'font-normal',\n    brandVariantClasses(variant),\n    interactionClasses,\n    !isLink && width === 'full' && 'w-full',\n    isIcon &&\n      `\n        rounded-full\n        shadow-[0px_1px_3px_rgba(0,0,0,0.1),0px_1px_2px_-1px_rgba(0,0,0,0.1)]\n      `,\n    className,\n  );\n\n  const content = (\n    <span className={cn('inline-flex items-center', !isIcon && 'gap-2')}>{children}</span>\n  );\n\n  return (\n    <ButtonPrimitive\n      className={baseClass}\n      ref={ref}\n      render={asChildRender(asChild, children)}\n      type={type}\n      {...props}\n    >\n      {asChild ? undefined : content}\n    </ButtonPrimitive>\n  );\n}\n\nexport { buttonVariants };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,MAAM,qBAAqBA,cAAAA,GAGzB;;;KAKA;;;KAMA,0CACF;;AAGA,MAAM,kBAAkB;;AAGxB,SAAS,oBAAoB,SAAiC;CAC5D,QAAQ,SAAR;EACE,KAAK,WACH,OAAOA,cAAAA,GAEL,6DACA,wCAGA,uCACA,0CAEA,oCACA,iBACA,+CACF;EACF,KAAK,eACH,OAAOA,cAAAA,GACL,qEACA,4CAGA,iDACA,8CACA,oCACA,iBACA,mDACF;EACF,KAAK,WACH,OAAOA,cAAAA,GAKL;;;WASA;;;WAIA;;;WAKA,qDACA,iBACA,uEACF;EACF,KAAK,SAMH,OAAOA,cAAAA,GACL,8CAIA,wEAGA,2CACA;;;WAIA,oCACA,iBACA,yBACF;EACF,KAAK,QAGH,OAAOA,cAAAA,GACL;;;WAIA,+DAEA,qCACA,wBAIA,yDACA;;;;;WAMA,iEACA,kDACF;EAGF,SACE,OAAOA,cAAAA,GAGL;;;WAIA,wCACA,0CACA,oCACA,iBACA,+CACF;CACJ;AACF;;AAGA,SAAS,iBAAiB,SAAyE;CACjG,QAAQ,SAAR;EACE,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK,SACH,OAAO;EACT,SACE,OAAO;CACX;AACF;AAEA,SAAgB,OAAO,EACrB,WACA,UAAU,WACV,MACA,UAAU,OACV,QAAQ,WACR,OAAO,UACP,KACA,UACA,GAAG,SACW;CACd,MAAM,SAAS,OAAO,SAAS,YAAY,KAAK,WAAW,MAAM;CACjE,MAAM,SAAS,YAAY;CAE3B,MAAM,YAAYA,cAAAA,GAChB,CAAC,UAAUC,eAAAA,eAAe;EAAE,SAAS,iBAAiB,OAAO;EAAG;CAAK,CAAC,GAGtE,CAAC,WAAW,UAAU,SAAS,sBAAsB,iBAKrD,CAAC,UAAU,CAAC,UAAU,kCAItB,CAAC,UACC,CAAC,WACA,SAAS,OACN,YACA,SAAS,OACP,YACA,SAAS,OACP,KACA;;UAMV,CAAC,UAAU,eACX,oBAAoB,OAAO,GAC3B,oBACA,CAAC,UAAU,UAAU,UAAU,UAC/B,UACE;;;SAIF,SACF;CAEA,MAAM,UACJ,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EAAM,WAAWD,cAAAA,GAAG,4BAA4B,CAAC,UAAU,OAAO;EAAI;CAAe,CAAA;CAGvF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACE,eAAAA,QAAD;EACE,WAAW;EACN;EACL,QAAQC,cAAAA,cAAc,SAAS,QAAQ;EACjC;EACN,GAAI;EAEH,UAAA,UAAU,KAAA,IAAY;CACR,CAAA;AAErB"}

package/dist/components/button/Button.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.cts","names":["ButtonPrimitive"],"sources":["../../../src/components/button/Button.tsx"],"mappings":";;;;KAQK;;iBAGY,oBAAoB,KACnC,MAAM,sBAAsBA;;EAI5B,UAAU;;EAEV;;EAEA;EACA,MAAM,MAAM,IAAI;;wBAwJF,SACd,WACA,SACA,MACA,SACA,OACA,MACA,KACA,aACG,SACF,0CAAW,IAAA"}
+{"version":3,"file":"Button.d.cts","names":["ButtonPrimitive"],"sources":["../../../src/components/button/Button.tsx"],"mappings":";;;;KAQK;;iBAGY,oBAAoB,KACnC,MAAM,sBAAsBA;;EAI5B,UAAU;;EAEV;;EAEA;EACA,MAAM,MAAM,IAAI;;wBAqLF,SACd,WACA,SACA,MACA,SACA,OACA,MACA,KACA,aACG,SACF,0CAAW,IAAA"}

package/dist/components/button/Button.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.mts","names":["ButtonPrimitive"],"sources":["../../../src/components/button/Button.tsx"],"mappings":";;;;KAQK;;iBAGY,oBAAoB,KACnC,MAAM,sBAAsBA;;EAI5B,UAAU;;EAEV;;EAEA;EACA,MAAM,MAAM,IAAI;;wBAwJF,SACd,WACA,SACA,MACA,SACA,OACA,MACA,KACA,aACG,SACF,0CAAW,IAAA"}
+{"version":3,"file":"Button.d.mts","names":["ButtonPrimitive"],"sources":["../../../src/components/button/Button.tsx"],"mappings":";;;;KAQK;;iBAGY,oBAAoB,KACnC,MAAM,sBAAsBA;;EAI5B,UAAU;;EAEV;;EAEA;EACA,MAAM,MAAM,IAAI;;wBAqLF,SACd,WACA,SACA,MACA,SACA,OACA,MACA,KACA,aACG,SACF,0CAAW,IAAA"}