@bergetai/ui 0.14.2 → 0.16.0

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

@@ -0,0 +1,78 @@
+"use client";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/theme-provider/ThemeProvider.tsx
+const ThemeProviderContext = React.createContext(void 0);
+const STORAGE_KEY = "berget-theme";
+function getSystemTheme() {
+	return window.matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark";
+}
+function resolveTheme(theme) {
+	return {
+		theme,
+		resolvedTheme: theme === "system" ? getSystemTheme() : theme
+	};
+}
+const ThemeProvider = React.memo(function ThemeProvider({ children, theme: controlledTheme }) {
+	const isControlled = controlledTheme !== void 0;
+	const [state, setState] = React.useState(() => {
+		if (isControlled) return resolveTheme(controlledTheme);
+		let theme = "system";
+		try {
+			const stored = localStorage.getItem(STORAGE_KEY);
+			if (stored && [
+				"dark",
+				"light",
+				"system"
+			].includes(stored)) theme = stored;
+		} catch {}
+		return resolveTheme(theme);
+	});
+	React.useEffect(() => {
+		document.documentElement.setAttribute("data-theme", state.resolvedTheme);
+	}, [state.resolvedTheme]);
+	React.useEffect(() => {
+		if (isControlled && state.theme !== controlledTheme) setState(resolveTheme(controlledTheme));
+	}, [
+		isControlled,
+		controlledTheme,
+		state.theme
+	]);
+	const setTheme = React.useCallback((theme) => {
+		if (isControlled) return;
+		const next = resolveTheme(theme);
+		setState(next);
+		try {
+			localStorage.setItem(STORAGE_KEY, theme);
+		} catch {}
+	}, [isControlled]);
+	React.useEffect(() => {
+		if (isControlled || state.theme !== "system") return;
+		const media = window.matchMedia("(prefers-color-scheme: light)");
+		const handler = () => {
+			setState((prev) => ({
+				...prev,
+				resolvedTheme: getSystemTheme()
+			}));
+		};
+		media.addEventListener("change", handler);
+		return () => media.removeEventListener("change", handler);
+	}, [isControlled, state.theme]);
+	const value = React.useMemo(() => ({
+		...state,
+		setTheme
+	}), [state, setTheme]);
+	return /* @__PURE__ */ jsx(ThemeProviderContext.Provider, {
+		value,
+		children
+	});
+});
+function useTheme() {
+	const context = React.useContext(ThemeProviderContext);
+	if (!context) throw new Error("useTheme must be used within a ThemeProvider.");
+	return context;
+}
+//#endregion
+export { ThemeProvider, useTheme };
+
+//# sourceMappingURL=ThemeProvider.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.mjs","names":[],"sources":["../../../src/components/theme-provider/ThemeProvider.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\ntype Theme = 'dark' | 'light' | 'system';\n\ninterface ThemeState {\n  theme: Theme;\n  resolvedTheme: 'dark' | 'light';\n}\n\ninterface ThemeProviderContextValue extends ThemeState {\n  setTheme: (theme: Theme) => void;\n}\n\nconst ThemeProviderContext = React.createContext<ThemeProviderContextValue | undefined>(undefined);\n\nconst STORAGE_KEY = 'berget-theme';\n\nfunction getSystemTheme(): 'dark' | 'light' {\n  return window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark';\n}\n\nfunction resolveTheme(theme: Theme): ThemeState {\n  return {\n    theme,\n    resolvedTheme: theme === 'system' ? getSystemTheme() : theme,\n  };\n}\n\nexport interface ThemeProviderProps {\n  children: React.ReactNode;\n  /** Explicitly set and lock the theme ('light' or 'dark').\n   *  When provided, `setTheme` is a no-op and localStorage is ignored. */\n  theme?: 'light' | 'dark';\n}\n\nconst ThemeProvider = React.memo(function ThemeProvider({\n  children,\n  theme: controlledTheme,\n}: ThemeProviderProps) {\n  const isControlled = controlledTheme !== undefined;\n\n  const [state, setState] = React.useState<ThemeState>(() => {\n    if (isControlled) {\n      return resolveTheme(controlledTheme);\n    }\n\n    let theme: Theme = 'system';\n    try {\n      const stored = localStorage.getItem(STORAGE_KEY) as Theme | null;\n      if (stored && ['dark', 'light', 'system'].includes(stored)) {\n        theme = stored;\n      }\n    } catch {\n      /* ignore */\n    }\n\n    return resolveTheme(theme);\n  });\n\n  // Sync DOM attribute\n  React.useEffect(() => {\n    document.documentElement.setAttribute('data-theme', state.resolvedTheme);\n  }, [state.resolvedTheme]);\n\n  // Controlled sync: if theme prop changes, override state\n  React.useEffect(() => {\n    if (isControlled && state.theme !== controlledTheme) {\n      setState(resolveTheme(controlledTheme));\n    }\n  }, [isControlled, controlledTheme, state.theme]);\n\n  const setTheme = React.useCallback(\n    (theme: Theme) => {\n      if (isControlled) return;\n\n      const next = resolveTheme(theme);\n      setState(next);\n\n      try {\n        localStorage.setItem(STORAGE_KEY, theme);\n      } catch {\n        /* ignore */\n      }\n    },\n    [isControlled],\n  );\n\n  // System preference listener (only when system is active and not controlled)\n  React.useEffect(() => {\n    if (isControlled || state.theme !== 'system') return;\n\n    const media = window.matchMedia('(prefers-color-scheme: light)');\n    const handler = () => {\n      setState((prev) => ({\n        ...prev,\n        resolvedTheme: getSystemTheme(),\n      }));\n    };\n\n    media.addEventListener('change', handler);\n    return () => media.removeEventListener('change', handler);\n  }, [isControlled, state.theme]);\n\n  const value = React.useMemo(\n    () => ({\n      ...state,\n      setTheme,\n    }),\n    [state, setTheme],\n  );\n\n  return <ThemeProviderContext.Provider value={value}>{children}</ThemeProviderContext.Provider>;\n});\n\nfunction useTheme(): ThemeProviderContextValue {\n  const context = React.useContext(ThemeProviderContext);\n  if (!context) {\n    throw new Error('useTheme must be used within a ThemeProvider.');\n  }\n  return context;\n}\n\nexport { ThemeProvider, useTheme };\nexport type { Theme };\n"],"mappings":";;;;AAeA,MAAM,uBAAuB,MAAM,cAAqD,KAAA,CAAS;AAEjG,MAAM,cAAc;AAEpB,SAAS,iBAAmC;CAC1C,OAAO,OAAO,WAAW,+BAA+B,CAAC,CAAC,UAAU,UAAU;AAChF;AAEA,SAAS,aAAa,OAA0B;CAC9C,OAAO;EACL;EACA,eAAe,UAAU,WAAW,eAAe,IAAI;CACzD;AACF;AASA,MAAM,gBAAgB,MAAM,KAAK,SAAS,cAAc,EACtD,UACA,OAAO,mBACc;CACrB,MAAM,eAAe,oBAAoB,KAAA;CAEzC,MAAM,CAAC,OAAO,YAAY,MAAM,eAA2B;EACzD,IAAI,cACF,OAAO,aAAa,eAAe;EAGrC,IAAI,QAAe;EACnB,IAAI;GACF,MAAM,SAAS,aAAa,QAAQ,WAAW;GAC/C,IAAI,UAAU;IAAC;IAAQ;IAAS;GAAQ,CAAC,CAAC,SAAS,MAAM,GACvD,QAAQ;EAEZ,QAAQ,CAER;EAEA,OAAO,aAAa,KAAK;CAC3B,CAAC;CAGD,MAAM,gBAAgB;EACpB,SAAS,gBAAgB,aAAa,cAAc,MAAM,aAAa;CACzE,GAAG,CAAC,MAAM,aAAa,CAAC;CAGxB,MAAM,gBAAgB;EACpB,IAAI,gBAAgB,MAAM,UAAU,iBAClC,SAAS,aAAa,eAAe,CAAC;CAE1C,GAAG;EAAC;EAAc;EAAiB,MAAM;CAAK,CAAC;CAE/C,MAAM,WAAW,MAAM,aACpB,UAAiB;EAChB,IAAI,cAAc;EAElB,MAAM,OAAO,aAAa,KAAK;EAC/B,SAAS,IAAI;EAEb,IAAI;GACF,aAAa,QAAQ,aAAa,KAAK;EACzC,QAAQ,CAER;CACF,GACA,CAAC,YAAY,CACf;CAGA,MAAM,gBAAgB;EACpB,IAAI,gBAAgB,MAAM,UAAU,UAAU;EAE9C,MAAM,QAAQ,OAAO,WAAW,+BAA+B;EAC/D,MAAM,gBAAgB;GACpB,UAAU,UAAU;IAClB,GAAG;IACH,eAAe,eAAe;GAChC,EAAE;EACJ;EAEA,MAAM,iBAAiB,UAAU,OAAO;EACxC,aAAa,MAAM,oBAAoB,UAAU,OAAO;CAC1D,GAAG,CAAC,cAAc,MAAM,KAAK,CAAC;CAE9B,MAAM,QAAQ,MAAM,eACX;EACL,GAAG;EACH;CACF,IACA,CAAC,OAAO,QAAQ,CAClB;CAEA,OAAO,oBAAC,qBAAqB,UAAtB;EAAsC;EAAQ;CAAwC,CAAA;AAC/F,CAAC;AAED,SAAS,WAAsC;CAC7C,MAAM,UAAU,MAAM,WAAW,oBAAoB;CACrD,IAAI,CAAC,SACH,MAAM,IAAI,MAAM,+CAA+C;CAEjE,OAAO;AACT"}

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

@@ -0,0 +1,56 @@
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_ThemeProvider = require("./ThemeProvider.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/theme-provider/ThemeToggle.tsx
+const ThemeToggle = react.forwardRef(({ className, label = "Toggle theme", size = "md", ...props }, ref) => {
+	const { theme, resolvedTheme, setTheme } = require_ThemeProvider.useTheme();
+	const toggle = react.useCallback(() => {
+		setTheme(theme === "dark" ? "light" : "dark");
+	}, [theme, setTheme]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+		ref,
+		type: "button",
+		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),
+		...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"),
+			xmlns: "http://www.w3.org/2000/svg",
+			fill: "none",
+			viewBox: "0 0 24 24",
+			stroke: "currentColor",
+			strokeWidth: 2,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+				cx: "12",
+				cy: "12",
+				r: "4"
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				strokeLinecap: "round",
+				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"),
+			xmlns: "http://www.w3.org/2000/svg",
+			fill: "none",
+			viewBox: "0 0 24 24",
+			stroke: "currentColor",
+			strokeWidth: 2,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				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"
+			})
+		})]
+	});
+});
+ThemeToggle.displayName = "ThemeToggle";
+//#endregion
+exports.ThemeToggle = ThemeToggle;
+
+//# sourceMappingURL=ThemeToggle.cjs.map

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

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

package/dist/components/theme-provider/ThemeToggle.d.cts

@@ -0,0 +1,12 @@
+import * as React from "react";
+//#region src/components/theme-provider/ThemeToggle.d.ts
+export interface ThemeToggleProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  /** Accessible label for the toggle button */
+  label?: string;
+  /** Force a specific size class */
+  size?: 'sm' | 'md' | 'lg';
+}
+declare const ThemeToggle: React.ForwardRefExoticComponent<ThemeToggleProps & React.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { ThemeToggle };
+//# sourceMappingURL=ThemeToggle.d.cts.map

package/dist/components/theme-provider/ThemeToggle.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeToggle.d.cts","names":[],"sources":["../../../src/components/theme-provider/ThemeToggle.tsx"],"mappings":";;iBAMiB,yBAAyB,MAAM,qBAAqB;;EAEnE;;EAEA;;cAGI,aAAW,MAAA,0BAAA,mBAAA,MAAA,cAAA"}

package/dist/components/theme-provider/ThemeToggle.d.mts

@@ -0,0 +1,12 @@
+import * as React from "react";
+//#region src/components/theme-provider/ThemeToggle.d.ts
+export interface ThemeToggleProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  /** Accessible label for the toggle button */
+  label?: string;
+  /** Force a specific size class */
+  size?: 'sm' | 'md' | 'lg';
+}
+declare const ThemeToggle: React.ForwardRefExoticComponent<ThemeToggleProps & React.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { ThemeToggle };
+//# sourceMappingURL=ThemeToggle.d.mts.map

package/dist/components/theme-provider/ThemeToggle.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeToggle.d.mts","names":[],"sources":["../../../src/components/theme-provider/ThemeToggle.tsx"],"mappings":";;iBAMiB,yBAAyB,MAAM,qBAAqB;;EAEnE;;EAEA;;cAGI,aAAW,MAAA,0BAAA,mBAAA,MAAA,cAAA"}

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

@@ -0,0 +1,54 @@
+"use client";
+import { useTheme } from "./ThemeProvider.mjs";
+import { cn } from "../../lib/utils.mjs";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/theme-provider/ThemeToggle.tsx
+const ThemeToggle = React.forwardRef(({ className, label = "Toggle theme", size = "md", ...props }, ref) => {
+	const { theme, resolvedTheme, setTheme } = useTheme();
+	const toggle = React.useCallback(() => {
+		setTheme(theme === "dark" ? "light" : "dark");
+	}, [theme, setTheme]);
+	return /* @__PURE__ */ jsxs("button", {
+		ref,
+		type: "button",
+		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),
+		...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"),
+			xmlns: "http://www.w3.org/2000/svg",
+			fill: "none",
+			viewBox: "0 0 24 24",
+			stroke: "currentColor",
+			strokeWidth: 2,
+			children: [/* @__PURE__ */ jsx("circle", {
+				cx: "12",
+				cy: "12",
+				r: "4"
+			}), /* @__PURE__ */ jsx("path", {
+				strokeLinecap: "round",
+				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"),
+			xmlns: "http://www.w3.org/2000/svg",
+			fill: "none",
+			viewBox: "0 0 24 24",
+			stroke: "currentColor",
+			strokeWidth: 2,
+			children: /* @__PURE__ */ jsx("path", {
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				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"
+			})
+		})]
+	});
+});
+ThemeToggle.displayName = "ThemeToggle";
+//#endregion
+export { ThemeToggle };
+
+//# sourceMappingURL=ThemeToggle.mjs.map

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

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

package/dist/components/theme-provider/index.d.cts

@@ -0,0 +1,3 @@
+import { Theme, ThemeProvider, ThemeProviderProps, useTheme } from "./ThemeProvider.cjs";
+import { ThemeToggle, ThemeToggleProps } from "./ThemeToggle.cjs";
+export { type Theme, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, useTheme };

package/dist/components/theme-provider/index.d.mts

@@ -0,0 +1,3 @@
+import { Theme, ThemeProvider, ThemeProviderProps, useTheme } from "./ThemeProvider.mjs";
+import { ThemeToggle, ThemeToggleProps } from "./ThemeToggle.mjs";
+export { type Theme, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, useTheme };

package/dist/components/tooltip/Tooltip.cjs

@@ -0,0 +1,28 @@
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils = require("../../lib/utils.cjs");
+const require_tooltip = require("../../primitives/tooltip.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/tooltip/Tooltip.tsx
+const TooltipTrigger = react.forwardRef(({ asChild, children, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tooltip.TooltipTrigger, {
+	ref,
+	render: require_utils.asChildRender(asChild, children),
+	...props,
+	children: asChild ? void 0 : children
+}));
+TooltipTrigger.displayName = "TooltipTrigger";
+const TooltipContent = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tooltip.TooltipContent, {
+	ref,
+	className: require_utils.cn("rounded-berget-xs shadow-berget-md", className),
+	...props
+}));
+TooltipContent.displayName = "TooltipContent";
+//#endregion
+exports.Tooltip = require_tooltip.Tooltip;
+exports.TooltipContent = TooltipContent;
+exports.TooltipProvider = require_tooltip.TooltipProvider;
+exports.TooltipTrigger = TooltipTrigger;
+
+//# sourceMappingURL=Tooltip.cjs.map

package/dist/components/tooltip/Tooltip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.cjs","names":["React","TooltipTriggerPrimitive","asChildRender","TooltipContentPrimitive","cn"],"sources":["../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport {\n  Tooltip,\n  TooltipContent as TooltipContentPrimitive,\n  TooltipProvider,\n  TooltipTrigger as TooltipTriggerPrimitive,\n} from '../../primitives/tooltip';\nimport { asChildRender, cn } from '../../lib/utils';\n\n/* ------------------------------------------------------------------ */\n/*  Root & Provider (re-exported as-is)                               */\n/* ------------------------------------------------------------------ */\n\nexport { Tooltip, TooltipProvider };\n\n/* ------------------------------------------------------------------ */\n/*  Trigger                                                            */\n/* ------------------------------------------------------------------ */\n\nexport type TooltipTriggerProps = Omit<\n  React.ComponentProps<typeof TooltipTriggerPrimitive>,\n  'className' | 'render'\n> & {\n  className?: string;\n  /** Render as a different element/component. Replaces the Base UI `render` prop. */\n  asChild?: boolean;\n};\n\nconst TooltipTrigger = React.forwardRef<HTMLButtonElement, TooltipTriggerProps>(\n  ({ asChild, children, ...props }, ref) => (\n    <TooltipTriggerPrimitive ref={ref} render={asChildRender(asChild, children)} {...props}>\n      {asChild ? undefined : children}\n    </TooltipTriggerPrimitive>\n  ),\n);\nTooltipTrigger.displayName = 'TooltipTrigger';\n\n/* ------------------------------------------------------------------ */\n/*  Content                                                            */\n/* ------------------------------------------------------------------ */\n\nexport type TooltipContentProps = React.ComponentProps<typeof TooltipContentPrimitive>;\n\nconst TooltipContent = React.forwardRef<HTMLDivElement, TooltipContentProps>(\n  ({ className, ...props }, ref) => (\n    <TooltipContentPrimitive\n      ref={ref}\n      className={cn('rounded-berget-xs shadow-berget-md', className)}\n      {...props}\n    />\n  ),\n);\nTooltipContent.displayName = 'TooltipContent';\n\nexport { TooltipTrigger, TooltipContent };\n"],"mappings":";;;;;;;;AA+BA,MAAM,iBAAiBA,MAAM,YAC1B,EAAE,SAAS,UAAU,GAAG,SAAS,QAChC,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,gBAAD;CAA8B;CAAK,QAAQC,cAAAA,cAAc,SAAS,QAAQ;CAAG,GAAI;CAC9E,UAAA,UAAU,KAAA,IAAY;AACA,CAAA,CAE7B;AACA,eAAe,cAAc;AAQ7B,MAAM,iBAAiBF,MAAM,YAC1B,EAAE,WAAW,GAAG,SAAS,QACxB,iBAAA,GAAA,kBAAA,IAAA,CAACG,gBAAAA,gBAAD;CACO;CACL,WAAWC,cAAAA,GAAG,sCAAsC,SAAS;CAC7D,GAAI;AACL,CAAA,CAEL;AACA,eAAe,cAAc"}

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

@@ -0,0 +1,14 @@
+import { Tooltip, TooltipContent as TooltipContent$1, TooltipProvider, TooltipTrigger as TooltipTrigger$1 } from "../../primitives/tooltip.cjs";
+import * as React from "react";
+//#region src/components/tooltip/Tooltip.d.ts
+export type TooltipTriggerProps = Omit<React.ComponentProps<typeof TooltipTrigger$1>, 'className' | 'render'> & {
+  className?: string;
+  /** Render as a different element/component. Replaces the Base UI `render` prop. */
+  asChild?: boolean;
+};
+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, "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.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.cts","names":["TooltipTriggerPrimitive","TooltipContentPrimitive"],"sources":["../../../src/components/tooltip/Tooltip.tsx"],"mappings":";;;YAsBY,sBAAsB,KAChC,MAAM,sBAAsBA;EAG5B;;EAEA;;cAGI,gBAAc,MAAA,0BAAA,KAAA,8BAAA,MAAA,cAAA;YAaR,sBAAsB,MAAM,sBAAsBC;cAExD,gBAAc,MAAA,0BAAA,8BAAA,oBAAA,8BAAA,mFAAA,MAAA,cAAA"}

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

@@ -0,0 +1,14 @@
+import { Tooltip, TooltipContent as TooltipContent$1, TooltipProvider, TooltipTrigger as TooltipTrigger$1 } from "../../primitives/tooltip.mjs";
+import * as React from "react";
+//#region src/components/tooltip/Tooltip.d.ts
+export type TooltipTriggerProps = Omit<React.ComponentProps<typeof TooltipTrigger$1>, 'className' | 'render'> & {
+  className?: string;
+  /** Render as a different element/component. Replaces the Base UI `render` prop. */
+  asChild?: boolean;
+};
+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, "side" | "align" | "alignOffset" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+//# sourceMappingURL=Tooltip.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.mts","names":["TooltipTriggerPrimitive","TooltipContentPrimitive"],"sources":["../../../src/components/tooltip/Tooltip.tsx"],"mappings":";;;YAsBY,sBAAsB,KAChC,MAAM,sBAAsBA;EAG5B;;EAEA;;cAGI,gBAAc,MAAA,0BAAA,KAAA,8BAAA,MAAA,cAAA;YAaR,sBAAsB,MAAM,sBAAsBC;cAExD,gBAAc,MAAA,0BAAA,8BAAA,oBAAA,8BAAA,mFAAA,MAAA,cAAA"}

package/dist/components/tooltip/Tooltip.mjs

@@ -0,0 +1,23 @@
+"use client";
+import { asChildRender, cn } from "../../lib/utils.mjs";
+import { Tooltip, TooltipContent as TooltipContent$1, TooltipProvider, TooltipTrigger as TooltipTrigger$1 } from "../../primitives/tooltip.mjs";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/tooltip/Tooltip.tsx
+const TooltipTrigger = React.forwardRef(({ asChild, children, ...props }, ref) => /* @__PURE__ */ jsx(TooltipTrigger$1, {
+	ref,
+	render: asChildRender(asChild, children),
+	...props,
+	children: asChild ? void 0 : children
+}));
+TooltipTrigger.displayName = "TooltipTrigger";
+const TooltipContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(TooltipContent$1, {
+	ref,
+	className: cn("rounded-berget-xs shadow-berget-md", className),
+	...props
+}));
+TooltipContent.displayName = "TooltipContent";
+//#endregion
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+
+//# sourceMappingURL=Tooltip.mjs.map

package/dist/components/tooltip/Tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.mjs","names":["TooltipTriggerPrimitive","TooltipContentPrimitive"],"sources":["../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport {\n  Tooltip,\n  TooltipContent as TooltipContentPrimitive,\n  TooltipProvider,\n  TooltipTrigger as TooltipTriggerPrimitive,\n} from '../../primitives/tooltip';\nimport { asChildRender, cn } from '../../lib/utils';\n\n/* ------------------------------------------------------------------ */\n/*  Root & Provider (re-exported as-is)                               */\n/* ------------------------------------------------------------------ */\n\nexport { Tooltip, TooltipProvider };\n\n/* ------------------------------------------------------------------ */\n/*  Trigger                                                            */\n/* ------------------------------------------------------------------ */\n\nexport type TooltipTriggerProps = Omit<\n  React.ComponentProps<typeof TooltipTriggerPrimitive>,\n  'className' | 'render'\n> & {\n  className?: string;\n  /** Render as a different element/component. Replaces the Base UI `render` prop. */\n  asChild?: boolean;\n};\n\nconst TooltipTrigger = React.forwardRef<HTMLButtonElement, TooltipTriggerProps>(\n  ({ asChild, children, ...props }, ref) => (\n    <TooltipTriggerPrimitive ref={ref} render={asChildRender(asChild, children)} {...props}>\n      {asChild ? undefined : children}\n    </TooltipTriggerPrimitive>\n  ),\n);\nTooltipTrigger.displayName = 'TooltipTrigger';\n\n/* ------------------------------------------------------------------ */\n/*  Content                                                            */\n/* ------------------------------------------------------------------ */\n\nexport type TooltipContentProps = React.ComponentProps<typeof TooltipContentPrimitive>;\n\nconst TooltipContent = React.forwardRef<HTMLDivElement, TooltipContentProps>(\n  ({ className, ...props }, ref) => (\n    <TooltipContentPrimitive\n      ref={ref}\n      className={cn('rounded-berget-xs shadow-berget-md', className)}\n      {...props}\n    />\n  ),\n);\nTooltipContent.displayName = 'TooltipContent';\n\nexport { TooltipTrigger, TooltipContent };\n"],"mappings":";;;;;;AA+BA,MAAM,iBAAiB,MAAM,YAC1B,EAAE,SAAS,UAAU,GAAG,SAAS,QAChC,oBAACA,kBAAD;CAA8B;CAAK,QAAQ,cAAc,SAAS,QAAQ;CAAG,GAAI;CAC9E,UAAA,UAAU,KAAA,IAAY;AACA,CAAA,CAE7B;AACA,eAAe,cAAc;AAQ7B,MAAM,iBAAiB,MAAM,YAC1B,EAAE,WAAW,GAAG,SAAS,QACxB,oBAACC,kBAAD;CACO;CACL,WAAW,GAAG,sCAAsC,SAAS;CAC7D,GAAI;AACL,CAAA,CAEL;AACA,eAAe,cAAc"}

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

@@ -0,0 +1,3 @@
+import { Tooltip, TooltipProvider } from "../../primitives/tooltip.cjs";
+import { TooltipContent, TooltipContentProps, TooltipTrigger, TooltipTriggerProps } from "./Tooltip.cjs";
+export { Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, type TooltipTriggerProps };

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

@@ -0,0 +1,3 @@
+import { Tooltip, TooltipProvider } from "../../primitives/tooltip.mjs";
+import { TooltipContent, TooltipContentProps, TooltipTrigger, TooltipTriggerProps } from "./Tooltip.mjs";
+export { Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, type TooltipTriggerProps };

package/dist/components/typography/Typography.cjs

@@ -0,0 +1,69 @@
+"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/typography/Typography.tsx
+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"
+		},
+		color: {
+			default: "text-berget-foreground",
+			muted: "text-berget-muted-foreground",
+			dim: "text-berget-foreground/65",
+			primary: "text-berget-primary"
+		}
+	},
+	defaultVariants: {
+		variant: "body",
+		color: "default"
+	}
+});
+const defaultElementMap = {
+	hero: "h1",
+	h1: "h1",
+	h2: "h2",
+	h3: "h3",
+	h4: "h4",
+	h5: "h5",
+	large: "p",
+	body: "p",
+	small: "p",
+	xs: "p",
+	caption: "span",
+	mono: "p",
+	code: "span"
+};
+const Typography = react.forwardRef(({ className, variant = "body", color = "default", as, children, ...props }, ref) => {
+	const Component = as ?? defaultElementMap[variant ?? "body"] ?? "p";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
+		className: require_utils.cn(typographyVariants({
+			variant,
+			color
+		}), className),
+		ref,
+		...props,
+		children
+	});
+});
+Typography.displayName = "Typography";
+//#endregion
+exports.Typography = Typography;
+exports.typographyVariants = typographyVariants;
+
+//# sourceMappingURL=Typography.cjs.map

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

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

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

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/components/typography/Typography.d.ts
+declare const typographyVariants: (props?: ({
+  variant?: "body" | "caption" | "code" | "h1" | "h2" | "h3" | "h4" | "h5" | "small" | "hero" | "large" | "xs" | "mono" | null | undefined;
+  color?: "default" | "muted" | "dim" | "primary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface TypographyProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'>, VariantProps<typeof typographyVariants> {
+  as?: React.ElementType;
+}
+declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>>;
+//#endregion
+export { Typography, typographyVariants };
+//# sourceMappingURL=Typography.d.cts.map

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

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

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

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/components/typography/Typography.d.ts
+declare const typographyVariants: (props?: ({
+  variant?: "body" | "caption" | "code" | "h1" | "h2" | "h3" | "h4" | "h5" | "small" | "hero" | "large" | "xs" | "mono" | null | undefined;
+  color?: "default" | "muted" | "dim" | "primary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface TypographyProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'>, VariantProps<typeof typographyVariants> {
+  as?: React.ElementType;
+}
+declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>>;
+//#endregion
+export { Typography, typographyVariants };
+//# sourceMappingURL=Typography.d.mts.map

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

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

package/dist/components/typography/Typography.mjs

@@ -0,0 +1,67 @@
+"use client";
+import { cn } from "../../lib/utils.mjs";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/components/typography/Typography.tsx
+const typographyVariants = 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"
+		},
+		color: {
+			default: "text-berget-foreground",
+			muted: "text-berget-muted-foreground",
+			dim: "text-berget-foreground/65",
+			primary: "text-berget-primary"
+		}
+	},
+	defaultVariants: {
+		variant: "body",
+		color: "default"
+	}
+});
+const defaultElementMap = {
+	hero: "h1",
+	h1: "h1",
+	h2: "h2",
+	h3: "h3",
+	h4: "h4",
+	h5: "h5",
+	large: "p",
+	body: "p",
+	small: "p",
+	xs: "p",
+	caption: "span",
+	mono: "p",
+	code: "span"
+};
+const Typography = React.forwardRef(({ className, variant = "body", color = "default", as, children, ...props }, ref) => {
+	const Component = as ?? defaultElementMap[variant ?? "body"] ?? "p";
+	return /* @__PURE__ */ jsx(Component, {
+		className: cn(typographyVariants({
+			variant,
+			color
+		}), className),
+		ref,
+		...props,
+		children
+	});
+});
+Typography.displayName = "Typography";
+//#endregion
+export { Typography, typographyVariants };
+
+//# sourceMappingURL=Typography.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.mjs","names":[],"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,qBAAqB,IAAI,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,aAAa,MAAM,YACtB,EAAE,WAAW,UAAU,QAAQ,QAAQ,WAAW,IAAI,UAAU,GAAG,SAAS,QAAQ;CACnF,MAAM,YAAa,MAAM,kBAAkB,WAAW,WAAW;CAQjE,OACE,oBAAC,WAAD;EACE,WAAW,GAAG,mBAAmB;GAAE;GAAS;EAAM,CAAC,GAAG,SAAS;EAC1D;EACL,GAAK;EAEJ;CACQ,CAAA;AAEf,CACF;AACA,WAAW,cAAc"}

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

@@ -0,0 +1,2 @@
+import { Typography, TypographyProps, typographyVariants } from "./Typography.cjs";
+export { Typography, type TypographyProps, typographyVariants };

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

@@ -0,0 +1,2 @@
+import { Typography, TypographyProps, typographyVariants } from "./Typography.mjs";
+export { Typography, type TypographyProps, typographyVariants };