@bergetai/ui 0.14.2 → 0.16.0

package/dist/components/badge/Badge.cjs

@@ -0,0 +1,57 @@
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils = require("../../lib/utils.cjs");
+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", {
+	variants: {
+		variant: {
+			default: "",
+			tag: "",
+			semantic: ""
+		},
+		status: {
+			default: "bg-berget-badge-default-bg text-berget-badge-default-fg",
+			active: "bg-berget-badge-active-bg text-berget-badge-active-fg",
+			info: "bg-berget-badge-info-bg text-berget-badge-info-fg",
+			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",
+			tagGhost: "bg-berget-badge-tag-ghost-bg text-berget-badge-tag-ghost-fg"
+		},
+		size: {
+			sm: "",
+			md: ""
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		status: "default",
+		size: "md"
+	}
+});
+const Badge = react.forwardRef(({ className, variant, status, size, icon, iconGap = 2, children, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: require_utils.cn(badgeVariants({
+			variant,
+			status,
+			size
+		}), className),
+		ref,
+		...props,
+		children: [icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			style: { marginRight: children ? `${iconGap * .25}rem` : "0" },
+			children: icon
+		}), children]
+	});
+});
+Badge.displayName = "Badge";
+//#endregion
+exports.Badge = Badge;
+exports.badgeVariants = badgeVariants;
+
+//# sourceMappingURL=Badge.cjs.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/components/badge/Badge.d.ts
+declare const badgeVariants: (props?: ({
+  variant?: "default" | "tag" | "semantic" | null | undefined;
+  status?: "error" | "info" | "default" | "active" | "success" | "warning" | "tagDefault" | "tagActive" | "tagGhost" | null | undefined;
+  size?: "sm" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+  icon?: React.ReactNode;
+  iconGap?: number;
+}
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Badge, badgeVariants };
+//# sourceMappingURL=Badge.d.cts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/components/badge/Badge.d.ts
+declare const badgeVariants: (props?: ({
+  variant?: "default" | "tag" | "semantic" | null | undefined;
+  status?: "error" | "info" | "default" | "active" | "success" | "warning" | "tagDefault" | "tagActive" | "tagGhost" | null | undefined;
+  size?: "sm" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+  icon?: React.ReactNode;
+  iconGap?: number;
+}
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Badge, badgeVariants };
+//# sourceMappingURL=Badge.d.mts.map

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

@@ -0,0 +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"}

package/dist/components/badge/Badge.mjs

@@ -0,0 +1,55 @@
+"use client";
+import { cn } from "../../lib/utils.mjs";
+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", {
+	variants: {
+		variant: {
+			default: "",
+			tag: "",
+			semantic: ""
+		},
+		status: {
+			default: "bg-berget-badge-default-bg text-berget-badge-default-fg",
+			active: "bg-berget-badge-active-bg text-berget-badge-active-fg",
+			info: "bg-berget-badge-info-bg text-berget-badge-info-fg",
+			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",
+			tagGhost: "bg-berget-badge-tag-ghost-bg text-berget-badge-tag-ghost-fg"
+		},
+		size: {
+			sm: "",
+			md: ""
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		status: "default",
+		size: "md"
+	}
+});
+const Badge = React.forwardRef(({ className, variant, status, size, icon, iconGap = 2, children, ...props }, ref) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn(badgeVariants({
+			variant,
+			status,
+			size
+		}), className),
+		ref,
+		...props,
+		children: [icon && /* @__PURE__ */ jsx("div", {
+			style: { marginRight: children ? `${iconGap * .25}rem` : "0" },
+			children: icon
+		}), children]
+	});
+});
+Badge.displayName = "Badge";
+//#endregion
+export { Badge, badgeVariants };
+
+//# sourceMappingURL=Badge.mjs.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,2 @@
+import { Badge, BadgeProps, badgeVariants } from "./Badge.cjs";
+export { Badge, type BadgeProps, badgeVariants };

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

@@ -0,0 +1,2 @@
+import { Badge, BadgeProps, badgeVariants } from "./Badge.mjs";
+export { Badge, type BadgeProps, badgeVariants };

package/dist/components/berget-logo/BergetLogo.cjs

@@ -0,0 +1,87 @@
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils = require("../../lib/utils.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/berget-logo/BergetLogo.tsx
+const BergetLogo = react.forwardRef(({ variant = "logotype", color = "auto", size = 48, className, ...props }, ref) => {
+	const fillColor = color === "auto" ? "var(--berget-logo-light)" : color === "white" ? "var(--berget-logo-light)" : "var(--berget-logo-dark)";
+	if (variant === "symbol") {
+		const width = size * (428 / 386);
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+			ref,
+			width,
+			height: size,
+			viewBox: "18 17 428 386",
+			fill: "none",
+			xmlns: "http://www.w3.org/2000/svg",
+			role: "img",
+			"aria-label": "Berget symbol",
+			className: require_utils.cn("inline-block", className),
+			...props,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M208.739 17L255.261 17L446 403L398 403L313.5 255L261.5 176L233.163 96.1677L237.815 98.6522H226.185L230.837 96.1677L113 331L64.5 403L18 403L208.739 17Z",
+				style: { fill: fillColor }
+			})
+		});
+	}
+	const width = size * (793.63 / 204.37);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+		ref,
+		width,
+		height: size,
+		viewBox: "0 0 793.63 204.37",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		role: "img",
+		"aria-label": "Berget",
+		className: require_utils.cn("inline-block", className),
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("g", {
+			style: { fill: fillColor },
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					className: "berget-logotype-fill",
+					d: "M268.78,172.54v-96.04h37.74c10.39,0,18.26,2.33,23.6,7,5.33,4.67,8.01,10.52,8.01,17.56,0,6.13-1.72,11-5.15,14.61-3.43,3.61-7.58,6.06-12.44,7.34,3.81.73,7.22,2.2,10.22,4.39,3.01,2.2,5.36,4.94,7.08,8.23,1.72,3.29,2.58,6.86,2.58,10.7,0,4.94-1.27,9.4-3.79,13.38-2.53,3.98-6.22,7.11-11.08,9.4-4.86,2.29-10.82,3.43-17.87,3.43h-38.89ZM283.93,117.66h20.74c5.81,0,10.24-1.3,13.29-3.91,3.05-2.61,4.58-6.19,4.58-10.77s-1.51-8.05-4.51-10.7c-3-2.65-7.55-3.98-13.65-3.98h-20.45v29.36ZM283.93,160.61h21.74c6.1,0,10.84-1.37,14.22-4.11,3.38-2.75,5.08-6.59,5.08-11.53s-1.76-8.85-5.29-11.73-8.29-4.32-14.3-4.32h-21.45v31.69Z"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					className: "berget-logotype-fill",
+					d: "M382.45,174.19c-6.96,0-13.13-1.49-18.52-4.46-5.39-2.97-9.6-7.11-12.65-12.42-3.05-5.3-4.57-11.48-4.57-18.52s1.5-13.4,4.5-18.79,7.19-9.61,12.58-12.62c5.39-3.02,11.65-4.53,18.81-4.53s13,1.48,18.15,4.46c5.15,2.97,9.16,6.93,12.01,11.87,2.86,4.94,4.29,10.38,4.29,16.33,0,.92-.02,1.9-.07,2.95-.05,1.05-.12,2.22-.22,3.5h-55.19c.48,6.59,2.75,11.59,6.79,15.02,4.05,3.43,8.75,5.14,14.09,5.14,4.29,0,7.89-.93,10.79-2.81,2.91-1.88,5.08-4.41,6.51-7.61h15.16c-1.91,6.4-5.7,11.75-11.37,16.05-5.68,4.3-12.71,6.45-21.09,6.45ZM382.45,114.78c-5.05,0-9.54,1.44-13.44,4.32-3.91,2.88-6.29,7.2-7.15,12.97h40.04c-.29-5.3-2.24-9.51-5.87-12.62-3.62-3.11-8.15-4.67-13.58-4.67Z"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					className: "berget-logotype-fill",
+					d: "M425.62,172.54v-68.05h13.59l1.29,12.9c2.47-4.48,5.93-8.03,10.37-10.63,4.43-2.61,9.79-3.91,16.08-3.91v15.23h-4.15c-4.19,0-7.93.67-11.22,1.99-3.29,1.33-5.91,3.57-7.86,6.72-1.96,3.16-2.93,7.53-2.93,13.1v32.65h-15.16Z"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					className: "berget-logotype-fill",
+					d: "M500.25,151.69c-3.72,0-7.14-.41-10.29-1.24l-6.15,5.76c1.05.64,2.34,1.19,3.86,1.65,1.52.46,3.66.87,6.43,1.23,2.76.37,6.53.73,11.29,1.1,9.43.82,16.25,3,20.44,6.52,4.2,3.52,6.29,8.21,6.29,14.06,0,4.02-1.12,7.84-3.35,11.45-2.24,3.61-5.72,6.54-10.44,8.78s-10.74,3.36-18.09,3.36c-9.91,0-17.94-1.8-24.09-5.42-6.15-3.62-9.22-9.08-9.22-16.4,0-2.84.78-5.65,2.35-8.44,1.57-2.79,4.08-5.42,7.51-7.89-2-.83-3.74-1.72-5.22-2.68-1.48-.96-2.79-1.94-3.94-2.95v-3.29l12.3-12.07c-5.53-4.57-8.29-10.56-8.29-17.97,0-4.48,1.12-8.58,3.36-12.28,2.24-3.7,5.5-6.65,9.79-8.85,4.29-2.2,9.43-3.29,15.44-3.29,4.01,0,7.72.55,11.15,1.64h26.45v9.6l-12.58.69c2.28,3.75,3.43,7.91,3.43,12.49s-1.13,8.69-3.36,12.35c-2.24,3.66-5.48,6.59-9.72,8.78-4.25,2.2-9.37,3.29-15.37,3.29ZM481.24,181.19c0,3.93,1.81,6.88,5.44,8.85,3.62,1.97,8.15,2.95,13.58,2.95s9.48-1.07,12.72-3.22c3.24-2.15,4.86-5,4.86-8.57,0-2.65-1.09-4.92-3.29-6.79-2.19-1.87-6.34-3.04-12.44-3.5-4.57-.27-8.63-.68-12.15-1.23-3.34,1.74-5.63,3.61-6.86,5.63-1.25,2.01-1.86,3.98-1.86,5.9ZM500.25,140.3c4.38,0,7.93-1.12,10.66-3.36,2.71-2.24,4.07-5.42,4.07-9.53s-1.36-7.41-4.07-9.6c-2.72-2.2-6.27-3.29-10.66-3.29s-8.08,1.1-10.79,3.29c-2.71,2.2-4.08,5.4-4.08,9.6s1.36,7.3,4.08,9.53c2.71,2.24,6.31,3.36,10.79,3.36Z"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					className: "berget-logotype-fill",
+					d: "M574.61,174.19c-6.96,0-13.13-1.49-18.52-4.46-5.39-2.97-9.6-7.11-12.65-12.42-3.05-5.3-4.57-11.48-4.57-18.52s1.5-13.4,4.5-18.79c3-5.4,7.19-9.61,12.58-12.62c5.39-3.02,11.65-4.53,18.81-4.53s13,1.48,18.15,4.46c5.15,2.97,9.16,6.93,12.01,11.87,2.86,4.94,4.29,10.38,4.29,16.33,0,.92-.02,1.9-.07,2.95-.05,1.05-.12,2.22-.22,3.5h-55.19c.48,6.59,2.75,11.59,6.79,15.02,4.05,3.43,8.75,5.14,14.09,5.14,4.29,0,7.89-.93,10.79-2.81s5.08-4.41,6.51-7.61h15.16c-1.91,6.4-5.7,11.75-11.37,16.05-5.68,4.3-12.71,6.45-21.09,6.45ZM574.61,114.78c-5.05,0-9.54,1.44-13.44,4.32-3.91,2.88-6.29,7.2-7.15,12.97h40.04c-.29-5.3-2.24-9.51-5.87-12.62-3.62-3.11-8.15-4.67-13.58-4.67Z"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					className: "berget-logotype-fill",
+					d: "M646.23,172.54c-6.96,0-12.49-1.62-16.59-4.87-4.1-3.25-6.15-9.03-6.15-17.36v-33.61h-12.16v-12.21h12.16l1.86-17.29h13.29v17.29h20.02v12.21h-20.02v33.61c0,3.75.84,6.33,2.51,7.75,1.67,1.42,4.55,2.13,8.65,2.13h8.14v12.35h-11.72Z"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					className: "berget-logotype-fill",
+					d: "M684.4,172.54l36.89-96.04h16.59l36.6,96.04h-16.01l-8.58-23.46h-40.88l-8.58,23.46h-16.01ZM713.28,137.56h32.31l-16.16-43.77-16.16,43.77Z"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					className: "berget-logotype-fill",
+					d: "M778.48,172.54v-96.04h15.15v96.04h-15.15Z"
+				})
+			]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			style: { fill: fillColor },
+			d: "M99.9,0h24.37l99.9,202.18h-25.14l-44.26-77.52-27.24-41.38-14.84-41.81,2.44,1.3h-6.09l2.44-1.3-61.72,123-25.4,37.71H0L99.9,0Z"
+		})]
+	});
+});
+BergetLogo.displayName = "BergetLogo";
+//#endregion
+exports.BergetLogo = BergetLogo;
+
+//# sourceMappingURL=BergetLogo.cjs.map

package/dist/components/berget-logo/BergetLogo.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BergetLogo.cjs","names":["React","height","cn"],"sources":["../../../src/components/berget-logo/BergetLogo.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\n\nexport interface BergetLogoProps extends React.SVGAttributes<SVGSVGElement> {\n  /** Shape variant */\n  variant?: 'logotype' | 'symbol';\n  /** Fill color — `auto` follows the theme via CSS variables */\n  color?: 'white' | 'black' | 'auto';\n  /** Size (height) in pixels */\n  size?: number;\n}\n\nconst BergetLogo = React.forwardRef<SVGSVGElement, BergetLogoProps>(\n  ({ variant = 'logotype', color = 'auto', size = 48, className, ...props }, ref) => {\n    const fillColor =\n      color === 'auto'\n        ? 'var(--berget-logo-light)'\n        : color === 'white'\n          ? 'var(--berget-logo-light)'\n          : 'var(--berget-logo-dark)';\n\n    if (variant === 'symbol') {\n      // viewBox cropped to the glyph ink (y 17-403, x 18-446 of the original\n      // 463x419 art) so that `size` means glyph height, matching the logotype\n      // variant whose viewBox hugs its glyph. Without this the symbol renders\n      // ~7% smaller than the logotype at the same size.\n      const aspectRatio = 428 / 386;\n      const width = size * aspectRatio;\n      const height = size;\n\n      return (\n        <svg\n          ref={ref}\n          width={width}\n          height={height}\n          viewBox=\"18 17 428 386\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          role=\"img\"\n          aria-label=\"Berget symbol\"\n          className={cn('inline-block', className)}\n          {...props}\n        >\n          <path\n            d=\"M208.739 17L255.261 17L446 403L398 403L313.5 255L261.5 176L233.163 96.1677L237.815 98.6522H226.185L230.837 96.1677L113 331L64.5 403L18 403L208.739 17Z\"\n            style={{ fill: fillColor }}\n          />\n        </svg>\n      );\n    }\n\n    // variant === 'logotype'\n    const aspectRatio = 793.63 / 204.37;\n    const width = size * aspectRatio;\n    const height = size;\n\n    return (\n      <svg\n        ref={ref}\n        width={width}\n        height={height}\n        viewBox=\"0 0 793.63 204.37\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        role=\"img\"\n        aria-label=\"Berget\"\n        className={cn('inline-block', className)}\n        {...props}\n      >\n        <g style={{ fill: fillColor }}>\n          <path\n            className=\"berget-logotype-fill\"\n            d=\"M268.78,172.54v-96.04h37.74c10.39,0,18.26,2.33,23.6,7,5.33,4.67,8.01,10.52,8.01,17.56,0,6.13-1.72,11-5.15,14.61-3.43,3.61-7.58,6.06-12.44,7.34,3.81.73,7.22,2.2,10.22,4.39,3.01,2.2,5.36,4.94,7.08,8.23,1.72,3.29,2.58,6.86,2.58,10.7,0,4.94-1.27,9.4-3.79,13.38-2.53,3.98-6.22,7.11-11.08,9.4-4.86,2.29-10.82,3.43-17.87,3.43h-38.89ZM283.93,117.66h20.74c5.81,0,10.24-1.3,13.29-3.91,3.05-2.61,4.58-6.19,4.58-10.77s-1.51-8.05-4.51-10.7c-3-2.65-7.55-3.98-13.65-3.98h-20.45v29.36ZM283.93,160.61h21.74c6.1,0,10.84-1.37,14.22-4.11,3.38-2.75,5.08-6.59,5.08-11.53s-1.76-8.85-5.29-11.73-8.29-4.32-14.3-4.32h-21.45v31.69Z\"\n          />\n          <path\n            className=\"berget-logotype-fill\"\n            d=\"M382.45,174.19c-6.96,0-13.13-1.49-18.52-4.46-5.39-2.97-9.6-7.11-12.65-12.42-3.05-5.3-4.57-11.48-4.57-18.52s1.5-13.4,4.5-18.79,7.19-9.61,12.58-12.62c5.39-3.02,11.65-4.53,18.81-4.53s13,1.48,18.15,4.46c5.15,2.97,9.16,6.93,12.01,11.87,2.86,4.94,4.29,10.38,4.29,16.33,0,.92-.02,1.9-.07,2.95-.05,1.05-.12,2.22-.22,3.5h-55.19c.48,6.59,2.75,11.59,6.79,15.02,4.05,3.43,8.75,5.14,14.09,5.14,4.29,0,7.89-.93,10.79-2.81,2.91-1.88,5.08-4.41,6.51-7.61h15.16c-1.91,6.4-5.7,11.75-11.37,16.05-5.68,4.3-12.71,6.45-21.09,6.45ZM382.45,114.78c-5.05,0-9.54,1.44-13.44,4.32-3.91,2.88-6.29,7.2-7.15,12.97h40.04c-.29-5.3-2.24-9.51-5.87-12.62-3.62-3.11-8.15-4.67-13.58-4.67Z\"\n          />\n          <path\n            className=\"berget-logotype-fill\"\n            d=\"M425.62,172.54v-68.05h13.59l1.29,12.9c2.47-4.48,5.93-8.03,10.37-10.63,4.43-2.61,9.79-3.91,16.08-3.91v15.23h-4.15c-4.19,0-7.93.67-11.22,1.99-3.29,1.33-5.91,3.57-7.86,6.72-1.96,3.16-2.93,7.53-2.93,13.1v32.65h-15.16Z\"\n          />\n          <path\n            className=\"berget-logotype-fill\"\n            d=\"M500.25,151.69c-3.72,0-7.14-.41-10.29-1.24l-6.15,5.76c1.05.64,2.34,1.19,3.86,1.65,1.52.46,3.66.87,6.43,1.23,2.76.37,6.53.73,11.29,1.1,9.43.82,16.25,3,20.44,6.52,4.2,3.52,6.29,8.21,6.29,14.06,0,4.02-1.12,7.84-3.35,11.45-2.24,3.61-5.72,6.54-10.44,8.78s-10.74,3.36-18.09,3.36c-9.91,0-17.94-1.8-24.09-5.42-6.15-3.62-9.22-9.08-9.22-16.4,0-2.84.78-5.65,2.35-8.44,1.57-2.79,4.08-5.42,7.51-7.89-2-.83-3.74-1.72-5.22-2.68-1.48-.96-2.79-1.94-3.94-2.95v-3.29l12.3-12.07c-5.53-4.57-8.29-10.56-8.29-17.97,0-4.48,1.12-8.58,3.36-12.28,2.24-3.7,5.5-6.65,9.79-8.85,4.29-2.2,9.43-3.29,15.44-3.29,4.01,0,7.72.55,11.15,1.64h26.45v9.6l-12.58.69c2.28,3.75,3.43,7.91,3.43,12.49s-1.13,8.69-3.36,12.35c-2.24,3.66-5.48,6.59-9.72,8.78-4.25,2.2-9.37,3.29-15.37,3.29ZM481.24,181.19c0,3.93,1.81,6.88,5.44,8.85,3.62,1.97,8.15,2.95,13.58,2.95s9.48-1.07,12.72-3.22c3.24-2.15,4.86-5,4.86-8.57,0-2.65-1.09-4.92-3.29-6.79-2.19-1.87-6.34-3.04-12.44-3.5-4.57-.27-8.63-.68-12.15-1.23-3.34,1.74-5.63,3.61-6.86,5.63-1.25,2.01-1.86,3.98-1.86,5.9ZM500.25,140.3c4.38,0,7.93-1.12,10.66-3.36,2.71-2.24,4.07-5.42,4.07-9.53s-1.36-7.41-4.07-9.6c-2.72-2.2-6.27-3.29-10.66-3.29s-8.08,1.1-10.79,3.29c-2.71,2.2-4.08,5.4-4.08,9.6s1.36,7.3,4.08,9.53c2.71,2.24,6.31,3.36,10.79,3.36Z\"\n          />\n          <path\n            className=\"berget-logotype-fill\"\n            d=\"M574.61,174.19c-6.96,0-13.13-1.49-18.52-4.46-5.39-2.97-9.6-7.11-12.65-12.42-3.05-5.3-4.57-11.48-4.57-18.52s1.5-13.4,4.5-18.79c3-5.4,7.19-9.61,12.58-12.62c5.39-3.02,11.65-4.53,18.81-4.53s13,1.48,18.15,4.46c5.15,2.97,9.16,6.93,12.01,11.87,2.86,4.94,4.29,10.38,4.29,16.33,0,.92-.02,1.9-.07,2.95-.05,1.05-.12,2.22-.22,3.5h-55.19c.48,6.59,2.75,11.59,6.79,15.02,4.05,3.43,8.75,5.14,14.09,5.14,4.29,0,7.89-.93,10.79-2.81s5.08-4.41,6.51-7.61h15.16c-1.91,6.4-5.7,11.75-11.37,16.05-5.68,4.3-12.71,6.45-21.09,6.45ZM574.61,114.78c-5.05,0-9.54,1.44-13.44,4.32-3.91,2.88-6.29,7.2-7.15,12.97h40.04c-.29-5.3-2.24-9.51-5.87-12.62-3.62-3.11-8.15-4.67-13.58-4.67Z\"\n          />\n          <path\n            className=\"berget-logotype-fill\"\n            d=\"M646.23,172.54c-6.96,0-12.49-1.62-16.59-4.87-4.1-3.25-6.15-9.03-6.15-17.36v-33.61h-12.16v-12.21h12.16l1.86-17.29h13.29v17.29h20.02v12.21h-20.02v33.61c0,3.75.84,6.33,2.51,7.75,1.67,1.42,4.55,2.13,8.65,2.13h8.14v12.35h-11.72Z\"\n          />\n          <path\n            className=\"berget-logotype-fill\"\n            d=\"M684.4,172.54l36.89-96.04h16.59l36.6,96.04h-16.01l-8.58-23.46h-40.88l-8.58,23.46h-16.01ZM713.28,137.56h32.31l-16.16-43.77-16.16,43.77Z\"\n          />\n          <path className=\"berget-logotype-fill\" d=\"M778.48,172.54v-96.04h15.15v96.04h-15.15Z\" />\n        </g>\n        <path\n          style={{ fill: fillColor }}\n          d=\"M99.9,0h24.37l99.9,202.18h-25.14l-44.26-77.52-27.24-41.38-14.84-41.81,2.44,1.3h-6.09l2.44-1.3-61.72,123-25.4,37.71H0L99.9,0Z\"\n        />\n      </svg>\n    );\n  },\n);\n\nBergetLogo.displayName = 'BergetLogo';\n\nexport { BergetLogo };\n"],"mappings":";;;;;;;AAcA,MAAM,aAAaA,MAAM,YACtB,EAAE,UAAU,YAAY,QAAQ,QAAQ,OAAO,IAAI,WAAW,GAAG,SAAS,QAAQ;CACjF,MAAM,YACJ,UAAU,SACN,6BACA,UAAU,UACR,6BACA;CAER,IAAI,YAAY,UAAU;EAMxB,MAAM,QAAQ,QADM,MAAM;EAI1B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GACO;GACE;GACP,QAAQC;GACR,SAAQ;GACR,MAAK;GACL,OAAM;GACN,MAAK;GACL,cAAW;GACX,WAAWC,cAAAA,GAAG,gBAAgB,SAAS;GACvC,GAAI;GAEJ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IACE,GAAE;IACF,OAAO,EAAE,MAAM,UAAU;GAC1B,CAAA;EACE,CAAA;CAET;CAIA,MAAM,QAAQ,QADM,SAAS;CAI7B,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EACO;EACE;EACP,QAAQD;EACR,SAAQ;EACR,MAAK;EACL,OAAM;EACN,MAAK;EACL,cAAW;EACX,WAAWC,cAAAA,GAAG,gBAAgB,SAAS;EACvC,GAAI;EAVN,UAAA,CAYE,iBAAA,GAAA,kBAAA,KAAA,CAAC,KAAD;GAAG,OAAO,EAAE,MAAM,UAAU;GAA5B,UAAA;IACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KACE,WAAU;KACV,GAAE;IACH,CAAA;IACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KACE,WAAU;KACV,GAAE;IACH,CAAA;IACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KACE,WAAU;KACV,GAAE;IACH,CAAA;IACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KACE,WAAU;KACV,GAAE;IACH,CAAA;IACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KACE,WAAU;KACV,GAAE;IACH,CAAA;IACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KACE,WAAU;KACV,GAAE;IACH,CAAA;IACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KACE,WAAU;KACV,GAAE;IACH,CAAA;IACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KAAM,WAAU;KAAuB,GAAE;IAA6C,CAAA;GACrF;EACH,CAAA,GAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GACE,OAAO,EAAE,MAAM,UAAU;GACzB,GAAE;EACH,CAAA,CACE;;AAET,CACF;AAEA,WAAW,cAAc"}

package/dist/components/berget-logo/BergetLogo.d.cts

@@ -0,0 +1,14 @@
+import * as React from "react";
+//#region src/components/berget-logo/BergetLogo.d.ts
+export interface BergetLogoProps extends React.SVGAttributes<SVGSVGElement> {
+  /** Shape variant */
+  variant?: 'logotype' | 'symbol';
+  /** Fill color — `auto` follows the theme via CSS variables */
+  color?: 'white' | 'black' | 'auto';
+  /** Size (height) in pixels */
+  size?: number;
+}
+declare const BergetLogo: React.ForwardRefExoticComponent<BergetLogoProps & React.RefAttributes<SVGSVGElement>>;
+//#endregion
+export { BergetLogo };
+//# sourceMappingURL=BergetLogo.d.cts.map

package/dist/components/berget-logo/BergetLogo.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BergetLogo.d.cts","names":[],"sources":["../../../src/components/berget-logo/BergetLogo.tsx"],"mappings":";;iBAKiB,wBAAwB,MAAM,cAAc;;EAE3D;;EAEA;;EAEA;;cAGI,YAAU,MAAA,0BAAA,kBAAA,MAAA,cAAA"}

package/dist/components/berget-logo/BergetLogo.d.mts

@@ -0,0 +1,14 @@
+import * as React from "react";
+//#region src/components/berget-logo/BergetLogo.d.ts
+export interface BergetLogoProps extends React.SVGAttributes<SVGSVGElement> {
+  /** Shape variant */
+  variant?: 'logotype' | 'symbol';
+  /** Fill color — `auto` follows the theme via CSS variables */
+  color?: 'white' | 'black' | 'auto';
+  /** Size (height) in pixels */
+  size?: number;
+}
+declare const BergetLogo: React.ForwardRefExoticComponent<BergetLogoProps & React.RefAttributes<SVGSVGElement>>;
+//#endregion
+export { BergetLogo };
+//# sourceMappingURL=BergetLogo.d.mts.map

package/dist/components/berget-logo/BergetLogo.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BergetLogo.d.mts","names":[],"sources":["../../../src/components/berget-logo/BergetLogo.tsx"],"mappings":";;iBAKiB,wBAAwB,MAAM,cAAc;;EAE3D;;EAEA;;EAEA;;cAGI,YAAU,MAAA,0BAAA,kBAAA,MAAA,cAAA"}

package/dist/components/berget-logo/BergetLogo.mjs

@@ -0,0 +1,85 @@
+"use client";
+import { cn } from "../../lib/utils.mjs";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/berget-logo/BergetLogo.tsx
+const BergetLogo = React.forwardRef(({ variant = "logotype", color = "auto", size = 48, className, ...props }, ref) => {
+	const fillColor = color === "auto" ? "var(--berget-logo-light)" : color === "white" ? "var(--berget-logo-light)" : "var(--berget-logo-dark)";
+	if (variant === "symbol") {
+		const width = size * (428 / 386);
+		return /* @__PURE__ */ jsx("svg", {
+			ref,
+			width,
+			height: size,
+			viewBox: "18 17 428 386",
+			fill: "none",
+			xmlns: "http://www.w3.org/2000/svg",
+			role: "img",
+			"aria-label": "Berget symbol",
+			className: cn("inline-block", className),
+			...props,
+			children: /* @__PURE__ */ jsx("path", {
+				d: "M208.739 17L255.261 17L446 403L398 403L313.5 255L261.5 176L233.163 96.1677L237.815 98.6522H226.185L230.837 96.1677L113 331L64.5 403L18 403L208.739 17Z",
+				style: { fill: fillColor }
+			})
+		});
+	}
+	const width = size * (793.63 / 204.37);
+	return /* @__PURE__ */ jsxs("svg", {
+		ref,
+		width,
+		height: size,
+		viewBox: "0 0 793.63 204.37",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		role: "img",
+		"aria-label": "Berget",
+		className: cn("inline-block", className),
+		...props,
+		children: [/* @__PURE__ */ jsxs("g", {
+			style: { fill: fillColor },
+			children: [
+				/* @__PURE__ */ jsx("path", {
+					className: "berget-logotype-fill",
+					d: "M268.78,172.54v-96.04h37.74c10.39,0,18.26,2.33,23.6,7,5.33,4.67,8.01,10.52,8.01,17.56,0,6.13-1.72,11-5.15,14.61-3.43,3.61-7.58,6.06-12.44,7.34,3.81.73,7.22,2.2,10.22,4.39,3.01,2.2,5.36,4.94,7.08,8.23,1.72,3.29,2.58,6.86,2.58,10.7,0,4.94-1.27,9.4-3.79,13.38-2.53,3.98-6.22,7.11-11.08,9.4-4.86,2.29-10.82,3.43-17.87,3.43h-38.89ZM283.93,117.66h20.74c5.81,0,10.24-1.3,13.29-3.91,3.05-2.61,4.58-6.19,4.58-10.77s-1.51-8.05-4.51-10.7c-3-2.65-7.55-3.98-13.65-3.98h-20.45v29.36ZM283.93,160.61h21.74c6.1,0,10.84-1.37,14.22-4.11,3.38-2.75,5.08-6.59,5.08-11.53s-1.76-8.85-5.29-11.73-8.29-4.32-14.3-4.32h-21.45v31.69Z"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					className: "berget-logotype-fill",
+					d: "M382.45,174.19c-6.96,0-13.13-1.49-18.52-4.46-5.39-2.97-9.6-7.11-12.65-12.42-3.05-5.3-4.57-11.48-4.57-18.52s1.5-13.4,4.5-18.79,7.19-9.61,12.58-12.62c5.39-3.02,11.65-4.53,18.81-4.53s13,1.48,18.15,4.46c5.15,2.97,9.16,6.93,12.01,11.87,2.86,4.94,4.29,10.38,4.29,16.33,0,.92-.02,1.9-.07,2.95-.05,1.05-.12,2.22-.22,3.5h-55.19c.48,6.59,2.75,11.59,6.79,15.02,4.05,3.43,8.75,5.14,14.09,5.14,4.29,0,7.89-.93,10.79-2.81,2.91-1.88,5.08-4.41,6.51-7.61h15.16c-1.91,6.4-5.7,11.75-11.37,16.05-5.68,4.3-12.71,6.45-21.09,6.45ZM382.45,114.78c-5.05,0-9.54,1.44-13.44,4.32-3.91,2.88-6.29,7.2-7.15,12.97h40.04c-.29-5.3-2.24-9.51-5.87-12.62-3.62-3.11-8.15-4.67-13.58-4.67Z"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					className: "berget-logotype-fill",
+					d: "M425.62,172.54v-68.05h13.59l1.29,12.9c2.47-4.48,5.93-8.03,10.37-10.63,4.43-2.61,9.79-3.91,16.08-3.91v15.23h-4.15c-4.19,0-7.93.67-11.22,1.99-3.29,1.33-5.91,3.57-7.86,6.72-1.96,3.16-2.93,7.53-2.93,13.1v32.65h-15.16Z"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					className: "berget-logotype-fill",
+					d: "M500.25,151.69c-3.72,0-7.14-.41-10.29-1.24l-6.15,5.76c1.05.64,2.34,1.19,3.86,1.65,1.52.46,3.66.87,6.43,1.23,2.76.37,6.53.73,11.29,1.1,9.43.82,16.25,3,20.44,6.52,4.2,3.52,6.29,8.21,6.29,14.06,0,4.02-1.12,7.84-3.35,11.45-2.24,3.61-5.72,6.54-10.44,8.78s-10.74,3.36-18.09,3.36c-9.91,0-17.94-1.8-24.09-5.42-6.15-3.62-9.22-9.08-9.22-16.4,0-2.84.78-5.65,2.35-8.44,1.57-2.79,4.08-5.42,7.51-7.89-2-.83-3.74-1.72-5.22-2.68-1.48-.96-2.79-1.94-3.94-2.95v-3.29l12.3-12.07c-5.53-4.57-8.29-10.56-8.29-17.97,0-4.48,1.12-8.58,3.36-12.28,2.24-3.7,5.5-6.65,9.79-8.85,4.29-2.2,9.43-3.29,15.44-3.29,4.01,0,7.72.55,11.15,1.64h26.45v9.6l-12.58.69c2.28,3.75,3.43,7.91,3.43,12.49s-1.13,8.69-3.36,12.35c-2.24,3.66-5.48,6.59-9.72,8.78-4.25,2.2-9.37,3.29-15.37,3.29ZM481.24,181.19c0,3.93,1.81,6.88,5.44,8.85,3.62,1.97,8.15,2.95,13.58,2.95s9.48-1.07,12.72-3.22c3.24-2.15,4.86-5,4.86-8.57,0-2.65-1.09-4.92-3.29-6.79-2.19-1.87-6.34-3.04-12.44-3.5-4.57-.27-8.63-.68-12.15-1.23-3.34,1.74-5.63,3.61-6.86,5.63-1.25,2.01-1.86,3.98-1.86,5.9ZM500.25,140.3c4.38,0,7.93-1.12,10.66-3.36,2.71-2.24,4.07-5.42,4.07-9.53s-1.36-7.41-4.07-9.6c-2.72-2.2-6.27-3.29-10.66-3.29s-8.08,1.1-10.79,3.29c-2.71,2.2-4.08,5.4-4.08,9.6s1.36,7.3,4.08,9.53c2.71,2.24,6.31,3.36,10.79,3.36Z"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					className: "berget-logotype-fill",
+					d: "M574.61,174.19c-6.96,0-13.13-1.49-18.52-4.46-5.39-2.97-9.6-7.11-12.65-12.42-3.05-5.3-4.57-11.48-4.57-18.52s1.5-13.4,4.5-18.79c3-5.4,7.19-9.61,12.58-12.62c5.39-3.02,11.65-4.53,18.81-4.53s13,1.48,18.15,4.46c5.15,2.97,9.16,6.93,12.01,11.87,2.86,4.94,4.29,10.38,4.29,16.33,0,.92-.02,1.9-.07,2.95-.05,1.05-.12,2.22-.22,3.5h-55.19c.48,6.59,2.75,11.59,6.79,15.02,4.05,3.43,8.75,5.14,14.09,5.14,4.29,0,7.89-.93,10.79-2.81s5.08-4.41,6.51-7.61h15.16c-1.91,6.4-5.7,11.75-11.37,16.05-5.68,4.3-12.71,6.45-21.09,6.45ZM574.61,114.78c-5.05,0-9.54,1.44-13.44,4.32-3.91,2.88-6.29,7.2-7.15,12.97h40.04c-.29-5.3-2.24-9.51-5.87-12.62-3.62-3.11-8.15-4.67-13.58-4.67Z"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					className: "berget-logotype-fill",
+					d: "M646.23,172.54c-6.96,0-12.49-1.62-16.59-4.87-4.1-3.25-6.15-9.03-6.15-17.36v-33.61h-12.16v-12.21h12.16l1.86-17.29h13.29v17.29h20.02v12.21h-20.02v33.61c0,3.75.84,6.33,2.51,7.75,1.67,1.42,4.55,2.13,8.65,2.13h8.14v12.35h-11.72Z"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					className: "berget-logotype-fill",
+					d: "M684.4,172.54l36.89-96.04h16.59l36.6,96.04h-16.01l-8.58-23.46h-40.88l-8.58,23.46h-16.01ZM713.28,137.56h32.31l-16.16-43.77-16.16,43.77Z"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					className: "berget-logotype-fill",
+					d: "M778.48,172.54v-96.04h15.15v96.04h-15.15Z"
+				})
+			]
+		}), /* @__PURE__ */ jsx("path", {
+			style: { fill: fillColor },
+			d: "M99.9,0h24.37l99.9,202.18h-25.14l-44.26-77.52-27.24-41.38-14.84-41.81,2.44,1.3h-6.09l2.44-1.3-61.72,123-25.4,37.71H0L99.9,0Z"
+		})]
+	});
+});
+BergetLogo.displayName = "BergetLogo";
+//#endregion
+export { BergetLogo };
+
+//# sourceMappingURL=BergetLogo.mjs.map

package/dist/components/berget-logo/BergetLogo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BergetLogo.mjs","names":["height"],"sources":["../../../src/components/berget-logo/BergetLogo.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\n\nexport interface BergetLogoProps extends React.SVGAttributes<SVGSVGElement> {\n  /** Shape variant */\n  variant?: 'logotype' | 'symbol';\n  /** Fill color — `auto` follows the theme via CSS variables */\n  color?: 'white' | 'black' | 'auto';\n  /** Size (height) in pixels */\n  size?: number;\n}\n\nconst BergetLogo = React.forwardRef<SVGSVGElement, BergetLogoProps>(\n  ({ variant = 'logotype', color = 'auto', size = 48, className, ...props }, ref) => {\n    const fillColor =\n      color === 'auto'\n        ? 'var(--berget-logo-light)'\n        : color === 'white'\n          ? 'var(--berget-logo-light)'\n          : 'var(--berget-logo-dark)';\n\n    if (variant === 'symbol') {\n      // viewBox cropped to the glyph ink (y 17-403, x 18-446 of the original\n      // 463x419 art) so that `size` means glyph height, matching the logotype\n      // variant whose viewBox hugs its glyph. Without this the symbol renders\n      // ~7% smaller than the logotype at the same size.\n      const aspectRatio = 428 / 386;\n      const width = size * aspectRatio;\n      const height = size;\n\n      return (\n        <svg\n          ref={ref}\n          width={width}\n          height={height}\n          viewBox=\"18 17 428 386\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          role=\"img\"\n          aria-label=\"Berget symbol\"\n          className={cn('inline-block', className)}\n          {...props}\n        >\n          <path\n            d=\"M208.739 17L255.261 17L446 403L398 403L313.5 255L261.5 176L233.163 96.1677L237.815 98.6522H226.185L230.837 96.1677L113 331L64.5 403L18 403L208.739 17Z\"\n            style={{ fill: fillColor }}\n          />\n        </svg>\n      );\n    }\n\n    // variant === 'logotype'\n    const aspectRatio = 793.63 / 204.37;\n    const width = size * aspectRatio;\n    const height = size;\n\n    return (\n      <svg\n        ref={ref}\n        width={width}\n        height={height}\n        viewBox=\"0 0 793.63 204.37\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        role=\"img\"\n        aria-label=\"Berget\"\n        className={cn('inline-block', className)}\n        {...props}\n      >\n        <g style={{ fill: fillColor }}>\n          <path\n            className=\"berget-logotype-fill\"\n            d=\"M268.78,172.54v-96.04h37.74c10.39,0,18.26,2.33,23.6,7,5.33,4.67,8.01,10.52,8.01,17.56,0,6.13-1.72,11-5.15,14.61-3.43,3.61-7.58,6.06-12.44,7.34,3.81.73,7.22,2.2,10.22,4.39,3.01,2.2,5.36,4.94,7.08,8.23,1.72,3.29,2.58,6.86,2.58,10.7,0,4.94-1.27,9.4-3.79,13.38-2.53,3.98-6.22,7.11-11.08,9.4-4.86,2.29-10.82,3.43-17.87,3.43h-38.89ZM283.93,117.66h20.74c5.81,0,10.24-1.3,13.29-3.91,3.05-2.61,4.58-6.19,4.58-10.77s-1.51-8.05-4.51-10.7c-3-2.65-7.55-3.98-13.65-3.98h-20.45v29.36ZM283.93,160.61h21.74c6.1,0,10.84-1.37,14.22-4.11,3.38-2.75,5.08-6.59,5.08-11.53s-1.76-8.85-5.29-11.73-8.29-4.32-14.3-4.32h-21.45v31.69Z\"\n          />\n          <path\n            className=\"berget-logotype-fill\"\n            d=\"M382.45,174.19c-6.96,0-13.13-1.49-18.52-4.46-5.39-2.97-9.6-7.11-12.65-12.42-3.05-5.3-4.57-11.48-4.57-18.52s1.5-13.4,4.5-18.79,7.19-9.61,12.58-12.62c5.39-3.02,11.65-4.53,18.81-4.53s13,1.48,18.15,4.46c5.15,2.97,9.16,6.93,12.01,11.87,2.86,4.94,4.29,10.38,4.29,16.33,0,.92-.02,1.9-.07,2.95-.05,1.05-.12,2.22-.22,3.5h-55.19c.48,6.59,2.75,11.59,6.79,15.02,4.05,3.43,8.75,5.14,14.09,5.14,4.29,0,7.89-.93,10.79-2.81,2.91-1.88,5.08-4.41,6.51-7.61h15.16c-1.91,6.4-5.7,11.75-11.37,16.05-5.68,4.3-12.71,6.45-21.09,6.45ZM382.45,114.78c-5.05,0-9.54,1.44-13.44,4.32-3.91,2.88-6.29,7.2-7.15,12.97h40.04c-.29-5.3-2.24-9.51-5.87-12.62-3.62-3.11-8.15-4.67-13.58-4.67Z\"\n          />\n          <path\n            className=\"berget-logotype-fill\"\n            d=\"M425.62,172.54v-68.05h13.59l1.29,12.9c2.47-4.48,5.93-8.03,10.37-10.63,4.43-2.61,9.79-3.91,16.08-3.91v15.23h-4.15c-4.19,0-7.93.67-11.22,1.99-3.29,1.33-5.91,3.57-7.86,6.72-1.96,3.16-2.93,7.53-2.93,13.1v32.65h-15.16Z\"\n          />\n          <path\n            className=\"berget-logotype-fill\"\n            d=\"M500.25,151.69c-3.72,0-7.14-.41-10.29-1.24l-6.15,5.76c1.05.64,2.34,1.19,3.86,1.65,1.52.46,3.66.87,6.43,1.23,2.76.37,6.53.73,11.29,1.1,9.43.82,16.25,3,20.44,6.52,4.2,3.52,6.29,8.21,6.29,14.06,0,4.02-1.12,7.84-3.35,11.45-2.24,3.61-5.72,6.54-10.44,8.78s-10.74,3.36-18.09,3.36c-9.91,0-17.94-1.8-24.09-5.42-6.15-3.62-9.22-9.08-9.22-16.4,0-2.84.78-5.65,2.35-8.44,1.57-2.79,4.08-5.42,7.51-7.89-2-.83-3.74-1.72-5.22-2.68-1.48-.96-2.79-1.94-3.94-2.95v-3.29l12.3-12.07c-5.53-4.57-8.29-10.56-8.29-17.97,0-4.48,1.12-8.58,3.36-12.28,2.24-3.7,5.5-6.65,9.79-8.85,4.29-2.2,9.43-3.29,15.44-3.29,4.01,0,7.72.55,11.15,1.64h26.45v9.6l-12.58.69c2.28,3.75,3.43,7.91,3.43,12.49s-1.13,8.69-3.36,12.35c-2.24,3.66-5.48,6.59-9.72,8.78-4.25,2.2-9.37,3.29-15.37,3.29ZM481.24,181.19c0,3.93,1.81,6.88,5.44,8.85,3.62,1.97,8.15,2.95,13.58,2.95s9.48-1.07,12.72-3.22c3.24-2.15,4.86-5,4.86-8.57,0-2.65-1.09-4.92-3.29-6.79-2.19-1.87-6.34-3.04-12.44-3.5-4.57-.27-8.63-.68-12.15-1.23-3.34,1.74-5.63,3.61-6.86,5.63-1.25,2.01-1.86,3.98-1.86,5.9ZM500.25,140.3c4.38,0,7.93-1.12,10.66-3.36,2.71-2.24,4.07-5.42,4.07-9.53s-1.36-7.41-4.07-9.6c-2.72-2.2-6.27-3.29-10.66-3.29s-8.08,1.1-10.79,3.29c-2.71,2.2-4.08,5.4-4.08,9.6s1.36,7.3,4.08,9.53c2.71,2.24,6.31,3.36,10.79,3.36Z\"\n          />\n          <path\n            className=\"berget-logotype-fill\"\n            d=\"M574.61,174.19c-6.96,0-13.13-1.49-18.52-4.46-5.39-2.97-9.6-7.11-12.65-12.42-3.05-5.3-4.57-11.48-4.57-18.52s1.5-13.4,4.5-18.79c3-5.4,7.19-9.61,12.58-12.62c5.39-3.02,11.65-4.53,18.81-4.53s13,1.48,18.15,4.46c5.15,2.97,9.16,6.93,12.01,11.87,2.86,4.94,4.29,10.38,4.29,16.33,0,.92-.02,1.9-.07,2.95-.05,1.05-.12,2.22-.22,3.5h-55.19c.48,6.59,2.75,11.59,6.79,15.02,4.05,3.43,8.75,5.14,14.09,5.14,4.29,0,7.89-.93,10.79-2.81s5.08-4.41,6.51-7.61h15.16c-1.91,6.4-5.7,11.75-11.37,16.05-5.68,4.3-12.71,6.45-21.09,6.45ZM574.61,114.78c-5.05,0-9.54,1.44-13.44,4.32-3.91,2.88-6.29,7.2-7.15,12.97h40.04c-.29-5.3-2.24-9.51-5.87-12.62-3.62-3.11-8.15-4.67-13.58-4.67Z\"\n          />\n          <path\n            className=\"berget-logotype-fill\"\n            d=\"M646.23,172.54c-6.96,0-12.49-1.62-16.59-4.87-4.1-3.25-6.15-9.03-6.15-17.36v-33.61h-12.16v-12.21h12.16l1.86-17.29h13.29v17.29h20.02v12.21h-20.02v33.61c0,3.75.84,6.33,2.51,7.75,1.67,1.42,4.55,2.13,8.65,2.13h8.14v12.35h-11.72Z\"\n          />\n          <path\n            className=\"berget-logotype-fill\"\n            d=\"M684.4,172.54l36.89-96.04h16.59l36.6,96.04h-16.01l-8.58-23.46h-40.88l-8.58,23.46h-16.01ZM713.28,137.56h32.31l-16.16-43.77-16.16,43.77Z\"\n          />\n          <path className=\"berget-logotype-fill\" d=\"M778.48,172.54v-96.04h15.15v96.04h-15.15Z\" />\n        </g>\n        <path\n          style={{ fill: fillColor }}\n          d=\"M99.9,0h24.37l99.9,202.18h-25.14l-44.26-77.52-27.24-41.38-14.84-41.81,2.44,1.3h-6.09l2.44-1.3-61.72,123-25.4,37.71H0L99.9,0Z\"\n        />\n      </svg>\n    );\n  },\n);\n\nBergetLogo.displayName = 'BergetLogo';\n\nexport { BergetLogo };\n"],"mappings":";;;;;AAcA,MAAM,aAAa,MAAM,YACtB,EAAE,UAAU,YAAY,QAAQ,QAAQ,OAAO,IAAI,WAAW,GAAG,SAAS,QAAQ;CACjF,MAAM,YACJ,UAAU,SACN,6BACA,UAAU,UACR,6BACA;CAER,IAAI,YAAY,UAAU;EAMxB,MAAM,QAAQ,QADM,MAAM;EAI1B,OACE,oBAAC,OAAD;GACO;GACE;GACP,QAAQA;GACR,SAAQ;GACR,MAAK;GACL,OAAM;GACN,MAAK;GACL,cAAW;GACX,WAAW,GAAG,gBAAgB,SAAS;GACvC,GAAI;GAEJ,UAAA,oBAAC,QAAD;IACE,GAAE;IACF,OAAO,EAAE,MAAM,UAAU;GAC1B,CAAA;EACE,CAAA;CAET;CAIA,MAAM,QAAQ,QADM,SAAS;CAI7B,OACE,qBAAC,OAAD;EACO;EACE;EACP,QAAQA;EACR,SAAQ;EACR,MAAK;EACL,OAAM;EACN,MAAK;EACL,cAAW;EACX,WAAW,GAAG,gBAAgB,SAAS;EACvC,GAAI;EAVN,UAAA,CAYE,qBAAC,KAAD;GAAG,OAAO,EAAE,MAAM,UAAU;GAA5B,UAAA;IACE,oBAAC,QAAD;KACE,WAAU;KACV,GAAE;IACH,CAAA;IACD,oBAAC,QAAD;KACE,WAAU;KACV,GAAE;IACH,CAAA;IACD,oBAAC,QAAD;KACE,WAAU;KACV,GAAE;IACH,CAAA;IACD,oBAAC,QAAD;KACE,WAAU;KACV,GAAE;IACH,CAAA;IACD,oBAAC,QAAD;KACE,WAAU;KACV,GAAE;IACH,CAAA;IACD,oBAAC,QAAD;KACE,WAAU;KACV,GAAE;IACH,CAAA;IACD,oBAAC,QAAD;KACE,WAAU;KACV,GAAE;IACH,CAAA;IACD,oBAAC,QAAD;KAAM,WAAU;KAAuB,GAAE;IAA6C,CAAA;GACrF;EACH,CAAA,GAAA,oBAAC,QAAD;GACE,OAAO,EAAE,MAAM,UAAU;GACzB,GAAE;EACH,CAAA,CACE;;AAET,CACF;AAEA,WAAW,cAAc"}

package/dist/components/berget-logo/index.d.cts

@@ -0,0 +1,2 @@
+import { BergetLogo, BergetLogoProps } from "./BergetLogo.cjs";
+export { BergetLogo, type BergetLogoProps };

package/dist/components/berget-logo/index.d.mts

@@ -0,0 +1,2 @@
+import { BergetLogo, BergetLogoProps } from "./BergetLogo.mjs";
+export { BergetLogo, type BergetLogoProps };

package/dist/components/box/Box.cjs

@@ -0,0 +1,67 @@
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils = require("../../lib/utils.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let class_variance_authority = require("class-variance-authority");
+let _base_ui_react_merge_props = require("@base-ui/react/merge-props");
+let _base_ui_react_use_render = require("@base-ui/react/use-render");
+//#region src/components/box/Box.tsx
+const boxVariants = (0, class_variance_authority.cva)("flex", {
+	variants: {
+		direction: {
+			row: "flex-row",
+			column: "flex-col",
+			"row-reverse": "flex-row-reverse",
+			"column-reverse": "flex-col-reverse"
+		},
+		align: {
+			start: "items-start",
+			center: "items-center",
+			end: "items-end",
+			stretch: "items-stretch",
+			baseline: "items-baseline"
+		},
+		justify: {
+			start: "justify-start",
+			center: "justify-center",
+			end: "justify-end",
+			between: "justify-between",
+			around: "justify-around",
+			evenly: "justify-evenly"
+		},
+		wrap: {
+			nowrap: "flex-nowrap",
+			wrap: "flex-wrap",
+			"wrap-reverse": "flex-wrap-reverse"
+		}
+	},
+	defaultVariants: {
+		direction: "column",
+		align: "start",
+		justify: "start",
+		wrap: "nowrap"
+	}
+});
+const Box = react.forwardRef(({ className, direction, align, justify, wrap, gap, asChild = false, children, ...props }, ref) => {
+	return (0, _base_ui_react_use_render.useRender)({
+		ref,
+		defaultTagName: "div",
+		render: asChild ? children : void 0,
+		props: (0, _base_ui_react_merge_props.mergeProps)({
+			className: require_utils.cn(boxVariants({
+				direction,
+				align,
+				justify,
+				wrap
+			}), gap !== void 0 && `gap-${gap}`, className),
+			children: asChild ? void 0 : children
+		}, props)
+	});
+});
+Box.displayName = "Box";
+//#endregion
+exports.Box = Box;
+exports.boxVariants = boxVariants;
+
+//# sourceMappingURL=Box.cjs.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/box/Box.d.ts
+declare const boxVariants: (props?: ({
+  direction?: "row" | "column" | "row-reverse" | "column-reverse" | null | undefined;
+  align?: "center" | "start" | "end" | "stretch" | "baseline" | null | undefined;
+  justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | null | undefined;
+  wrap?: "wrap" | "nowrap" | "wrap-reverse" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type SpacingScale = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | 96;
+export interface BoxProps extends useRender.ComponentProps<'div'>, VariantProps<typeof boxVariants> {
+  children?: React.ReactNode;
+  gap?: SpacingScale;
+  /** Render as a different element/component. Replaces the Radix `asChild` prop. */
+  asChild?: boolean;
+}
+declare const Box: React.ForwardRefExoticComponent<Omit<BoxProps, "ref"> & React.RefAttributes<HTMLElement>>;
+//#endregion
+export { Box, boxVariants };
+//# sourceMappingURL=Box.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.cts","names":[],"sources":["../../../src/components/box/Box.tsx"],"mappings":";;;;cAQM,cAAW;;;;;6CAmCf;YAEU;iBAuBK,iBACP,UAAU,uBAAuB,oBAAoB;EAC7D,WAAW,MAAM;EACjB,MAAM;;EAEN;;cAGI,KAAG,MAAA,0BAAA,KAAA,mBAAA,MAAA,cAAA"}

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

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/box/Box.d.ts
+declare const boxVariants: (props?: ({
+  direction?: "row" | "column" | "row-reverse" | "column-reverse" | null | undefined;
+  align?: "center" | "start" | "end" | "stretch" | "baseline" | null | undefined;
+  justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | null | undefined;
+  wrap?: "wrap" | "nowrap" | "wrap-reverse" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type SpacingScale = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | 96;
+export interface BoxProps extends useRender.ComponentProps<'div'>, VariantProps<typeof boxVariants> {
+  children?: React.ReactNode;
+  gap?: SpacingScale;
+  /** Render as a different element/component. Replaces the Radix `asChild` prop. */
+  asChild?: boolean;
+}
+declare const Box: React.ForwardRefExoticComponent<Omit<BoxProps, "ref"> & React.RefAttributes<HTMLElement>>;
+//#endregion
+export { Box, boxVariants };
+//# sourceMappingURL=Box.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.mts","names":[],"sources":["../../../src/components/box/Box.tsx"],"mappings":";;;;cAQM,cAAW;;;;;6CAmCf;YAEU;iBAuBK,iBACP,UAAU,uBAAuB,oBAAoB;EAC7D,WAAW,MAAM;EACjB,MAAM;;EAEN;;cAGI,KAAG,MAAA,0BAAA,KAAA,mBAAA,MAAA,cAAA"}