@bergetai/ui 0.15.0 → 0.16.1

package/dist/components/typography/Typography.mjs

@@ -7,19 +7,25 @@ import { cva } from "class-variance-authority";
 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"
+			h1: "font-h1 text-h1/h1 tracking-h1 text-balance",
+			hero: `
+        font-hero font-features-['normal'] text-hero/hero font-normal
+        tracking-hero text-balance
+      `,
+			h2: "font-h2 text-h2/h2 tracking-h2 text-balance",
+			h3: "font-h3 text-h3/tight tracking-h3 text-balance",
+			h4: "font-h4 text-h4/h4 tracking-h4 text-balance",
+			h5: "font-xl text-xl/h2 text-balance",
+			large: "font-lg text-lg/p text-pretty",
+			body: "font-p text-base/p text-pretty",
+			small: "font-sm text-caption/p text-pretty",
+			xs: "font-xs text-xs/p text-pretty",
+			caption: `
+        font-caption text-caption/h2 font-semibold tracking-caption text-pretty
+        uppercase
+      `,
+			mono: "font-mono text-base/p text-pretty",
+			code: "font-mono text-xs"
 		},
 		color: {
 			default: "text-berget-foreground",

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

@@ -1 +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"}
+{"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: 'font-h1 text-h1/h1 tracking-h1 text-balance',\n      // Hero display — from landing-page /dedicated-inference hero (Ovo, 400, tight display leading)\n      hero: `\n        font-hero font-features-['normal'] text-hero/hero font-normal\n        tracking-hero text-balance\n      `,\n      h2: 'font-h2 text-h2/h2 tracking-h2 text-balance',\n      h3: 'font-h3 text-h3/tight tracking-h3 text-balance',\n      h4: 'font-h4 text-h4/h4 tracking-h4 text-balance',\n      // Static sans-serif sub-heading\n      h5: 'font-xl text-xl/h2 text-balance',\n      // Body and UI text — use @theme tokens where available\n      large: 'font-lg text-lg/p text-pretty',\n      body: 'font-p text-base/p text-pretty',\n      small: 'font-sm text-caption/p text-pretty',\n      xs: 'font-xs text-xs/p text-pretty',\n      // Caption / overline / eyebrow (DM Sans, Semibold, uppercase)\n      caption: `\n        font-caption text-caption/h2 font-semibold tracking-caption text-pretty\n        uppercase\n      `,\n      // Monospaced — use @theme token\n      mono: 'font-mono text-base/p text-pretty',\n      // Inline code / spec labels\n      code: 'font-mono text-xs',\n    },\n    color: {\n      default: 'text-berget-foreground',\n      muted: 'text-berget-muted-foreground',\n      dim: 'text-berget-foreground/65',\n      primary: 'text-berget-primary',\n    },\n  },\n  defaultVariants: {\n    variant: 'body',\n    color: 'default',\n  },\n});\n\nconst defaultElementMap: Record<string, 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'span'> = {\n  hero: 'h1',\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  large: 'p',\n  body: 'p',\n  small: 'p',\n  xs: 'p',\n  caption: 'span',\n  mono: 'p',\n  code: 'span',\n};\n\nexport interface TypographyProps\n  extends\n    Omit<React.HTMLAttributes<HTMLElement>, 'color'>,\n    VariantProps<typeof typographyVariants> {\n  as?: React.ElementType;\n}\n\nconst Typography = React.forwardRef<HTMLElement, TypographyProps>(\n  ({ className, variant = 'body', color = 'default', as, children, ...props }, ref) => {\n    const Component = (as ?? defaultElementMap[variant ?? 'body'] ?? 'p') as\n      | 'h1'\n      | 'h2'\n      | 'h3'\n      | 'h4'\n      | 'h5'\n      | 'p'\n      | 'span';\n    return (\n      <Component\n        className={cn(typographyVariants({ variant, color }), className)}\n        ref={ref as any}\n        {...(props as any)}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nTypography.displayName = 'Typography';\n\nexport { Typography, typographyVariants };\n"],"mappings":";;;;;;AAMA,MAAM,qBAAqB,IAAI,IAAI;CACjC,UAAU;EACR,SAAS;GAEP,IAAI;GAEJ,MAAM;;;;GAIN,IAAI;GACJ,IAAI;GACJ,IAAI;GAEJ,IAAI;GAEJ,OAAO;GACP,MAAM;GACN,OAAO;GACP,IAAI;GAEJ,SAAS;;;;GAKT,MAAM;GAEN,MAAM;EACR;EACA,OAAO;GACL,SAAS;GACT,OAAO;GACP,KAAK;GACL,SAAS;EACX;CACF;CACA,iBAAiB;EACf,SAAS;EACT,OAAO;CACT;AACF,CAAC;AAED,MAAM,oBAAqF;CACzF,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,MAAM;CACN,OAAO;CACP,IAAI;CACJ,SAAS;CACT,MAAM;CACN,MAAM;AACR;AASA,MAAM,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/window-frame/WindowFrame.cjs

@@ -14,27 +14,37 @@ const WindowFrame = react.forwardRef(({ title = "window", tabs, activeTab, onTab
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		ref,
-		className: require_utils.cn("rounded-berget-sm overflow-hidden shadow-berget-md border border-berget-brand-granite-700 bg-berget-brand-granite-800", className),
+		className: require_utils.cn(`
+            overflow-hidden rounded-berget-sm border
+            border-berget-brand-granite-700 bg-berget-brand-granite-800
+            shadow-berget-md
+          `, className),
 		...props,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "flex items-center gap-2 px-4 py-3 border-b border-berget-brand-granite-700 bg-berget-brand-granite-900",
+			className: "\n            flex items-center gap-2 border-b border-berget-brand-granite-700\n            bg-berget-brand-granite-900 px-4 py-3\n          ",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "flex items-center gap-2 flex-shrink-0",
+				className: "flex shrink-0 items-center gap-2",
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "w-3 h-3 rounded-full bg-berget-brand-muscaria-400" }),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "w-3 h-3 rounded-full bg-berget-brand-chanterelle-200" }),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "w-3 h-3 rounded-full bg-berget-brand-moss-400" })
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "size-3 rounded-full bg-berget-brand-muscaria-400" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "size-3 rounded-full bg-berget-brand-chanterelle-200" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "size-3 rounded-full bg-berget-brand-moss-400" })
 				]
 			}), tabs && tabs.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "ml-4 flex items-center gap-1",
 				children: tabs.map((tab) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 					type: "button",
 					onClick: () => handleTabChange(tab.id),
-					className: require_utils.cn("px-3 py-1 text-sm transition-colors cursor-pointer", currentTab === tab.id ? "rounded-berget-xs bg-white/10 text-berget-foreground font-medium" : "rounded text-berget-muted-foreground hover:text-berget-foreground font-medium"),
+					className: require_utils.cn("cursor-pointer px-3 py-1 text-sm transition-colors", currentTab === tab.id ? `
+                        rounded-berget-xs bg-white/10 font-medium
+                        text-berget-foreground
+                      ` : `
+                        rounded-sm font-medium text-berget-muted-foreground
+                        hover:text-berget-foreground
+                      `),
 					children: tab.label
 				}, tab.id))
 			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "ml-4 text-sm font-mono text-berget-brand-moss-400",
+				className: "ml-4 font-mono text-sm text-berget-brand-moss-400",
 				children: title
 			})]
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children })]

package/dist/components/window-frame/WindowFrame.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"WindowFrame.cjs","names":["React","useState","cn"],"sources":["../../../src/components/window-frame/WindowFrame.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useState } from 'react';\nimport { cn } from '../../lib/utils';\n\nexport interface WindowTab {\n  id: string;\n  label: string;\n}\n\nexport interface WindowFrameProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Window title shown in the title bar when no tabs are provided */\n  title?: string;\n  /** Optional tabs for switching content */\n  tabs?: WindowTab[];\n  /** Controlled active tab ID */\n  activeTab?: string;\n  /** Callback when a tab is selected */\n  onTabChange?: (tabId: string) => void;\n}\n\nexport const WindowFrame = React.forwardRef<HTMLDivElement, WindowFrameProps>(\n  ({ title = 'window', tabs, activeTab, onTabChange, children, className, ...props }, ref) => {\n    const [internalActive, setInternalActive] = useState(tabs?.[0]?.id ?? '');\n    const currentTab = activeTab ?? internalActive;\n\n    const handleTabChange = (id: string) => {\n      if (onTabChange) {\n        onTabChange(id);\n      } else {\n        setInternalActive(id);\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'rounded-berget-sm overflow-hidden shadow-berget-md border border-berget-brand-granite-700 bg-berget-brand-granite-800',\n          className,\n        )}\n        {...props}\n      >\n        {/* Title bar */}\n        <div className=\"flex items-center gap-2 px-4 py-3 border-b border-berget-brand-granite-700 bg-berget-brand-granite-900\">\n          <div className=\"flex items-center gap-2 flex-shrink-0\">\n            <div className=\"w-3 h-3 rounded-full bg-berget-brand-muscaria-400\" />\n            <div className=\"w-3 h-3 rounded-full bg-berget-brand-chanterelle-200\" />\n            <div className=\"w-3 h-3 rounded-full bg-berget-brand-moss-400\" />\n          </div>\n\n          {tabs && tabs.length > 0 ? (\n            <div className=\"ml-4 flex items-center gap-1\">\n              {tabs.map((tab) => (\n                <button\n                  key={tab.id}\n                  type=\"button\"\n                  onClick={() => handleTabChange(tab.id)}\n                  className={cn(\n                    'px-3 py-1 text-sm transition-colors cursor-pointer',\n                    currentTab === tab.id\n                      ? 'rounded-berget-xs bg-white/10 text-berget-foreground font-medium'\n                      : 'rounded text-berget-muted-foreground hover:text-berget-foreground font-medium',\n                  )}\n                >\n                  {tab.label}\n                </button>\n              ))}\n            </div>\n          ) : (\n            <span className=\"ml-4 text-sm font-mono text-berget-brand-moss-400\">{title}</span>\n          )}\n        </div>\n\n        {/* Content area */}\n        <div>{children}</div>\n      </div>\n    );\n  },\n);\n\nWindowFrame.displayName = 'WindowFrame';\n"],"mappings":";;;;;;;AAsBA,MAAa,cAAcA,MAAM,YAC9B,EAAE,QAAQ,UAAU,MAAM,WAAW,aAAa,UAAU,WAAW,GAAG,SAAS,QAAQ;CAC1F,MAAM,CAAC,gBAAgB,sBAAA,GAAqBC,MAAAA,SAAAA,CAAS,OAAO,EAAE,EAAE,MAAM,EAAE;CACxE,MAAM,aAAa,aAAa;CAEhC,MAAM,mBAAmB,OAAe;EACtC,IAAI,aACF,YAAY,EAAE;OAEd,kBAAkB,EAAE;CAExB;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EACO;EACL,WAAWC,cAAAA,GACT,yHACA,SACF;EACA,GAAI;EANN,UAAA,CASE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD,EAAK,WAAU,oDAAqD,CAAA;KACpE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD,EAAK,WAAU,uDAAwD,CAAA;KACvE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD,EAAK,WAAU,gDAAiD,CAAA;IAC7D;GAEJ,CAAA,GAAA,QAAQ,KAAK,SAAS,IACrB,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAU;IACZ,UAAA,KAAK,KAAK,QACT,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;KAEE,MAAK;KACL,eAAe,gBAAgB,IAAI,EAAE;KACrC,WAAWA,cAAAA,GACT,sDACA,eAAe,IAAI,KACf,qEACA,+EACN;KAEC,UAAA,IAAI;IACC,GAXD,IAAI,EAWH,CACT;GACE,CAAA,IAEL,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,WAAU;IAAqD,UAAA;GAAY,CAAA,CAEhF;EAGL,CAAA,GAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD,EAAM,SAAc,CAAA,CACjB;;AAET,CACF;AAEA,YAAY,cAAc"}
+{"version":3,"file":"WindowFrame.cjs","names":["React","useState","cn"],"sources":["../../../src/components/window-frame/WindowFrame.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useState } from 'react';\nimport { cn } from '../../lib/utils';\n\nexport interface WindowTab {\n  id: string;\n  label: string;\n}\n\nexport interface WindowFrameProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Window title shown in the title bar when no tabs are provided */\n  title?: string;\n  /** Optional tabs for switching content */\n  tabs?: WindowTab[];\n  /** Controlled active tab ID */\n  activeTab?: string;\n  /** Callback when a tab is selected */\n  onTabChange?: (tabId: string) => void;\n}\n\nexport const WindowFrame = React.forwardRef<HTMLDivElement, WindowFrameProps>(\n  ({ title = 'window', tabs, activeTab, onTabChange, children, className, ...props }, ref) => {\n    const [internalActive, setInternalActive] = useState(tabs?.[0]?.id ?? '');\n    const currentTab = activeTab ?? internalActive;\n\n    const handleTabChange = (id: string) => {\n      if (onTabChange) {\n        onTabChange(id);\n      } else {\n        setInternalActive(id);\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          `\n            overflow-hidden rounded-berget-sm border\n            border-berget-brand-granite-700 bg-berget-brand-granite-800\n            shadow-berget-md\n          `,\n          className,\n        )}\n        {...props}\n      >\n        {/* Title bar */}\n        <div\n          className=\"\n            flex items-center gap-2 border-b border-berget-brand-granite-700\n            bg-berget-brand-granite-900 px-4 py-3\n          \"\n        >\n          <div className=\"flex shrink-0 items-center gap-2\">\n            <div className=\"size-3 rounded-full bg-berget-brand-muscaria-400\" />\n            <div className=\"size-3 rounded-full bg-berget-brand-chanterelle-200\" />\n            <div className=\"size-3 rounded-full bg-berget-brand-moss-400\" />\n          </div>\n\n          {tabs && tabs.length > 0 ? (\n            <div className=\"ml-4 flex items-center gap-1\">\n              {tabs.map((tab) => (\n                <button\n                  key={tab.id}\n                  type=\"button\"\n                  onClick={() => handleTabChange(tab.id)}\n                  className={cn(\n                    'cursor-pointer px-3 py-1 text-sm transition-colors',\n                    currentTab === tab.id\n                      ? `\n                        rounded-berget-xs bg-white/10 font-medium\n                        text-berget-foreground\n                      `\n                      : `\n                        rounded-sm font-medium text-berget-muted-foreground\n                        hover:text-berget-foreground\n                      `,\n                  )}\n                >\n                  {tab.label}\n                </button>\n              ))}\n            </div>\n          ) : (\n            <span className=\"ml-4 font-mono text-sm text-berget-brand-moss-400\">{title}</span>\n          )}\n        </div>\n\n        {/* Content area */}\n        <div>{children}</div>\n      </div>\n    );\n  },\n);\n\nWindowFrame.displayName = 'WindowFrame';\n"],"mappings":";;;;;;;AAsBA,MAAa,cAAcA,MAAM,YAC9B,EAAE,QAAQ,UAAU,MAAM,WAAW,aAAa,UAAU,WAAW,GAAG,SAAS,QAAQ;CAC1F,MAAM,CAAC,gBAAgB,sBAAA,GAAqBC,MAAAA,SAAAA,CAAS,OAAO,EAAE,EAAE,MAAM,EAAE;CACxE,MAAM,aAAa,aAAa;CAEhC,MAAM,mBAAmB,OAAe;EACtC,IAAI,aACF,YAAY,EAAE;OAEd,kBAAkB,EAAE;CAExB;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EACO;EACL,WAAWC,cAAAA,GACT;;;;aAKA,SACF;EACA,GAAI;EAVN,UAAA,CAaE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GACE,WAAU;GADZ,UAAA,CAME,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD,EAAK,WAAU,mDAAoD,CAAA;KACnE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD,EAAK,WAAU,sDAAuD,CAAA;KACtE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD,EAAK,WAAU,+CAAgD,CAAA;IAC5D;GAEJ,CAAA,GAAA,QAAQ,KAAK,SAAS,IACrB,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAU;IACZ,UAAA,KAAK,KAAK,QACT,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;KAEE,MAAK;KACL,eAAe,gBAAgB,IAAI,EAAE;KACrC,WAAWA,cAAAA,GACT,sDACA,eAAe,IAAI,KACf;;;0BAIA;;;uBAIN;KAEC,UAAA,IAAI;IACC,GAjBD,IAAI,EAiBH,CACT;GACE,CAAA,IAEL,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,WAAU;IAAqD,UAAA;GAAY,CAAA,CAEhF;EAGL,CAAA,GAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD,EAAM,SAAc,CAAA,CACjB;;AAET,CACF;AAEA,YAAY,cAAc"}

package/dist/components/window-frame/WindowFrame.mjs

@@ -13,27 +13,37 @@ const WindowFrame = React.forwardRef(({ title = "window", tabs, activeTab, onTab
 	};
 	return /* @__PURE__ */ jsxs("div", {
 		ref,
-		className: cn("rounded-berget-sm overflow-hidden shadow-berget-md border border-berget-brand-granite-700 bg-berget-brand-granite-800", className),
+		className: cn(`
+            overflow-hidden rounded-berget-sm border
+            border-berget-brand-granite-700 bg-berget-brand-granite-800
+            shadow-berget-md
+          `, className),
 		...props,
 		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-2 px-4 py-3 border-b border-berget-brand-granite-700 bg-berget-brand-granite-900",
+			className: "\n            flex items-center gap-2 border-b border-berget-brand-granite-700\n            bg-berget-brand-granite-900 px-4 py-3\n          ",
 			children: [/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-2 flex-shrink-0",
+				className: "flex shrink-0 items-center gap-2",
 				children: [
-					/* @__PURE__ */ jsx("div", { className: "w-3 h-3 rounded-full bg-berget-brand-muscaria-400" }),
-					/* @__PURE__ */ jsx("div", { className: "w-3 h-3 rounded-full bg-berget-brand-chanterelle-200" }),
-					/* @__PURE__ */ jsx("div", { className: "w-3 h-3 rounded-full bg-berget-brand-moss-400" })
+					/* @__PURE__ */ jsx("div", { className: "size-3 rounded-full bg-berget-brand-muscaria-400" }),
+					/* @__PURE__ */ jsx("div", { className: "size-3 rounded-full bg-berget-brand-chanterelle-200" }),
+					/* @__PURE__ */ jsx("div", { className: "size-3 rounded-full bg-berget-brand-moss-400" })
 				]
 			}), tabs && tabs.length > 0 ? /* @__PURE__ */ jsx("div", {
 				className: "ml-4 flex items-center gap-1",
 				children: tabs.map((tab) => /* @__PURE__ */ jsx("button", {
 					type: "button",
 					onClick: () => handleTabChange(tab.id),
-					className: cn("px-3 py-1 text-sm transition-colors cursor-pointer", currentTab === tab.id ? "rounded-berget-xs bg-white/10 text-berget-foreground font-medium" : "rounded text-berget-muted-foreground hover:text-berget-foreground font-medium"),
+					className: cn("cursor-pointer px-3 py-1 text-sm transition-colors", currentTab === tab.id ? `
+                        rounded-berget-xs bg-white/10 font-medium
+                        text-berget-foreground
+                      ` : `
+                        rounded-sm font-medium text-berget-muted-foreground
+                        hover:text-berget-foreground
+                      `),
 					children: tab.label
 				}, tab.id))
 			}) : /* @__PURE__ */ jsx("span", {
-				className: "ml-4 text-sm font-mono text-berget-brand-moss-400",
+				className: "ml-4 font-mono text-sm text-berget-brand-moss-400",
 				children: title
 			})]
 		}), /* @__PURE__ */ jsx("div", { children })]

package/dist/components/window-frame/WindowFrame.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"WindowFrame.mjs","names":[],"sources":["../../../src/components/window-frame/WindowFrame.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useState } from 'react';\nimport { cn } from '../../lib/utils';\n\nexport interface WindowTab {\n  id: string;\n  label: string;\n}\n\nexport interface WindowFrameProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Window title shown in the title bar when no tabs are provided */\n  title?: string;\n  /** Optional tabs for switching content */\n  tabs?: WindowTab[];\n  /** Controlled active tab ID */\n  activeTab?: string;\n  /** Callback when a tab is selected */\n  onTabChange?: (tabId: string) => void;\n}\n\nexport const WindowFrame = React.forwardRef<HTMLDivElement, WindowFrameProps>(\n  ({ title = 'window', tabs, activeTab, onTabChange, children, className, ...props }, ref) => {\n    const [internalActive, setInternalActive] = useState(tabs?.[0]?.id ?? '');\n    const currentTab = activeTab ?? internalActive;\n\n    const handleTabChange = (id: string) => {\n      if (onTabChange) {\n        onTabChange(id);\n      } else {\n        setInternalActive(id);\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'rounded-berget-sm overflow-hidden shadow-berget-md border border-berget-brand-granite-700 bg-berget-brand-granite-800',\n          className,\n        )}\n        {...props}\n      >\n        {/* Title bar */}\n        <div className=\"flex items-center gap-2 px-4 py-3 border-b border-berget-brand-granite-700 bg-berget-brand-granite-900\">\n          <div className=\"flex items-center gap-2 flex-shrink-0\">\n            <div className=\"w-3 h-3 rounded-full bg-berget-brand-muscaria-400\" />\n            <div className=\"w-3 h-3 rounded-full bg-berget-brand-chanterelle-200\" />\n            <div className=\"w-3 h-3 rounded-full bg-berget-brand-moss-400\" />\n          </div>\n\n          {tabs && tabs.length > 0 ? (\n            <div className=\"ml-4 flex items-center gap-1\">\n              {tabs.map((tab) => (\n                <button\n                  key={tab.id}\n                  type=\"button\"\n                  onClick={() => handleTabChange(tab.id)}\n                  className={cn(\n                    'px-3 py-1 text-sm transition-colors cursor-pointer',\n                    currentTab === tab.id\n                      ? 'rounded-berget-xs bg-white/10 text-berget-foreground font-medium'\n                      : 'rounded text-berget-muted-foreground hover:text-berget-foreground font-medium',\n                  )}\n                >\n                  {tab.label}\n                </button>\n              ))}\n            </div>\n          ) : (\n            <span className=\"ml-4 text-sm font-mono text-berget-brand-moss-400\">{title}</span>\n          )}\n        </div>\n\n        {/* Content area */}\n        <div>{children}</div>\n      </div>\n    );\n  },\n);\n\nWindowFrame.displayName = 'WindowFrame';\n"],"mappings":";;;;;;AAsBA,MAAa,cAAc,MAAM,YAC9B,EAAE,QAAQ,UAAU,MAAM,WAAW,aAAa,UAAU,WAAW,GAAG,SAAS,QAAQ;CAC1F,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,OAAO,EAAE,EAAE,MAAM,EAAE;CACxE,MAAM,aAAa,aAAa;CAEhC,MAAM,mBAAmB,OAAe;EACtC,IAAI,aACF,YAAY,EAAE;OAEd,kBAAkB,EAAE;CAExB;CAEA,OACE,qBAAC,OAAD;EACO;EACL,WAAW,GACT,yHACA,SACF;EACA,GAAI;EANN,UAAA,CASE,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,oBAAC,OAAD,EAAK,WAAU,oDAAqD,CAAA;KACpE,oBAAC,OAAD,EAAK,WAAU,uDAAwD,CAAA;KACvE,oBAAC,OAAD,EAAK,WAAU,gDAAiD,CAAA;IAC7D;GAEJ,CAAA,GAAA,QAAQ,KAAK,SAAS,IACrB,oBAAC,OAAD;IAAK,WAAU;IACZ,UAAA,KAAK,KAAK,QACT,oBAAC,UAAD;KAEE,MAAK;KACL,eAAe,gBAAgB,IAAI,EAAE;KACrC,WAAW,GACT,sDACA,eAAe,IAAI,KACf,qEACA,+EACN;KAEC,UAAA,IAAI;IACC,GAXD,IAAI,EAWH,CACT;GACE,CAAA,IAEL,oBAAC,QAAD;IAAM,WAAU;IAAqD,UAAA;GAAY,CAAA,CAEhF;EAGL,CAAA,GAAA,oBAAC,OAAD,EAAM,SAAc,CAAA,CACjB;;AAET,CACF;AAEA,YAAY,cAAc"}
+{"version":3,"file":"WindowFrame.mjs","names":[],"sources":["../../../src/components/window-frame/WindowFrame.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useState } from 'react';\nimport { cn } from '../../lib/utils';\n\nexport interface WindowTab {\n  id: string;\n  label: string;\n}\n\nexport interface WindowFrameProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Window title shown in the title bar when no tabs are provided */\n  title?: string;\n  /** Optional tabs for switching content */\n  tabs?: WindowTab[];\n  /** Controlled active tab ID */\n  activeTab?: string;\n  /** Callback when a tab is selected */\n  onTabChange?: (tabId: string) => void;\n}\n\nexport const WindowFrame = React.forwardRef<HTMLDivElement, WindowFrameProps>(\n  ({ title = 'window', tabs, activeTab, onTabChange, children, className, ...props }, ref) => {\n    const [internalActive, setInternalActive] = useState(tabs?.[0]?.id ?? '');\n    const currentTab = activeTab ?? internalActive;\n\n    const handleTabChange = (id: string) => {\n      if (onTabChange) {\n        onTabChange(id);\n      } else {\n        setInternalActive(id);\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          `\n            overflow-hidden rounded-berget-sm border\n            border-berget-brand-granite-700 bg-berget-brand-granite-800\n            shadow-berget-md\n          `,\n          className,\n        )}\n        {...props}\n      >\n        {/* Title bar */}\n        <div\n          className=\"\n            flex items-center gap-2 border-b border-berget-brand-granite-700\n            bg-berget-brand-granite-900 px-4 py-3\n          \"\n        >\n          <div className=\"flex shrink-0 items-center gap-2\">\n            <div className=\"size-3 rounded-full bg-berget-brand-muscaria-400\" />\n            <div className=\"size-3 rounded-full bg-berget-brand-chanterelle-200\" />\n            <div className=\"size-3 rounded-full bg-berget-brand-moss-400\" />\n          </div>\n\n          {tabs && tabs.length > 0 ? (\n            <div className=\"ml-4 flex items-center gap-1\">\n              {tabs.map((tab) => (\n                <button\n                  key={tab.id}\n                  type=\"button\"\n                  onClick={() => handleTabChange(tab.id)}\n                  className={cn(\n                    'cursor-pointer px-3 py-1 text-sm transition-colors',\n                    currentTab === tab.id\n                      ? `\n                        rounded-berget-xs bg-white/10 font-medium\n                        text-berget-foreground\n                      `\n                      : `\n                        rounded-sm font-medium text-berget-muted-foreground\n                        hover:text-berget-foreground\n                      `,\n                  )}\n                >\n                  {tab.label}\n                </button>\n              ))}\n            </div>\n          ) : (\n            <span className=\"ml-4 font-mono text-sm text-berget-brand-moss-400\">{title}</span>\n          )}\n        </div>\n\n        {/* Content area */}\n        <div>{children}</div>\n      </div>\n    );\n  },\n);\n\nWindowFrame.displayName = 'WindowFrame';\n"],"mappings":";;;;;;AAsBA,MAAa,cAAc,MAAM,YAC9B,EAAE,QAAQ,UAAU,MAAM,WAAW,aAAa,UAAU,WAAW,GAAG,SAAS,QAAQ;CAC1F,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,OAAO,EAAE,EAAE,MAAM,EAAE;CACxE,MAAM,aAAa,aAAa;CAEhC,MAAM,mBAAmB,OAAe;EACtC,IAAI,aACF,YAAY,EAAE;OAEd,kBAAkB,EAAE;CAExB;CAEA,OACE,qBAAC,OAAD;EACO;EACL,WAAW,GACT;;;;aAKA,SACF;EACA,GAAI;EAVN,UAAA,CAaE,qBAAC,OAAD;GACE,WAAU;GADZ,UAAA,CAME,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,oBAAC,OAAD,EAAK,WAAU,mDAAoD,CAAA;KACnE,oBAAC,OAAD,EAAK,WAAU,sDAAuD,CAAA;KACtE,oBAAC,OAAD,EAAK,WAAU,+CAAgD,CAAA;IAC5D;GAEJ,CAAA,GAAA,QAAQ,KAAK,SAAS,IACrB,oBAAC,OAAD;IAAK,WAAU;IACZ,UAAA,KAAK,KAAK,QACT,oBAAC,UAAD;KAEE,MAAK;KACL,eAAe,gBAAgB,IAAI,EAAE;KACrC,WAAW,GACT,sDACA,eAAe,IAAI,KACf;;;0BAIA;;;uBAIN;KAEC,UAAA,IAAI;IACC,GAjBD,IAAI,EAiBH,CACT;GACE,CAAA,IAEL,oBAAC,QAAD;IAAM,WAAU;IAAqD,UAAA;GAAY,CAAA,CAEhF;EAGL,CAAA,GAAA,oBAAC,OAAD,EAAM,SAAc,CAAA,CACjB;;AAET,CACF;AAEA,YAAY,cAAc"}

package/dist/index.cjs

@@ -3,6 +3,9 @@ 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_bubble = require("./primitives/bubble.cjs");
+const require_message = require("./primitives/message.cjs");
+const require_message_scroller = require("./primitives/message-scroller.cjs");
 const require_Typography = require("./components/typography/Typography.cjs");
 const require_card = require("./primitives/card.cjs");
 const require_Card = require("./components/card/Card.cjs");
@@ -32,11 +35,14 @@ const require_Item = require("./components/item/Item.cjs");
 const require_empty = require("./primitives/empty.cjs");
 const require_Empty = require("./components/empty/Empty.cjs");
 const require_SearchInput = require("./components/search-input/SearchInput.cjs");
+const require_Slider = require("./components/slider/Slider.cjs");
+const require_textarea = require("./primitives/textarea.cjs");
+const require_input_group = require("./primitives/input-group.cjs");
+const require_InputGroup = require("./components/input-group/InputGroup.cjs");
 const require_Checkbox = require("./components/checkbox/Checkbox.cjs");
 const require_Switch = require("./components/switch/Switch.cjs");
 const require_select = require("./primitives/select.cjs");
 const require_Icon = require("./components/icon/Icon.cjs");
-const require_textarea = require("./primitives/textarea.cjs");
 const require_countries = require("./components/country-select/countries.cjs");
 const require_CountrySelect = require("./components/country-select/CountrySelect.cjs");
 const require_label = require("./primitives/label.cjs");
@@ -50,6 +56,7 @@ const require_List = require("./components/list/List.cjs");
 const require_CodeBlock = require("./components/code-block/CodeBlock.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");
 exports.Alert = require_Alert.Alert;
 exports.AlertDescription = require_alert.AlertDescription;
 exports.AlertDialog = require_AlertDialog.AlertDialog;
@@ -67,6 +74,10 @@ exports.AlertTitle = require_alert.AlertTitle;
 exports.Badge = require_Badge.Badge;
 exports.BergetLogo = require_BergetLogo.BergetLogo;
 exports.Box = require_Box.Box;
+exports.Bubble = require_bubble.Bubble;
+exports.BubbleContent = require_bubble.BubbleContent;
+exports.BubbleGroup = require_bubble.BubbleGroup;
+exports.BubbleReactions = require_bubble.BubbleReactions;
 exports.Button = require_Button.Button;
 exports.COUNTRIES = require_countries.COUNTRIES;
 exports.Card = require_Card.Card;
@@ -128,6 +139,12 @@ exports.FogIllustration = require_FogIllustration.FogIllustration;
 exports.Grid = require_Grid.Grid;
 exports.Icon = require_Icon.Icon;
 exports.Input = require_input.Input;
+exports.InputGroup = require_InputGroup.InputGroup;
+exports.InputGroupAddon = require_InputGroup.InputGroupAddon;
+exports.InputGroupButton = require_input_group.InputGroupButton;
+exports.InputGroupInput = require_input_group.InputGroupInput;
+exports.InputGroupText = require_input_group.InputGroupText;
+exports.InputGroupTextarea = require_input_group.InputGroupTextarea;
 exports.Item = require_Item.Item;
 exports.ItemActions = require_item.ItemActions;
 exports.ItemContent = require_item.ItemContent;
@@ -144,6 +161,18 @@ exports.Link = require_Link.Link;
 exports.List = require_List.List;
 exports.ListHeader = require_List.ListHeader;
 exports.ListItem = require_List.ListItem;
+exports.Message = require_message.Message;
+exports.MessageAvatar = require_message.MessageAvatar;
+exports.MessageContent = require_message.MessageContent;
+exports.MessageFooter = require_message.MessageFooter;
+exports.MessageGroup = require_message.MessageGroup;
+exports.MessageHeader = require_message.MessageHeader;
+exports.MessageScroller = require_message_scroller.MessageScroller;
+exports.MessageScrollerButton = require_message_scroller.MessageScrollerButton;
+exports.MessageScrollerContent = require_message_scroller.MessageScrollerContent;
+exports.MessageScrollerItem = require_message_scroller.MessageScrollerItem;
+exports.MessageScrollerProvider = require_message_scroller.MessageScrollerProvider;
+exports.MessageScrollerViewport = require_message_scroller.MessageScrollerViewport;
 exports.ModelCard = require_ModelCard.ModelCard;
 exports.ModelLogo = require_ModelLogo.ModelLogo;
 exports.NavigationMenu = require_NavigationMenu.NavigationMenu;
@@ -196,6 +225,7 @@ exports.SidebarRail = require_sidebar.SidebarRail;
 exports.SidebarSeparator = require_sidebar.SidebarSeparator;
 exports.SidebarTrigger = require_sidebar.SidebarTrigger;
 exports.Skeleton = require_Skeleton.Skeleton;
+exports.Slider = require_Slider.Slider;
 exports.Switch = require_Switch.Switch;
 exports.Table = require_Table.Table;
 exports.TableBody = require_Table.TableBody;
@@ -231,5 +261,23 @@ exports.navigationMenuTriggerStyle = require_NavigationMenu.navigationMenuTrigge
 exports.switchRootVariants = require_Switch.switchRootVariants;
 exports.switchThumbVariants = require_Switch.switchThumbVariants;
 exports.typographyVariants = require_Typography.typographyVariants;
+Object.defineProperty(exports, "useMessageScroller", {
+	enumerable: true,
+	get: function() {
+		return _shadcn_react_message_scroller.useMessageScroller;
+	}
+});
+Object.defineProperty(exports, "useMessageScrollerScrollable", {
+	enumerable: true,
+	get: function() {
+		return _shadcn_react_message_scroller.useMessageScrollerScrollable;
+	}
+});
+Object.defineProperty(exports, "useMessageScrollerVisibility", {
+	enumerable: true,
+	get: function() {
+		return _shadcn_react_message_scroller.useMessageScrollerVisibility;
+	}
+});
 exports.useSidebar = require_sidebar.useSidebar;
 exports.useTheme = require_ThemeProvider.useTheme;

package/dist/index.d.cts

@@ -4,6 +4,12 @@ import "./components/theme-provider/index.cjs";
 import { buttonVariants } from "./primitives/button.cjs";
 import { Button, ButtonProps } from "./components/button/Button.cjs";
 import "./components/button/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";
+import "./components/message/index.cjs";
+import { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from "./primitives/message-scroller.cjs";
+import "./components/message-scroller/index.cjs";
 import { Typography, TypographyProps, typographyVariants } from "./components/typography/Typography.cjs";
 import "./components/typography/index.cjs";
 import { CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./primitives/card.cjs";
@@ -51,6 +57,11 @@ import "./components/empty/index.cjs";
 import "./components/input/index.cjs";
 import { SearchInput, SearchInputProps } from "./components/search-input/SearchInput.cjs";
 import "./components/search-input/index.cjs";
+import { Slider, SliderProps } from "./components/slider/Slider.cjs";
+import "./components/slider/index.cjs";
+import { InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./primitives/input-group.cjs";
+import { InputGroup, InputGroupAddon, InputGroupAddonProps, InputGroupProps } from "./components/input-group/InputGroup.cjs";
+import "./components/input-group/index.cjs";
 import { Checkbox, CheckboxProps, checkboxVariants } from "./components/checkbox/Checkbox.cjs";
 import "./components/checkbox/index.cjs";
 import { Switch, SwitchProps, switchRootVariants, switchThumbVariants } from "./components/switch/Switch.cjs";
@@ -87,4 +98,4 @@ 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, 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, 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, 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, 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, useSidebar, useTheme };
+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 };

package/dist/index.d.mts

@@ -4,6 +4,12 @@ import "./components/theme-provider/index.mjs";
 import { buttonVariants } from "./primitives/button.mjs";
 import { Button, ButtonProps } from "./components/button/Button.mjs";
 import "./components/button/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";
+import "./components/message/index.mjs";
+import { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from "./primitives/message-scroller.mjs";
+import "./components/message-scroller/index.mjs";
 import { Typography, TypographyProps, typographyVariants } from "./components/typography/Typography.mjs";
 import "./components/typography/index.mjs";
 import { CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./primitives/card.mjs";
@@ -51,6 +57,11 @@ import "./components/empty/index.mjs";
 import "./components/input/index.mjs";
 import { SearchInput, SearchInputProps } from "./components/search-input/SearchInput.mjs";
 import "./components/search-input/index.mjs";
+import { Slider, SliderProps } from "./components/slider/Slider.mjs";
+import "./components/slider/index.mjs";
+import { InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./primitives/input-group.mjs";
+import { InputGroup, InputGroupAddon, InputGroupAddonProps, InputGroupProps } from "./components/input-group/InputGroup.mjs";
+import "./components/input-group/index.mjs";
 import { Checkbox, CheckboxProps, checkboxVariants } from "./components/checkbox/Checkbox.mjs";
 import "./components/checkbox/index.mjs";
 import { Switch, SwitchProps, switchRootVariants, switchThumbVariants } from "./components/switch/Switch.mjs";
@@ -87,4 +98,4 @@ 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, 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, 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, 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, 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, useSidebar, useTheme };
+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 };

package/dist/index.mjs

@@ -2,6 +2,9 @@ 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 { 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";
 import { Typography, typographyVariants } from "./components/typography/Typography.mjs";
 import { CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./primitives/card.mjs";
 import { Card, cardVariants } from "./components/card/Card.mjs";
@@ -31,11 +34,14 @@ import { Item, ItemDescription, ItemMedia, ItemSeparator, ItemTitle } from "./co
 import { EmptyContent, EmptyHeader } from "./primitives/empty.mjs";
 import { Empty, EmptyDescription, EmptyMedia, EmptyTitle } from "./components/empty/Empty.mjs";
 import { SearchInput } from "./components/search-input/SearchInput.mjs";
+import { Slider } from "./components/slider/Slider.mjs";
+import { Textarea } from "./primitives/textarea.mjs";
+import { InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./primitives/input-group.mjs";
+import { InputGroup, InputGroupAddon } from "./components/input-group/InputGroup.mjs";
 import { Checkbox, checkboxVariants } from "./components/checkbox/Checkbox.mjs";
 import { Switch, switchRootVariants, switchThumbVariants } from "./components/switch/Switch.mjs";
 import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./primitives/select.mjs";
 import { Icon } from "./components/icon/Icon.mjs";
-import { Textarea } from "./primitives/textarea.mjs";
 import { COUNTRIES, EU_COUNTRY_CODES, getCountryByCode, getCountryByName, isEUCountry } from "./components/country-select/countries.mjs";
 import { CountrySelect } from "./components/country-select/CountrySelect.mjs";
 import { Label } from "./primitives/label.mjs";
@@ -49,4 +55,4 @@ import { FeatureList, List, ListHeader, ListItem } from "./components/list/List.
 import { CodeBlock } from "./components/code-block/CodeBlock.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, 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, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Label, LanguageSelect, Link, List, ListHeader, ListItem, 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, 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, useSidebar, useTheme };
+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 };

package/dist/primitives/bubble.cjs

@@ -0,0 +1,80 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+let class_variance_authority = require("class-variance-authority");
+let cn = require("cn");
+let _base_ui_react_merge_props = require("@base-ui/react/merge-props");
+let _base_ui_react_use_render = require("@base-ui/react/use-render");
+//#region src/primitives/bubble.tsx
+function BubbleGroup({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "bubble-group",
+		className: (0, cn.cn)("flex min-w-0 flex-col gap-2", className),
+		...props
+	});
+}
+const bubbleVariants = (0, class_variance_authority.cva)("group/bubble relative flex w-fit max-w-[80%] min-w-0 flex-col gap-1 group-data-[align=end]/message:self-end data-[align=end]:self-end data-[variant=ghost]:max-w-full", {
+	variants: { variant: {
+		default: "*:data-[slot=bubble-content]:bg-primary *:data-[slot=bubble-content]:text-primary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-primary/80",
+		secondary: "*:data-[slot=bubble-content]:bg-secondary *:data-[slot=bubble-content]:text-secondary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)]",
+		muted: "*:data-[slot=bubble-content]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--muted),var(--foreground)_5%)]",
+		tinted: "*:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.93_calc(c*0.4)_h)] *:data-[slot=bubble-content]:text-foreground dark:*:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.3_calc(c*0.4)_h)] [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.88_calc(c*0.5)_h)] dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.35_calc(c*0.5)_h)]",
+		outline: "*:data-[slot=bubble-content]:border-border *:data-[slot=bubble-content]:bg-background [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-input/30",
+		ghost: "border-none *:data-[slot=bubble-content]:rounded-none *:data-[slot=bubble-content]:bg-transparent *:data-[slot=bubble-content]:p-0 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted/50",
+		destructive: "*:data-[slot=bubble-content]:bg-destructive/10 *:data-[slot=bubble-content]:text-destructive dark:*:data-[slot=bubble-content]:bg-destructive/20 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/20 dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/30"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Bubble({ variant = "default", align = "start", className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "bubble",
+		"data-variant": variant,
+		"data-align": align,
+		className: (0, cn.cn)(bubbleVariants({ variant }), className),
+		...props
+	});
+}
+function BubbleContent({ className, render, ...props }) {
+	return (0, _base_ui_react_use_render.useRender)({
+		defaultTagName: "div",
+		props: (0, _base_ui_react_merge_props.mergeProps)({ className: (0, cn.cn)("w-fit max-w-full min-w-0 overflow-hidden rounded-xl border border-transparent px-3 py-2 text-sm leading-relaxed wrap-break-word group-data-[align=end]/bubble:self-end [button]:text-left [button,a]:transition-colors [button,a]:outline-none [button,a]:focus-visible:border-ring [button,a]:focus-visible:ring-3 [button,a]:focus-visible:ring-ring/50", className) }, props),
+		render,
+		state: { slot: "bubble-content" }
+	});
+}
+const bubbleReactionsVariants = (0, class_variance_authority.cva)("absolute z-10 flex w-fit shrink-0 items-center justify-center gap-1 rounded-full bg-muted px-1.5 py-0.5 text-sm ring-3 ring-card has-[button]:p-0", {
+	variants: {
+		side: {
+			top: "top-0 -translate-y-3/4",
+			bottom: "bottom-0 translate-y-3/4"
+		},
+		align: {
+			start: "left-3",
+			end: "right-3"
+		}
+	},
+	defaultVariants: {
+		side: "bottom",
+		align: "end"
+	}
+});
+function BubbleReactions({ side = "bottom", align = "end", className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "bubble-reactions",
+		"data-align": align,
+		"data-side": side,
+		className: (0, cn.cn)(bubbleReactionsVariants({
+			side,
+			align
+		}), className),
+		...props
+	});
+}
+//#endregion
+exports.Bubble = Bubble;
+exports.BubbleContent = BubbleContent;
+exports.BubbleGroup = BubbleGroup;
+exports.BubbleReactions = BubbleReactions;
+
+//# sourceMappingURL=bubble.cjs.map

package/dist/primitives/bubble.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"bubble.cjs","names":["cva","useRender","mergeProps"],"sources":["../../src/primitives/bubble.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { mergeProps } from \"@base-ui/react/merge-props\"\nimport { useRender } from \"@base-ui/react/use-render\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"cn\"\n\nfunction BubbleGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"bubble-group\"\n      className={cn(\"flex min-w-0 flex-col gap-2\", className)}\n      {...props}\n    />\n  )\n}\n\nconst bubbleVariants = cva(\n  \"group/bubble relative flex w-fit max-w-[80%] min-w-0 flex-col gap-1 group-data-[align=end]/message:self-end data-[align=end]:self-end data-[variant=ghost]:max-w-full\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"*:data-[slot=bubble-content]:bg-primary *:data-[slot=bubble-content]:text-primary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-primary/80\",\n        secondary:\n          \"*:data-[slot=bubble-content]:bg-secondary *:data-[slot=bubble-content]:text-secondary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)]\",\n        muted:\n          \"*:data-[slot=bubble-content]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--muted),var(--foreground)_5%)]\",\n        tinted:\n          \"*:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.93_calc(c*0.4)_h)] *:data-[slot=bubble-content]:text-foreground dark:*:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.3_calc(c*0.4)_h)] [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.88_calc(c*0.5)_h)] dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.35_calc(c*0.5)_h)]\",\n        outline:\n          \"*:data-[slot=bubble-content]:border-border *:data-[slot=bubble-content]:bg-background [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-input/30\",\n        ghost:\n          \"border-none *:data-[slot=bubble-content]:rounded-none *:data-[slot=bubble-content]:bg-transparent *:data-[slot=bubble-content]:p-0 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted/50\",\n        destructive:\n          \"*:data-[slot=bubble-content]:bg-destructive/10 *:data-[slot=bubble-content]:text-destructive dark:*:data-[slot=bubble-content]:bg-destructive/20 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/20 dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/30\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Bubble({\n  variant = \"default\",\n  align = \"start\",\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> &\n  VariantProps<typeof bubbleVariants> & {\n    align?: \"start\" | \"end\"\n  }) {\n  return (\n    <div\n      data-slot=\"bubble\"\n      data-variant={variant}\n      data-align={align}\n      className={cn(bubbleVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction BubbleContent({\n  className,\n  render,\n  ...props\n}: useRender.ComponentProps<\"div\">) {\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          \"w-fit max-w-full min-w-0 overflow-hidden rounded-xl border border-transparent px-3 py-2 text-sm leading-relaxed wrap-break-word group-data-[align=end]/bubble:self-end [button]:text-left [button,a]:transition-colors [button,a]:outline-none [button,a]:focus-visible:border-ring [button,a]:focus-visible:ring-3 [button,a]:focus-visible:ring-ring/50\",\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"bubble-content\",\n    },\n  })\n}\n\nconst bubbleReactionsVariants = cva(\n  \"absolute z-10 flex w-fit shrink-0 items-center justify-center gap-1 rounded-full bg-muted px-1.5 py-0.5 text-sm ring-3 ring-card has-[button]:p-0\",\n  {\n    variants: {\n      side: {\n        top: \"top-0 -translate-y-3/4\",\n        bottom: \"bottom-0 translate-y-3/4\",\n      },\n      align: {\n        start: \"left-3\",\n        end: \"right-3\",\n      },\n    },\n    defaultVariants: {\n      side: \"bottom\",\n      align: \"end\",\n    },\n  }\n)\n\nfunction BubbleReactions({\n  side = \"bottom\",\n  align = \"end\",\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  align?: \"start\" | \"end\"\n  side?: \"top\" | \"bottom\"\n}) {\n  return (\n    <div\n      data-slot=\"bubble-reactions\"\n      data-align={align}\n      data-side={side}\n      className={cn(bubbleReactionsVariants({ side, align }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { BubbleGroup, Bubble, BubbleContent, BubbleReactions }\n"],"mappings":";;;;;;;;;AAMA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CAAG,+BAA+B,SAAS;EACtD,GAAI;CACL,CAAA;AAEL;AAEA,MAAM,kBAAA,GAAiBA,yBAAAA,IAAAA,CACrB,yKACA;CACE,UAAU,EACR,SAAS;EACP,SACE;EACF,WACE;EACF,OACE;EACF,QACE;EACF,SACE;EACF,OACE;EACF,aACE;CACJ,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,SAAS,OAAO,EACd,UAAU,WACV,QAAQ,SACR,WACA,GAAG,SAIA;CACH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,aAAU;EACV,gBAAc;EACd,cAAY;EACZ,YAAA,GAAW,GAAA,GAAA,CAAG,eAAe,EAAE,QAAQ,CAAC,GAAG,SAAS;EACpD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,cAAc,EACrB,WACA,QACA,GAAG,SAC+B;CAClC,QAAA,GAAOC,0BAAAA,UAAAA,CAAU;EACf,gBAAgB;EAChB,QAAA,GAAOC,2BAAAA,WAAAA,CACL,EACE,YAAA,GAAW,GAAA,GAAA,CACT,6VACA,SACF,EACF,GACA,KACF;EACA;EACA,OAAO,EACL,MAAM,iBACR;CACF,CAAC;AACH;AAEA,MAAM,2BAAA,GAA0BF,yBAAAA,IAAAA,CAC9B,qJACA;CACE,UAAU;EACR,MAAM;GACJ,KAAK;GACL,QAAQ;EACV;EACA,OAAO;GACL,OAAO;GACP,KAAK;EACP;CACF;CACA,iBAAiB;EACf,MAAM;EACN,OAAO;CACT;AACF,CACF;AAEA,SAAS,gBAAgB,EACvB,OAAO,UACP,QAAQ,OACR,WACA,GAAG,SAIF;CACD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,aAAU;EACV,cAAY;EACZ,aAAW;EACX,YAAA,GAAW,GAAA,GAAA,CAAG,wBAAwB;GAAE;GAAM;EAAM,CAAC,GAAG,SAAS;EACjE,GAAI;CACL,CAAA;AAEL"}

package/dist/primitives/bubble.d.cts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/primitives/bubble.d.ts
+declare function BubbleGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare const bubbleVariants: (props?: ({
+  variant?: "default" | "secondary" | "muted" | "tinted" | "outline" | "ghost" | "destructive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Bubble({ variant, align, className, ...props }: React.ComponentProps<"div"> & VariantProps<typeof bubbleVariants> & {
+  align?: "start" | "end";
+}): import("react/jsx-runtime").JSX.Element;
+declare function BubbleContent({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function BubbleReactions({ side, align, className, ...props }: React.ComponentProps<"div"> & {
+  align?: "start" | "end";
+  side?: "top" | "bottom";
+}): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Bubble, BubbleContent, BubbleGroup, BubbleReactions };
+//# sourceMappingURL=bubble.d.cts.map

package/dist/primitives/bubble.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bubble.d.cts","names":[],"sources":["../../src/primitives/bubble.tsx"],"mappings":";;;;iBAMS,cAAc,cAAc,SAAS,MAAM,oDAAqB,IAAA;cAUnE,iBAAc;;6CAyBnB;iBAEQ,SACP,SACA,OACA,cACG,SACF,MAAM,wBACP,oBAAoB;EAClB;gCACD,IAAA;iBAYM,gBACP,WACA,WACG,SACF,UAAU,wBAAqB,MAAA,+BAAA,MAAA;iBAuCzB,kBACP,MACA,OACA,cACG,SACF,MAAM;EACP;EACA;gCACD,IAAA"}

package/dist/primitives/bubble.d.mts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/primitives/bubble.d.ts
+declare function BubbleGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare const bubbleVariants: (props?: ({
+  variant?: "default" | "secondary" | "muted" | "tinted" | "outline" | "ghost" | "destructive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Bubble({ variant, align, className, ...props }: React.ComponentProps<"div"> & VariantProps<typeof bubbleVariants> & {
+  align?: "start" | "end";
+}): import("react/jsx-runtime").JSX.Element;
+declare function BubbleContent({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function BubbleReactions({ side, align, className, ...props }: React.ComponentProps<"div"> & {
+  align?: "start" | "end";
+  side?: "top" | "bottom";
+}): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Bubble, BubbleContent, BubbleGroup, BubbleReactions };
+//# sourceMappingURL=bubble.d.mts.map