@bergetai/ui 0.8.0 → 0.9.0

package/dist/index.cjs

@@ -266,7 +266,16 @@ var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
         "rounded-berget-lg",
         "rounded-berget-full"
       ],
-      "font-size": ["text-h1", "text-h2", "text-h3", "text-h4", "text-p", "text-mono"]
+      "font-size": [
+        "text-h1",
+        "text-h2",
+        "text-h3",
+        "text-h4",
+        "text-p",
+        "text-mono",
+        "text-hero",
+        "text-caption"
+      ]
     }
   }
 });
@@ -488,6 +497,8 @@ var typographyVariants = (0, import_class_variance_authority2.cva)("", {
     variant: {
       // Fluid heading scale — use @theme tokens (clamp-based, 390px → 1440px)
       h1: "text-h1 font-h1 leading-h1 tracking-h1 text-balance",
+      // Hero display — from landing-page /dedicated-inference hero (Ovo, 400, tight display leading)
+      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",
@@ -498,6 +509,8 @@ var typographyVariants = (0, import_class_variance_authority2.cva)("", {
       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 / overline / eyebrow (DM Sans, Semibold, uppercase)
+      caption: "text-caption font-caption leading-caption tracking-caption text-pretty font-semibold uppercase",
       // Monospaced — use @theme token
       mono: "text-mono font-mono leading-mono text-pretty",
       // Inline code / spec labels
@@ -506,7 +519,8 @@ var typographyVariants = (0, import_class_variance_authority2.cva)("", {
     color: {
       default: "text-berget-foreground",
       muted: "text-berget-muted-foreground",
-      dim: "text-berget-foreground/65"
+      dim: "text-berget-foreground/65",
+      primary: "text-berget-primary"
     }
   },
   defaultVariants: {
@@ -515,6 +529,7 @@ var typographyVariants = (0, import_class_variance_authority2.cva)("", {
   }
 });
 var defaultElementMap = {
+  hero: "h1",
   h1: "h1",
   h2: "h2",
   h3: "h3",
@@ -524,6 +539,7 @@ var defaultElementMap = {
   body: "p",
   small: "p",
   xs: "p",
+  caption: "span",
   mono: "p",
   code: "span"
 };
@@ -630,11 +646,11 @@ function CardFooter({ className, ...props }) {
 
 // src/components/card/Card.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
-var cardVariants = (0, import_class_variance_authority3.cva)("rounded-berget-sm", {
+var cardVariants = (0, import_class_variance_authority3.cva)("rounded-berget-sm ring-0", {
   variants: {
     variant: {
-      outlined: "bg-transparent border border-berget-border",
-      filled: "bg-berget-card-filled-bg border border-berget-border"
+      outlined: "bg-transparent border border-berget-border-subtle",
+      filled: "bg-berget-card-filled-bg border border-berget-border-subtle"
     },
     padding: {
       none: "p-0",