@bergetai/ui 0.15.0 → 0.16.1

package/dist/components/switch/Switch.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.cjs","names":["cva","React","SwitchPrimitives","cn","Typography"],"sources":["../../../src/components/switch/Switch.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Switch as SwitchPrimitives } from '@base-ui/react/switch';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../lib/utils';\nimport { Typography } from '../typography';\n\nconst switchRootVariants = cva(\n  'peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-berget-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default: 'data-unchecked:bg-berget-border data-checked:bg-berget-primary',\n        primary:\n          'data-unchecked:bg-berget-border-subtle data-checked:bg-berget-switch-primary-checked',\n        subtle:\n          'data-unchecked:bg-berget-border-subtle data-checked:bg-berget-switch-subtle-checked',\n      },\n      size: {\n        sm: 'h-5 w-9',\n        default: 'h-6 w-11',\n        lg: 'h-7 w-[52px]',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nconst switchThumbVariants = cva(\n  'pointer-events-none block rounded-full ring-0 transition-transform shadow-berget-sm bg-berget-foreground',\n  {\n    variants: {\n      size: {\n        sm: 'h-4 w-4 data-checked:translate-x-4 data-unchecked:translate-x-0',\n        default: 'h-5 w-5 data-checked:translate-x-5 data-unchecked:translate-x-0',\n        lg: 'h-6 w-6 data-checked:translate-x-6 data-unchecked:translate-x-0',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  },\n);\n\nexport interface SwitchProps\n  extends Omit<SwitchPrimitives.Root.Props, 'className'>, VariantProps<typeof switchRootVariants> {\n  label?: string;\n  description?: string;\n  error?: string;\n  className?: string;\n}\n\nconst Switch = React.forwardRef<HTMLElement, SwitchProps>(\n  (\n    {\n      'aria-label': ariaLabel,\n      className,\n      variant,\n      size,\n      label,\n      description,\n      error,\n      id,\n      disabled,\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = React.useId();\n    const switchId = id || generatedId;\n    const errorId = `${switchId}-error`;\n\n    return (\n      <div className=\"flex items-center gap-3\">\n        <SwitchPrimitives.Root\n          ref={ref}\n          id={switchId}\n          disabled={disabled}\n          aria-invalid={!!error}\n          aria-describedby={error ? errorId : undefined}\n          aria-label={ariaLabel || label || undefined}\n          className={cn(\n            switchRootVariants({ variant, size }),\n            disabled && 'cursor-not-allowed pointer-events-none',\n            className,\n          )}\n          {...props}\n        >\n          <SwitchPrimitives.Thumb className={cn(switchThumbVariants({ size }))} />\n        </SwitchPrimitives.Root>\n\n        {(label || description || error) && (\n          <div className=\"flex flex-col gap-1\">\n            {label && (\n              <label\n                htmlFor={switchId}\n                className={cn(\n                  'text-sm font-sans leading-none',\n                  disabled\n                    ? 'text-muted-foreground cursor-not-allowed'\n                    : error\n                      ? 'text-berget-destructive-foreground cursor-pointer'\n                      : 'text-foreground cursor-pointer',\n                )}\n              >\n                {label}\n              </label>\n            )}\n            {description && (\n              <Typography variant=\"xs\" color=\"muted\">\n                {description}\n              </Typography>\n            )}\n            {error && (\n              <Typography variant=\"xs\" id={errorId} className=\"text-berget-destructive-foreground\">\n                {error}\n              </Typography>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\nSwitch.displayName = 'Switch';\n\nexport { Switch, switchRootVariants, switchThumbVariants };\n"],"mappings":";;;;;;;;;;AAQA,MAAM,sBAAA,GAAqBA,yBAAAA,IAAAA,CACzB,oTACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SACE;GACF,QACE;EACJ;EACA,MAAM;GACJ,IAAI;GACJ,SAAS;GACT,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;AAEA,MAAM,uBAAA,GAAsBA,yBAAAA,IAAAA,CAC1B,4GACA;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,SAAS;EACT,IAAI;CACN,EACF;CACA,iBAAiB,EACf,MAAM,UACR;AACF,CACF;AAUA,MAAM,SAASC,MAAM,YAEjB,EACE,cAAc,WACd,WACA,SACA,MACA,OACA,aACA,OACA,IACA,UACA,GAAG,SAEL,QACG;CACH,MAAM,cAAcA,MAAM,MAAM;CAChC,MAAM,WAAW,MAAM;CACvB,MAAM,UAAU,GAAG,SAAS;CAE5B,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,OAAiB,MAAlB;GACO;GACL,IAAI;GACM;GACV,gBAAc,CAAC,CAAC;GAChB,oBAAkB,QAAQ,UAAU,KAAA;GACpC,cAAY,aAAa,SAAS,KAAA;GAClC,WAAWC,cAAAA,GACT,mBAAmB;IAAE;IAAS;GAAK,CAAC,GACpC,YAAY,0CACZ,SACF;GACA,GAAI;GAEJ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACD,sBAAAA,OAAiB,OAAlB,EAAwB,WAAWC,cAAAA,GAAG,oBAAoB,EAAE,KAAK,CAAC,CAAC,EAAI,CAAA;EAClD,CAAA,IAErB,SAAS,eAAe,UACxB,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACG,SACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;KACE,SAAS;KACT,WAAWA,cAAAA,GACT,kCACA,WACI,6CACA,QACE,sDACA,gCACR;KAEC,UAAA;IACI,CAAA;IAER,eACC,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,YAAD;KAAY,SAAQ;KAAK,OAAM;KAC5B,UAAA;IACS,CAAA;IAEb,SACC,iBAAA,GAAA,kBAAA,IAAA,CAACA,mBAAAA,YAAD;KAAY,SAAQ;KAAK,IAAI;KAAS,WAAU;KAC7C,UAAA;IACS,CAAA;GAEX;EAEJ,CAAA,CAAA;;AAET,CACF;AACA,OAAO,cAAc"}
+{"version":3,"file":"Switch.cjs","names":["cva","React","SwitchPrimitives","cn","Typography"],"sources":["../../../src/components/switch/Switch.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Switch as SwitchPrimitives } from '@base-ui/react/switch';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../lib/utils';\nimport { Typography } from '../typography';\n\nconst switchRootVariants = cva(\n  `\n    peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2\n    border-transparent transition-colors\n    focus-visible:ring-2 focus-visible:ring-berget-ring\n    focus-visible:ring-offset-2 focus-visible:ring-offset-background\n    focus-visible:outline-none\n    disabled:cursor-not-allowed disabled:opacity-50\n  `,\n  {\n    variants: {\n      variant: {\n        default: `\n          data-checked:bg-berget-primary\n          data-unchecked:bg-berget-border\n        `,\n        primary: `\n          data-checked:bg-berget-switch-primary-checked\n          data-unchecked:bg-berget-border-subtle\n        `,\n        subtle: `\n          data-checked:bg-berget-switch-subtle-checked\n          data-unchecked:bg-berget-border-subtle\n        `,\n      },\n      size: {\n        sm: 'h-5 w-9',\n        default: 'h-6 w-11',\n        lg: 'h-7 w-[52px]',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nconst switchThumbVariants = cva(\n  `\n    pointer-events-none block rounded-full bg-berget-foreground shadow-berget-sm\n    ring-0 transition-transform\n  `,\n  {\n    variants: {\n      size: {\n        sm: `\n          size-4\n          data-checked:translate-x-4\n          data-unchecked:translate-x-0\n        `,\n        default: `\n          size-5\n          data-checked:translate-x-5\n          data-unchecked:translate-x-0\n        `,\n        lg: `\n          size-6\n          data-checked:translate-x-6\n          data-unchecked:translate-x-0\n        `,\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  },\n);\n\nexport interface SwitchProps\n  extends Omit<SwitchPrimitives.Root.Props, 'className'>, VariantProps<typeof switchRootVariants> {\n  label?: string;\n  description?: string;\n  error?: string;\n  className?: string;\n}\n\nconst Switch = React.forwardRef<HTMLElement, SwitchProps>(\n  (\n    {\n      'aria-label': ariaLabel,\n      className,\n      variant,\n      size,\n      label,\n      description,\n      error,\n      id,\n      disabled,\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = React.useId();\n    const switchId = id || generatedId;\n    const errorId = `${switchId}-error`;\n\n    return (\n      <div className=\"flex items-center gap-3\">\n        <SwitchPrimitives.Root\n          ref={ref}\n          id={switchId}\n          disabled={disabled}\n          aria-invalid={!!error}\n          aria-describedby={error ? errorId : undefined}\n          aria-label={ariaLabel || label || undefined}\n          className={cn(\n            switchRootVariants({ variant, size }),\n            disabled && 'pointer-events-none cursor-not-allowed',\n            className,\n          )}\n          {...props}\n        >\n          <SwitchPrimitives.Thumb className={cn(switchThumbVariants({ size }))} />\n        </SwitchPrimitives.Root>\n\n        {(label || description || error) && (\n          <div className=\"flex flex-col gap-1\">\n            {label && (\n              <label\n                htmlFor={switchId}\n                className={cn(\n                  'font-sans text-sm leading-none',\n                  disabled\n                    ? 'cursor-not-allowed text-muted-foreground'\n                    : error\n                      ? 'cursor-pointer text-berget-destructive-foreground'\n                      : 'cursor-pointer text-foreground',\n                )}\n              >\n                {label}\n              </label>\n            )}\n            {description && (\n              <Typography variant=\"xs\" color=\"muted\">\n                {description}\n              </Typography>\n            )}\n            {error && (\n              <Typography\n                variant=\"xs\"\n                id={errorId}\n                className=\"\n                text-berget-destructive-foreground\n              \"\n              >\n                {error}\n              </Typography>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\nSwitch.displayName = 'Switch';\n\nexport { Switch, switchRootVariants, switchThumbVariants };\n"],"mappings":";;;;;;;;;;AAQA,MAAM,sBAAA,GAAqBA,yBAAAA,IAAAA,CACzB;;;;;;;KAQA;CACE,UAAU;EACR,SAAS;GACP,SAAS;;;;GAIT,SAAS;;;;GAIT,QAAQ;;;;EAIV;EACA,MAAM;GACJ,IAAI;GACJ,SAAS;GACT,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;AAEA,MAAM,uBAAA,GAAsBA,yBAAAA,IAAAA,CAC1B;;;KAIA;CACE,UAAU,EACR,MAAM;EACJ,IAAI;;;;;EAKJ,SAAS;;;;;EAKT,IAAI;;;;;CAKN,EACF;CACA,iBAAiB,EACf,MAAM,UACR;AACF,CACF;AAUA,MAAM,SAASC,MAAM,YAEjB,EACE,cAAc,WACd,WACA,SACA,MACA,OACA,aACA,OACA,IACA,UACA,GAAG,SAEL,QACG;CACH,MAAM,cAAcA,MAAM,MAAM;CAChC,MAAM,WAAW,MAAM;CACvB,MAAM,UAAU,GAAG,SAAS;CAE5B,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,OAAiB,MAAlB;GACO;GACL,IAAI;GACM;GACV,gBAAc,CAAC,CAAC;GAChB,oBAAkB,QAAQ,UAAU,KAAA;GACpC,cAAY,aAAa,SAAS,KAAA;GAClC,WAAWC,cAAAA,GACT,mBAAmB;IAAE;IAAS;GAAK,CAAC,GACpC,YAAY,0CACZ,SACF;GACA,GAAI;GAEJ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACD,sBAAAA,OAAiB,OAAlB,EAAwB,WAAWC,cAAAA,GAAG,oBAAoB,EAAE,KAAK,CAAC,CAAC,EAAI,CAAA;EAClD,CAAA,IAErB,SAAS,eAAe,UACxB,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACG,SACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;KACE,SAAS;KACT,WAAWA,cAAAA,GACT,kCACA,WACI,6CACA,QACE,sDACA,gCACR;KAEC,UAAA;IACI,CAAA;IAER,eACC,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,YAAD;KAAY,SAAQ;KAAK,OAAM;KAC5B,UAAA;IACS,CAAA;IAEb,SACC,iBAAA,GAAA,kBAAA,IAAA,CAACA,mBAAAA,YAAD;KACE,SAAQ;KACR,IAAI;KACJ,WAAU;KAIT,UAAA;IACS,CAAA;GAEX;EAEJ,CAAA,CAAA;;AAET,CACF;AACA,OAAO,cAAc"}

package/dist/components/switch/Switch.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.cts","names":["SwitchPrimitives","Switch"],"sources":["../../../src/components/switch/Switch.tsx"],"mappings":";;;;cAQM,qBAAkB;;;6CAsBvB;cAEK,sBAAmB;;6CAcxB;iBAEgB,oBACP,KAAKA,OAAiB,KAAK,qBAAqB,oBAAoB;EAC5E;EACA;EACA;EACA;;cAGIC,UAAM,MAAA,0BAAA,KAAA,sBAAA,MAAA,cAAA"}
+{"version":3,"file":"Switch.d.cts","names":["SwitchPrimitives","Switch"],"sources":["../../../src/components/switch/Switch.tsx"],"mappings":";;;;cAQM,qBAAkB;;;6CAoCvB;cAEK,sBAAmB;;6CA6BxB;iBAEgB,oBACP,KAAKA,OAAiB,KAAK,qBAAqB,oBAAoB;EAC5E;EACA;EACA;EACA;;cAGIC,UAAM,MAAA,0BAAA,KAAA,sBAAA,MAAA,cAAA"}

package/dist/components/switch/Switch.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.mts","names":["SwitchPrimitives","Switch"],"sources":["../../../src/components/switch/Switch.tsx"],"mappings":";;;;cAQM,qBAAkB;;;6CAsBvB;cAEK,sBAAmB;;6CAcxB;iBAEgB,oBACP,KAAKA,OAAiB,KAAK,qBAAqB,oBAAoB;EAC5E;EACA;EACA;EACA;;cAGIC,UAAM,MAAA,0BAAA,KAAA,sBAAA,MAAA,cAAA"}
+{"version":3,"file":"Switch.d.mts","names":["SwitchPrimitives","Switch"],"sources":["../../../src/components/switch/Switch.tsx"],"mappings":";;;;cAQM,qBAAkB;;;6CAoCvB;cAEK,sBAAmB;;6CA6BxB;iBAEgB,oBACP,KAAKA,OAAiB,KAAK,qBAAqB,oBAAoB;EAC5E;EACA;EACA;EACA;;cAGIC,UAAM,MAAA,0BAAA,KAAA,sBAAA,MAAA,cAAA"}

package/dist/components/switch/Switch.mjs

@@ -6,12 +6,28 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { Switch } from "@base-ui/react/switch";
 //#region src/components/switch/Switch.tsx
-const switchRootVariants = cva("peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-berget-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50", {
+const switchRootVariants = cva(`
+    peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2
+    border-transparent transition-colors
+    focus-visible:ring-2 focus-visible:ring-berget-ring
+    focus-visible:ring-offset-2 focus-visible:ring-offset-background
+    focus-visible:outline-none
+    disabled:cursor-not-allowed disabled:opacity-50
+  `, {
 	variants: {
 		variant: {
-			default: "data-unchecked:bg-berget-border data-checked:bg-berget-primary",
-			primary: "data-unchecked:bg-berget-border-subtle data-checked:bg-berget-switch-primary-checked",
-			subtle: "data-unchecked:bg-berget-border-subtle data-checked:bg-berget-switch-subtle-checked"
+			default: `
+          data-checked:bg-berget-primary
+          data-unchecked:bg-berget-border
+        `,
+			primary: `
+          data-checked:bg-berget-switch-primary-checked
+          data-unchecked:bg-berget-border-subtle
+        `,
+			subtle: `
+          data-checked:bg-berget-switch-subtle-checked
+          data-unchecked:bg-berget-border-subtle
+        `
 		},
 		size: {
 			sm: "h-5 w-9",
@@ -24,11 +40,26 @@ const switchRootVariants = cva("peer inline-flex shrink-0 cursor-pointer items-c
 		size: "default"
 	}
 });
-const switchThumbVariants = cva("pointer-events-none block rounded-full ring-0 transition-transform shadow-berget-sm bg-berget-foreground", {
+const switchThumbVariants = cva(`
+    pointer-events-none block rounded-full bg-berget-foreground shadow-berget-sm
+    ring-0 transition-transform
+  `, {
 	variants: { size: {
-		sm: "h-4 w-4 data-checked:translate-x-4 data-unchecked:translate-x-0",
-		default: "h-5 w-5 data-checked:translate-x-5 data-unchecked:translate-x-0",
-		lg: "h-6 w-6 data-checked:translate-x-6 data-unchecked:translate-x-0"
+		sm: `
+          size-4
+          data-checked:translate-x-4
+          data-unchecked:translate-x-0
+        `,
+		default: `
+          size-5
+          data-checked:translate-x-5
+          data-unchecked:translate-x-0
+        `,
+		lg: `
+          size-6
+          data-checked:translate-x-6
+          data-unchecked:translate-x-0
+        `
 	} },
 	defaultVariants: { size: "default" }
 });
@@ -48,7 +79,7 @@ const Switch$1 = React.forwardRef(({ "aria-label": ariaLabel, className, variant
 			className: cn(switchRootVariants({
 				variant,
 				size
-			}), disabled && "cursor-not-allowed pointer-events-none", className),
+			}), disabled && "pointer-events-none cursor-not-allowed", className),
 			...props,
 			children: /* @__PURE__ */ jsx(Switch.Thumb, { className: cn(switchThumbVariants({ size })) })
 		}), (label || description || error) && /* @__PURE__ */ jsxs("div", {
@@ -56,7 +87,7 @@ const Switch$1 = React.forwardRef(({ "aria-label": ariaLabel, className, variant
 			children: [
 				label && /* @__PURE__ */ jsx("label", {
 					htmlFor: switchId,
-					className: cn("text-sm font-sans leading-none", disabled ? "text-muted-foreground cursor-not-allowed" : error ? "text-berget-destructive-foreground cursor-pointer" : "text-foreground cursor-pointer"),
+					className: cn("font-sans text-sm leading-none", disabled ? "cursor-not-allowed text-muted-foreground" : error ? "cursor-pointer text-berget-destructive-foreground" : "cursor-pointer text-foreground"),
 					children: label
 				}),
 				description && /* @__PURE__ */ jsx(Typography, {
@@ -67,7 +98,7 @@ const Switch$1 = React.forwardRef(({ "aria-label": ariaLabel, className, variant
 				error && /* @__PURE__ */ jsx(Typography, {
 					variant: "xs",
 					id: errorId,
-					className: "text-berget-destructive-foreground",
+					className: "\n                text-berget-destructive-foreground\n              ",
 					children: error
 				})
 			]

package/dist/components/switch/Switch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.mjs","names":["Switch","SwitchPrimitives"],"sources":["../../../src/components/switch/Switch.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Switch as SwitchPrimitives } from '@base-ui/react/switch';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../lib/utils';\nimport { Typography } from '../typography';\n\nconst switchRootVariants = cva(\n  'peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-berget-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default: 'data-unchecked:bg-berget-border data-checked:bg-berget-primary',\n        primary:\n          'data-unchecked:bg-berget-border-subtle data-checked:bg-berget-switch-primary-checked',\n        subtle:\n          'data-unchecked:bg-berget-border-subtle data-checked:bg-berget-switch-subtle-checked',\n      },\n      size: {\n        sm: 'h-5 w-9',\n        default: 'h-6 w-11',\n        lg: 'h-7 w-[52px]',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nconst switchThumbVariants = cva(\n  'pointer-events-none block rounded-full ring-0 transition-transform shadow-berget-sm bg-berget-foreground',\n  {\n    variants: {\n      size: {\n        sm: 'h-4 w-4 data-checked:translate-x-4 data-unchecked:translate-x-0',\n        default: 'h-5 w-5 data-checked:translate-x-5 data-unchecked:translate-x-0',\n        lg: 'h-6 w-6 data-checked:translate-x-6 data-unchecked:translate-x-0',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  },\n);\n\nexport interface SwitchProps\n  extends Omit<SwitchPrimitives.Root.Props, 'className'>, VariantProps<typeof switchRootVariants> {\n  label?: string;\n  description?: string;\n  error?: string;\n  className?: string;\n}\n\nconst Switch = React.forwardRef<HTMLElement, SwitchProps>(\n  (\n    {\n      'aria-label': ariaLabel,\n      className,\n      variant,\n      size,\n      label,\n      description,\n      error,\n      id,\n      disabled,\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = React.useId();\n    const switchId = id || generatedId;\n    const errorId = `${switchId}-error`;\n\n    return (\n      <div className=\"flex items-center gap-3\">\n        <SwitchPrimitives.Root\n          ref={ref}\n          id={switchId}\n          disabled={disabled}\n          aria-invalid={!!error}\n          aria-describedby={error ? errorId : undefined}\n          aria-label={ariaLabel || label || undefined}\n          className={cn(\n            switchRootVariants({ variant, size }),\n            disabled && 'cursor-not-allowed pointer-events-none',\n            className,\n          )}\n          {...props}\n        >\n          <SwitchPrimitives.Thumb className={cn(switchThumbVariants({ size }))} />\n        </SwitchPrimitives.Root>\n\n        {(label || description || error) && (\n          <div className=\"flex flex-col gap-1\">\n            {label && (\n              <label\n                htmlFor={switchId}\n                className={cn(\n                  'text-sm font-sans leading-none',\n                  disabled\n                    ? 'text-muted-foreground cursor-not-allowed'\n                    : error\n                      ? 'text-berget-destructive-foreground cursor-pointer'\n                      : 'text-foreground cursor-pointer',\n                )}\n              >\n                {label}\n              </label>\n            )}\n            {description && (\n              <Typography variant=\"xs\" color=\"muted\">\n                {description}\n              </Typography>\n            )}\n            {error && (\n              <Typography variant=\"xs\" id={errorId} className=\"text-berget-destructive-foreground\">\n                {error}\n              </Typography>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\nSwitch.displayName = 'Switch';\n\nexport { Switch, switchRootVariants, switchThumbVariants };\n"],"mappings":";;;;;;;;AAQA,MAAM,qBAAqB,IACzB,oTACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SACE;GACF,QACE;EACJ;EACA,MAAM;GACJ,IAAI;GACJ,SAAS;GACT,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;AAEA,MAAM,sBAAsB,IAC1B,4GACA;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,SAAS;EACT,IAAI;CACN,EACF;CACA,iBAAiB,EACf,MAAM,UACR;AACF,CACF;AAUA,MAAMA,WAAS,MAAM,YAEjB,EACE,cAAc,WACd,WACA,SACA,MACA,OACA,aACA,OACA,IACA,UACA,GAAG,SAEL,QACG;CACH,MAAM,cAAc,MAAM,MAAM;CAChC,MAAM,WAAW,MAAM;CACvB,MAAM,UAAU,GAAG,SAAS;CAE5B,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,oBAACC,OAAiB,MAAlB;GACO;GACL,IAAI;GACM;GACV,gBAAc,CAAC,CAAC;GAChB,oBAAkB,QAAQ,UAAU,KAAA;GACpC,cAAY,aAAa,SAAS,KAAA;GAClC,WAAW,GACT,mBAAmB;IAAE;IAAS;GAAK,CAAC,GACpC,YAAY,0CACZ,SACF;GACA,GAAI;GAEJ,UAAA,oBAACA,OAAiB,OAAlB,EAAwB,WAAW,GAAG,oBAAoB,EAAE,KAAK,CAAC,CAAC,EAAI,CAAA;EAClD,CAAA,IAErB,SAAS,eAAe,UACxB,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACG,SACC,oBAAC,SAAD;KACE,SAAS;KACT,WAAW,GACT,kCACA,WACI,6CACA,QACE,sDACA,gCACR;KAEC,UAAA;IACI,CAAA;IAER,eACC,oBAAC,YAAD;KAAY,SAAQ;KAAK,OAAM;KAC5B,UAAA;IACS,CAAA;IAEb,SACC,oBAAC,YAAD;KAAY,SAAQ;KAAK,IAAI;KAAS,WAAU;KAC7C,UAAA;IACS,CAAA;GAEX;EAEJ,CAAA,CAAA;;AAET,CACF;AACA,SAAO,cAAc"}
+{"version":3,"file":"Switch.mjs","names":["Switch","SwitchPrimitives"],"sources":["../../../src/components/switch/Switch.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Switch as SwitchPrimitives } from '@base-ui/react/switch';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../lib/utils';\nimport { Typography } from '../typography';\n\nconst switchRootVariants = cva(\n  `\n    peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2\n    border-transparent transition-colors\n    focus-visible:ring-2 focus-visible:ring-berget-ring\n    focus-visible:ring-offset-2 focus-visible:ring-offset-background\n    focus-visible:outline-none\n    disabled:cursor-not-allowed disabled:opacity-50\n  `,\n  {\n    variants: {\n      variant: {\n        default: `\n          data-checked:bg-berget-primary\n          data-unchecked:bg-berget-border\n        `,\n        primary: `\n          data-checked:bg-berget-switch-primary-checked\n          data-unchecked:bg-berget-border-subtle\n        `,\n        subtle: `\n          data-checked:bg-berget-switch-subtle-checked\n          data-unchecked:bg-berget-border-subtle\n        `,\n      },\n      size: {\n        sm: 'h-5 w-9',\n        default: 'h-6 w-11',\n        lg: 'h-7 w-[52px]',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nconst switchThumbVariants = cva(\n  `\n    pointer-events-none block rounded-full bg-berget-foreground shadow-berget-sm\n    ring-0 transition-transform\n  `,\n  {\n    variants: {\n      size: {\n        sm: `\n          size-4\n          data-checked:translate-x-4\n          data-unchecked:translate-x-0\n        `,\n        default: `\n          size-5\n          data-checked:translate-x-5\n          data-unchecked:translate-x-0\n        `,\n        lg: `\n          size-6\n          data-checked:translate-x-6\n          data-unchecked:translate-x-0\n        `,\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  },\n);\n\nexport interface SwitchProps\n  extends Omit<SwitchPrimitives.Root.Props, 'className'>, VariantProps<typeof switchRootVariants> {\n  label?: string;\n  description?: string;\n  error?: string;\n  className?: string;\n}\n\nconst Switch = React.forwardRef<HTMLElement, SwitchProps>(\n  (\n    {\n      'aria-label': ariaLabel,\n      className,\n      variant,\n      size,\n      label,\n      description,\n      error,\n      id,\n      disabled,\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = React.useId();\n    const switchId = id || generatedId;\n    const errorId = `${switchId}-error`;\n\n    return (\n      <div className=\"flex items-center gap-3\">\n        <SwitchPrimitives.Root\n          ref={ref}\n          id={switchId}\n          disabled={disabled}\n          aria-invalid={!!error}\n          aria-describedby={error ? errorId : undefined}\n          aria-label={ariaLabel || label || undefined}\n          className={cn(\n            switchRootVariants({ variant, size }),\n            disabled && 'pointer-events-none cursor-not-allowed',\n            className,\n          )}\n          {...props}\n        >\n          <SwitchPrimitives.Thumb className={cn(switchThumbVariants({ size }))} />\n        </SwitchPrimitives.Root>\n\n        {(label || description || error) && (\n          <div className=\"flex flex-col gap-1\">\n            {label && (\n              <label\n                htmlFor={switchId}\n                className={cn(\n                  'font-sans text-sm leading-none',\n                  disabled\n                    ? 'cursor-not-allowed text-muted-foreground'\n                    : error\n                      ? 'cursor-pointer text-berget-destructive-foreground'\n                      : 'cursor-pointer text-foreground',\n                )}\n              >\n                {label}\n              </label>\n            )}\n            {description && (\n              <Typography variant=\"xs\" color=\"muted\">\n                {description}\n              </Typography>\n            )}\n            {error && (\n              <Typography\n                variant=\"xs\"\n                id={errorId}\n                className=\"\n                text-berget-destructive-foreground\n              \"\n              >\n                {error}\n              </Typography>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\nSwitch.displayName = 'Switch';\n\nexport { Switch, switchRootVariants, switchThumbVariants };\n"],"mappings":";;;;;;;;AAQA,MAAM,qBAAqB,IACzB;;;;;;;KAQA;CACE,UAAU;EACR,SAAS;GACP,SAAS;;;;GAIT,SAAS;;;;GAIT,QAAQ;;;;EAIV;EACA,MAAM;GACJ,IAAI;GACJ,SAAS;GACT,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;AAEA,MAAM,sBAAsB,IAC1B;;;KAIA;CACE,UAAU,EACR,MAAM;EACJ,IAAI;;;;;EAKJ,SAAS;;;;;EAKT,IAAI;;;;;CAKN,EACF;CACA,iBAAiB,EACf,MAAM,UACR;AACF,CACF;AAUA,MAAMA,WAAS,MAAM,YAEjB,EACE,cAAc,WACd,WACA,SACA,MACA,OACA,aACA,OACA,IACA,UACA,GAAG,SAEL,QACG;CACH,MAAM,cAAc,MAAM,MAAM;CAChC,MAAM,WAAW,MAAM;CACvB,MAAM,UAAU,GAAG,SAAS;CAE5B,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,oBAACC,OAAiB,MAAlB;GACO;GACL,IAAI;GACM;GACV,gBAAc,CAAC,CAAC;GAChB,oBAAkB,QAAQ,UAAU,KAAA;GACpC,cAAY,aAAa,SAAS,KAAA;GAClC,WAAW,GACT,mBAAmB;IAAE;IAAS;GAAK,CAAC,GACpC,YAAY,0CACZ,SACF;GACA,GAAI;GAEJ,UAAA,oBAACA,OAAiB,OAAlB,EAAwB,WAAW,GAAG,oBAAoB,EAAE,KAAK,CAAC,CAAC,EAAI,CAAA;EAClD,CAAA,IAErB,SAAS,eAAe,UACxB,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACG,SACC,oBAAC,SAAD;KACE,SAAS;KACT,WAAW,GACT,kCACA,WACI,6CACA,QACE,sDACA,gCACR;KAEC,UAAA;IACI,CAAA;IAER,eACC,oBAAC,YAAD;KAAY,SAAQ;KAAK,OAAM;KAC5B,UAAA;IACS,CAAA;IAEb,SACC,oBAAC,YAAD;KACE,SAAQ;KACR,IAAI;KACJ,WAAU;KAIT,UAAA;IACS,CAAA;GAEX;EAEJ,CAAA,CAAA;;AAET,CACF;AACA,SAAO,cAAc"}

package/dist/components/table/Table.cjs

@@ -14,7 +14,10 @@ const Table = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
 Table.displayName = "Table";
 const TableHeader = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_table.TableHeader, {
 	ref,
-	className: require_utils.cn("[&_tr]:border-b border-berget-table-border", className),
+	className: require_utils.cn(`
+        border-berget-table-border
+        [&_tr]:border-b
+      `, className),
 	...props
 }));
 TableHeader.displayName = "TableHeader";
@@ -26,25 +29,39 @@ const TableBody = react.forwardRef(({ className, ...props }, ref) => /* @__PURE_
 TableBody.displayName = "TableBody";
 const TableFooter = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_table.TableFooter, {
 	ref,
-	className: require_utils.cn("border-t border-berget-table-border bg-berget-table-footer-bg font-medium [&>tr]:last:border-0", className),
+	className: require_utils.cn(`
+        border-t border-berget-table-border bg-berget-table-footer-bg
+        font-medium
+        [&>tr]:last:border-0
+      `, className),
 	...props
 }));
 TableFooter.displayName = "TableFooter";
 const TableRow = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_table.TableRow, {
 	ref,
-	className: require_utils.cn("border-b border-berget-table-border transition-colors hover:bg-berget-table-row-hover data-[state=selected]:bg-berget-table-row-selected", className),
+	className: require_utils.cn(`
+          border-b border-berget-table-border transition-colors
+          hover:bg-berget-table-row-hover
+          data-[state=selected]:bg-berget-table-row-selected
+        `, className),
 	...props
 }));
 TableRow.displayName = "TableRow";
 const TableHead = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_table.TableHead, {
 	ref,
-	className: require_utils.cn("h-12 px-4 text-left align-middle font-medium text-berget-table-head-text [&:has([role=checkbox])]:pr-0", className),
+	className: require_utils.cn(`
+        h-12 px-4 text-left align-middle font-medium text-berget-table-head-text
+        [&:has([role=checkbox])]:pr-0
+      `, className),
 	...props
 }));
 TableHead.displayName = "TableHead";
 const TableCell = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_table.TableCell, {
 	ref,
-	className: require_utils.cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
+	className: require_utils.cn(`
+        p-4 align-middle
+        [&:has([role=checkbox])]:pr-0
+      `, className),
 	...props
 }));
 TableCell.displayName = "TableCell";

package/dist/components/table/Table.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Table.cjs","names":["React","TablePrimitive","TableHeaderPrimitive","cn","TableBodyPrimitive","TableFooterPrimitive","TableRowPrimitive","TableHeadPrimitive","TableCellPrimitive","TableCaptionPrimitive"],"sources":["../../../src/components/table/Table.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport {\n  Table as TablePrimitive,\n  TableHeader as TableHeaderPrimitive,\n  TableBody as TableBodyPrimitive,\n  TableFooter as TableFooterPrimitive,\n  TableHead as TableHeadPrimitive,\n  TableRow as TableRowPrimitive,\n  TableCell as TableCellPrimitive,\n  TableCaption as TableCaptionPrimitive,\n} from '../../primitives/table';\n\nconst Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(\n  ({ className, ...props }, ref) => <TablePrimitive ref={ref} className={className} {...props} />,\n);\nTable.displayName = 'Table';\n\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <TableHeaderPrimitive\n    ref={ref}\n    className={cn('[&_tr]:border-b border-berget-table-border', className)}\n    {...props}\n  />\n));\nTableHeader.displayName = 'TableHeader';\n\nconst TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <TableBodyPrimitive\n    ref={ref}\n    className={cn('[&_tr:last-child]:border-0', className)}\n    {...props}\n  />\n));\nTableBody.displayName = 'TableBody';\n\nconst TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <TableFooterPrimitive\n    ref={ref}\n    className={cn(\n      'border-t border-berget-table-border bg-berget-table-footer-bg font-medium [&>tr]:last:border-0',\n      className,\n    )}\n    {...props}\n  />\n));\nTableFooter.displayName = 'TableFooter';\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(\n  ({ className, ...props }, ref) => (\n    <TableRowPrimitive\n      ref={ref}\n      className={cn(\n        'border-b border-berget-table-border transition-colors hover:bg-berget-table-row-hover data-[state=selected]:bg-berget-table-row-selected',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nTableRow.displayName = 'TableRow';\n\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <TableHeadPrimitive\n    ref={ref}\n    className={cn(\n      'h-12 px-4 text-left align-middle font-medium text-berget-table-head-text [&:has([role=checkbox])]:pr-0',\n      className,\n    )}\n    {...props}\n  />\n));\nTableHead.displayName = 'TableHead';\n\nconst TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <TableCellPrimitive\n    ref={ref}\n    className={cn('p-4 align-middle [&:has([role=checkbox])]:pr-0', className)}\n    {...props}\n  />\n));\nTableCell.displayName = 'TableCell';\n\nconst TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n  <TableCaptionPrimitive\n    ref={ref}\n    className={cn('mt-4 text-sm text-berget-table-caption-text', className)}\n    {...props}\n  />\n));\nTableCaption.displayName = 'TableCaption';\n\nexport { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };\n"],"mappings":";;;;;;;;AAeA,MAAM,QAAQA,MAAM,YACjB,EAAE,WAAW,GAAG,SAAS,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,OAAD;CAAqB;CAAgB;CAAW,GAAI;AAAQ,CAAA,CAChG;AACA,MAAM,cAAc;AAEpB,MAAM,cAAcD,MAAM,YAGvB,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,IAAA,CAACE,cAAAA,aAAD;CACO;CACL,WAAWC,cAAAA,GAAG,8CAA8C,SAAS;CACrE,GAAI;AACL,CAAA,CACF;AACD,YAAY,cAAc;AAE1B,MAAM,YAAYH,MAAM,YAGrB,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,IAAA,CAACI,cAAAA,WAAD;CACO;CACL,WAAWD,cAAAA,GAAG,8BAA8B,SAAS;CACrD,GAAI;AACL,CAAA,CACF;AACD,UAAU,cAAc;AAExB,MAAM,cAAcH,MAAM,YAGvB,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,IAAA,CAACK,cAAAA,aAAD;CACO;CACL,WAAWF,cAAAA,GACT,kGACA,SACF;CACA,GAAI;AACL,CAAA,CACF;AACD,YAAY,cAAc;AAE1B,MAAM,WAAWH,MAAM,YACpB,EAAE,WAAW,GAAG,SAAS,QACxB,iBAAA,GAAA,kBAAA,IAAA,CAACM,cAAAA,UAAD;CACO;CACL,WAAWH,cAAAA,GACT,4IACA,SACF;CACA,GAAI;AACL,CAAA,CAEL;AACA,SAAS,cAAc;AAEvB,MAAM,YAAYH,MAAM,YAGrB,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,IAAA,CAACO,cAAAA,WAAD;CACO;CACL,WAAWJ,cAAAA,GACT,0GACA,SACF;CACA,GAAI;AACL,CAAA,CACF;AACD,UAAU,cAAc;AAExB,MAAM,YAAYH,MAAM,YAGrB,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,IAAA,CAACQ,cAAAA,WAAD;CACO;CACL,WAAWL,cAAAA,GAAG,kDAAkD,SAAS;CACzE,GAAI;AACL,CAAA,CACF;AACD,UAAU,cAAc;AAExB,MAAM,eAAeH,MAAM,YAGxB,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,IAAA,CAACS,cAAAA,cAAD;CACO;CACL,WAAWN,cAAAA,GAAG,+CAA+C,SAAS;CACtE,GAAI;AACL,CAAA,CACF;AACD,aAAa,cAAc"}
+{"version":3,"file":"Table.cjs","names":["React","TablePrimitive","TableHeaderPrimitive","cn","TableBodyPrimitive","TableFooterPrimitive","TableRowPrimitive","TableHeadPrimitive","TableCellPrimitive","TableCaptionPrimitive"],"sources":["../../../src/components/table/Table.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport {\n  Table as TablePrimitive,\n  TableHeader as TableHeaderPrimitive,\n  TableBody as TableBodyPrimitive,\n  TableFooter as TableFooterPrimitive,\n  TableHead as TableHeadPrimitive,\n  TableRow as TableRowPrimitive,\n  TableCell as TableCellPrimitive,\n  TableCaption as TableCaptionPrimitive,\n} from '../../primitives/table';\n\nconst Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(\n  ({ className, ...props }, ref) => <TablePrimitive ref={ref} className={className} {...props} />,\n);\nTable.displayName = 'Table';\n\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <TableHeaderPrimitive\n    ref={ref}\n    className={cn(\n      `\n        border-berget-table-border\n        [&_tr]:border-b\n      `,\n      className,\n    )}\n    {...props}\n  />\n));\nTableHeader.displayName = 'TableHeader';\n\nconst TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <TableBodyPrimitive\n    ref={ref}\n    className={cn('[&_tr:last-child]:border-0', className)}\n    {...props}\n  />\n));\nTableBody.displayName = 'TableBody';\n\nconst TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <TableFooterPrimitive\n    ref={ref}\n    className={cn(\n      `\n        border-t border-berget-table-border bg-berget-table-footer-bg\n        font-medium\n        [&>tr]:last:border-0\n      `,\n      className,\n    )}\n    {...props}\n  />\n));\nTableFooter.displayName = 'TableFooter';\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(\n  ({ className, ...props }, ref) => (\n    <TableRowPrimitive\n      ref={ref}\n      className={cn(\n        `\n          border-b border-berget-table-border transition-colors\n          hover:bg-berget-table-row-hover\n          data-[state=selected]:bg-berget-table-row-selected\n        `,\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nTableRow.displayName = 'TableRow';\n\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <TableHeadPrimitive\n    ref={ref}\n    className={cn(\n      `\n        h-12 px-4 text-left align-middle font-medium text-berget-table-head-text\n        [&:has([role=checkbox])]:pr-0\n      `,\n      className,\n    )}\n    {...props}\n  />\n));\nTableHead.displayName = 'TableHead';\n\nconst TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <TableCellPrimitive\n    ref={ref}\n    className={cn(\n      `\n        p-4 align-middle\n        [&:has([role=checkbox])]:pr-0\n      `,\n      className,\n    )}\n    {...props}\n  />\n));\nTableCell.displayName = 'TableCell';\n\nconst TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n  <TableCaptionPrimitive\n    ref={ref}\n    className={cn('mt-4 text-sm text-berget-table-caption-text', className)}\n    {...props}\n  />\n));\nTableCaption.displayName = 'TableCaption';\n\nexport { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };\n"],"mappings":";;;;;;;;AAeA,MAAM,QAAQA,MAAM,YACjB,EAAE,WAAW,GAAG,SAAS,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,OAAD;CAAqB;CAAgB;CAAW,GAAI;AAAQ,CAAA,CAChG;AACA,MAAM,cAAc;AAEpB,MAAM,cAAcD,MAAM,YAGvB,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,IAAA,CAACE,cAAAA,aAAD;CACO;CACL,WAAWC,cAAAA,GACT;;;SAIA,SACF;CACA,GAAI;AACL,CAAA,CACF;AACD,YAAY,cAAc;AAE1B,MAAM,YAAYH,MAAM,YAGrB,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,IAAA,CAACI,cAAAA,WAAD;CACO;CACL,WAAWD,cAAAA,GAAG,8BAA8B,SAAS;CACrD,GAAI;AACL,CAAA,CACF;AACD,UAAU,cAAc;AAExB,MAAM,cAAcH,MAAM,YAGvB,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,IAAA,CAACK,cAAAA,aAAD;CACO;CACL,WAAWF,cAAAA,GACT;;;;SAKA,SACF;CACA,GAAI;AACL,CAAA,CACF;AACD,YAAY,cAAc;AAE1B,MAAM,WAAWH,MAAM,YACpB,EAAE,WAAW,GAAG,SAAS,QACxB,iBAAA,GAAA,kBAAA,IAAA,CAACM,cAAAA,UAAD;CACO;CACL,WAAWH,cAAAA,GACT;;;;WAKA,SACF;CACA,GAAI;AACL,CAAA,CAEL;AACA,SAAS,cAAc;AAEvB,MAAM,YAAYH,MAAM,YAGrB,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,IAAA,CAACO,cAAAA,WAAD;CACO;CACL,WAAWJ,cAAAA,GACT;;;SAIA,SACF;CACA,GAAI;AACL,CAAA,CACF;AACD,UAAU,cAAc;AAExB,MAAM,YAAYH,MAAM,YAGrB,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,IAAA,CAACQ,cAAAA,WAAD;CACO;CACL,WAAWL,cAAAA,GACT;;;SAIA,SACF;CACA,GAAI;AACL,CAAA,CACF;AACD,UAAU,cAAc;AAExB,MAAM,eAAeH,MAAM,YAGxB,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,IAAA,CAACS,cAAAA,cAAD;CACO;CACL,WAAWN,cAAAA,GAAG,+CAA+C,SAAS;CACtE,GAAI;AACL,CAAA,CACF;AACD,aAAa,cAAc"}

package/dist/components/table/Table.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.cts","names":[],"sources":["../../../src/components/table/Table.tsx"],"mappings":";;cAeM,OAAK,MAAA,0BAAA,MAAA,eAAA,oBAAA,MAAA,cAAA;cAKL,aAAW,MAAA,0BAAA,MAAA,eAAA,2BAAA,MAAA,cAAA;cAYX,WAAS,MAAA,0BAAA,MAAA,eAAA,2BAAA,MAAA,cAAA;cAYT,aAAW,MAAA,0BAAA,MAAA,eAAA,2BAAA,MAAA,cAAA;cAeX,UAAQ,MAAA,0BAAA,MAAA,eAAA,uBAAA,MAAA,cAAA;cAcR,WAAS,MAAA,0BAAA,MAAA,iBAAA,wBAAA,MAAA,cAAA;cAeT,WAAS,MAAA,0BAAA,MAAA,iBAAA,wBAAA,MAAA,cAAA;cAYT,cAAY,MAAA,0BAAA,MAAA,eAAA,2BAAA,MAAA,cAAA"}
+{"version":3,"file":"Table.d.cts","names":[],"sources":["../../../src/components/table/Table.tsx"],"mappings":";;cAeM,OAAK,MAAA,0BAAA,MAAA,eAAA,oBAAA,MAAA,cAAA;cAKL,aAAW,MAAA,0BAAA,MAAA,eAAA,2BAAA,MAAA,cAAA;cAkBX,WAAS,MAAA,0BAAA,MAAA,eAAA,2BAAA,MAAA,cAAA;cAYT,aAAW,MAAA,0BAAA,MAAA,eAAA,2BAAA,MAAA,cAAA;cAmBX,UAAQ,MAAA,0BAAA,MAAA,eAAA,uBAAA,MAAA,cAAA;cAkBR,WAAS,MAAA,0BAAA,MAAA,iBAAA,wBAAA,MAAA,cAAA;cAkBT,WAAS,MAAA,0BAAA,MAAA,iBAAA,wBAAA,MAAA,cAAA;cAkBT,cAAY,MAAA,0BAAA,MAAA,eAAA,2BAAA,MAAA,cAAA"}

package/dist/components/table/Table.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.mts","names":[],"sources":["../../../src/components/table/Table.tsx"],"mappings":";;cAeM,OAAK,MAAA,0BAAA,MAAA,eAAA,oBAAA,MAAA,cAAA;cAKL,aAAW,MAAA,0BAAA,MAAA,eAAA,2BAAA,MAAA,cAAA;cAYX,WAAS,MAAA,0BAAA,MAAA,eAAA,2BAAA,MAAA,cAAA;cAYT,aAAW,MAAA,0BAAA,MAAA,eAAA,2BAAA,MAAA,cAAA;cAeX,UAAQ,MAAA,0BAAA,MAAA,eAAA,uBAAA,MAAA,cAAA;cAcR,WAAS,MAAA,0BAAA,MAAA,iBAAA,wBAAA,MAAA,cAAA;cAeT,WAAS,MAAA,0BAAA,MAAA,iBAAA,wBAAA,MAAA,cAAA;cAYT,cAAY,MAAA,0BAAA,MAAA,eAAA,2BAAA,MAAA,cAAA"}
+{"version":3,"file":"Table.d.mts","names":[],"sources":["../../../src/components/table/Table.tsx"],"mappings":";;cAeM,OAAK,MAAA,0BAAA,MAAA,eAAA,oBAAA,MAAA,cAAA;cAKL,aAAW,MAAA,0BAAA,MAAA,eAAA,2BAAA,MAAA,cAAA;cAkBX,WAAS,MAAA,0BAAA,MAAA,eAAA,2BAAA,MAAA,cAAA;cAYT,aAAW,MAAA,0BAAA,MAAA,eAAA,2BAAA,MAAA,cAAA;cAmBX,UAAQ,MAAA,0BAAA,MAAA,eAAA,uBAAA,MAAA,cAAA;cAkBR,WAAS,MAAA,0BAAA,MAAA,iBAAA,wBAAA,MAAA,cAAA;cAkBT,WAAS,MAAA,0BAAA,MAAA,iBAAA,wBAAA,MAAA,cAAA;cAkBT,cAAY,MAAA,0BAAA,MAAA,eAAA,2BAAA,MAAA,cAAA"}

package/dist/components/table/Table.mjs

@@ -12,7 +12,10 @@ const Table = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
 Table.displayName = "Table";
 const TableHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(TableHeader$1, {
 	ref,
-	className: cn("[&_tr]:border-b border-berget-table-border", className),
+	className: cn(`
+        border-berget-table-border
+        [&_tr]:border-b
+      `, className),
 	...props
 }));
 TableHeader.displayName = "TableHeader";
@@ -24,25 +27,39 @@ const TableBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE_
 TableBody.displayName = "TableBody";
 const TableFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(TableFooter$1, {
 	ref,
-	className: cn("border-t border-berget-table-border bg-berget-table-footer-bg font-medium [&>tr]:last:border-0", className),
+	className: cn(`
+        border-t border-berget-table-border bg-berget-table-footer-bg
+        font-medium
+        [&>tr]:last:border-0
+      `, className),
 	...props
 }));
 TableFooter.displayName = "TableFooter";
 const TableRow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(TableRow$1, {
 	ref,
-	className: cn("border-b border-berget-table-border transition-colors hover:bg-berget-table-row-hover data-[state=selected]:bg-berget-table-row-selected", className),
+	className: cn(`
+          border-b border-berget-table-border transition-colors
+          hover:bg-berget-table-row-hover
+          data-[state=selected]:bg-berget-table-row-selected
+        `, className),
 	...props
 }));
 TableRow.displayName = "TableRow";
 const TableHead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(TableHead$1, {
 	ref,
-	className: cn("h-12 px-4 text-left align-middle font-medium text-berget-table-head-text [&:has([role=checkbox])]:pr-0", className),
+	className: cn(`
+        h-12 px-4 text-left align-middle font-medium text-berget-table-head-text
+        [&:has([role=checkbox])]:pr-0
+      `, className),
 	...props
 }));
 TableHead.displayName = "TableHead";
 const TableCell = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(TableCell$1, {
 	ref,
-	className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
+	className: cn(`
+        p-4 align-middle
+        [&:has([role=checkbox])]:pr-0
+      `, className),
 	...props
 }));
 TableCell.displayName = "TableCell";

package/dist/components/table/Table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Table.mjs","names":["TablePrimitive","TableHeaderPrimitive","TableBodyPrimitive","TableFooterPrimitive","TableRowPrimitive","TableHeadPrimitive","TableCellPrimitive","TableCaptionPrimitive"],"sources":["../../../src/components/table/Table.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport {\n  Table as TablePrimitive,\n  TableHeader as TableHeaderPrimitive,\n  TableBody as TableBodyPrimitive,\n  TableFooter as TableFooterPrimitive,\n  TableHead as TableHeadPrimitive,\n  TableRow as TableRowPrimitive,\n  TableCell as TableCellPrimitive,\n  TableCaption as TableCaptionPrimitive,\n} from '../../primitives/table';\n\nconst Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(\n  ({ className, ...props }, ref) => <TablePrimitive ref={ref} className={className} {...props} />,\n);\nTable.displayName = 'Table';\n\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <TableHeaderPrimitive\n    ref={ref}\n    className={cn('[&_tr]:border-b border-berget-table-border', className)}\n    {...props}\n  />\n));\nTableHeader.displayName = 'TableHeader';\n\nconst TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <TableBodyPrimitive\n    ref={ref}\n    className={cn('[&_tr:last-child]:border-0', className)}\n    {...props}\n  />\n));\nTableBody.displayName = 'TableBody';\n\nconst TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <TableFooterPrimitive\n    ref={ref}\n    className={cn(\n      'border-t border-berget-table-border bg-berget-table-footer-bg font-medium [&>tr]:last:border-0',\n      className,\n    )}\n    {...props}\n  />\n));\nTableFooter.displayName = 'TableFooter';\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(\n  ({ className, ...props }, ref) => (\n    <TableRowPrimitive\n      ref={ref}\n      className={cn(\n        'border-b border-berget-table-border transition-colors hover:bg-berget-table-row-hover data-[state=selected]:bg-berget-table-row-selected',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nTableRow.displayName = 'TableRow';\n\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <TableHeadPrimitive\n    ref={ref}\n    className={cn(\n      'h-12 px-4 text-left align-middle font-medium text-berget-table-head-text [&:has([role=checkbox])]:pr-0',\n      className,\n    )}\n    {...props}\n  />\n));\nTableHead.displayName = 'TableHead';\n\nconst TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <TableCellPrimitive\n    ref={ref}\n    className={cn('p-4 align-middle [&:has([role=checkbox])]:pr-0', className)}\n    {...props}\n  />\n));\nTableCell.displayName = 'TableCell';\n\nconst TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n  <TableCaptionPrimitive\n    ref={ref}\n    className={cn('mt-4 text-sm text-berget-table-caption-text', className)}\n    {...props}\n  />\n));\nTableCaption.displayName = 'TableCaption';\n\nexport { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };\n"],"mappings":";;;;;;AAeA,MAAM,QAAQ,MAAM,YACjB,EAAE,WAAW,GAAG,SAAS,QAAQ,oBAACA,SAAD;CAAqB;CAAgB;CAAW,GAAI;AAAQ,CAAA,CAChG;AACA,MAAM,cAAc;AAEpB,MAAM,cAAc,MAAM,YAGvB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAACC,eAAD;CACO;CACL,WAAW,GAAG,8CAA8C,SAAS;CACrE,GAAI;AACL,CAAA,CACF;AACD,YAAY,cAAc;AAE1B,MAAM,YAAY,MAAM,YAGrB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAACC,aAAD;CACO;CACL,WAAW,GAAG,8BAA8B,SAAS;CACrD,GAAI;AACL,CAAA,CACF;AACD,UAAU,cAAc;AAExB,MAAM,cAAc,MAAM,YAGvB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAACC,eAAD;CACO;CACL,WAAW,GACT,kGACA,SACF;CACA,GAAI;AACL,CAAA,CACF;AACD,YAAY,cAAc;AAE1B,MAAM,WAAW,MAAM,YACpB,EAAE,WAAW,GAAG,SAAS,QACxB,oBAACC,YAAD;CACO;CACL,WAAW,GACT,4IACA,SACF;CACA,GAAI;AACL,CAAA,CAEL;AACA,SAAS,cAAc;AAEvB,MAAM,YAAY,MAAM,YAGrB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAACC,aAAD;CACO;CACL,WAAW,GACT,0GACA,SACF;CACA,GAAI;AACL,CAAA,CACF;AACD,UAAU,cAAc;AAExB,MAAM,YAAY,MAAM,YAGrB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAACC,aAAD;CACO;CACL,WAAW,GAAG,kDAAkD,SAAS;CACzE,GAAI;AACL,CAAA,CACF;AACD,UAAU,cAAc;AAExB,MAAM,eAAe,MAAM,YAGxB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAACC,gBAAD;CACO;CACL,WAAW,GAAG,+CAA+C,SAAS;CACtE,GAAI;AACL,CAAA,CACF;AACD,aAAa,cAAc"}
+{"version":3,"file":"Table.mjs","names":["TablePrimitive","TableHeaderPrimitive","TableBodyPrimitive","TableFooterPrimitive","TableRowPrimitive","TableHeadPrimitive","TableCellPrimitive","TableCaptionPrimitive"],"sources":["../../../src/components/table/Table.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport {\n  Table as TablePrimitive,\n  TableHeader as TableHeaderPrimitive,\n  TableBody as TableBodyPrimitive,\n  TableFooter as TableFooterPrimitive,\n  TableHead as TableHeadPrimitive,\n  TableRow as TableRowPrimitive,\n  TableCell as TableCellPrimitive,\n  TableCaption as TableCaptionPrimitive,\n} from '../../primitives/table';\n\nconst Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(\n  ({ className, ...props }, ref) => <TablePrimitive ref={ref} className={className} {...props} />,\n);\nTable.displayName = 'Table';\n\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <TableHeaderPrimitive\n    ref={ref}\n    className={cn(\n      `\n        border-berget-table-border\n        [&_tr]:border-b\n      `,\n      className,\n    )}\n    {...props}\n  />\n));\nTableHeader.displayName = 'TableHeader';\n\nconst TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <TableBodyPrimitive\n    ref={ref}\n    className={cn('[&_tr:last-child]:border-0', className)}\n    {...props}\n  />\n));\nTableBody.displayName = 'TableBody';\n\nconst TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <TableFooterPrimitive\n    ref={ref}\n    className={cn(\n      `\n        border-t border-berget-table-border bg-berget-table-footer-bg\n        font-medium\n        [&>tr]:last:border-0\n      `,\n      className,\n    )}\n    {...props}\n  />\n));\nTableFooter.displayName = 'TableFooter';\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(\n  ({ className, ...props }, ref) => (\n    <TableRowPrimitive\n      ref={ref}\n      className={cn(\n        `\n          border-b border-berget-table-border transition-colors\n          hover:bg-berget-table-row-hover\n          data-[state=selected]:bg-berget-table-row-selected\n        `,\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nTableRow.displayName = 'TableRow';\n\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <TableHeadPrimitive\n    ref={ref}\n    className={cn(\n      `\n        h-12 px-4 text-left align-middle font-medium text-berget-table-head-text\n        [&:has([role=checkbox])]:pr-0\n      `,\n      className,\n    )}\n    {...props}\n  />\n));\nTableHead.displayName = 'TableHead';\n\nconst TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <TableCellPrimitive\n    ref={ref}\n    className={cn(\n      `\n        p-4 align-middle\n        [&:has([role=checkbox])]:pr-0\n      `,\n      className,\n    )}\n    {...props}\n  />\n));\nTableCell.displayName = 'TableCell';\n\nconst TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n  <TableCaptionPrimitive\n    ref={ref}\n    className={cn('mt-4 text-sm text-berget-table-caption-text', className)}\n    {...props}\n  />\n));\nTableCaption.displayName = 'TableCaption';\n\nexport { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };\n"],"mappings":";;;;;;AAeA,MAAM,QAAQ,MAAM,YACjB,EAAE,WAAW,GAAG,SAAS,QAAQ,oBAACA,SAAD;CAAqB;CAAgB;CAAW,GAAI;AAAQ,CAAA,CAChG;AACA,MAAM,cAAc;AAEpB,MAAM,cAAc,MAAM,YAGvB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAACC,eAAD;CACO;CACL,WAAW,GACT;;;SAIA,SACF;CACA,GAAI;AACL,CAAA,CACF;AACD,YAAY,cAAc;AAE1B,MAAM,YAAY,MAAM,YAGrB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAACC,aAAD;CACO;CACL,WAAW,GAAG,8BAA8B,SAAS;CACrD,GAAI;AACL,CAAA,CACF;AACD,UAAU,cAAc;AAExB,MAAM,cAAc,MAAM,YAGvB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAACC,eAAD;CACO;CACL,WAAW,GACT;;;;SAKA,SACF;CACA,GAAI;AACL,CAAA,CACF;AACD,YAAY,cAAc;AAE1B,MAAM,WAAW,MAAM,YACpB,EAAE,WAAW,GAAG,SAAS,QACxB,oBAACC,YAAD;CACO;CACL,WAAW,GACT;;;;WAKA,SACF;CACA,GAAI;AACL,CAAA,CAEL;AACA,SAAS,cAAc;AAEvB,MAAM,YAAY,MAAM,YAGrB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAACC,aAAD;CACO;CACL,WAAW,GACT;;;SAIA,SACF;CACA,GAAI;AACL,CAAA,CACF;AACD,UAAU,cAAc;AAExB,MAAM,YAAY,MAAM,YAGrB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAACC,aAAD;CACO;CACL,WAAW,GACT;;;SAIA,SACF;CACA,GAAI;AACL,CAAA,CACF;AACD,UAAU,cAAc;AAExB,MAAM,eAAe,MAAM,YAGxB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAACC,gBAAD;CACO;CACL,WAAW,GAAG,+CAA+C,SAAS;CACtE,GAAI;AACL,CAAA,CACF;AACD,aAAa,cAAc"}

package/dist/components/theme-provider/ThemeToggle.cjs

@@ -17,10 +17,16 @@ const ThemeToggle = react.forwardRef(({ className, label = "Toggle theme", size
 		onClick: toggle,
 		"aria-label": label,
 		title: `Toggle ${resolvedTheme === "dark" ? "light" : "dark"} mode`,
-		className: require_utils.cn("relative inline-flex items-center justify-center rounded-full cursor-pointer", "transition-colors duration-200", "hover:bg-berget-surface-hover", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-berget-ring", size === "sm" && "w-7 h-7", size === "md" && "w-9 h-9", size === "lg" && "w-11 h-11", className),
+		className: require_utils.cn(`
+            relative inline-flex cursor-pointer items-center justify-center
+            rounded-full
+          `, "transition-colors duration-200", "hover:bg-berget-surface-hover", `
+            focus-visible:ring-2 focus-visible:ring-berget-ring
+            focus-visible:outline-none
+          `, size === "sm" && "size-7", size === "md" && "size-9", size === "lg" && "size-11", className),
 		...props,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-			className: require_utils.cn("absolute transition-all duration-200", resolvedTheme === "dark" ? "opacity-100 scale-100 rotate-0" : "opacity-0 scale-0 -rotate-90", size === "sm" && "w-3.5 h-3.5", size === "md" && "w-4 h-4", size === "lg" && "w-5 h-5"),
+			className: require_utils.cn("absolute transition-all duration-200", resolvedTheme === "dark" ? "scale-100 rotate-0 opacity-100" : "scale-0 -rotate-90 opacity-0", size === "sm" && "size-3.5", size === "md" && "size-4", size === "lg" && "size-5"),
 			xmlns: "http://www.w3.org/2000/svg",
 			fill: "none",
 			viewBox: "0 0 24 24",
@@ -35,7 +41,7 @@ const ThemeToggle = react.forwardRef(({ className, label = "Toggle theme", size
 				d: "M12 2v2m0 16v2m9-10h-2M5 12H3m15.36 6.36-1.41-1.41M6.05 6.05 4.64 4.64m12.72 0-1.41 1.41M6.05 17.95l-1.41 1.41"
 			})]
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-			className: require_utils.cn("absolute transition-all duration-200", resolvedTheme === "light" ? "opacity-100 scale-100 rotate-0" : "opacity-0 scale-0 rotate-90", size === "sm" && "w-3.5 h-3.5", size === "md" && "w-4 h-4", size === "lg" && "w-5 h-5"),
+			className: require_utils.cn("absolute transition-all duration-200", resolvedTheme === "light" ? "scale-100 rotate-0 opacity-100" : "scale-0 rotate-90 opacity-0", size === "sm" && "size-3.5", size === "md" && "size-4", size === "lg" && "size-5"),
 			xmlns: "http://www.w3.org/2000/svg",
 			fill: "none",
 			viewBox: "0 0 24 24",

package/dist/components/theme-provider/ThemeToggle.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeToggle.cjs","names":["React","useTheme","cn"],"sources":["../../../src/components/theme-provider/ThemeToggle.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useTheme } from './ThemeProvider';\nimport { cn } from '../../lib/utils';\n\nexport interface ThemeToggleProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Accessible label for the toggle button */\n  label?: string;\n  /** Force a specific size class */\n  size?: 'sm' | 'md' | 'lg';\n}\n\nconst ThemeToggle = React.forwardRef<HTMLButtonElement, ThemeToggleProps>(\n  ({ className, label = 'Toggle theme', size = 'md', ...props }, ref) => {\n    const { theme, resolvedTheme, setTheme } = useTheme();\n\n    const toggle = React.useCallback(() => {\n      setTheme(theme === 'dark' ? 'light' : 'dark');\n    }, [theme, setTheme]);\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        onClick={toggle}\n        aria-label={label}\n        title={`Toggle ${resolvedTheme === 'dark' ? 'light' : 'dark'} mode`}\n        className={cn(\n          'relative inline-flex items-center justify-center rounded-full cursor-pointer',\n          'transition-colors duration-200',\n          'hover:bg-berget-surface-hover',\n          'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-berget-ring',\n          size === 'sm' && 'w-7 h-7',\n          size === 'md' && 'w-9 h-9',\n          size === 'lg' && 'w-11 h-11',\n          className,\n        )}\n        {...props}\n      >\n        {/* Sun */}\n        <svg\n          className={cn(\n            'absolute transition-all duration-200',\n            resolvedTheme === 'dark'\n              ? 'opacity-100 scale-100 rotate-0'\n              : 'opacity-0 scale-0 -rotate-90',\n            size === 'sm' && 'w-3.5 h-3.5',\n            size === 'md' && 'w-4 h-4',\n            size === 'lg' && 'w-5 h-5',\n          )}\n          xmlns=\"http://www.w3.org/2000/svg\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n          strokeWidth={2}\n        >\n          <circle cx=\"12\" cy=\"12\" r=\"4\" />\n          <path\n            strokeLinecap=\"round\"\n            d=\"M12 2v2m0 16v2m9-10h-2M5 12H3m15.36 6.36-1.41-1.41M6.05 6.05 4.64 4.64m12.72 0-1.41 1.41M6.05 17.95l-1.41 1.41\"\n          />\n        </svg>\n\n        {/* Moon */}\n        <svg\n          className={cn(\n            'absolute transition-all duration-200',\n            resolvedTheme === 'light'\n              ? 'opacity-100 scale-100 rotate-0'\n              : 'opacity-0 scale-0 rotate-90',\n            size === 'sm' && 'w-3.5 h-3.5',\n            size === 'md' && 'w-4 h-4',\n            size === 'lg' && 'w-5 h-5',\n          )}\n          xmlns=\"http://www.w3.org/2000/svg\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n          strokeWidth={2}\n        >\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            d=\"M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z\"\n          />\n        </svg>\n      </button>\n    );\n  },\n);\n\nThemeToggle.displayName = 'ThemeToggle';\n\nexport { ThemeToggle };\n"],"mappings":";;;;;;;;AAaA,MAAM,cAAcA,MAAM,YACvB,EAAE,WAAW,QAAQ,gBAAgB,OAAO,MAAM,GAAG,SAAS,QAAQ;CACrE,MAAM,EAAE,OAAO,eAAe,aAAaC,sBAAAA,SAAS;CAEpD,MAAM,SAASD,MAAM,kBAAkB;EACrC,SAAS,UAAU,SAAS,UAAU,MAAM;CAC9C,GAAG,CAAC,OAAO,QAAQ,CAAC;CAEpB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,UAAD;EACO;EACL,MAAK;EACL,SAAS;EACT,cAAY;EACZ,OAAO,UAAU,kBAAkB,SAAS,UAAU,OAAO;EAC7D,WAAWE,cAAAA,GACT,gFACA,kCACA,iCACA,kFACA,SAAS,QAAQ,WACjB,SAAS,QAAQ,WACjB,SAAS,QAAQ,aACjB,SACF;EACA,GAAI;EAhBN,UAAA,CAmBE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GACE,WAAWA,cAAAA,GACT,wCACA,kBAAkB,SACd,mCACA,gCACJ,SAAS,QAAQ,eACjB,SAAS,QAAQ,WACjB,SAAS,QAAQ,SACnB;GACA,OAAM;GACN,MAAK;GACL,SAAQ;GACR,QAAO;GACP,aAAa;GAdf,UAAA,CAgBE,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IAAQ,IAAG;IAAK,IAAG;IAAK,GAAE;GAAK,CAAA,GAC/B,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IACE,eAAc;IACd,GAAE;GACH,CAAA,CACE;EAGL,CAAA,GAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GACE,WAAWA,cAAAA,GACT,wCACA,kBAAkB,UACd,mCACA,+BACJ,SAAS,QAAQ,eACjB,SAAS,QAAQ,WACjB,SAAS,QAAQ,SACnB;GACA,OAAM;GACN,MAAK;GACL,SAAQ;GACR,QAAO;GACP,aAAa;GAEb,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IACE,eAAc;IACd,gBAAe;IACf,GAAE;GACH,CAAA;EACE,CAAA,CACC;;AAEZ,CACF;AAEA,YAAY,cAAc"}
+{"version":3,"file":"ThemeToggle.cjs","names":["React","useTheme","cn"],"sources":["../../../src/components/theme-provider/ThemeToggle.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useTheme } from './ThemeProvider';\nimport { cn } from '../../lib/utils';\n\nexport interface ThemeToggleProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Accessible label for the toggle button */\n  label?: string;\n  /** Force a specific size class */\n  size?: 'sm' | 'md' | 'lg';\n}\n\nconst ThemeToggle = React.forwardRef<HTMLButtonElement, ThemeToggleProps>(\n  ({ className, label = 'Toggle theme', size = 'md', ...props }, ref) => {\n    const { theme, resolvedTheme, setTheme } = useTheme();\n\n    const toggle = React.useCallback(() => {\n      setTheme(theme === 'dark' ? 'light' : 'dark');\n    }, [theme, setTheme]);\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        onClick={toggle}\n        aria-label={label}\n        title={`Toggle ${resolvedTheme === 'dark' ? 'light' : 'dark'} mode`}\n        className={cn(\n          `\n            relative inline-flex cursor-pointer items-center justify-center\n            rounded-full\n          `,\n          'transition-colors duration-200',\n          'hover:bg-berget-surface-hover',\n          `\n            focus-visible:ring-2 focus-visible:ring-berget-ring\n            focus-visible:outline-none\n          `,\n          size === 'sm' && 'size-7',\n          size === 'md' && 'size-9',\n          size === 'lg' && 'size-11',\n          className,\n        )}\n        {...props}\n      >\n        {/* Sun */}\n        <svg\n          className={cn(\n            'absolute transition-all duration-200',\n            resolvedTheme === 'dark'\n              ? 'scale-100 rotate-0 opacity-100'\n              : 'scale-0 -rotate-90 opacity-0',\n            size === 'sm' && 'size-3.5',\n            size === 'md' && 'size-4',\n            size === 'lg' && 'size-5',\n          )}\n          xmlns=\"http://www.w3.org/2000/svg\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n          strokeWidth={2}\n        >\n          <circle cx=\"12\" cy=\"12\" r=\"4\" />\n          <path\n            strokeLinecap=\"round\"\n            d=\"M12 2v2m0 16v2m9-10h-2M5 12H3m15.36 6.36-1.41-1.41M6.05 6.05 4.64 4.64m12.72 0-1.41 1.41M6.05 17.95l-1.41 1.41\"\n          />\n        </svg>\n\n        {/* Moon */}\n        <svg\n          className={cn(\n            'absolute transition-all duration-200',\n            resolvedTheme === 'light'\n              ? 'scale-100 rotate-0 opacity-100'\n              : 'scale-0 rotate-90 opacity-0',\n            size === 'sm' && 'size-3.5',\n            size === 'md' && 'size-4',\n            size === 'lg' && 'size-5',\n          )}\n          xmlns=\"http://www.w3.org/2000/svg\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n          strokeWidth={2}\n        >\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            d=\"M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z\"\n          />\n        </svg>\n      </button>\n    );\n  },\n);\n\nThemeToggle.displayName = 'ThemeToggle';\n\nexport { ThemeToggle };\n"],"mappings":";;;;;;;;AAaA,MAAM,cAAcA,MAAM,YACvB,EAAE,WAAW,QAAQ,gBAAgB,OAAO,MAAM,GAAG,SAAS,QAAQ;CACrE,MAAM,EAAE,OAAO,eAAe,aAAaC,sBAAAA,SAAS;CAEpD,MAAM,SAASD,MAAM,kBAAkB;EACrC,SAAS,UAAU,SAAS,UAAU,MAAM;CAC9C,GAAG,CAAC,OAAO,QAAQ,CAAC;CAEpB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,UAAD;EACO;EACL,MAAK;EACL,SAAS;EACT,cAAY;EACZ,OAAO,UAAU,kBAAkB,SAAS,UAAU,OAAO;EAC7D,WAAWE,cAAAA,GACT;;;aAIA,kCACA,iCACA;;;aAIA,SAAS,QAAQ,UACjB,SAAS,QAAQ,UACjB,SAAS,QAAQ,WACjB,SACF;EACA,GAAI;EAtBN,UAAA,CAyBE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GACE,WAAWA,cAAAA,GACT,wCACA,kBAAkB,SACd,mCACA,gCACJ,SAAS,QAAQ,YACjB,SAAS,QAAQ,UACjB,SAAS,QAAQ,QACnB;GACA,OAAM;GACN,MAAK;GACL,SAAQ;GACR,QAAO;GACP,aAAa;GAdf,UAAA,CAgBE,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IAAQ,IAAG;IAAK,IAAG;IAAK,GAAE;GAAK,CAAA,GAC/B,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IACE,eAAc;IACd,GAAE;GACH,CAAA,CACE;EAGL,CAAA,GAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GACE,WAAWA,cAAAA,GACT,wCACA,kBAAkB,UACd,mCACA,+BACJ,SAAS,QAAQ,YACjB,SAAS,QAAQ,UACjB,SAAS,QAAQ,QACnB;GACA,OAAM;GACN,MAAK;GACL,SAAQ;GACR,QAAO;GACP,aAAa;GAEb,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IACE,eAAc;IACd,gBAAe;IACf,GAAE;GACH,CAAA;EACE,CAAA,CACC;;AAEZ,CACF;AAEA,YAAY,cAAc"}

package/dist/components/theme-provider/ThemeToggle.mjs

@@ -15,10 +15,16 @@ const ThemeToggle = React.forwardRef(({ className, label = "Toggle theme", size
 		onClick: toggle,
 		"aria-label": label,
 		title: `Toggle ${resolvedTheme === "dark" ? "light" : "dark"} mode`,
-		className: cn("relative inline-flex items-center justify-center rounded-full cursor-pointer", "transition-colors duration-200", "hover:bg-berget-surface-hover", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-berget-ring", size === "sm" && "w-7 h-7", size === "md" && "w-9 h-9", size === "lg" && "w-11 h-11", className),
+		className: cn(`
+            relative inline-flex cursor-pointer items-center justify-center
+            rounded-full
+          `, "transition-colors duration-200", "hover:bg-berget-surface-hover", `
+            focus-visible:ring-2 focus-visible:ring-berget-ring
+            focus-visible:outline-none
+          `, size === "sm" && "size-7", size === "md" && "size-9", size === "lg" && "size-11", className),
 		...props,
 		children: [/* @__PURE__ */ jsxs("svg", {
-			className: cn("absolute transition-all duration-200", resolvedTheme === "dark" ? "opacity-100 scale-100 rotate-0" : "opacity-0 scale-0 -rotate-90", size === "sm" && "w-3.5 h-3.5", size === "md" && "w-4 h-4", size === "lg" && "w-5 h-5"),
+			className: cn("absolute transition-all duration-200", resolvedTheme === "dark" ? "scale-100 rotate-0 opacity-100" : "scale-0 -rotate-90 opacity-0", size === "sm" && "size-3.5", size === "md" && "size-4", size === "lg" && "size-5"),
 			xmlns: "http://www.w3.org/2000/svg",
 			fill: "none",
 			viewBox: "0 0 24 24",
@@ -33,7 +39,7 @@ const ThemeToggle = React.forwardRef(({ className, label = "Toggle theme", size
 				d: "M12 2v2m0 16v2m9-10h-2M5 12H3m15.36 6.36-1.41-1.41M6.05 6.05 4.64 4.64m12.72 0-1.41 1.41M6.05 17.95l-1.41 1.41"
 			})]
 		}), /* @__PURE__ */ jsx("svg", {
-			className: cn("absolute transition-all duration-200", resolvedTheme === "light" ? "opacity-100 scale-100 rotate-0" : "opacity-0 scale-0 rotate-90", size === "sm" && "w-3.5 h-3.5", size === "md" && "w-4 h-4", size === "lg" && "w-5 h-5"),
+			className: cn("absolute transition-all duration-200", resolvedTheme === "light" ? "scale-100 rotate-0 opacity-100" : "scale-0 rotate-90 opacity-0", size === "sm" && "size-3.5", size === "md" && "size-4", size === "lg" && "size-5"),
 			xmlns: "http://www.w3.org/2000/svg",
 			fill: "none",
 			viewBox: "0 0 24 24",

package/dist/components/theme-provider/ThemeToggle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeToggle.mjs","names":[],"sources":["../../../src/components/theme-provider/ThemeToggle.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useTheme } from './ThemeProvider';\nimport { cn } from '../../lib/utils';\n\nexport interface ThemeToggleProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Accessible label for the toggle button */\n  label?: string;\n  /** Force a specific size class */\n  size?: 'sm' | 'md' | 'lg';\n}\n\nconst ThemeToggle = React.forwardRef<HTMLButtonElement, ThemeToggleProps>(\n  ({ className, label = 'Toggle theme', size = 'md', ...props }, ref) => {\n    const { theme, resolvedTheme, setTheme } = useTheme();\n\n    const toggle = React.useCallback(() => {\n      setTheme(theme === 'dark' ? 'light' : 'dark');\n    }, [theme, setTheme]);\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        onClick={toggle}\n        aria-label={label}\n        title={`Toggle ${resolvedTheme === 'dark' ? 'light' : 'dark'} mode`}\n        className={cn(\n          'relative inline-flex items-center justify-center rounded-full cursor-pointer',\n          'transition-colors duration-200',\n          'hover:bg-berget-surface-hover',\n          'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-berget-ring',\n          size === 'sm' && 'w-7 h-7',\n          size === 'md' && 'w-9 h-9',\n          size === 'lg' && 'w-11 h-11',\n          className,\n        )}\n        {...props}\n      >\n        {/* Sun */}\n        <svg\n          className={cn(\n            'absolute transition-all duration-200',\n            resolvedTheme === 'dark'\n              ? 'opacity-100 scale-100 rotate-0'\n              : 'opacity-0 scale-0 -rotate-90',\n            size === 'sm' && 'w-3.5 h-3.5',\n            size === 'md' && 'w-4 h-4',\n            size === 'lg' && 'w-5 h-5',\n          )}\n          xmlns=\"http://www.w3.org/2000/svg\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n          strokeWidth={2}\n        >\n          <circle cx=\"12\" cy=\"12\" r=\"4\" />\n          <path\n            strokeLinecap=\"round\"\n            d=\"M12 2v2m0 16v2m9-10h-2M5 12H3m15.36 6.36-1.41-1.41M6.05 6.05 4.64 4.64m12.72 0-1.41 1.41M6.05 17.95l-1.41 1.41\"\n          />\n        </svg>\n\n        {/* Moon */}\n        <svg\n          className={cn(\n            'absolute transition-all duration-200',\n            resolvedTheme === 'light'\n              ? 'opacity-100 scale-100 rotate-0'\n              : 'opacity-0 scale-0 rotate-90',\n            size === 'sm' && 'w-3.5 h-3.5',\n            size === 'md' && 'w-4 h-4',\n            size === 'lg' && 'w-5 h-5',\n          )}\n          xmlns=\"http://www.w3.org/2000/svg\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n          strokeWidth={2}\n        >\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            d=\"M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z\"\n          />\n        </svg>\n      </button>\n    );\n  },\n);\n\nThemeToggle.displayName = 'ThemeToggle';\n\nexport { ThemeToggle };\n"],"mappings":";;;;;;AAaA,MAAM,cAAc,MAAM,YACvB,EAAE,WAAW,QAAQ,gBAAgB,OAAO,MAAM,GAAG,SAAS,QAAQ;CACrE,MAAM,EAAE,OAAO,eAAe,aAAa,SAAS;CAEpD,MAAM,SAAS,MAAM,kBAAkB;EACrC,SAAS,UAAU,SAAS,UAAU,MAAM;CAC9C,GAAG,CAAC,OAAO,QAAQ,CAAC;CAEpB,OACE,qBAAC,UAAD;EACO;EACL,MAAK;EACL,SAAS;EACT,cAAY;EACZ,OAAO,UAAU,kBAAkB,SAAS,UAAU,OAAO;EAC7D,WAAW,GACT,gFACA,kCACA,iCACA,kFACA,SAAS,QAAQ,WACjB,SAAS,QAAQ,WACjB,SAAS,QAAQ,aACjB,SACF;EACA,GAAI;EAhBN,UAAA,CAmBE,qBAAC,OAAD;GACE,WAAW,GACT,wCACA,kBAAkB,SACd,mCACA,gCACJ,SAAS,QAAQ,eACjB,SAAS,QAAQ,WACjB,SAAS,QAAQ,SACnB;GACA,OAAM;GACN,MAAK;GACL,SAAQ;GACR,QAAO;GACP,aAAa;GAdf,UAAA,CAgBE,oBAAC,UAAD;IAAQ,IAAG;IAAK,IAAG;IAAK,GAAE;GAAK,CAAA,GAC/B,oBAAC,QAAD;IACE,eAAc;IACd,GAAE;GACH,CAAA,CACE;EAGL,CAAA,GAAA,oBAAC,OAAD;GACE,WAAW,GACT,wCACA,kBAAkB,UACd,mCACA,+BACJ,SAAS,QAAQ,eACjB,SAAS,QAAQ,WACjB,SAAS,QAAQ,SACnB;GACA,OAAM;GACN,MAAK;GACL,SAAQ;GACR,QAAO;GACP,aAAa;GAEb,UAAA,oBAAC,QAAD;IACE,eAAc;IACd,gBAAe;IACf,GAAE;GACH,CAAA;EACE,CAAA,CACC;;AAEZ,CACF;AAEA,YAAY,cAAc"}
+{"version":3,"file":"ThemeToggle.mjs","names":[],"sources":["../../../src/components/theme-provider/ThemeToggle.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useTheme } from './ThemeProvider';\nimport { cn } from '../../lib/utils';\n\nexport interface ThemeToggleProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Accessible label for the toggle button */\n  label?: string;\n  /** Force a specific size class */\n  size?: 'sm' | 'md' | 'lg';\n}\n\nconst ThemeToggle = React.forwardRef<HTMLButtonElement, ThemeToggleProps>(\n  ({ className, label = 'Toggle theme', size = 'md', ...props }, ref) => {\n    const { theme, resolvedTheme, setTheme } = useTheme();\n\n    const toggle = React.useCallback(() => {\n      setTheme(theme === 'dark' ? 'light' : 'dark');\n    }, [theme, setTheme]);\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        onClick={toggle}\n        aria-label={label}\n        title={`Toggle ${resolvedTheme === 'dark' ? 'light' : 'dark'} mode`}\n        className={cn(\n          `\n            relative inline-flex cursor-pointer items-center justify-center\n            rounded-full\n          `,\n          'transition-colors duration-200',\n          'hover:bg-berget-surface-hover',\n          `\n            focus-visible:ring-2 focus-visible:ring-berget-ring\n            focus-visible:outline-none\n          `,\n          size === 'sm' && 'size-7',\n          size === 'md' && 'size-9',\n          size === 'lg' && 'size-11',\n          className,\n        )}\n        {...props}\n      >\n        {/* Sun */}\n        <svg\n          className={cn(\n            'absolute transition-all duration-200',\n            resolvedTheme === 'dark'\n              ? 'scale-100 rotate-0 opacity-100'\n              : 'scale-0 -rotate-90 opacity-0',\n            size === 'sm' && 'size-3.5',\n            size === 'md' && 'size-4',\n            size === 'lg' && 'size-5',\n          )}\n          xmlns=\"http://www.w3.org/2000/svg\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n          strokeWidth={2}\n        >\n          <circle cx=\"12\" cy=\"12\" r=\"4\" />\n          <path\n            strokeLinecap=\"round\"\n            d=\"M12 2v2m0 16v2m9-10h-2M5 12H3m15.36 6.36-1.41-1.41M6.05 6.05 4.64 4.64m12.72 0-1.41 1.41M6.05 17.95l-1.41 1.41\"\n          />\n        </svg>\n\n        {/* Moon */}\n        <svg\n          className={cn(\n            'absolute transition-all duration-200',\n            resolvedTheme === 'light'\n              ? 'scale-100 rotate-0 opacity-100'\n              : 'scale-0 rotate-90 opacity-0',\n            size === 'sm' && 'size-3.5',\n            size === 'md' && 'size-4',\n            size === 'lg' && 'size-5',\n          )}\n          xmlns=\"http://www.w3.org/2000/svg\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n          strokeWidth={2}\n        >\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            d=\"M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z\"\n          />\n        </svg>\n      </button>\n    );\n  },\n);\n\nThemeToggle.displayName = 'ThemeToggle';\n\nexport { ThemeToggle };\n"],"mappings":";;;;;;AAaA,MAAM,cAAc,MAAM,YACvB,EAAE,WAAW,QAAQ,gBAAgB,OAAO,MAAM,GAAG,SAAS,QAAQ;CACrE,MAAM,EAAE,OAAO,eAAe,aAAa,SAAS;CAEpD,MAAM,SAAS,MAAM,kBAAkB;EACrC,SAAS,UAAU,SAAS,UAAU,MAAM;CAC9C,GAAG,CAAC,OAAO,QAAQ,CAAC;CAEpB,OACE,qBAAC,UAAD;EACO;EACL,MAAK;EACL,SAAS;EACT,cAAY;EACZ,OAAO,UAAU,kBAAkB,SAAS,UAAU,OAAO;EAC7D,WAAW,GACT;;;aAIA,kCACA,iCACA;;;aAIA,SAAS,QAAQ,UACjB,SAAS,QAAQ,UACjB,SAAS,QAAQ,WACjB,SACF;EACA,GAAI;EAtBN,UAAA,CAyBE,qBAAC,OAAD;GACE,WAAW,GACT,wCACA,kBAAkB,SACd,mCACA,gCACJ,SAAS,QAAQ,YACjB,SAAS,QAAQ,UACjB,SAAS,QAAQ,QACnB;GACA,OAAM;GACN,MAAK;GACL,SAAQ;GACR,QAAO;GACP,aAAa;GAdf,UAAA,CAgBE,oBAAC,UAAD;IAAQ,IAAG;IAAK,IAAG;IAAK,GAAE;GAAK,CAAA,GAC/B,oBAAC,QAAD;IACE,eAAc;IACd,GAAE;GACH,CAAA,CACE;EAGL,CAAA,GAAA,oBAAC,OAAD;GACE,WAAW,GACT,wCACA,kBAAkB,UACd,mCACA,+BACJ,SAAS,QAAQ,YACjB,SAAS,QAAQ,UACjB,SAAS,QAAQ,QACnB;GACA,OAAM;GACN,MAAK;GACL,SAAQ;GACR,QAAO;GACP,aAAa;GAEb,UAAA,oBAAC,QAAD;IACE,eAAc;IACd,gBAAe;IACf,GAAE;GACH,CAAA;EACE,CAAA,CACC;;AAEZ,CACF;AAEA,YAAY,cAAc"}

package/dist/components/tooltip/Tooltip.d.cts

@@ -8,7 +8,7 @@ export type TooltipTriggerProps = Omit<React.ComponentProps<typeof TooltipTrigge
 };
 declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<TooltipTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export type TooltipContentProps = React.ComponentProps<typeof TooltipContent$1>;
-declare const TooltipContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").TooltipPopupProps & Pick<import("@base-ui/react").TooltipPositionerProps, "align" | "alignOffset" | "side" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").TooltipPopupProps & Pick<import("@base-ui/react").TooltipPositionerProps, "side" | "align" | "alignOffset" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
 //# sourceMappingURL=Tooltip.d.cts.map

package/dist/components/tooltip/Tooltip.d.mts

@@ -8,7 +8,7 @@ export type TooltipTriggerProps = Omit<React.ComponentProps<typeof TooltipTrigge
 };
 declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<TooltipTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export type TooltipContentProps = React.ComponentProps<typeof TooltipContent$1>;
-declare const TooltipContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").TooltipPopupProps & Pick<import("@base-ui/react").TooltipPositionerProps, "align" | "alignOffset" | "side" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").TooltipPopupProps & Pick<import("@base-ui/react").TooltipPositionerProps, "side" | "align" | "alignOffset" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
 //# sourceMappingURL=Tooltip.d.mts.map

package/dist/components/typography/Typography.cjs

@@ -8,19 +8,25 @@ let react_jsx_runtime = require("react/jsx-runtime");
 const typographyVariants = (0, require("class-variance-authority").cva)("", {
 	variants: {
 		variant: {
-			h1: "text-h1 font-h1 leading-h1 tracking-h1 text-balance",
-			hero: "text-hero font-hero leading-hero tracking-hero text-balance font-normal [font-feature-settings:'normal']",
-			h2: "text-h2 font-h2 leading-h2 tracking-h2 text-balance",
-			h3: "text-h3 font-h3 leading-h3 tracking-h3 text-balance",
-			h4: "text-h4 font-h4 leading-h4 tracking-h4 text-balance",
-			h5: "text-xl font-xl leading-xl text-balance",
-			large: "text-lg font-lg leading-lg text-pretty",
-			body: "text-p font-p leading-p text-pretty",
-			small: "text-sm font-sm leading-sm text-pretty",
-			xs: "text-xs font-xs leading-xs text-pretty",
-			caption: "text-caption font-caption leading-caption tracking-caption text-pretty font-semibold uppercase",
-			mono: "text-mono font-mono leading-mono text-pretty",
-			code: "text-xs font-mono"
+			h1: "font-h1 text-h1/h1 tracking-h1 text-balance",
+			hero: `
+        font-hero font-features-['normal'] text-hero/hero font-normal
+        tracking-hero text-balance
+      `,
+			h2: "font-h2 text-h2/h2 tracking-h2 text-balance",
+			h3: "font-h3 text-h3/tight tracking-h3 text-balance",
+			h4: "font-h4 text-h4/h4 tracking-h4 text-balance",
+			h5: "font-xl text-xl/h2 text-balance",
+			large: "font-lg text-lg/p text-pretty",
+			body: "font-p text-base/p text-pretty",
+			small: "font-sm text-caption/p text-pretty",
+			xs: "font-xs text-xs/p text-pretty",
+			caption: `
+        font-caption text-caption/h2 font-semibold tracking-caption text-pretty
+        uppercase
+      `,
+			mono: "font-mono text-base/p text-pretty",
+			code: "font-mono text-xs"
 		},
 		color: {
 			default: "text-berget-foreground",

package/dist/components/typography/Typography.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.cjs","names":["cva","React","cn"],"sources":["../../../src/components/typography/Typography.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 typographyVariants = cva('', {\n  variants: {\n    variant: {\n      // Fluid heading scale — use @theme tokens (clamp-based, 390px → 1440px)\n      h1: 'text-h1 font-h1 leading-h1 tracking-h1 text-balance',\n      // Hero display — from landing-page /dedicated-inference hero (Ovo, 400, tight display leading)\n      hero: \"text-hero font-hero leading-hero tracking-hero text-balance font-normal [font-feature-settings:'normal']\",\n      h2: 'text-h2 font-h2 leading-h2 tracking-h2 text-balance',\n      h3: 'text-h3 font-h3 leading-h3 tracking-h3 text-balance',\n      h4: 'text-h4 font-h4 leading-h4 tracking-h4 text-balance',\n      // Static sans-serif sub-heading\n      h5: 'text-xl font-xl leading-xl text-balance',\n      // Body and UI text — use @theme tokens where available\n      large: 'text-lg font-lg leading-lg text-pretty',\n      body: 'text-p font-p leading-p text-pretty',\n      small: 'text-sm font-sm leading-sm text-pretty',\n      xs: 'text-xs font-xs leading-xs text-pretty',\n      // Caption / overline / eyebrow (DM Sans, Semibold, uppercase)\n      caption:\n        'text-caption font-caption leading-caption tracking-caption text-pretty font-semibold uppercase',\n      // Monospaced — use @theme token\n      mono: 'text-mono font-mono leading-mono text-pretty',\n      // Inline code / spec labels\n      code: 'text-xs font-mono',\n    },\n    color: {\n      default: 'text-berget-foreground',\n      muted: 'text-berget-muted-foreground',\n      dim: 'text-berget-foreground/65',\n      primary: 'text-berget-primary',\n    },\n  },\n  defaultVariants: {\n    variant: 'body',\n    color: 'default',\n  },\n});\n\nconst defaultElementMap: Record<string, 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'span'> = {\n  hero: 'h1',\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  large: 'p',\n  body: 'p',\n  small: 'p',\n  xs: 'p',\n  caption: 'span',\n  mono: 'p',\n  code: 'span',\n};\n\nexport interface TypographyProps\n  extends\n    Omit<React.HTMLAttributes<HTMLElement>, 'color'>,\n    VariantProps<typeof typographyVariants> {\n  as?: React.ElementType;\n}\n\nconst Typography = React.forwardRef<HTMLElement, TypographyProps>(\n  ({ className, variant = 'body', color = 'default', as, children, ...props }, ref) => {\n    const Component = (as ?? defaultElementMap[variant ?? 'body'] ?? 'p') as\n      | 'h1'\n      | 'h2'\n      | 'h3'\n      | 'h4'\n      | 'h5'\n      | 'p'\n      | 'span';\n    return (\n      <Component\n        className={cn(typographyVariants({ variant, color }), className)}\n        ref={ref as any}\n        {...(props as any)}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nTypography.displayName = 'Typography';\n\nexport { Typography, typographyVariants };\n"],"mappings":";;;;;;;AAMA,MAAM,sBAAA,G,kCAAqBA,CAAAA,CAAAA,IAAAA,CAAI,IAAI;CACjC,UAAU;EACR,SAAS;GAEP,IAAI;GAEJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GAEJ,IAAI;GAEJ,OAAO;GACP,MAAM;GACN,OAAO;GACP,IAAI;GAEJ,SACE;GAEF,MAAM;GAEN,MAAM;EACR;EACA,OAAO;GACL,SAAS;GACT,OAAO;GACP,KAAK;GACL,SAAS;EACX;CACF;CACA,iBAAiB;EACf,SAAS;EACT,OAAO;CACT;AACF,CAAC;AAED,MAAM,oBAAqF;CACzF,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,MAAM;CACN,OAAO;CACP,IAAI;CACJ,SAAS;CACT,MAAM;CACN,MAAM;AACR;AASA,MAAM,aAAaC,MAAM,YACtB,EAAE,WAAW,UAAU,QAAQ,QAAQ,WAAW,IAAI,UAAU,GAAG,SAAS,QAAQ;CACnF,MAAM,YAAa,MAAM,kBAAkB,WAAW,WAAW;CAQjE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;EACE,WAAWC,cAAAA,GAAG,mBAAmB;GAAE;GAAS;EAAM,CAAC,GAAG,SAAS;EAC1D;EACL,GAAK;EAEJ;CACQ,CAAA;AAEf,CACF;AACA,WAAW,cAAc"}
+{"version":3,"file":"Typography.cjs","names":["cva","React","cn"],"sources":["../../../src/components/typography/Typography.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 typographyVariants = cva('', {\n  variants: {\n    variant: {\n      // Fluid heading scale — use @theme tokens (clamp-based, 390px → 1440px)\n      h1: 'font-h1 text-h1/h1 tracking-h1 text-balance',\n      // Hero display — from landing-page /dedicated-inference hero (Ovo, 400, tight display leading)\n      hero: `\n        font-hero font-features-['normal'] text-hero/hero font-normal\n        tracking-hero text-balance\n      `,\n      h2: 'font-h2 text-h2/h2 tracking-h2 text-balance',\n      h3: 'font-h3 text-h3/tight tracking-h3 text-balance',\n      h4: 'font-h4 text-h4/h4 tracking-h4 text-balance',\n      // Static sans-serif sub-heading\n      h5: 'font-xl text-xl/h2 text-balance',\n      // Body and UI text — use @theme tokens where available\n      large: 'font-lg text-lg/p text-pretty',\n      body: 'font-p text-base/p text-pretty',\n      small: 'font-sm text-caption/p text-pretty',\n      xs: 'font-xs text-xs/p text-pretty',\n      // Caption / overline / eyebrow (DM Sans, Semibold, uppercase)\n      caption: `\n        font-caption text-caption/h2 font-semibold tracking-caption text-pretty\n        uppercase\n      `,\n      // Monospaced — use @theme token\n      mono: 'font-mono text-base/p text-pretty',\n      // Inline code / spec labels\n      code: 'font-mono text-xs',\n    },\n    color: {\n      default: 'text-berget-foreground',\n      muted: 'text-berget-muted-foreground',\n      dim: 'text-berget-foreground/65',\n      primary: 'text-berget-primary',\n    },\n  },\n  defaultVariants: {\n    variant: 'body',\n    color: 'default',\n  },\n});\n\nconst defaultElementMap: Record<string, 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'span'> = {\n  hero: 'h1',\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  large: 'p',\n  body: 'p',\n  small: 'p',\n  xs: 'p',\n  caption: 'span',\n  mono: 'p',\n  code: 'span',\n};\n\nexport interface TypographyProps\n  extends\n    Omit<React.HTMLAttributes<HTMLElement>, 'color'>,\n    VariantProps<typeof typographyVariants> {\n  as?: React.ElementType;\n}\n\nconst Typography = React.forwardRef<HTMLElement, TypographyProps>(\n  ({ className, variant = 'body', color = 'default', as, children, ...props }, ref) => {\n    const Component = (as ?? defaultElementMap[variant ?? 'body'] ?? 'p') as\n      | 'h1'\n      | 'h2'\n      | 'h3'\n      | 'h4'\n      | 'h5'\n      | 'p'\n      | 'span';\n    return (\n      <Component\n        className={cn(typographyVariants({ variant, color }), className)}\n        ref={ref as any}\n        {...(props as any)}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nTypography.displayName = 'Typography';\n\nexport { Typography, typographyVariants };\n"],"mappings":";;;;;;;AAMA,MAAM,sBAAA,G,kCAAqBA,CAAAA,CAAAA,IAAAA,CAAI,IAAI;CACjC,UAAU;EACR,SAAS;GAEP,IAAI;GAEJ,MAAM;;;;GAIN,IAAI;GACJ,IAAI;GACJ,IAAI;GAEJ,IAAI;GAEJ,OAAO;GACP,MAAM;GACN,OAAO;GACP,IAAI;GAEJ,SAAS;;;;GAKT,MAAM;GAEN,MAAM;EACR;EACA,OAAO;GACL,SAAS;GACT,OAAO;GACP,KAAK;GACL,SAAS;EACX;CACF;CACA,iBAAiB;EACf,SAAS;EACT,OAAO;CACT;AACF,CAAC;AAED,MAAM,oBAAqF;CACzF,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,MAAM;CACN,OAAO;CACP,IAAI;CACJ,SAAS;CACT,MAAM;CACN,MAAM;AACR;AASA,MAAM,aAAaC,MAAM,YACtB,EAAE,WAAW,UAAU,QAAQ,QAAQ,WAAW,IAAI,UAAU,GAAG,SAAS,QAAQ;CACnF,MAAM,YAAa,MAAM,kBAAkB,WAAW,WAAW;CAQjE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;EACE,WAAWC,cAAAA,GAAG,mBAAmB;GAAE;GAAS;EAAM,CAAC,GAAG,SAAS;EAC1D;EACL,GAAK;EAEJ;CACQ,CAAA;AAEf,CACF;AACA,WAAW,cAAc"}

package/dist/components/typography/Typography.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.d.cts","names":[],"sources":["../../../src/components/typography/Typography.tsx"],"mappings":";;;cAMM,qBAAkB;;;6CAoCtB;iBAkBe,wBAEb,KAAK,MAAM,eAAe,wBAC1B,oBAAoB;EACtB,KAAK,MAAM;;cAGP,YAAU,MAAA,0BAAA,kBAAA,MAAA,cAAA"}
+{"version":3,"file":"Typography.d.cts","names":[],"sources":["../../../src/components/typography/Typography.tsx"],"mappings":";;;cAMM,qBAAkB;;;6CAyCtB;iBAkBe,wBAEb,KAAK,MAAM,eAAe,wBAC1B,oBAAoB;EACtB,KAAK,MAAM;;cAGP,YAAU,MAAA,0BAAA,kBAAA,MAAA,cAAA"}

package/dist/components/typography/Typography.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.d.mts","names":[],"sources":["../../../src/components/typography/Typography.tsx"],"mappings":";;;cAMM,qBAAkB;;;6CAoCtB;iBAkBe,wBAEb,KAAK,MAAM,eAAe,wBAC1B,oBAAoB;EACtB,KAAK,MAAM;;cAGP,YAAU,MAAA,0BAAA,kBAAA,MAAA,cAAA"}
+{"version":3,"file":"Typography.d.mts","names":[],"sources":["../../../src/components/typography/Typography.tsx"],"mappings":";;;cAMM,qBAAkB;;;6CAyCtB;iBAkBe,wBAEb,KAAK,MAAM,eAAe,wBAC1B,oBAAoB;EACtB,KAAK,MAAM;;cAGP,YAAU,MAAA,0BAAA,kBAAA,MAAA,cAAA"}