@bergetai/ui 0.14.1 → 0.15.0

package/dist/components/link/Link.mjs

@@ -0,0 +1,68 @@
+"use client";
+import { cn } from "../../lib/utils.mjs";
+import { Icon } from "../icon/Icon.mjs";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { ExternalLink } from "lucide-react";
+//#region src/components/link/Link.tsx
+const linkVariants = cva("inline-flex cursor-pointer items-center gap-2 transition-all duration-200 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50", {
+	variants: {
+		variant: {
+			default: "text-foreground hover:text-foreground/80",
+			primary: "text-berget-brand-moss-400 hover:text-berget-brand-moss-500",
+			secondary: "text-berget-accent hover:text-berget-accent/80",
+			ghost: "text-muted-foreground hover:text-foreground",
+			muted: "text-muted-foreground hover:text-muted-foreground/80",
+			code: "text-berget-brand-moss-400 hover:text-berget-brand-moss-500 font-mono text-sm bg-berget-primary-tint px-2 py-1 rounded hover:bg-berget-primary-tint-hover"
+		},
+		size: {
+			sm: "text-sm",
+			default: "text-base",
+			lg: "text-lg"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+const Link = React.forwardRef(({ className, variant, size, external = false, icon, showExternalIcon = false, disabled = false, children, ...props }, ref) => {
+	const isExternal = external || typeof props.href === "string" && (props.href.startsWith("http://") || props.href.startsWith("https://") || props.href.startsWith("mailto:") || props.href.startsWith("tel:"));
+	return /* @__PURE__ */ jsxs("a", {
+		ref,
+		className: cn(linkVariants({
+			variant,
+			size
+		}), className),
+		...disabled && {
+			"aria-disabled": true,
+			onClick: (e) => e.preventDefault()
+		},
+		...props,
+		...isExternal && !disabled && {
+			rel: "noopener noreferrer",
+			target: "_blank"
+		},
+		children: [
+			children,
+			icon && /* @__PURE__ */ jsx("span", {
+				className: "inline-flex items-center",
+				children: icon
+			}),
+			showExternalIcon && isExternal && !disabled && /* @__PURE__ */ jsx("span", {
+				className: "inline-flex items-center ml-1 opacity-60",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ jsx(Icon, {
+					icon: ExternalLink,
+					size: 16
+				})
+			})
+		]
+	});
+});
+Link.displayName = "Link";
+//#endregion
+export { Link, linkVariants };
+
+//# sourceMappingURL=Link.mjs.map

package/dist/components/link/Link.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.mjs","names":[],"sources":["../../../src/components/link/Link.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../lib/utils';\nimport { Icon } from '../icon/Icon';\nimport { ExternalLink } from 'lucide-react';\n\nconst linkVariants = cva(\n  'inline-flex cursor-pointer items-center gap-2 transition-all duration-200 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default: 'text-foreground hover:text-foreground/80',\n        primary: 'text-berget-brand-moss-400 hover:text-berget-brand-moss-500',\n        secondary: 'text-berget-accent hover:text-berget-accent/80',\n        ghost: 'text-muted-foreground hover:text-foreground',\n        muted: 'text-muted-foreground hover:text-muted-foreground/80',\n        code: 'text-berget-brand-moss-400 hover:text-berget-brand-moss-500 font-mono text-sm bg-berget-primary-tint px-2 py-1 rounded hover:bg-berget-primary-tint-hover',\n      },\n      size: {\n        sm: 'text-sm',\n        default: 'text-base',\n        lg: 'text-lg',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nexport interface LinkProps\n  extends React.AnchorHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof linkVariants> {\n  children: React.ReactNode;\n  external?: boolean;\n  icon?: React.ReactNode;\n  showExternalIcon?: boolean;\n  disabled?: boolean;\n}\n\nconst Link = React.forwardRef<HTMLAnchorElement, LinkProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      external = false,\n      icon,\n      showExternalIcon = false,\n      disabled = false,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const isExternal =\n      external ||\n      (typeof props.href === 'string' &&\n        (props.href.startsWith('http://') ||\n          props.href.startsWith('https://') ||\n          props.href.startsWith('mailto:') ||\n          props.href.startsWith('tel:')));\n\n    return (\n      <a\n        ref={ref}\n        className={cn(linkVariants({ variant, size }), className)}\n        {...(disabled && {\n          'aria-disabled': true,\n          onClick: (e: React.MouseEvent) => e.preventDefault(),\n        })}\n        {...props}\n        {...(isExternal &&\n          !disabled && {\n            rel: 'noopener noreferrer',\n            target: '_blank',\n          })}\n      >\n        {children}\n        {icon && <span className=\"inline-flex items-center\">{icon}</span>}\n        {showExternalIcon && isExternal && !disabled && (\n          <span className=\"inline-flex items-center ml-1 opacity-60\" aria-hidden=\"true\">\n            <Icon icon={ExternalLink} size={16} />\n          </span>\n        )}\n      </a>\n    );\n  },\n);\nLink.displayName = 'Link';\n\nexport { Link, linkVariants };\n"],"mappings":";;;;;;;;AAQA,MAAM,eAAe,IACnB,uQACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SAAS;GACT,WAAW;GACX,OAAO;GACP,OAAO;GACP,MAAM;EACR;EACA,MAAM;GACJ,IAAI;GACJ,SAAS;GACT,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;AAWA,MAAM,OAAO,MAAM,YAEf,EACE,WACA,SACA,MACA,WAAW,OACX,MACA,mBAAmB,OACnB,WAAW,OACX,UACA,GAAG,SAEL,QACG;CACH,MAAM,aACJ,YACC,OAAO,MAAM,SAAS,aACpB,MAAM,KAAK,WAAW,SAAS,KAC9B,MAAM,KAAK,WAAW,UAAU,KAChC,MAAM,KAAK,WAAW,SAAS,KAC/B,MAAM,KAAK,WAAW,MAAM;CAElC,OACE,qBAAC,KAAD;EACO;EACL,WAAW,GAAG,aAAa;GAAE;GAAS;EAAK,CAAC,GAAG,SAAS;EACxD,GAAK,YAAY;GACf,iBAAiB;GACjB,UAAU,MAAwB,EAAE,eAAe;EACrD;EACA,GAAI;EACJ,GAAK,cACH,CAAC,YAAY;GACX,KAAK;GACL,QAAQ;EACV;EAZJ,UAAA;GAcG;GACA,QAAQ,oBAAC,QAAD;IAAM,WAAU;IAA4B,UAAA;GAAW,CAAA;GAC/D,oBAAoB,cAAc,CAAC,YAClC,oBAAC,QAAD;IAAM,WAAU;IAA2C,eAAY;IACrE,UAAA,oBAAC,MAAD;KAAM,MAAM;KAAc,MAAM;IAAK,CAAA;GACjC,CAAA;EAEP;;AAEP,CACF;AACA,KAAK,cAAc"}

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

@@ -0,0 +1,2 @@
+import { Link, LinkProps, linkVariants } from "./Link.cjs";
+export { Link, type LinkProps, linkVariants };

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

@@ -0,0 +1,2 @@
+import { Link, LinkProps, linkVariants } from "./Link.mjs";
+export { Link, type LinkProps, linkVariants };

package/dist/components/list/List.cjs

@@ -0,0 +1,71 @@
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils = require("../../lib/utils.cjs");
+const require_Typography = require("../typography/Typography.cjs");
+const require_Icon = require("../icon/Icon.cjs");
+const require_Divider = require("../divider/Divider.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+//#region src/components/list/List.tsx
+const List = react.forwardRef(({ className, children, ...props }, ref) => {
+	const childrenArray = react.Children.toArray(children);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		className: require_utils.cn("flex flex-col", className),
+		...props,
+		children: childrenArray.map((child, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [child, index < childrenArray.length - 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Divider.Divider, { variant: "subtle" })] }, index))
+	});
+});
+List.displayName = "List";
+const ListItem = react.forwardRef(({ className, icon, children, interactive = true, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+	ref,
+	className: require_utils.cn("flex items-center gap-4 px-4 py-3 sm:px-6 sm:py-4", interactive && "transition-all duration-200 hover:bg-berget-surface-hover cursor-pointer", className),
+	...props,
+	children: [icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "flex-shrink-0 flex items-center justify-center",
+		children: icon
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "flex-1 min-w-0",
+		children
+	})]
+}));
+ListItem.displayName = "ListItem";
+const ListHeader = react.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	ref,
+	className: require_utils.cn("px-4 py-2 sm:px-6 sm:py-3 text-sm text-muted-foreground", className),
+	...props,
+	children
+}));
+ListHeader.displayName = "ListHeader";
+const FeatureList = react.forwardRef(({ items, variant = "bullet", className, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+		ref,
+		className: require_utils.cn("flex flex-col gap-fluid-md", className),
+		...props,
+		children: items.map((item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+			className: "flex items-start gap-fluid-md",
+			children: [variant === "bullet" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "w-1.5 h-1.5 rounded-full bg-berget-icon-muted flex-shrink-0 mt-2" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "flex-shrink-0 mt-0.5",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+					icon: lucide_react.Check,
+					size: 24,
+					className: "text-berget-logo-light"
+				})
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
+				variant: "body",
+				color: "muted",
+				children: item
+			})]
+		}, index))
+	});
+});
+FeatureList.displayName = "FeatureList";
+//#endregion
+exports.FeatureList = FeatureList;
+exports.List = List;
+exports.ListHeader = ListHeader;
+exports.ListItem = ListItem;
+
+//# sourceMappingURL=List.cjs.map

package/dist/components/list/List.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.cjs","names":["React","cn","Divider","Icon","Check","Typography"],"sources":["../../../src/components/list/List.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport { Icon } from '../icon/Icon';\nimport { Divider } from '../divider';\nimport { Typography } from '../typography';\nimport { Check } from 'lucide-react';\n\nexport interface ListProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nconst List = React.forwardRef<HTMLDivElement, ListProps>(\n  ({ className, children, ...props }, ref) => {\n    const childrenArray = React.Children.toArray(children);\n    return (\n      <div ref={ref} className={cn('flex flex-col', className)} {...props}>\n        {childrenArray.map((child, index) => (\n          <React.Fragment key={index}>\n            {child}\n            {index < childrenArray.length - 1 && <Divider variant=\"subtle\" />}\n          </React.Fragment>\n        ))}\n      </div>\n    );\n  },\n);\nList.displayName = 'List';\n\nexport interface ListItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  icon?: React.ReactNode;\n  children: React.ReactNode;\n  interactive?: boolean;\n}\n\nconst ListItem = React.forwardRef<HTMLDivElement, ListItemProps>(\n  ({ className, icon, children, interactive = true, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        'flex items-center gap-4 px-4 py-3 sm:px-6 sm:py-4',\n        interactive && 'transition-all duration-200 hover:bg-berget-surface-hover cursor-pointer',\n        className,\n      )}\n      {...props}\n    >\n      {icon && <div className=\"flex-shrink-0 flex items-center justify-center\">{icon}</div>}\n      <div className=\"flex-1 min-w-0\">{children}</div>\n    </div>\n  ),\n);\nListItem.displayName = 'ListItem';\n\nexport interface ListHeaderProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nconst ListHeader = React.forwardRef<HTMLDivElement, ListHeaderProps>(\n  ({ className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('px-4 py-2 sm:px-6 sm:py-3 text-sm text-muted-foreground', className)}\n      {...props}\n    >\n      {children}\n    </div>\n  ),\n);\nListHeader.displayName = 'ListHeader';\n\nexport interface FeatureListProps extends React.HTMLAttributes<HTMLUListElement> {\n  items: string[];\n  variant?: 'bullet' | 'checkmark';\n}\n\nconst FeatureList = React.forwardRef<HTMLUListElement, FeatureListProps>(\n  ({ items, variant = 'bullet', className, ...props }, ref) => {\n    return (\n      <ul ref={ref} className={cn('flex flex-col gap-fluid-md', className)} {...props}>\n        {items.map((item, index) => (\n          <li key={index} className=\"flex items-start gap-fluid-md\">\n            {variant === 'bullet' ? (\n              <span className=\"w-1.5 h-1.5 rounded-full bg-berget-icon-muted flex-shrink-0 mt-2\" />\n            ) : (\n              <div className=\"flex-shrink-0 mt-0.5\">\n                <Icon icon={Check} size={24} className=\"text-berget-logo-light\" />\n              </div>\n            )}\n            <Typography variant=\"body\" color=\"muted\">\n              {item}\n            </Typography>\n          </li>\n        ))}\n      </ul>\n    );\n  },\n);\nFeatureList.displayName = 'FeatureList';\n\nexport { List, ListItem, ListHeader, FeatureList };\n"],"mappings":";;;;;;;;;;;AAaA,MAAM,OAAOA,MAAM,YAChB,EAAE,WAAW,UAAU,GAAG,SAAS,QAAQ;CAC1C,MAAM,gBAAgBA,MAAM,SAAS,QAAQ,QAAQ;CACrD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAU;EAAK,WAAWC,cAAAA,GAAG,iBAAiB,SAAS;EAAG,GAAI;EAC3D,UAAA,cAAc,KAAK,OAAO,UACzB,iBAAA,GAAA,kBAAA,KAAA,CAACD,MAAM,UAAP,EAAA,UAAA,CACG,OACA,QAAQ,cAAc,SAAS,KAAK,iBAAA,GAAA,kBAAA,IAAA,CAACE,gBAAAA,SAAD,EAAS,SAAQ,SAAU,CAAA,CAClD,EAAA,GAHK,KAGL,CACjB;CACE,CAAA;AAET,CACF;AACA,KAAK,cAAc;AAQnB,MAAM,WAAWF,MAAM,YACpB,EAAE,WAAW,MAAM,UAAU,cAAc,MAAM,GAAG,SAAS,QAC5D,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;CACO;CACL,WAAWC,cAAAA,GACT,qDACA,eAAe,4EACf,SACF;CACA,GAAI;CAPN,UAAA,CASG,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAU;EAAkD,UAAA;CAAU,CAAA,GACpF,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAU;EAAkB;CAAc,CAAA,CAC5C;AAET,CAAA,CAAA;AACA,SAAS,cAAc;AAMvB,MAAM,aAAaD,MAAM,YACtB,EAAE,WAAW,UAAU,GAAG,SAAS,QAClC,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;CACO;CACL,WAAWC,cAAAA,GAAG,2DAA2D,SAAS;CAClF,GAAI;CAEH;AACE,CAAA,CAET;AACA,WAAW,cAAc;AAOzB,MAAM,cAAcD,MAAM,YACvB,EAAE,OAAO,UAAU,UAAU,WAAW,GAAG,SAAS,QAAQ;CAC3D,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;EAAS;EAAK,WAAWC,cAAAA,GAAG,8BAA8B,SAAS;EAAG,GAAI;EACvE,UAAA,MAAM,KAAK,MAAM,UAChB,iBAAA,GAAA,kBAAA,KAAA,CAAC,MAAD;GAAgB,WAAU;GAA1B,UAAA,CACG,YAAY,WACX,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAM,WAAU,mEAAoE,CAAA,IAEpF,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAU;IACb,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACE,aAAAA,MAAD;KAAM,MAAMC,aAAAA;KAAO,MAAM;KAAI,WAAU;IAA0B,CAAA;GAC9D,CAAA,GAEP,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,YAAD;IAAY,SAAQ;IAAO,OAAM;IAC9B,UAAA;GACS,CAAA,CACV;EAXK,GAAA,KAWL,CACL;CACC,CAAA;AAER,CACF;AACA,YAAY,cAAc"}

package/dist/components/list/List.d.cts

@@ -0,0 +1,24 @@
+import * as React from "react";
+//#region src/components/list/List.d.ts
+export interface ListProps extends React.HTMLAttributes<HTMLDivElement> {
+  children: React.ReactNode;
+}
+declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLDivElement>>;
+export interface ListItemProps extends React.HTMLAttributes<HTMLDivElement> {
+  icon?: React.ReactNode;
+  children: React.ReactNode;
+  interactive?: boolean;
+}
+declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLDivElement>>;
+export interface ListHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+  children: React.ReactNode;
+}
+declare const ListHeader: React.ForwardRefExoticComponent<ListHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export interface FeatureListProps extends React.HTMLAttributes<HTMLUListElement> {
+  items: string[];
+  variant?: 'bullet' | 'checkmark';
+}
+declare const FeatureList: React.ForwardRefExoticComponent<FeatureListProps & React.RefAttributes<HTMLUListElement>>;
+//#endregion
+export { FeatureList, List, ListHeader, ListItem };
+//# sourceMappingURL=List.d.cts.map

package/dist/components/list/List.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.d.cts","names":[],"sources":["../../../src/components/list/List.tsx"],"mappings":";;iBASiB,kBAAkB,MAAM,eAAe;EACtD,UAAU,MAAM;;cAGZ,MAAI,MAAA,0BAAA,YAAA,MAAA,cAAA;iBAiBO,sBAAsB,MAAM,eAAe;EAC1D,OAAO,MAAM;EACb,UAAU,MAAM;EAChB;;cAGI,UAAQ,MAAA,0BAAA,gBAAA,MAAA,cAAA;iBAkBG,wBAAwB,MAAM,eAAe;EAC5D,UAAU,MAAM;;cAGZ,YAAU,MAAA,0BAAA,kBAAA,MAAA,cAAA;iBAaC,yBAAyB,MAAM,eAAe;EAC7D;EACA;;cAGI,aAAW,MAAA,0BAAA,mBAAA,MAAA,cAAA"}

package/dist/components/list/List.d.mts

@@ -0,0 +1,24 @@
+import * as React from "react";
+//#region src/components/list/List.d.ts
+export interface ListProps extends React.HTMLAttributes<HTMLDivElement> {
+  children: React.ReactNode;
+}
+declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLDivElement>>;
+export interface ListItemProps extends React.HTMLAttributes<HTMLDivElement> {
+  icon?: React.ReactNode;
+  children: React.ReactNode;
+  interactive?: boolean;
+}
+declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLDivElement>>;
+export interface ListHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+  children: React.ReactNode;
+}
+declare const ListHeader: React.ForwardRefExoticComponent<ListHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export interface FeatureListProps extends React.HTMLAttributes<HTMLUListElement> {
+  items: string[];
+  variant?: 'bullet' | 'checkmark';
+}
+declare const FeatureList: React.ForwardRefExoticComponent<FeatureListProps & React.RefAttributes<HTMLUListElement>>;
+//#endregion
+export { FeatureList, List, ListHeader, ListItem };
+//# sourceMappingURL=List.d.mts.map

package/dist/components/list/List.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.d.mts","names":[],"sources":["../../../src/components/list/List.tsx"],"mappings":";;iBASiB,kBAAkB,MAAM,eAAe;EACtD,UAAU,MAAM;;cAGZ,MAAI,MAAA,0BAAA,YAAA,MAAA,cAAA;iBAiBO,sBAAsB,MAAM,eAAe;EAC1D,OAAO,MAAM;EACb,UAAU,MAAM;EAChB;;cAGI,UAAQ,MAAA,0BAAA,gBAAA,MAAA,cAAA;iBAkBG,wBAAwB,MAAM,eAAe;EAC5D,UAAU,MAAM;;cAGZ,YAAU,MAAA,0BAAA,kBAAA,MAAA,cAAA;iBAaC,yBAAyB,MAAM,eAAe;EAC7D;EACA;;cAGI,aAAW,MAAA,0BAAA,mBAAA,MAAA,cAAA"}

package/dist/components/list/List.mjs

@@ -0,0 +1,66 @@
+"use client";
+import { cn } from "../../lib/utils.mjs";
+import { Typography } from "../typography/Typography.mjs";
+import { Icon } from "../icon/Icon.mjs";
+import { Divider } from "../divider/Divider.mjs";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Check } from "lucide-react";
+//#region src/components/list/List.tsx
+const List = React.forwardRef(({ className, children, ...props }, ref) => {
+	const childrenArray = React.Children.toArray(children);
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cn("flex flex-col", className),
+		...props,
+		children: childrenArray.map((child, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [child, index < childrenArray.length - 1 && /* @__PURE__ */ jsx(Divider, { variant: "subtle" })] }, index))
+	});
+});
+List.displayName = "List";
+const ListItem = React.forwardRef(({ className, icon, children, interactive = true, ...props }, ref) => /* @__PURE__ */ jsxs("div", {
+	ref,
+	className: cn("flex items-center gap-4 px-4 py-3 sm:px-6 sm:py-4", interactive && "transition-all duration-200 hover:bg-berget-surface-hover cursor-pointer", className),
+	...props,
+	children: [icon && /* @__PURE__ */ jsx("div", {
+		className: "flex-shrink-0 flex items-center justify-center",
+		children: icon
+	}), /* @__PURE__ */ jsx("div", {
+		className: "flex-1 min-w-0",
+		children
+	})]
+}));
+ListItem.displayName = "ListItem";
+const ListHeader = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("px-4 py-2 sm:px-6 sm:py-3 text-sm text-muted-foreground", className),
+	...props,
+	children
+}));
+ListHeader.displayName = "ListHeader";
+const FeatureList = React.forwardRef(({ items, variant = "bullet", className, ...props }, ref) => {
+	return /* @__PURE__ */ jsx("ul", {
+		ref,
+		className: cn("flex flex-col gap-fluid-md", className),
+		...props,
+		children: items.map((item, index) => /* @__PURE__ */ jsxs("li", {
+			className: "flex items-start gap-fluid-md",
+			children: [variant === "bullet" ? /* @__PURE__ */ jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-berget-icon-muted flex-shrink-0 mt-2" }) : /* @__PURE__ */ jsx("div", {
+				className: "flex-shrink-0 mt-0.5",
+				children: /* @__PURE__ */ jsx(Icon, {
+					icon: Check,
+					size: 24,
+					className: "text-berget-logo-light"
+				})
+			}), /* @__PURE__ */ jsx(Typography, {
+				variant: "body",
+				color: "muted",
+				children: item
+			})]
+		}, index))
+	});
+});
+FeatureList.displayName = "FeatureList";
+//#endregion
+export { FeatureList, List, ListHeader, ListItem };
+
+//# sourceMappingURL=List.mjs.map

package/dist/components/list/List.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.mjs","names":[],"sources":["../../../src/components/list/List.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport { Icon } from '../icon/Icon';\nimport { Divider } from '../divider';\nimport { Typography } from '../typography';\nimport { Check } from 'lucide-react';\n\nexport interface ListProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nconst List = React.forwardRef<HTMLDivElement, ListProps>(\n  ({ className, children, ...props }, ref) => {\n    const childrenArray = React.Children.toArray(children);\n    return (\n      <div ref={ref} className={cn('flex flex-col', className)} {...props}>\n        {childrenArray.map((child, index) => (\n          <React.Fragment key={index}>\n            {child}\n            {index < childrenArray.length - 1 && <Divider variant=\"subtle\" />}\n          </React.Fragment>\n        ))}\n      </div>\n    );\n  },\n);\nList.displayName = 'List';\n\nexport interface ListItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  icon?: React.ReactNode;\n  children: React.ReactNode;\n  interactive?: boolean;\n}\n\nconst ListItem = React.forwardRef<HTMLDivElement, ListItemProps>(\n  ({ className, icon, children, interactive = true, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        'flex items-center gap-4 px-4 py-3 sm:px-6 sm:py-4',\n        interactive && 'transition-all duration-200 hover:bg-berget-surface-hover cursor-pointer',\n        className,\n      )}\n      {...props}\n    >\n      {icon && <div className=\"flex-shrink-0 flex items-center justify-center\">{icon}</div>}\n      <div className=\"flex-1 min-w-0\">{children}</div>\n    </div>\n  ),\n);\nListItem.displayName = 'ListItem';\n\nexport interface ListHeaderProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nconst ListHeader = React.forwardRef<HTMLDivElement, ListHeaderProps>(\n  ({ className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('px-4 py-2 sm:px-6 sm:py-3 text-sm text-muted-foreground', className)}\n      {...props}\n    >\n      {children}\n    </div>\n  ),\n);\nListHeader.displayName = 'ListHeader';\n\nexport interface FeatureListProps extends React.HTMLAttributes<HTMLUListElement> {\n  items: string[];\n  variant?: 'bullet' | 'checkmark';\n}\n\nconst FeatureList = React.forwardRef<HTMLUListElement, FeatureListProps>(\n  ({ items, variant = 'bullet', className, ...props }, ref) => {\n    return (\n      <ul ref={ref} className={cn('flex flex-col gap-fluid-md', className)} {...props}>\n        {items.map((item, index) => (\n          <li key={index} className=\"flex items-start gap-fluid-md\">\n            {variant === 'bullet' ? (\n              <span className=\"w-1.5 h-1.5 rounded-full bg-berget-icon-muted flex-shrink-0 mt-2\" />\n            ) : (\n              <div className=\"flex-shrink-0 mt-0.5\">\n                <Icon icon={Check} size={24} className=\"text-berget-logo-light\" />\n              </div>\n            )}\n            <Typography variant=\"body\" color=\"muted\">\n              {item}\n            </Typography>\n          </li>\n        ))}\n      </ul>\n    );\n  },\n);\nFeatureList.displayName = 'FeatureList';\n\nexport { List, ListItem, ListHeader, FeatureList };\n"],"mappings":";;;;;;;;;AAaA,MAAM,OAAO,MAAM,YAChB,EAAE,WAAW,UAAU,GAAG,SAAS,QAAQ;CAC1C,MAAM,gBAAgB,MAAM,SAAS,QAAQ,QAAQ;CACrD,OACE,oBAAC,OAAD;EAAU;EAAK,WAAW,GAAG,iBAAiB,SAAS;EAAG,GAAI;EAC3D,UAAA,cAAc,KAAK,OAAO,UACzB,qBAAC,MAAM,UAAP,EAAA,UAAA,CACG,OACA,QAAQ,cAAc,SAAS,KAAK,oBAAC,SAAD,EAAS,SAAQ,SAAU,CAAA,CAClD,EAAA,GAHK,KAGL,CACjB;CACE,CAAA;AAET,CACF;AACA,KAAK,cAAc;AAQnB,MAAM,WAAW,MAAM,YACpB,EAAE,WAAW,MAAM,UAAU,cAAc,MAAM,GAAG,SAAS,QAC5D,qBAAC,OAAD;CACO;CACL,WAAW,GACT,qDACA,eAAe,4EACf,SACF;CACA,GAAI;CAPN,UAAA,CASG,QAAQ,oBAAC,OAAD;EAAK,WAAU;EAAkD,UAAA;CAAU,CAAA,GACpF,oBAAC,OAAD;EAAK,WAAU;EAAkB;CAAc,CAAA,CAC5C;AAET,CAAA,CAAA;AACA,SAAS,cAAc;AAMvB,MAAM,aAAa,MAAM,YACtB,EAAE,WAAW,UAAU,GAAG,SAAS,QAClC,oBAAC,OAAD;CACO;CACL,WAAW,GAAG,2DAA2D,SAAS;CAClF,GAAI;CAEH;AACE,CAAA,CAET;AACA,WAAW,cAAc;AAOzB,MAAM,cAAc,MAAM,YACvB,EAAE,OAAO,UAAU,UAAU,WAAW,GAAG,SAAS,QAAQ;CAC3D,OACE,oBAAC,MAAD;EAAS;EAAK,WAAW,GAAG,8BAA8B,SAAS;EAAG,GAAI;EACvE,UAAA,MAAM,KAAK,MAAM,UAChB,qBAAC,MAAD;GAAgB,WAAU;GAA1B,UAAA,CACG,YAAY,WACX,oBAAC,QAAD,EAAM,WAAU,mEAAoE,CAAA,IAEpF,oBAAC,OAAD;IAAK,WAAU;IACb,UAAA,oBAAC,MAAD;KAAM,MAAM;KAAO,MAAM;KAAI,WAAU;IAA0B,CAAA;GAC9D,CAAA,GAEP,oBAAC,YAAD;IAAY,SAAQ;IAAO,OAAM;IAC9B,UAAA;GACS,CAAA,CACV;EAXK,GAAA,KAWL,CACL;CACC,CAAA;AAER,CACF;AACA,YAAY,cAAc"}

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

@@ -0,0 +1,2 @@
+import { FeatureList, FeatureListProps, List, ListHeader, ListHeaderProps, ListItem, ListItemProps, ListProps } from "./List.cjs";
+export { FeatureList, type FeatureListProps, List, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, type ListProps };

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

@@ -0,0 +1,2 @@
+import { FeatureList, FeatureListProps, List, ListHeader, ListHeaderProps, ListItem, ListItemProps, ListProps } from "./List.mjs";
+export { FeatureList, type FeatureListProps, List, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, type ListProps };

package/dist/components/model-card/ModelCard.cjs

@@ -0,0 +1,108 @@
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils = require("../../lib/utils.cjs");
+const require_Typography = require("../typography/Typography.cjs");
+const require_Card = require("../card/Card.cjs");
+const require_ModelLogo = require("../model-logo/ModelLogo.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/model-card/ModelCard.tsx
+const lifecycleLabels = {
+	preview: "Preview",
+	active: "Active",
+	deprecated: "Deprecated"
+};
+/** Per-status styling for the lifecycle tab (tint classes come from
+* index.css; deprecated uses the granite neutral). Brightens when the
+* card (`group`) is hovered. */
+const lifecycleStyles = {
+	preview: "berget-tint berget-tint-warning",
+	active: "berget-tint berget-tint-success",
+	deprecated: "bg-berget-brand-granite-700 text-berget-muted-foreground"
+};
+const ModelCard = react.forwardRef(({ icon, provider, category, eyebrow, title, lifecycle, description, columns, meta, href, external, className, children, ...props }, ref) => {
+	const titleId = react.useId();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+		ref,
+		href,
+		"aria-labelledby": titleId,
+		...external ? {
+			target: "_blank",
+			rel: "noopener noreferrer"
+		} : {},
+		className: require_utils.cn("group block", className),
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Card.Card, {
+			variant: "filled",
+			className: "relative flex h-full flex-col bg-berget-card-filled-bg p-5 transition-all hover:bg-[color-mix(in_oklab,var(--berget-brand-granite-100)_5%,var(--berget-card-filled-bg))] sm:p-6",
+			children: [
+				lifecycle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "absolute top-0 right-0 z-10 overflow-hidden rounded-bl-berget-sm",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: require_utils.cn("inline-flex h-6 items-center whitespace-nowrap border-0! px-8 text-sm", lifecycleStyles[lifecycle]),
+						children: lifecycleLabels[lifecycle]
+					})
+				}),
+				(icon || provider || category) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-berget-xs border border-berget-border bg-white/5 text-berget-foreground",
+					children: icon ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ModelLogo.ModelLogo, {
+						provider,
+						category
+					})
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", { children: [
+					eyebrow && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
+						variant: "xs",
+						color: "muted",
+						className: "font-medium uppercase leading-none tracking-[0.25em]",
+						children: eyebrow
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: require_utils.cn("flex items-baseline gap-3", lifecycle && "pr-24"),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
+							as: "h3",
+							id: titleId,
+							variant: "h5",
+							className: "min-w-0 truncate whitespace-nowrap leading-tight",
+							style: { fontFeatureSettings: "normal" },
+							children: title
+						})
+					}),
+					description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
+						variant: "xs",
+						color: "muted",
+						className: "leading-none",
+						children: description
+					})
+				] }),
+				columns && columns.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "grid grid-cols-2",
+					children: columns.map((col, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
+						variant: "xs",
+						color: "muted",
+						className: "leading-none",
+						children: col.label
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
+						variant: "body",
+						className: "tabular-nums leading-none",
+						style: { fontFeatureSettings: "normal" },
+						children: col.value
+					})] }, i))
+				}),
+				meta && meta.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
+					variant: "xs",
+					color: "muted",
+					className: "text-[0.65rem] uppercase tracking-[0.15em]",
+					children: meta.map((item, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [i > 0 && " ▪ ", item] }, i))
+				}),
+				children
+			]
+		})
+	});
+});
+ModelCard.displayName = "ModelCard";
+//#endregion
+exports.ModelCard = ModelCard;
+
+//# sourceMappingURL=ModelCard.cjs.map

package/dist/components/model-card/ModelCard.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModelCard.cjs","names":["React","cn","Card","ModelLogo","Typography"],"sources":["../../../src/components/model-card/ModelCard.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport { Card } from '../card';\nimport { type ModelCategory, type ModelLogoProvider, ModelLogo } from '../model-logo';\nimport { Typography } from '../typography';\n\n/**\n * ModelCard — a whole-card link tile for presenting AI models in a grid:\n * provider mark, category eyebrow, model name, optional lifecycle tab,\n * per-unit price columns, and fine-print capability facts.\n *\n * Presentational only: all copy is passed in as props; the card itself\n * owns no strings and no domain types.\n */\n/** Lifecycle status shown as a corner tab on the card. */\nexport type ModelLifecycle = 'preview' | 'active' | 'deprecated';\n\nconst lifecycleLabels: Record<ModelLifecycle, string> = {\n  preview: 'Preview',\n  active: 'Active',\n  deprecated: 'Deprecated',\n};\n\n/** Per-status styling for the lifecycle tab (tint classes come from\n * index.css; deprecated uses the granite neutral). Brightens when the\n * card (`group`) is hovered. */\nconst lifecycleStyles: Record<ModelLifecycle, string> = {\n  preview: 'berget-tint berget-tint-warning',\n  active: 'berget-tint berget-tint-success',\n  deprecated: 'bg-berget-brand-granite-700 text-berget-muted-foreground',\n};\n\nexport type { ModelCategory, ModelLogoProvider };\n\nexport interface ModelCardProps extends Omit<React.ComponentProps<'a'>, 'title' | 'children'> {\n  /** Provider mark, rendered in a bordered square at the top of the card. */\n  icon?: React.ReactNode;\n  /**\n   * Model family for the icon square — resolved to a bundled brand mark\n   * (e.g. `'mistralai'`, `'moonshotai'`, `'berget'`). Ignored when `icon`\n   * is set.\n   */\n  provider?: string;\n  /** Fallback category for the icon square when no brand mark exists\n   * (maps to the `model_type` values from `GET /v1/models`). */\n  category?: ModelCategory;\n  /** Small category label above the title (rendered uppercase). */\n  eyebrow?: string;\n  /** The model name — rendered as an `h3` and truncated when too long. */\n  title: React.ReactNode;\n  /**\n   * Lifecycle status rendered as a corner tab: `preview` (yellow),\n   * `active` (green), `deprecated` (gray).\n   */\n  lifecycle?: ModelLifecycle;\n  /** Secondary line under the title, e.g. the provider name. */\n  description?: React.ReactNode;\n  /** Label-above-value columns, e.g. per-million-token input/output prices. */\n  columns?: { label: React.ReactNode; value: React.ReactNode }[];\n  /**\n   * Fine-print capability facts rendered in one uppercase row with\n   * square separators drawn by the card, e.g. ['Vision', '262K context'].\n   */\n  meta?: React.ReactNode[];\n  /** Link target for the whole card. */\n  href: string;\n  /** Opens the link in a new tab (adds `target`/`rel`). */\n  external?: boolean;\n  /** Extra content rendered at the bottom of the card. */\n  children?: React.ReactNode;\n}\n\nconst ModelCard = React.forwardRef<HTMLAnchorElement, ModelCardProps>(\n  (\n    {\n      icon,\n      provider,\n      category,\n      eyebrow,\n      title,\n      lifecycle,\n      description,\n      columns,\n      meta,\n      href,\n      external,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const titleId = React.useId();\n\n    return (\n      <a\n        ref={ref}\n        href={href}\n        aria-labelledby={titleId}\n        {...(external ? { target: '_blank', rel: 'noopener noreferrer' } : {})}\n        className={cn('group block', className)}\n        {...props}\n      >\n        <Card\n          variant=\"filled\"\n          className=\"relative flex h-full flex-col bg-berget-card-filled-bg p-5 transition-all hover:bg-[color-mix(in_oklab,var(--berget-brand-granite-100)_5%,var(--berget-card-filled-bg))] sm:p-6\"\n        >\n          {lifecycle && (\n            <div className=\"absolute top-0 right-0 z-10 overflow-hidden rounded-bl-berget-sm\">\n              <div\n                className={cn(\n                  'inline-flex h-6 items-center whitespace-nowrap border-0! px-8 text-sm',\n                  lifecycleStyles[lifecycle],\n                )}\n              >\n                {lifecycleLabels[lifecycle]}\n              </div>\n            </div>\n          )}\n          {(icon || provider || category) && (\n            <div className=\"flex h-12 w-12 shrink-0 items-center justify-center rounded-berget-xs border border-berget-border bg-white/5 text-berget-foreground\">\n              {icon ?? <ModelLogo provider={provider} category={category} />}\n            </div>\n          )}\n\n          {/* Identity cluster: eyebrow, title, description — cb tightly\n              grouped; the card's flex gap separates it from other groups. */}\n          <header>\n            {eyebrow && (\n              <Typography\n                variant=\"xs\"\n                color=\"muted\"\n                className=\"font-medium uppercase leading-none tracking-[0.25em]\"\n              >\n                {eyebrow}\n              </Typography>\n            )}\n            <div className={cn('flex items-baseline gap-3', lifecycle && 'pr-24')}>\n              <Typography\n                as=\"h3\"\n                id={titleId}\n                variant=\"h5\"\n                className=\"min-w-0 truncate whitespace-nowrap leading-tight\"\n                style={{ fontFeatureSettings: 'normal' }}\n              >\n                {title}\n              </Typography>\n            </div>\n            {description && (\n              <Typography variant=\"xs\" color=\"muted\" className=\"leading-none\">\n                {description}\n              </Typography>\n            )}\n          </header>\n\n          {columns && columns.length > 0 && (\n            <div className=\"grid grid-cols-2\">\n              {columns.map((col, i) => (\n                <div key={i}>\n                  <Typography variant=\"xs\" color=\"muted\" className=\"leading-none\">\n                    {col.label}\n                  </Typography>\n                  <Typography\n                    variant=\"body\"\n                    className=\"tabular-nums leading-none\"\n                    style={{ fontFeatureSettings: 'normal' }}\n                  >\n                    {col.value}\n                  </Typography>\n                </div>\n              ))}\n            </div>\n          )}\n\n          {meta && meta.length > 0 && (\n            <Typography\n              variant=\"xs\"\n              color=\"muted\"\n              className=\"text-[0.65rem] uppercase tracking-[0.15em]\"\n            >\n              {meta.map((item, i) => (\n                <React.Fragment key={i}>\n                  {i > 0 && ' ▪ '}\n                  {item}\n                </React.Fragment>\n              ))}\n            </Typography>\n          )}\n\n          {children}\n        </Card>\n      </a>\n    );\n  },\n);\nModelCard.displayName = 'ModelCard';\n\nexport { ModelCard };\n"],"mappings":";;;;;;;;;;AAmBA,MAAM,kBAAkD;CACtD,SAAS;CACT,QAAQ;CACR,YAAY;AACd;;;;AAKA,MAAM,kBAAkD;CACtD,SAAS;CACT,QAAQ;CACR,YAAY;AACd;AA0CA,MAAM,YAAYA,MAAM,YAEpB,EACE,MACA,UACA,UACA,SACA,OACA,WACA,aACA,SACA,MACA,MACA,UACA,WACA,UACA,GAAG,SAEL,QACG;CACH,MAAM,UAAUA,MAAM,MAAM;CAE5B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;EACO;EACC;EACN,mBAAiB;EACjB,GAAK,WAAW;GAAE,QAAQ;GAAU,KAAK;EAAsB,IAAI,CAAC;EACpE,WAAWC,cAAAA,GAAG,eAAe,SAAS;EACtC,GAAI;EAEJ,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAACC,aAAAA,MAAD;GACE,SAAQ;GACR,WAAU;GAFZ,UAAA;IAIG,aACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;KAAK,WAAU;KACb,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;MACE,WAAWD,cAAAA,GACT,yEACA,gBAAgB,UAClB;MAEC,UAAA,gBAAgB;KACd,CAAA;IACF,CAAA;KAEL,QAAQ,YAAY,aACpB,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;KAAK,WAAU;KACZ,UAAA,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAACE,kBAAAA,WAAD;MAAqB;MAAoB;KAAW,CAAA;IAC1D,CAAA;IAKP,iBAAA,GAAA,kBAAA,KAAA,CAAC,UAAD,EAAA,UAAA;KACG,WACC,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,YAAD;MACE,SAAQ;MACR,OAAM;MACN,WAAU;MAET,UAAA;KACS,CAAA;KAEd,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;MAAK,WAAWH,cAAAA,GAAG,6BAA6B,aAAa,OAAO;MAClE,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACG,mBAAAA,YAAD;OACE,IAAG;OACH,IAAI;OACJ,SAAQ;OACR,WAAU;OACV,OAAO,EAAE,qBAAqB,SAAS;OAEtC,UAAA;MACS,CAAA;KACT,CAAA;KACJ,eACC,iBAAA,GAAA,kBAAA,IAAA,CAACA,mBAAAA,YAAD;MAAY,SAAQ;MAAK,OAAM;MAAQ,WAAU;MAC9C,UAAA;KACS,CAAA;IAER,EAAA,CAAA;IAEP,WAAW,QAAQ,SAAS,KAC3B,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;KAAK,WAAU;KACZ,UAAA,QAAQ,KAAK,KAAK,MACjB,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,mBAAAA,YAAD;MAAY,SAAQ;MAAK,OAAM;MAAQ,WAAU;MAC9C,UAAA,IAAI;KACK,CAAA,GACZ,iBAAA,GAAA,kBAAA,IAAA,CAACA,mBAAAA,YAAD;MACE,SAAQ;MACR,WAAU;MACV,OAAO,EAAE,qBAAqB,SAAS;MAEtC,UAAA,IAAI;KACK,CAAA,CACT,EAAA,GAXK,CAWL,CACN;IACE,CAAA;IAGN,QAAQ,KAAK,SAAS,KACrB,iBAAA,GAAA,kBAAA,IAAA,CAACA,mBAAAA,YAAD;KACE,SAAQ;KACR,OAAM;KACN,WAAU;KAET,UAAA,KAAK,KAAK,MAAM,MACf,iBAAA,GAAA,kBAAA,KAAA,CAACJ,MAAM,UAAP,EAAA,UAAA,CACG,IAAI,KAAK,OACT,IACa,EAAA,GAHK,CAGL,CACjB;IACS,CAAA;IAGb;GACG;;CACL,CAAA;AAEP,CACF;AACA,UAAU,cAAc"}

package/dist/components/model-card/ModelCard.d.cts

@@ -0,0 +1,58 @@
+import { ModelCategory, ModelLogoProvider } from "../model-logo/ModelLogo.cjs";
+import "../model-logo/index.cjs";
+import * as React from "react";
+//#region src/components/model-card/ModelCard.d.ts
+/**
+ * ModelCard — a whole-card link tile for presenting AI models in a grid:
+ * provider mark, category eyebrow, model name, optional lifecycle tab,
+ * per-unit price columns, and fine-print capability facts.
+ *
+ * Presentational only: all copy is passed in as props; the card itself
+ * owns no strings and no domain types.
+ */
+/** Lifecycle status shown as a corner tab on the card. */
+export type ModelLifecycle = 'preview' | 'active' | 'deprecated';
+export interface ModelCardProps extends Omit<React.ComponentProps<'a'>, 'title' | 'children'> {
+  /** Provider mark, rendered in a bordered square at the top of the card. */
+  icon?: React.ReactNode;
+  /**
+   * Model family for the icon square — resolved to a bundled brand mark
+   * (e.g. `'mistralai'`, `'moonshotai'`, `'berget'`). Ignored when `icon`
+   * is set.
+   */
+  provider?: string;
+  /** Fallback category for the icon square when no brand mark exists
+   * (maps to the `model_type` values from `GET /v1/models`). */
+  category?: ModelCategory;
+  /** Small category label above the title (rendered uppercase). */
+  eyebrow?: string;
+  /** The model name — rendered as an `h3` and truncated when too long. */
+  title: React.ReactNode;
+  /**
+   * Lifecycle status rendered as a corner tab: `preview` (yellow),
+   * `active` (green), `deprecated` (gray).
+   */
+  lifecycle?: ModelLifecycle;
+  /** Secondary line under the title, e.g. the provider name. */
+  description?: React.ReactNode;
+  /** Label-above-value columns, e.g. per-million-token input/output prices. */
+  columns?: {
+    label: React.ReactNode;
+    value: React.ReactNode;
+  }[];
+  /**
+   * Fine-print capability facts rendered in one uppercase row with
+   * square separators drawn by the card, e.g. ['Vision', '262K context'].
+   */
+  meta?: React.ReactNode[];
+  /** Link target for the whole card. */
+  href: string;
+  /** Opens the link in a new tab (adds `target`/`rel`). */
+  external?: boolean;
+  /** Extra content rendered at the bottom of the card. */
+  children?: React.ReactNode;
+}
+declare const ModelCard: React.ForwardRefExoticComponent<Omit<ModelCardProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+//#endregion
+export { ModelCard, type ModelCategory, type ModelLogoProvider };
+//# sourceMappingURL=ModelCard.d.cts.map

package/dist/components/model-card/ModelCard.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModelCard.d.cts","names":[],"sources":["../../../src/components/model-card/ModelCard.tsx"],"mappings":";;;;;;;;;;;;;YAiBY;iBAmBK,uBAAuB,KAAK,MAAM;;EAEjD,OAAO,MAAM;;;;;;EAMb;;;EAGA,WAAW;;EAEX;;EAEA,OAAO,MAAM;;;;;EAKb,YAAY;;EAEZ,cAAc,MAAM;;EAEpB;IAAY,OAAO,MAAM;IAAW,OAAO,MAAM;;;;;;EAKjD,OAAO,MAAM;;EAEb;;EAEA;;EAEA,WAAW,MAAM;;cAGb,WAAS,MAAA,0BAAA,KAAA,yBAAA,MAAA,cAAA"}

package/dist/components/model-card/ModelCard.d.mts

@@ -0,0 +1,58 @@
+import { ModelCategory, ModelLogoProvider } from "../model-logo/ModelLogo.mjs";
+import "../model-logo/index.mjs";
+import * as React from "react";
+//#region src/components/model-card/ModelCard.d.ts
+/**
+ * ModelCard — a whole-card link tile for presenting AI models in a grid:
+ * provider mark, category eyebrow, model name, optional lifecycle tab,
+ * per-unit price columns, and fine-print capability facts.
+ *
+ * Presentational only: all copy is passed in as props; the card itself
+ * owns no strings and no domain types.
+ */
+/** Lifecycle status shown as a corner tab on the card. */
+export type ModelLifecycle = 'preview' | 'active' | 'deprecated';
+export interface ModelCardProps extends Omit<React.ComponentProps<'a'>, 'title' | 'children'> {
+  /** Provider mark, rendered in a bordered square at the top of the card. */
+  icon?: React.ReactNode;
+  /**
+   * Model family for the icon square — resolved to a bundled brand mark
+   * (e.g. `'mistralai'`, `'moonshotai'`, `'berget'`). Ignored when `icon`
+   * is set.
+   */
+  provider?: string;
+  /** Fallback category for the icon square when no brand mark exists
+   * (maps to the `model_type` values from `GET /v1/models`). */
+  category?: ModelCategory;
+  /** Small category label above the title (rendered uppercase). */
+  eyebrow?: string;
+  /** The model name — rendered as an `h3` and truncated when too long. */
+  title: React.ReactNode;
+  /**
+   * Lifecycle status rendered as a corner tab: `preview` (yellow),
+   * `active` (green), `deprecated` (gray).
+   */
+  lifecycle?: ModelLifecycle;
+  /** Secondary line under the title, e.g. the provider name. */
+  description?: React.ReactNode;
+  /** Label-above-value columns, e.g. per-million-token input/output prices. */
+  columns?: {
+    label: React.ReactNode;
+    value: React.ReactNode;
+  }[];
+  /**
+   * Fine-print capability facts rendered in one uppercase row with
+   * square separators drawn by the card, e.g. ['Vision', '262K context'].
+   */
+  meta?: React.ReactNode[];
+  /** Link target for the whole card. */
+  href: string;
+  /** Opens the link in a new tab (adds `target`/`rel`). */
+  external?: boolean;
+  /** Extra content rendered at the bottom of the card. */
+  children?: React.ReactNode;
+}
+declare const ModelCard: React.ForwardRefExoticComponent<Omit<ModelCardProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+//#endregion
+export { ModelCard, type ModelCategory, type ModelLogoProvider };
+//# sourceMappingURL=ModelCard.d.mts.map

package/dist/components/model-card/ModelCard.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModelCard.d.mts","names":[],"sources":["../../../src/components/model-card/ModelCard.tsx"],"mappings":";;;;;;;;;;;;;YAiBY;iBAmBK,uBAAuB,KAAK,MAAM;;EAEjD,OAAO,MAAM;;;;;;EAMb;;;EAGA,WAAW;;EAEX;;EAEA,OAAO,MAAM;;;;;EAKb,YAAY;;EAEZ,cAAc,MAAM;;EAEpB;IAAY,OAAO,MAAM;IAAW,OAAO,MAAM;;;;;;EAKjD,OAAO,MAAM;;EAEb;;EAEA;;EAEA,WAAW,MAAM;;cAGb,WAAS,MAAA,0BAAA,KAAA,yBAAA,MAAA,cAAA"}