@bergetai/ui 0.16.2 → 0.18.0

package/dist/components/tabs/Tabs.d.cts

@@ -0,0 +1,29 @@
+import { TabsList as TabsList$1, TabsTrigger as TabsTrigger$1 } from "../../primitives/tabs.cjs";
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/components/tabs/Tabs.d.ts
+type TabsListPrimitiveProps = React.ComponentProps<typeof TabsList$1>;
+type TabsTabProps = React.ComponentProps<typeof TabsTrigger$1>;
+declare const Tabs: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TabsRootProps, "className"> & {
+  className?: string;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const tabsListVariants: (props?: ({
+  variant?: "line" | "default" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type TabsListProps = Omit<TabsListPrimitiveProps, 'className'> & VariantProps<typeof tabsListVariants> & {
+  className?: string;
+};
+declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsListProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const tabsTriggerVariants: (props?: ({
+  variant?: "line" | "default" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type TabsTriggerProps = Omit<TabsTabProps, 'className'> & VariantProps<typeof tabsTriggerVariants> & {
+  className?: string;
+};
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TabsPanelProps, "className"> & {
+  className?: string;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants };
+//# sourceMappingURL=Tabs.d.cts.map

package/dist/components/tabs/Tabs.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.cts","names":["TabsListPrimitive","TabsTriggerPrimitive"],"sources":["../../../src/components/tabs/Tabs.tsx"],"mappings":";;;;KAiBK,yBAAyB,MAAM,sBAAsBA;KACrD,eAAe,MAAM,sBAAsBC;cAO1C,MAAI,MAAA,0BAAA,KAAA,8BAAA;EAGM;YAEiF,MAAA,cAAA;cAO3F,mBAAgB;;6CAyBrB;KAEI,gBAAgB,KAAK,uCACxB,oBAAoB;EAClB;;cAGE,UAAQ,MAAA,0BAAA,KAAA,wBAAA,MAAA,cAAA;cA0CR,sBAAmB;;6CA6DxB;KAEI,mBAAmB,KAAK,6BAC3B,oBAAoB;EAClB;;cAGE,aAAW,MAAA,0BAAA,KAAA,2BAAA,MAAA,cAAA;cAeX,aAAW,MAAA,0BAAA,KAAA,8BAAA;EAEmC;YAOlD,MAAA,cAAA"}

package/dist/components/tabs/Tabs.d.mts

@@ -0,0 +1,29 @@
+import { TabsList as TabsList$1, TabsTrigger as TabsTrigger$1 } from "../../primitives/tabs.mjs";
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/components/tabs/Tabs.d.ts
+type TabsListPrimitiveProps = React.ComponentProps<typeof TabsList$1>;
+type TabsTabProps = React.ComponentProps<typeof TabsTrigger$1>;
+declare const Tabs: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TabsRootProps, "className"> & {
+  className?: string;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const tabsListVariants: (props?: ({
+  variant?: "line" | "default" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type TabsListProps = Omit<TabsListPrimitiveProps, 'className'> & VariantProps<typeof tabsListVariants> & {
+  className?: string;
+};
+declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsListProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const tabsTriggerVariants: (props?: ({
+  variant?: "line" | "default" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type TabsTriggerProps = Omit<TabsTabProps, 'className'> & VariantProps<typeof tabsTriggerVariants> & {
+  className?: string;
+};
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TabsPanelProps, "className"> & {
+  className?: string;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants };
+//# sourceMappingURL=Tabs.d.mts.map

package/dist/components/tabs/Tabs.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.mts","names":["TabsListPrimitive","TabsTriggerPrimitive"],"sources":["../../../src/components/tabs/Tabs.tsx"],"mappings":";;;;KAiBK,yBAAyB,MAAM,sBAAsBA;KACrD,eAAe,MAAM,sBAAsBC;cAO1C,MAAI,MAAA,0BAAA,KAAA,8BAAA;EAGM;YAEiF,MAAA,cAAA;cAO3F,mBAAgB;;6CAyBrB;KAEI,gBAAgB,KAAK,uCACxB,oBAAoB;EAClB;;cAGE,UAAQ,MAAA,0BAAA,KAAA,wBAAA,MAAA,cAAA;cA0CR,sBAAmB;;6CA6DxB;KAEI,mBAAmB,KAAK,6BAC3B,oBAAoB;EAClB;;cAGE,aAAW,MAAA,0BAAA,KAAA,2BAAA,MAAA,cAAA;cAeX,aAAW,MAAA,0BAAA,KAAA,8BAAA;EAEmC;YAOlD,MAAA,cAAA"}

package/dist/components/tabs/Tabs.mjs

@@ -0,0 +1,103 @@
+"use client";
+import { cn } from "../../lib/utils.mjs";
+import { Tabs as Tabs$2, TabsContent as TabsContent$1, TabsList as TabsList$1, TabsTrigger as TabsTrigger$1 } from "../../primitives/tabs.mjs";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Tabs } from "@base-ui/react/tabs";
+//#region src/components/tabs/Tabs.tsx
+const TabsIndicatorPrimitive = Tabs.Indicator;
+const Tabs$1 = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Tabs$2, {
+	ref,
+	className,
+	...props
+}));
+Tabs$1.displayName = "Tabs";
+const tabsListVariants = cva(cn(`
+      group/tabs-list inline-flex w-fit items-center justify-center
+      rounded-berget-xs p-[3px] text-berget-muted-foreground
+    `, `
+      group-data-[orientation=horizontal]/tabs:h-9
+      group-data-[orientation=vertical]/tabs:h-fit
+      group-data-[orientation=vertical]/tabs:flex-col
+    `), {
+	variants: { variant: {
+		default: "bg-berget-tabs-list-bg",
+		line: "relative gap-2 rounded-berget-none bg-transparent"
+	} },
+	defaultVariants: { variant: "default" }
+});
+const TabsList = React.forwardRef(({ className, variant = "default", children, ...props }, ref) => /* @__PURE__ */ jsxs(TabsList$1, {
+	ref,
+	"data-variant": variant,
+	className: cn(tabsListVariants({ variant }), className),
+	...props,
+	children: [children, variant === "line" && /* @__PURE__ */ jsx(TabsIndicatorPrimitive, { className: cn(`
+              pointer-events-none absolute z-10 block rounded-berget-full
+              bg-berget-tabs-line-indicator transition-[left,top,width,height]
+              duration-200 ease-out
+            `, `
+              group-data-[orientation=horizontal]/tabs:bottom-0
+              group-data-[orientation=horizontal]/tabs:left-(--active-tab-left)
+              group-data-[orientation=horizontal]/tabs:h-0.5
+              group-data-[orientation=horizontal]/tabs:w-(--active-tab-width)
+            `, `
+              group-data-[orientation=vertical]/tabs:top-(--active-tab-top)
+              group-data-[orientation=vertical]/tabs:left-0
+              group-data-[orientation=vertical]/tabs:h-(--active-tab-height)
+              group-data-[orientation=vertical]/tabs:w-0.5
+            `) })]
+}));
+TabsList.displayName = "TabsList";
+const tabsTriggerVariants = cva(cn(`
+      relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center
+      gap-1.5 rounded-berget-xs border border-transparent px-3 py-1.5 text-sm
+      font-medium whitespace-nowrap transition-all
+    `, `
+      group-data-[orientation=vertical]/tabs:w-full
+      group-data-[orientation=vertical]/tabs:justify-start
+    `, `
+      text-berget-foreground-alt
+      hover:text-berget-foreground
+    `, `
+      focus-visible:ring-berget-focus-ring focus-visible:ring-2
+      focus-visible:ring-offset-2 focus-visible:ring-offset-berget-tabs-list-bg
+      focus-visible:outline-none
+    `, `
+      disabled:pointer-events-none disabled:opacity-50
+      aria-disabled:pointer-events-none aria-disabled:opacity-50
+    `, `
+      [&_svg]:pointer-events-none [&_svg]:shrink-0
+      [&_svg:not([class*=size-])]:size-4
+    `, "after:hidden"), {
+	variants: { variant: {
+		default: cn(`
+            group-data-[variant=default]/tabs-list:data-active:bg-berget-tabs-trigger-active-bg
+            group-data-[variant=default]/tabs-list:data-active:text-berget-tabs-trigger-active-fg
+            group-data-[variant=default]/tabs-list:data-active:shadow-berget-sm
+          `),
+		line: cn(`
+            group-data-[variant=line]/tabs-list:bg-transparent
+            group-data-[variant=line]/tabs-list:hover:bg-berget-surface-hover
+            group-data-[variant=line]/tabs-list:data-active:bg-transparent
+            group-data-[variant=line]/tabs-list:data-active:text-berget-foreground
+          `)
+	} },
+	defaultVariants: { variant: "default" }
+});
+const TabsTrigger = React.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(TabsTrigger$1, {
+	ref,
+	className: cn(tabsTriggerVariants({ variant }), className),
+	...props
+}));
+TabsTrigger.displayName = "TabsTrigger";
+const TabsContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(TabsContent$1, {
+	ref,
+	className: cn("flex-1 text-sm text-berget-foreground outline-none", className),
+	...props
+}));
+TabsContent.displayName = "TabsContent";
+//#endregion
+export { Tabs$1 as Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants };
+
+//# sourceMappingURL=Tabs.mjs.map

package/dist/components/tabs/Tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.mjs","names":["TabsBaseUI","Tabs","TabsPrimitive","TabsListPrimitive","TabsTriggerPrimitive","TabsContentPrimitive"],"sources":["../../../src/components/tabs/Tabs.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { Tabs as TabsBaseUI } from '@base-ui/react/tabs';\n\nimport { cn } from '../../lib/utils';\nimport {\n  Tabs as TabsPrimitive,\n  TabsList as TabsListPrimitive,\n  TabsTrigger as TabsTriggerPrimitive,\n  TabsContent as TabsContentPrimitive,\n} from '../../primitives/tabs';\n\nconst TabsIndicatorPrimitive = TabsBaseUI.Indicator;\ntype TabsRootProps = React.ComponentProps<typeof TabsPrimitive>;\ntype TabsListPrimitiveProps = React.ComponentProps<typeof TabsListPrimitive>;\ntype TabsTabProps = React.ComponentProps<typeof TabsTriggerPrimitive>;\ntype TabsPanelProps = React.ComponentProps<typeof TabsContentPrimitive>;\n\n/* ------------------------------------------------------------------ */\n/*  Root — thin pass-through, Berget gap only                         */\n/* ------------------------------------------------------------------ */\n\nconst Tabs = React.forwardRef<\n  HTMLDivElement,\n  Omit<TabsRootProps, 'className'> & {\n    className?: string;\n  }\n>(({ className, ...props }, ref) => <TabsPrimitive ref={ref} className={className} {...props} />);\nTabs.displayName = 'Tabs';\n\n/* ------------------------------------------------------------------ */\n/*  List — Berget tokens + the sliding Indicator for the line variant */\n/* ------------------------------------------------------------------ */\n\nconst tabsListVariants = cva(\n  cn(\n    `\n      group/tabs-list inline-flex w-fit items-center justify-center\n      rounded-berget-xs p-[3px] text-berget-muted-foreground\n    `,\n    `\n      group-data-[orientation=horizontal]/tabs:h-9\n      group-data-[orientation=vertical]/tabs:h-fit\n      group-data-[orientation=vertical]/tabs:flex-col\n    `,\n  ),\n  {\n    variants: {\n      variant: {\n        // Pill / segmented control: recessed track.\n        default: 'bg-berget-tabs-list-bg',\n        // Underline: transparent track; the Indicator is the underline.\n        line: 'relative gap-2 rounded-berget-none bg-transparent',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\ntype TabsListProps = Omit<TabsListPrimitiveProps, 'className'> &\n  VariantProps<typeof tabsListVariants> & {\n    className?: string;\n  };\n\nconst TabsList = React.forwardRef<HTMLDivElement, TabsListProps>(\n  ({ className, variant = 'default', children, ...props }, ref) => (\n    <TabsListPrimitive\n      ref={ref}\n      data-variant={variant}\n      className={cn(tabsListVariants({ variant }), className)}\n      {...props}\n    >\n      {children}\n      {/* Animated sliding underline — rendered only for the line variant. */}\n      {variant === 'line' && (\n        <TabsIndicatorPrimitive\n          className={cn(\n            `\n              pointer-events-none absolute z-10 block rounded-berget-full\n              bg-berget-tabs-line-indicator transition-[left,top,width,height]\n              duration-200 ease-out\n            `,\n            `\n              group-data-[orientation=horizontal]/tabs:bottom-0\n              group-data-[orientation=horizontal]/tabs:left-(--active-tab-left)\n              group-data-[orientation=horizontal]/tabs:h-0.5\n              group-data-[orientation=horizontal]/tabs:w-(--active-tab-width)\n            `,\n            `\n              group-data-[orientation=vertical]/tabs:top-(--active-tab-top)\n              group-data-[orientation=vertical]/tabs:left-0\n              group-data-[orientation=vertical]/tabs:h-(--active-tab-height)\n              group-data-[orientation=vertical]/tabs:w-0.5\n            `,\n          )}\n        />\n      )}\n    </TabsListPrimitive>\n  ),\n);\nTabsList.displayName = 'TabsList';\n\n/* ------------------------------------------------------------------ */\n/*  Trigger — Berget-brand active/hover states                        */\n/* ------------------------------------------------------------------ */\n\nconst tabsTriggerVariants = cva(\n  cn(\n    `\n      relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center\n      gap-1.5 rounded-berget-xs border border-transparent px-3 py-1.5 text-sm\n      font-medium whitespace-nowrap transition-all\n    `,\n    `\n      group-data-[orientation=vertical]/tabs:w-full\n      group-data-[orientation=vertical]/tabs:justify-start\n    `,\n    // Inactive: dimmed foreground.\n    `\n      text-berget-foreground-alt\n      hover:text-berget-foreground\n    `,\n    // Focus.\n    `\n      focus-visible:ring-berget-focus-ring focus-visible:ring-2\n      focus-visible:ring-offset-2 focus-visible:ring-offset-berget-tabs-list-bg\n      focus-visible:outline-none\n    `,\n    // Disabled.\n    `\n      disabled:pointer-events-none disabled:opacity-50\n      aria-disabled:pointer-events-none aria-disabled:opacity-50\n    `,\n    // Icons sized by the component, no manual sizing classes.\n    `\n      [&_svg]:pointer-events-none [&_svg]:shrink-0\n      [&_svg:not([class*=size-])]:size-4\n    `,\n    // Hide the primitive's line-variant underline — Berget uses the sliding Indicator.\n    'after:hidden',\n  ),\n  {\n    variants: {\n      variant: {\n        // Pill: active trigger lifts to the background surface.\n        default: cn(\n          `\n            group-data-[variant=default]/tabs-list:data-active:bg-berget-tabs-trigger-active-bg\n            group-data-[variant=default]/tabs-list:data-active:text-berget-tabs-trigger-active-fg\n            group-data-[variant=default]/tabs-list:data-active:shadow-berget-sm\n          `,\n        ),\n        // Underline: transparent trigger; the list's Indicator is the cue.\n        line: cn(\n          `\n            group-data-[variant=line]/tabs-list:bg-transparent\n            group-data-[variant=line]/tabs-list:hover:bg-berget-surface-hover\n            group-data-[variant=line]/tabs-list:data-active:bg-transparent\n            group-data-[variant=line]/tabs-list:data-active:text-berget-foreground\n          `,\n        ),\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\ntype TabsTriggerProps = Omit<TabsTabProps, 'className'> &\n  VariantProps<typeof tabsTriggerVariants> & {\n    className?: string;\n  };\n\nconst TabsTrigger = React.forwardRef<HTMLButtonElement, TabsTriggerProps>(\n  ({ className, variant, ...props }, ref) => (\n    <TabsTriggerPrimitive\n      ref={ref}\n      className={cn(tabsTriggerVariants({ variant }), className)}\n      {...props}\n    />\n  ),\n);\nTabsTrigger.displayName = 'TabsTrigger';\n\n/* ------------------------------------------------------------------ */\n/*  Content                                                           */\n/* ------------------------------------------------------------------ */\n\nconst TabsContent = React.forwardRef<\n  HTMLDivElement,\n  Omit<TabsPanelProps, 'className'> & { className?: string }\n>(({ className, ...props }, ref) => (\n  <TabsContentPrimitive\n    ref={ref}\n    className={cn('flex-1 text-sm text-berget-foreground outline-none', className)}\n    {...props}\n  />\n));\nTabsContent.displayName = 'TabsContent';\n\n/* ------------------------------------------------------------------ */\n/*  Exports                                                           */\n/* ------------------------------------------------------------------ */\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants, tabsTriggerVariants };\n"],"mappings":";;;;;;;;AAeA,MAAM,yBAAyBA,KAAW;AAU1C,MAAMC,SAAO,MAAM,YAKhB,EAAE,WAAW,GAAG,SAAS,QAAQ,oBAACC,QAAD;CAAoB;CAAgB;CAAW,GAAI;AAAQ,CAAA,CAAC;AAChG,OAAK,cAAc;AAMnB,MAAM,mBAAmB,IACvB,GACE;;;OAIA;;;;KAKF,GACA;CACE,UAAU,EACR,SAAS;EAEP,SAAS;EAET,MAAM;CACR,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAOA,MAAM,WAAW,MAAM,YACpB,EAAE,WAAW,UAAU,WAAW,UAAU,GAAG,SAAS,QACvD,qBAACC,YAAD;CACO;CACL,gBAAc;CACd,WAAW,GAAG,iBAAiB,EAAE,QAAQ,CAAC,GAAG,SAAS;CACtD,GAAI;CAJN,UAAA,CAMG,UAEA,YAAY,UACX,oBAAC,wBAAD,EACE,WAAW,GACT;;;;eAKA;;;;;eAMA;;;;;aAMF,EACD,CAAA,CAEc;AAEvB,CAAA,CAAA;AACA,SAAS,cAAc;AAMvB,MAAM,sBAAsB,IAC1B,GACE;;;;OAKA;;;OAKA;;;OAKA;;;;OAMA;;;OAKA;;;OAKA,cACF,GACA;CACE,UAAU,EACR,SAAS;EAEP,SAAS,GACP;;;;WAKF;EAEA,MAAM,GACJ;;;;;WAMF;CACF,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAOA,MAAM,cAAc,MAAM,YACvB,EAAE,WAAW,SAAS,GAAG,SAAS,QACjC,oBAACC,eAAD;CACO;CACL,WAAW,GAAG,oBAAoB,EAAE,QAAQ,CAAC,GAAG,SAAS;CACzD,GAAI;AACL,CAAA,CAEL;AACA,YAAY,cAAc;AAM1B,MAAM,cAAc,MAAM,YAGvB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAACC,eAAD;CACO;CACL,WAAW,GAAG,sDAAsD,SAAS;CAC7E,GAAI;AACL,CAAA,CACF;AACD,YAAY,cAAc"}

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

@@ -0,0 +1,2 @@
+import { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants } from "./Tabs.cjs";
+export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants };

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

@@ -0,0 +1,2 @@
+import { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants } from "./Tabs.mjs";
+export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants };

package/dist/hooks/use-highlighted-code.cjs

@@ -0,0 +1,58 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
+const require_highlighter = require("../lib/highlighter.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+//#region src/hooks/use-highlighted-code.ts
+function useHighlightedCode(value, language) {
+	const code = value.endsWith("\n") ? value.slice(0, -1) : value;
+	const [loaded, setLoaded] = react.useState(null);
+	const highlighter = loaded?.language === language ? loaded.highlighter : null;
+	react.useEffect(() => {
+		let cancelled = false;
+		require_highlighter.loadHighlighter(language).then((next) => {
+			if (!cancelled) setLoaded({
+				language,
+				highlighter: next
+			});
+		}).catch(() => {});
+		return () => {
+			cancelled = true;
+		};
+	}, [language]);
+	const [done, setDone] = react.useState({
+		highlighter: null,
+		text: "",
+		lines: []
+	});
+	let next = done;
+	if (next.highlighter !== highlighter || !code.startsWith(next.text)) next = {
+		highlighter,
+		text: "",
+		lines: []
+	};
+	const end = code.lastIndexOf("\n") + 1;
+	if (highlighter && end > next.text.length) {
+		const result = highlighter.highlight(code.slice(next.text.length, end - 1), next.state);
+		next = {
+			highlighter,
+			text: code.slice(0, end),
+			lines: [...next.lines, ...result.lines],
+			state: result.state
+		};
+	}
+	if (next !== done) setDone(next);
+	const tail = code.slice(end);
+	return react.useMemo(() => {
+		if (!highlighter) return code.split("\n");
+		return [...next.lines, highlighter.highlight(tail, next.state).lines[0]];
+	}, [
+		code,
+		highlighter,
+		next,
+		tail
+	]);
+}
+//#endregion
+exports.useHighlightedCode = useHighlightedCode;
+
+//# sourceMappingURL=use-highlighted-code.cjs.map

package/dist/hooks/use-highlighted-code.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-highlighted-code.cjs","names":["React"],"sources":["../../src/hooks/use-highlighted-code.ts"],"sourcesContent":["// BERGET: upstream uses an intentional mutate-during-render streaming pattern\n// (see the init/render loop below); the React Compiler skips this file, which\n// is safe and expected. Keep this minimal when replaying upstream updates.\n/* eslint-disable react-hooks/preserve-manual-memoization */\nimport * as React from 'react';\n\nimport { loadHighlighter } from '@/lib/highlighter';\n\nexport function useHighlightedCode(value: string, language: string) {\n  // A trailing newline would render as an extra empty line.\n  const code = value.endsWith('\\n') ? value.slice(0, -1) : value;\n  const [loaded, setLoaded] = React.useState<{\n    language: string;\n    highlighter: Awaited<ReturnType<typeof loadHighlighter>>;\n  } | null>(null);\n  const highlighter = loaded?.language === language ? loaded.highlighter : null;\n\n  React.useEffect(() => {\n    let cancelled = false;\n\n    loadHighlighter(language)\n      .then((next) => {\n        if (!cancelled) {\n          setLoaded({ language, highlighter: next });\n        }\n      })\n      .catch(() => {});\n\n    return () => {\n      cancelled = true;\n    };\n  }, [language]);\n\n  // The complete lines, highlighted. While the code streams, only the new\n  // lines are tokenized, starting from the grammar state of the last one.\n  const [done, setDone] = React.useState<{\n    highlighter: typeof highlighter;\n    text: string;\n    lines: React.ReactNode[];\n    state?: Parameters<NonNullable<typeof highlighter>['highlight']>[1];\n  }>({ highlighter: null, text: '', lines: [] });\n\n  let next = done;\n\n  if (next.highlighter !== highlighter || !code.startsWith(next.text)) {\n    next = { highlighter, text: '', lines: [] };\n  }\n\n  const end = code.lastIndexOf('\\n') + 1;\n\n  if (highlighter && end > next.text.length) {\n    const result = highlighter.highlight(code.slice(next.text.length, end - 1), next.state);\n\n    next = {\n      highlighter,\n      text: code.slice(0, end),\n      lines: [...next.lines, ...result.lines],\n      state: result.state,\n    };\n  }\n\n  if (next !== done) {\n    setDone(next);\n  }\n\n  // The last line is still being written, so it is tokenized on every render.\n  const tail = code.slice(end);\n\n  return React.useMemo(() => {\n    if (!highlighter) {\n      return code.split('\\n');\n    }\n\n    return [...next.lines, highlighter.highlight(tail, next.state).lines[0]];\n  }, [code, highlighter, next, tail]);\n}\n"],"mappings":";;;;;AAQA,SAAgB,mBAAmB,OAAe,UAAkB;CAElE,MAAM,OAAO,MAAM,SAAS,IAAI,IAAI,MAAM,MAAM,GAAG,EAAE,IAAI;CACzD,MAAM,CAAC,QAAQ,aAAaA,MAAM,SAGxB,IAAI;CACd,MAAM,cAAc,QAAQ,aAAa,WAAW,OAAO,cAAc;CAEzE,MAAM,gBAAgB;EACpB,IAAI,YAAY;EAEhB,oBAAA,gBAAgB,QAAQ,CAAC,CACtB,MAAM,SAAS;GACd,IAAI,CAAC,WACH,UAAU;IAAE;IAAU,aAAa;GAAK,CAAC;EAE7C,CAAC,CAAC,CACD,YAAY,CAAC,CAAC;EAEjB,aAAa;GACX,YAAY;EACd;CACF,GAAG,CAAC,QAAQ,CAAC;CAIb,MAAM,CAAC,MAAM,WAAWA,MAAM,SAK3B;EAAE,aAAa;EAAM,MAAM;EAAI,OAAO,CAAC;CAAE,CAAC;CAE7C,IAAI,OAAO;CAEX,IAAI,KAAK,gBAAgB,eAAe,CAAC,KAAK,WAAW,KAAK,IAAI,GAChE,OAAO;EAAE;EAAa,MAAM;EAAI,OAAO,CAAC;CAAE;CAG5C,MAAM,MAAM,KAAK,YAAY,IAAI,IAAI;CAErC,IAAI,eAAe,MAAM,KAAK,KAAK,QAAQ;EACzC,MAAM,SAAS,YAAY,UAAU,KAAK,MAAM,KAAK,KAAK,QAAQ,MAAM,CAAC,GAAG,KAAK,KAAK;EAEtF,OAAO;GACL;GACA,MAAM,KAAK,MAAM,GAAG,GAAG;GACvB,OAAO,CAAC,GAAG,KAAK,OAAO,GAAG,OAAO,KAAK;GACtC,OAAO,OAAO;EAChB;CACF;CAEA,IAAI,SAAS,MACX,QAAQ,IAAI;CAId,MAAM,OAAO,KAAK,MAAM,GAAG;CAE3B,OAAOA,MAAM,cAAc;EACzB,IAAI,CAAC,aACH,OAAO,KAAK,MAAM,IAAI;EAGxB,OAAO,CAAC,GAAG,KAAK,OAAO,YAAY,UAAU,MAAM,KAAK,KAAK,CAAC,CAAC,MAAM,EAAE;CACzE,GAAG;EAAC;EAAM;EAAa;EAAM;CAAI,CAAC;AACpC"}

package/dist/hooks/use-highlighted-code.d.cts

@@ -0,0 +1,5 @@
+import * as React from "react";
+//#region src/hooks/use-highlighted-code.d.ts
+export declare function useHighlightedCode(value: string, language: string): (string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element[] | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined)[];
+//#endregion
+//# sourceMappingURL=use-highlighted-code.d.cts.map

package/dist/hooks/use-highlighted-code.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-highlighted-code.d.cts","names":[],"sources":["../../src/hooks/use-highlighted-code.ts"],"mappings":";;wBAQgB,mBAAmB,eAAe,qFAAgB,IAAA,YAAA,MAAA,+BAAA,MAAA,8BAAA,SAAA,MAAA,aAAA,6CAAA,MAAA,cAAA,MAAA,+BAAA,MAAA,8BAAA,SAAA,MAAA"}

package/dist/hooks/use-highlighted-code.d.mts

@@ -0,0 +1,5 @@
+import * as React from "react";
+//#region src/hooks/use-highlighted-code.d.ts
+export declare function useHighlightedCode(value: string, language: string): (string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element[] | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined)[];
+//#endregion
+//# sourceMappingURL=use-highlighted-code.d.mts.map

package/dist/hooks/use-highlighted-code.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-highlighted-code.d.mts","names":[],"sources":["../../src/hooks/use-highlighted-code.ts"],"mappings":";;wBAQgB,mBAAmB,eAAe,qFAAgB,IAAA,YAAA,MAAA,+BAAA,MAAA,8BAAA,SAAA,MAAA,aAAA,6CAAA,MAAA,cAAA,MAAA,+BAAA,MAAA,8BAAA,SAAA,MAAA"}

package/dist/hooks/use-highlighted-code.mjs

@@ -0,0 +1,56 @@
+import { loadHighlighter } from "../lib/highlighter.mjs";
+import * as React from "react";
+//#region src/hooks/use-highlighted-code.ts
+function useHighlightedCode(value, language) {
+	const code = value.endsWith("\n") ? value.slice(0, -1) : value;
+	const [loaded, setLoaded] = React.useState(null);
+	const highlighter = loaded?.language === language ? loaded.highlighter : null;
+	React.useEffect(() => {
+		let cancelled = false;
+		loadHighlighter(language).then((next) => {
+			if (!cancelled) setLoaded({
+				language,
+				highlighter: next
+			});
+		}).catch(() => {});
+		return () => {
+			cancelled = true;
+		};
+	}, [language]);
+	const [done, setDone] = React.useState({
+		highlighter: null,
+		text: "",
+		lines: []
+	});
+	let next = done;
+	if (next.highlighter !== highlighter || !code.startsWith(next.text)) next = {
+		highlighter,
+		text: "",
+		lines: []
+	};
+	const end = code.lastIndexOf("\n") + 1;
+	if (highlighter && end > next.text.length) {
+		const result = highlighter.highlight(code.slice(next.text.length, end - 1), next.state);
+		next = {
+			highlighter,
+			text: code.slice(0, end),
+			lines: [...next.lines, ...result.lines],
+			state: result.state
+		};
+	}
+	if (next !== done) setDone(next);
+	const tail = code.slice(end);
+	return React.useMemo(() => {
+		if (!highlighter) return code.split("\n");
+		return [...next.lines, highlighter.highlight(tail, next.state).lines[0]];
+	}, [
+		code,
+		highlighter,
+		next,
+		tail
+	]);
+}
+//#endregion
+export { useHighlightedCode };
+
+//# sourceMappingURL=use-highlighted-code.mjs.map

package/dist/hooks/use-highlighted-code.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-highlighted-code.mjs","names":[],"sources":["../../src/hooks/use-highlighted-code.ts"],"sourcesContent":["// BERGET: upstream uses an intentional mutate-during-render streaming pattern\n// (see the init/render loop below); the React Compiler skips this file, which\n// is safe and expected. Keep this minimal when replaying upstream updates.\n/* eslint-disable react-hooks/preserve-manual-memoization */\nimport * as React from 'react';\n\nimport { loadHighlighter } from '@/lib/highlighter';\n\nexport function useHighlightedCode(value: string, language: string) {\n  // A trailing newline would render as an extra empty line.\n  const code = value.endsWith('\\n') ? value.slice(0, -1) : value;\n  const [loaded, setLoaded] = React.useState<{\n    language: string;\n    highlighter: Awaited<ReturnType<typeof loadHighlighter>>;\n  } | null>(null);\n  const highlighter = loaded?.language === language ? loaded.highlighter : null;\n\n  React.useEffect(() => {\n    let cancelled = false;\n\n    loadHighlighter(language)\n      .then((next) => {\n        if (!cancelled) {\n          setLoaded({ language, highlighter: next });\n        }\n      })\n      .catch(() => {});\n\n    return () => {\n      cancelled = true;\n    };\n  }, [language]);\n\n  // The complete lines, highlighted. While the code streams, only the new\n  // lines are tokenized, starting from the grammar state of the last one.\n  const [done, setDone] = React.useState<{\n    highlighter: typeof highlighter;\n    text: string;\n    lines: React.ReactNode[];\n    state?: Parameters<NonNullable<typeof highlighter>['highlight']>[1];\n  }>({ highlighter: null, text: '', lines: [] });\n\n  let next = done;\n\n  if (next.highlighter !== highlighter || !code.startsWith(next.text)) {\n    next = { highlighter, text: '', lines: [] };\n  }\n\n  const end = code.lastIndexOf('\\n') + 1;\n\n  if (highlighter && end > next.text.length) {\n    const result = highlighter.highlight(code.slice(next.text.length, end - 1), next.state);\n\n    next = {\n      highlighter,\n      text: code.slice(0, end),\n      lines: [...next.lines, ...result.lines],\n      state: result.state,\n    };\n  }\n\n  if (next !== done) {\n    setDone(next);\n  }\n\n  // The last line is still being written, so it is tokenized on every render.\n  const tail = code.slice(end);\n\n  return React.useMemo(() => {\n    if (!highlighter) {\n      return code.split('\\n');\n    }\n\n    return [...next.lines, highlighter.highlight(tail, next.state).lines[0]];\n  }, [code, highlighter, next, tail]);\n}\n"],"mappings":";;;AAQA,SAAgB,mBAAmB,OAAe,UAAkB;CAElE,MAAM,OAAO,MAAM,SAAS,IAAI,IAAI,MAAM,MAAM,GAAG,EAAE,IAAI;CACzD,MAAM,CAAC,QAAQ,aAAa,MAAM,SAGxB,IAAI;CACd,MAAM,cAAc,QAAQ,aAAa,WAAW,OAAO,cAAc;CAEzE,MAAM,gBAAgB;EACpB,IAAI,YAAY;EAEhB,gBAAgB,QAAQ,CAAC,CACtB,MAAM,SAAS;GACd,IAAI,CAAC,WACH,UAAU;IAAE;IAAU,aAAa;GAAK,CAAC;EAE7C,CAAC,CAAC,CACD,YAAY,CAAC,CAAC;EAEjB,aAAa;GACX,YAAY;EACd;CACF,GAAG,CAAC,QAAQ,CAAC;CAIb,MAAM,CAAC,MAAM,WAAW,MAAM,SAK3B;EAAE,aAAa;EAAM,MAAM;EAAI,OAAO,CAAC;CAAE,CAAC;CAE7C,IAAI,OAAO;CAEX,IAAI,KAAK,gBAAgB,eAAe,CAAC,KAAK,WAAW,KAAK,IAAI,GAChE,OAAO;EAAE;EAAa,MAAM;EAAI,OAAO,CAAC;CAAE;CAG5C,MAAM,MAAM,KAAK,YAAY,IAAI,IAAI;CAErC,IAAI,eAAe,MAAM,KAAK,KAAK,QAAQ;EACzC,MAAM,SAAS,YAAY,UAAU,KAAK,MAAM,KAAK,KAAK,QAAQ,MAAM,CAAC,GAAG,KAAK,KAAK;EAEtF,OAAO;GACL;GACA,MAAM,KAAK,MAAM,GAAG,GAAG;GACvB,OAAO,CAAC,GAAG,KAAK,OAAO,GAAG,OAAO,KAAK;GACtC,OAAO,OAAO;EAChB;CACF;CAEA,IAAI,SAAS,MACX,QAAQ,IAAI;CAId,MAAM,OAAO,KAAK,MAAM,GAAG;CAE3B,OAAO,MAAM,cAAc;EACzB,IAAI,CAAC,aACH,OAAO,KAAK,MAAM,IAAI;EAGxB,OAAO,CAAC,GAAG,KAAK,OAAO,YAAY,UAAU,MAAM,KAAK,KAAK,CAAC,CAAC,MAAM,EAAE;CACzE,GAAG;EAAC;EAAM;EAAa;EAAM;CAAI,CAAC;AACpC"}

package/dist/index.cjs

@@ -3,6 +3,11 @@ const require_ThemeProvider = require("./components/theme-provider/ThemeProvider
 const require_ThemeToggle = require("./components/theme-provider/ThemeToggle.cjs");
 const require_button = require("./primitives/button.cjs");
 const require_Button = require("./components/button/Button.cjs");
+const require_anchorVariants = require("./components/button/anchorVariants.cjs");
+const require_popover = require("./primitives/popover.cjs");
+const require_combobox = require("./primitives/combobox.cjs");
+const require_radio_group = require("./primitives/radio-group.cjs");
+const require_Tabs = require("./components/tabs/Tabs.cjs");
 const require_bubble = require("./primitives/bubble.cjs");
 const require_message = require("./primitives/message.cjs");
 const require_message_scroller = require("./primitives/message-scroller.cjs");
@@ -53,7 +58,9 @@ const require_Grid = require("./components/grid/Grid.cjs");
 const require_Box = require("./components/box/Box.cjs");
 const require_LanguageSelect = require("./components/language-select/LanguageSelect.cjs");
 const require_List = require("./components/list/List.cjs");
+const require_code_block = require("./primitives/code-block.cjs");
 const require_CodeBlock = require("./components/code-block/CodeBlock.cjs");
+const require_use_highlighted_code = require("./hooks/use-highlighted-code.cjs");
 const require_WindowFrame = require("./components/window-frame/WindowFrame.cjs");
 const require_FogIllustration = require("./components/fog-illustration/FogIllustration.cjs");
 let _shadcn_react_message_scroller = require("@shadcn/react/message-scroller");
@@ -71,6 +78,7 @@ exports.AlertDialogPortal = require_AlertDialog.AlertDialogPortal;
 exports.AlertDialogTitle = require_AlertDialog.AlertDialogTitle;
 exports.AlertDialogTrigger = require_AlertDialog.AlertDialogTrigger;
 exports.AlertTitle = require_alert.AlertTitle;
+exports.Anchor = require_anchorVariants.Anchor;
 exports.Badge = require_Badge.Badge;
 exports.BergetLogo = require_BergetLogo.BergetLogo;
 exports.Box = require_Box.Box;
@@ -89,6 +97,26 @@ exports.CardHeader = require_card.CardHeader;
 exports.CardTitle = require_card.CardTitle;
 exports.Checkbox = require_Checkbox.Checkbox;
 exports.CodeBlock = require_CodeBlock.CodeBlock;
+exports.CodeBlockActions = require_code_block.CodeBlockActions;
+exports.CodeBlockContent = require_code_block.CodeBlockContent;
+exports.CodeBlockCopyButton = require_code_block.CodeBlockCopyButton;
+exports.CodeBlockFooter = require_code_block.CodeBlockFooter;
+exports.CodeBlockHeader = require_CodeBlock.CodeBlockHeader;
+exports.CodeBlockLine = require_code_block.CodeBlockLine;
+exports.CodeBlockTitle = require_CodeBlock.CodeBlockTitle;
+exports.Combobox = require_combobox.Combobox;
+exports.ComboboxClear = require_combobox.ComboboxClear;
+exports.ComboboxContent = require_combobox.ComboboxContent;
+exports.ComboboxEmpty = require_combobox.ComboboxEmpty;
+exports.ComboboxGroup = require_combobox.ComboboxGroup;
+exports.ComboboxGroupLabel = require_combobox.ComboboxGroupLabel;
+exports.ComboboxInput = require_combobox.ComboboxInput;
+exports.ComboboxItem = require_combobox.ComboboxItem;
+exports.ComboboxList = require_combobox.ComboboxList;
+exports.ComboboxSeparator = require_combobox.ComboboxSeparator;
+exports.ComboboxStatus = require_combobox.ComboboxStatus;
+exports.ComboboxTrigger = require_combobox.ComboboxTrigger;
+exports.ComboboxValue = require_combobox.ComboboxValue;
 exports.Container = require_Container.Container;
 exports.CountrySelect = require_CountrySelect.CountrySelect;
 exports.Dialog = require_Dialog.Dialog;
@@ -183,11 +211,19 @@ exports.NavigationMenuLink = require_NavigationMenu.NavigationMenuLink;
 exports.NavigationMenuList = require_navigation_menu.NavigationMenuList;
 exports.NavigationMenuPositioner = require_NavigationMenu.NavigationMenuPositioner;
 exports.NavigationMenuTrigger = require_NavigationMenu.NavigationMenuTrigger;
+exports.Popover = require_popover.Popover;
+exports.PopoverContent = require_popover.PopoverContent;
+exports.PopoverDescription = require_popover.PopoverDescription;
+exports.PopoverHeader = require_popover.PopoverHeader;
+exports.PopoverTitle = require_popover.PopoverTitle;
+exports.PopoverTrigger = require_popover.PopoverTrigger;
 exports.Progress = require_Progress.Progress;
 exports.ProgressIndicator = require_progress.ProgressIndicator;
 exports.ProgressLabel = require_progress.ProgressLabel;
 exports.ProgressTrack = require_progress.ProgressTrack;
 exports.ProgressValue = require_progress.ProgressValue;
+exports.RadioGroup = require_radio_group.RadioGroup;
+exports.RadioGroupItem = require_radio_group.RadioGroupItem;
 exports.SearchInput = require_SearchInput.SearchInput;
 exports.Select = require_select.Select;
 exports.SelectContent = require_select.SelectContent;
@@ -235,6 +271,10 @@ exports.TableFooter = require_Table.TableFooter;
 exports.TableHead = require_Table.TableHead;
 exports.TableHeader = require_Table.TableHeader;
 exports.TableRow = require_Table.TableRow;
+exports.Tabs = require_Tabs.Tabs;
+exports.TabsContent = require_Tabs.TabsContent;
+exports.TabsList = require_Tabs.TabsList;
+exports.TabsTrigger = require_Tabs.TabsTrigger;
 exports.Textarea = require_textarea.Textarea;
 exports.ThemeProvider = require_ThemeProvider.ThemeProvider;
 exports.ThemeToggle = require_ThemeToggle.ThemeToggle;
@@ -245,6 +285,7 @@ exports.TooltipTrigger = require_Tooltip.TooltipTrigger;
 exports.Typography = require_Typography.Typography;
 exports.WindowFrame = require_WindowFrame.WindowFrame;
 exports.alertVariants = require_Alert.alertVariants;
+exports.anchorVariants = require_anchorVariants.anchorVariants;
 exports.badgeVariants = require_Badge.badgeVariants;
 exports.boxVariants = require_Box.boxVariants;
 exports.buttonVariants = require_button.buttonVariants;
@@ -260,7 +301,10 @@ exports.linkVariants = require_Link.linkVariants;
 exports.navigationMenuTriggerStyle = require_NavigationMenu.navigationMenuTriggerStyle;
 exports.switchRootVariants = require_Switch.switchRootVariants;
 exports.switchThumbVariants = require_Switch.switchThumbVariants;
+exports.tabsListVariants = require_Tabs.tabsListVariants;
+exports.tabsTriggerVariants = require_Tabs.tabsTriggerVariants;
 exports.typographyVariants = require_Typography.typographyVariants;
+exports.useHighlightedCode = require_use_highlighted_code.useHighlightedCode;
 Object.defineProperty(exports, "useMessageScroller", {
 	enumerable: true,
 	get: function() {

package/dist/index.d.cts

@@ -3,7 +3,16 @@ import { ThemeToggle, ThemeToggleProps } from "./components/theme-provider/Theme
 import "./components/theme-provider/index.cjs";
 import { buttonVariants } from "./primitives/button.cjs";
 import { Button, ButtonProps } from "./components/button/Button.cjs";
+import { Anchor, AnchorProps, AnchorVariantsProps, anchorVariants } from "./components/button/anchorVariants.cjs";
 import "./components/button/index.cjs";
+import { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from "./primitives/popover.cjs";
+import "./components/popover/index.cjs";
+import { Combobox, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue } from "./primitives/combobox.cjs";
+import "./components/combobox/index.cjs";
+import { RadioGroup, RadioGroupItem } from "./primitives/radio-group.cjs";
+import "./components/radio-group/index.cjs";
+import { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants } from "./components/tabs/Tabs.cjs";
+import "./components/tabs/index.cjs";
 import { Bubble, BubbleContent, BubbleGroup, BubbleReactions } from "./primitives/bubble.cjs";
 import "./components/bubble/index.cjs";
 import { Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader } from "./primitives/message.cjs";
@@ -93,9 +102,12 @@ import { LanguageSelect, LanguageSelectOption, LanguageSelectProps } from "./com
 import "./components/language-select/index.cjs";
 import { FeatureList, FeatureListProps, List, ListHeader, ListHeaderProps, ListItem, ListItemProps, ListProps } from "./components/list/List.cjs";
 import "./components/list/index.cjs";
-import { CodeBlock, CodeBlockProps } from "./components/code-block/CodeBlock.cjs";
+import { CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockLine } from "./primitives/code-block.cjs";
+import { CodeBlock, CodeBlockHeader, CodeBlockTitle } from "./components/code-block/CodeBlock.cjs";
+import "./components/code-block/index.cjs";
+import { useHighlightedCode } from "./hooks/use-highlighted-code.cjs";
 import { TerminalExample } from "./lib/terminal.cjs";
 import { WindowFrame, WindowFrameProps, WindowTab } from "./components/window-frame/WindowFrame.cjs";
 import "./components/window-frame/index.cjs";
 import { FOG_BRAND_PALETTE, FogIllustration, FogIllustrationProps, FogPalette } from "./components/fog-illustration/FogIllustration.cjs";
-export { Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, Badge, type BadgeProps, BergetLogo, type BergetLogoProps, Box, type BoxProps, type SpacingScale as BoxSpacingScale, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, type ButtonProps, COUNTRIES, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, CodeBlock, type CodeBlockProps, Container, type ContainerProps, type Country, CountrySelect, type CountrySelectProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EU_COUNTRY_CODES, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, type EmptyProps, EmptyTitle, FOG_BRAND_PALETTE, FeatureList, type FeatureListProps, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FogIllustration, type FogIllustrationProps, type FogPalette, Grid, type GridColsScale, type GridProps, type GridRowsScale, type SpacingScale$1 as GridSpacingScale, Icon, type IconProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, InputGroupInput, type InputGroupProps, InputGroupText, InputGroupTextarea, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, type ItemProps, ItemSeparator, ItemTitle, Label, LanguageSelect, type LanguageSelectOption, type LanguageSelectProps, Link, type LinkProps, List, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, type ListProps, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, ModelCard, type ModelCardProps, type ModelCategory, type ModelLifecycle, ModelLogo, type ModelLogoProps, type ModelLogoProvider, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, Progress, ProgressIndicator, ProgressLabel, type ProgressProps, ProgressTrack, ProgressValue, SearchInput, type SearchInputProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPageHeader, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SkeletonProps, Slider, type SliderProps, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, type TerminalExample, Textarea, type Theme, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, type TooltipTriggerProps, Typography, type TypographyProps, WindowFrame, type WindowFrameProps, type WindowTab, alertVariants, badgeVariants, boxVariants, buttonVariants, cardVariants, categoryLabels, checkboxVariants, containerVariants, getCountryByCode, getCountryByName, gridVariants, isEUCountry, linkVariants, navigationMenuTriggerStyle, switchRootVariants, switchThumbVariants, typographyVariants, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, useSidebar, useTheme };
+export { Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, Anchor, type AnchorProps, type AnchorVariantsProps, Badge, type BadgeProps, BergetLogo, type BergetLogoProps, Box, type BoxProps, type SpacingScale as BoxSpacingScale, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, type ButtonProps, COUNTRIES, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, CodeBlock, CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockHeader, CodeBlockLine, CodeBlockTitle, Combobox, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Container, type ContainerProps, type Country, CountrySelect, type CountrySelectProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EU_COUNTRY_CODES, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, type EmptyProps, EmptyTitle, FOG_BRAND_PALETTE, FeatureList, type FeatureListProps, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FogIllustration, type FogIllustrationProps, type FogPalette, Grid, type GridColsScale, type GridProps, type GridRowsScale, type SpacingScale$1 as GridSpacingScale, Icon, type IconProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, InputGroupInput, type InputGroupProps, InputGroupText, InputGroupTextarea, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, type ItemProps, ItemSeparator, ItemTitle, Label, LanguageSelect, type LanguageSelectOption, type LanguageSelectProps, Link, type LinkProps, List, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, type ListProps, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, ModelCard, type ModelCardProps, type ModelCategory, type ModelLifecycle, ModelLogo, type ModelLogoProps, type ModelLogoProvider, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, type ProgressProps, ProgressTrack, ProgressValue, RadioGroup, RadioGroupItem, SearchInput, type SearchInputProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPageHeader, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SkeletonProps, Slider, type SliderProps, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, type TerminalExample, Textarea, type Theme, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, type TooltipTriggerProps, Typography, type TypographyProps, WindowFrame, type WindowFrameProps, type WindowTab, alertVariants, anchorVariants, badgeVariants, boxVariants, buttonVariants, cardVariants, categoryLabels, checkboxVariants, containerVariants, getCountryByCode, getCountryByName, gridVariants, isEUCountry, linkVariants, navigationMenuTriggerStyle, switchRootVariants, switchThumbVariants, tabsListVariants, tabsTriggerVariants, typographyVariants, useHighlightedCode, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, useSidebar, useTheme };

package/dist/index.d.mts

@@ -3,7 +3,16 @@ import { ThemeToggle, ThemeToggleProps } from "./components/theme-provider/Theme
 import "./components/theme-provider/index.mjs";
 import { buttonVariants } from "./primitives/button.mjs";
 import { Button, ButtonProps } from "./components/button/Button.mjs";
+import { Anchor, AnchorProps, AnchorVariantsProps, anchorVariants } from "./components/button/anchorVariants.mjs";
 import "./components/button/index.mjs";
+import { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from "./primitives/popover.mjs";
+import "./components/popover/index.mjs";
+import { Combobox, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue } from "./primitives/combobox.mjs";
+import "./components/combobox/index.mjs";
+import { RadioGroup, RadioGroupItem } from "./primitives/radio-group.mjs";
+import "./components/radio-group/index.mjs";
+import { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants } from "./components/tabs/Tabs.mjs";
+import "./components/tabs/index.mjs";
 import { Bubble, BubbleContent, BubbleGroup, BubbleReactions } from "./primitives/bubble.mjs";
 import "./components/bubble/index.mjs";
 import { Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader } from "./primitives/message.mjs";
@@ -93,9 +102,12 @@ import { LanguageSelect, LanguageSelectOption, LanguageSelectProps } from "./com
 import "./components/language-select/index.mjs";
 import { FeatureList, FeatureListProps, List, ListHeader, ListHeaderProps, ListItem, ListItemProps, ListProps } from "./components/list/List.mjs";
 import "./components/list/index.mjs";
-import { CodeBlock, CodeBlockProps } from "./components/code-block/CodeBlock.mjs";
+import { CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockLine } from "./primitives/code-block.mjs";
+import { CodeBlock, CodeBlockHeader, CodeBlockTitle } from "./components/code-block/CodeBlock.mjs";
+import "./components/code-block/index.mjs";
+import { useHighlightedCode } from "./hooks/use-highlighted-code.mjs";
 import { TerminalExample } from "./lib/terminal.mjs";
 import { WindowFrame, WindowFrameProps, WindowTab } from "./components/window-frame/WindowFrame.mjs";
 import "./components/window-frame/index.mjs";
 import { FOG_BRAND_PALETTE, FogIllustration, FogIllustrationProps, FogPalette } from "./components/fog-illustration/FogIllustration.mjs";
-export { Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, Badge, type BadgeProps, BergetLogo, type BergetLogoProps, Box, type BoxProps, type SpacingScale as BoxSpacingScale, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, type ButtonProps, COUNTRIES, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, CodeBlock, type CodeBlockProps, Container, type ContainerProps, type Country, CountrySelect, type CountrySelectProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EU_COUNTRY_CODES, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, type EmptyProps, EmptyTitle, FOG_BRAND_PALETTE, FeatureList, type FeatureListProps, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FogIllustration, type FogIllustrationProps, type FogPalette, Grid, type GridColsScale, type GridProps, type GridRowsScale, type SpacingScale$1 as GridSpacingScale, Icon, type IconProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, InputGroupInput, type InputGroupProps, InputGroupText, InputGroupTextarea, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, type ItemProps, ItemSeparator, ItemTitle, Label, LanguageSelect, type LanguageSelectOption, type LanguageSelectProps, Link, type LinkProps, List, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, type ListProps, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, ModelCard, type ModelCardProps, type ModelCategory, type ModelLifecycle, ModelLogo, type ModelLogoProps, type ModelLogoProvider, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, Progress, ProgressIndicator, ProgressLabel, type ProgressProps, ProgressTrack, ProgressValue, SearchInput, type SearchInputProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPageHeader, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SkeletonProps, Slider, type SliderProps, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, type TerminalExample, Textarea, type Theme, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, type TooltipTriggerProps, Typography, type TypographyProps, WindowFrame, type WindowFrameProps, type WindowTab, alertVariants, badgeVariants, boxVariants, buttonVariants, cardVariants, categoryLabels, checkboxVariants, containerVariants, getCountryByCode, getCountryByName, gridVariants, isEUCountry, linkVariants, navigationMenuTriggerStyle, switchRootVariants, switchThumbVariants, typographyVariants, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, useSidebar, useTheme };
+export { Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, Anchor, type AnchorProps, type AnchorVariantsProps, Badge, type BadgeProps, BergetLogo, type BergetLogoProps, Box, type BoxProps, type SpacingScale as BoxSpacingScale, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, type ButtonProps, COUNTRIES, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, CodeBlock, CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockHeader, CodeBlockLine, CodeBlockTitle, Combobox, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Container, type ContainerProps, type Country, CountrySelect, type CountrySelectProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EU_COUNTRY_CODES, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, type EmptyProps, EmptyTitle, FOG_BRAND_PALETTE, FeatureList, type FeatureListProps, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FogIllustration, type FogIllustrationProps, type FogPalette, Grid, type GridColsScale, type GridProps, type GridRowsScale, type SpacingScale$1 as GridSpacingScale, Icon, type IconProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, InputGroupInput, type InputGroupProps, InputGroupText, InputGroupTextarea, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, type ItemProps, ItemSeparator, ItemTitle, Label, LanguageSelect, type LanguageSelectOption, type LanguageSelectProps, Link, type LinkProps, List, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, type ListProps, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, ModelCard, type ModelCardProps, type ModelCategory, type ModelLifecycle, ModelLogo, type ModelLogoProps, type ModelLogoProvider, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, type ProgressProps, ProgressTrack, ProgressValue, RadioGroup, RadioGroupItem, SearchInput, type SearchInputProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPageHeader, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SkeletonProps, Slider, type SliderProps, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, type TerminalExample, Textarea, type Theme, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, type TooltipTriggerProps, Typography, type TypographyProps, WindowFrame, type WindowFrameProps, type WindowTab, alertVariants, anchorVariants, badgeVariants, boxVariants, buttonVariants, cardVariants, categoryLabels, checkboxVariants, containerVariants, getCountryByCode, getCountryByName, gridVariants, isEUCountry, linkVariants, navigationMenuTriggerStyle, switchRootVariants, switchThumbVariants, tabsListVariants, tabsTriggerVariants, typographyVariants, useHighlightedCode, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, useSidebar, useTheme };

package/dist/index.mjs

@@ -2,6 +2,11 @@ import { ThemeProvider, useTheme } from "./components/theme-provider/ThemeProvid
 import { ThemeToggle } from "./components/theme-provider/ThemeToggle.mjs";
 import { buttonVariants } from "./primitives/button.mjs";
 import { Button } from "./components/button/Button.mjs";
+import { Anchor, anchorVariants } from "./components/button/anchorVariants.mjs";
+import { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from "./primitives/popover.mjs";
+import { Combobox, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue } from "./primitives/combobox.mjs";
+import { RadioGroup, RadioGroupItem } from "./primitives/radio-group.mjs";
+import { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants } from "./components/tabs/Tabs.mjs";
 import { Bubble, BubbleContent, BubbleGroup, BubbleReactions } from "./primitives/bubble.mjs";
 import { Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader } from "./primitives/message.mjs";
 import { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from "./primitives/message-scroller.mjs";
@@ -52,7 +57,9 @@ import { Grid, gridVariants } from "./components/grid/Grid.mjs";
 import { Box, boxVariants } from "./components/box/Box.mjs";
 import { LanguageSelect } from "./components/language-select/LanguageSelect.mjs";
 import { FeatureList, List, ListHeader, ListItem } from "./components/list/List.mjs";
-import { CodeBlock } from "./components/code-block/CodeBlock.mjs";
+import { CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockLine } from "./primitives/code-block.mjs";
+import { CodeBlock, CodeBlockHeader, CodeBlockTitle } from "./components/code-block/CodeBlock.mjs";
+import { useHighlightedCode } from "./hooks/use-highlighted-code.mjs";
 import { WindowFrame } from "./components/window-frame/WindowFrame.mjs";
 import { FOG_BRAND_PALETTE, FogIllustration } from "./components/fog-illustration/FogIllustration.mjs";
-export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Badge, BergetLogo, Box, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, COUNTRIES, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CodeBlock, Container, CountrySelect, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EU_COUNTRY_CODES, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, FOG_BRAND_PALETTE, FeatureList, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FogIllustration, Grid, Icon, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Label, LanguageSelect, Link, List, ListHeader, ListItem, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, ModelCard, ModelLogo, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, SearchInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPageHeader, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Textarea, ThemeProvider, ThemeToggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Typography, WindowFrame, alertVariants, badgeVariants, boxVariants, buttonVariants, cardVariants, categoryLabels, checkboxVariants, containerVariants, getCountryByCode, getCountryByName, gridVariants, isEUCountry, linkVariants, navigationMenuTriggerStyle, switchRootVariants, switchThumbVariants, typographyVariants, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, useSidebar, useTheme };
+export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Anchor, Badge, BergetLogo, Box, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, COUNTRIES, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CodeBlock, CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockHeader, CodeBlockLine, CodeBlockTitle, Combobox, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Container, CountrySelect, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EU_COUNTRY_CODES, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, FOG_BRAND_PALETTE, FeatureList, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FogIllustration, Grid, Icon, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Label, LanguageSelect, Link, List, ListHeader, ListItem, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, ModelCard, ModelLogo, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, RadioGroup, RadioGroupItem, SearchInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPageHeader, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeProvider, ThemeToggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Typography, WindowFrame, alertVariants, anchorVariants, badgeVariants, boxVariants, buttonVariants, cardVariants, categoryLabels, checkboxVariants, containerVariants, getCountryByCode, getCountryByName, gridVariants, isEUCountry, linkVariants, navigationMenuTriggerStyle, switchRootVariants, switchThumbVariants, tabsListVariants, tabsTriggerVariants, typographyVariants, useHighlightedCode, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, useSidebar, useTheme };