@bergetai/ui 0.7.0 → 0.8.0

package/dist/index.d.cts

@@ -605,11 +605,7 @@ interface FeatureListProps extends React$1.HTMLAttributes<HTMLUListElement> {
 }
 declare const FeatureList: React$1.ForwardRefExoticComponent<FeatureListProps & React$1.RefAttributes<HTMLUListElement>>;
 
-declare const heroBlockVariants: (props?: ({
-    variant?: "default" | "moss" | "gradient" | null | undefined;
-    withPattern?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface HeroBlockProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof heroBlockVariants> {
+interface HeroBlockProps extends React$1.HTMLAttributes<HTMLDivElement> {
     /**
      * Optional icon for the tagline badge
      */
@@ -630,25 +626,14 @@ interface HeroBlockProps extends React$1.HTMLAttributes<HTMLDivElement>, Variant
      * Call-to-action buttons
      */
     actions?: React$1.ReactNode;
-    /**
-     * Show pattern background
-     * @default true
-     */
-    withPattern?: boolean;
 }
 /**
  * Hero Block Component
  *
- * Full-width hero section with optional grid background, tagline, title, description, and CTAs.
+ * Full-width hero section with optional tagline, title, description, and CTAs.
  * Based on the pattern from why-berget and other landing pages.
  *
- * **Variants:**
- * - `default` - Simple gradient
- * - `moss` - Green gradient overlay
- * - `gradient` - Diagonal gradient
- *
  * **Features:**
- * - Optional grid background
  * - Tagline badge with optional icon
  * - Responsive sizing
  * - CTA button slots
@@ -666,10 +651,9 @@ interface HeroBlockProps extends React$1.HTMLAttributes<HTMLDivElement>, Variant
  *   taglineIcon={Shield}
  *   title="European AI Infrastructure"
  *   description="Deploy and scale AI models with data residency in Europe"
- *   variant="moss"
  *   actions={
  *     <>
- *       <Button size="lg">Get Started</Button>
+ *       <Button size="lg" variant="primary">Get Started</Button>
  *       <Button size="lg" variant="outline">Learn More</Button>
  *     </>
  *   }

package/dist/index.d.ts

@@ -605,11 +605,7 @@ interface FeatureListProps extends React$1.HTMLAttributes<HTMLUListElement> {
 }
 declare const FeatureList: React$1.ForwardRefExoticComponent<FeatureListProps & React$1.RefAttributes<HTMLUListElement>>;
 
-declare const heroBlockVariants: (props?: ({
-    variant?: "default" | "moss" | "gradient" | null | undefined;
-    withPattern?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface HeroBlockProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof heroBlockVariants> {
+interface HeroBlockProps extends React$1.HTMLAttributes<HTMLDivElement> {
     /**
      * Optional icon for the tagline badge
      */
@@ -630,25 +626,14 @@ interface HeroBlockProps extends React$1.HTMLAttributes<HTMLDivElement>, Variant
      * Call-to-action buttons
      */
     actions?: React$1.ReactNode;
-    /**
-     * Show pattern background
-     * @default true
-     */
-    withPattern?: boolean;
 }
 /**
  * Hero Block Component
  *
- * Full-width hero section with optional grid background, tagline, title, description, and CTAs.
+ * Full-width hero section with optional tagline, title, description, and CTAs.
  * Based on the pattern from why-berget and other landing pages.
  *
- * **Variants:**
- * - `default` - Simple gradient
- * - `moss` - Green gradient overlay
- * - `gradient` - Diagonal gradient
- *
  * **Features:**
- * - Optional grid background
  * - Tagline badge with optional icon
  * - Responsive sizing
  * - CTA button slots
@@ -666,10 +651,9 @@ interface HeroBlockProps extends React$1.HTMLAttributes<HTMLDivElement>, Variant
  *   taglineIcon={Shield}
  *   title="European AI Infrastructure"
  *   description="Deploy and scale AI models with data residency in Europe"
- *   variant="moss"
  *   actions={
  *     <>
- *       <Button size="lg">Get Started</Button>
+ *       <Button size="lg" variant="primary">Get Started</Button>
  *       <Button size="lg" variant="outline">Learn More</Button>
  *     </>
  *   }

package/dist/index.js

@@ -256,9 +256,9 @@ import { jsx as jsx4 } from "react/jsx-runtime";
 function brandVariantClasses(variant) {
   switch (variant) {
     case "primary":
-      return "bg-berget-button-primary-bg text-berget-button-primary-fg shadow-lg hover:bg-berget-button-primary-bg/90 hover:shadow-xl";
+      return "bg-berget-button-primary-bg text-berget-button-primary-fg shadow-berget-lg hover:bg-berget-button-primary-hover hover:shadow-berget-lg";
     case "destructive":
-      return "bg-berget-button-destructive-bg text-berget-button-destructive-fg shadow-sm hover:bg-berget-button-destructive-bg/80 hover:shadow dark:hover:bg-berget-button-destructive-bg/80 dark:hover:text-berget-button-destructive-fg";
+      return "bg-berget-button-destructive-bg text-berget-button-destructive-fg shadow-berget-sm hover:bg-berget-button-destructive-bg/80 hover:shadow-berget-sm dark:hover:bg-berget-button-destructive-bg/80 dark:hover:text-berget-button-destructive-fg";
     case "outline":
       return "border-berget-border-interactive bg-transparent text-berget-foreground hover:bg-berget-surface-hover hover:text-berget-foreground hover:border-berget-border-interactive-elevated";
     case "ghost":
@@ -267,7 +267,7 @@ function brandVariantClasses(variant) {
       return "bg-transparent hover:bg-transparent focus:bg-transparent active:bg-transparent text-berget-button-link-fg underline-offset-4 hover:underline";
     case "default":
     default:
-      return "bg-berget-button-default-bg text-berget-button-default-fg shadow-lg hover:bg-berget-button-default-bg/90 hover:shadow-xl";
+      return "bg-berget-button-default-bg text-berget-button-default-fg shadow-berget-lg hover:bg-berget-button-default-bg/90 hover:shadow-berget-lg";
   }
 }
 function primitiveVariant(variant) {
@@ -818,7 +818,7 @@ var ModelCard = React9.forwardRef(
                   children: lifecycleLabels[lifecycle]
                 }
               ) }),
-              (icon || provider || category) && /* @__PURE__ */ jsx11("div", { className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-lg border border-berget-border bg-white/5 text-berget-foreground", children: icon ?? /* @__PURE__ */ jsx11(ModelLogo, { provider, category }) }),
+              (icon || provider || category) && /* @__PURE__ */ jsx11("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__ */ jsx11(ModelLogo, { provider, category }) }),
               /* @__PURE__ */ jsxs5("header", { children: [
                 eyebrow && /* @__PURE__ */ jsx11(
                   Typography,
@@ -2076,7 +2076,7 @@ function Checkbox({ className, ...props }) {
 // src/components/checkbox/Checkbox.tsx
 import { jsx as jsx27, jsxs as jsxs12 } from "react/jsx-runtime";
 var checkboxVariants = cva10(
-  "inline-flex items-center justify-center rounded-md transition-all duration-200 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
+  "inline-flex items-center justify-center rounded-berget-xs transition-all duration-200 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
   {
     variants: {
       variant: {
@@ -2170,7 +2170,7 @@ var switchRootVariants = cva11(
   {
     variants: {
       variant: {
-        default: "data-unchecked:bg-berget-border data-checked:bg-berget-secondary",
+        default: "data-unchecked:bg-berget-border data-checked:bg-berget-primary",
         primary: "data-unchecked:bg-berget-border-subtle data-checked:bg-berget-switch-primary-checked",
         subtle: "data-unchecked:bg-berget-border-subtle data-checked:bg-berget-switch-subtle-checked"
       },
@@ -3410,11 +3410,11 @@ var linkVariants = cva16(
     variants: {
       variant: {
         default: "text-foreground hover:text-foreground/80",
-        primary: "text-berget-secondary hover:text-berget-secondary/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-secondary hover:text-berget-secondary/80 font-mono text-sm bg-berget-primary-tint px-2 py-1 rounded hover:bg-berget-primary-tint-hover"
+        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",
@@ -3681,7 +3681,7 @@ var LanguageSelect = React27.forwardRef(
                 // Shadow
                 "shadow-berget-lg",
                 // Rounded corners
-                "rounded-md",
+                "rounded-berget-xs",
                 // Animations
                 "transition-[opacity,transform]",
                 "data-starting-style:opacity-0 data-starting-style:scale-95 data-ending-style:opacity-0 data-ending-style:scale-95",
@@ -3851,45 +3851,17 @@ FeatureList.displayName = "FeatureList";
 
 // src/components/hero-block/HeroBlock.tsx
 import * as React30 from "react";
-import { cva as cva21 } from "class-variance-authority";
 import { jsx as jsx45, jsxs as jsxs25 } from "react/jsx-runtime";
-var heroBlockVariants = cva21(
-  "relative overflow-hidden min-h-[40dvh] flex items-center py-fluid-2xl",
-  {
-    variants: {
-      variant: {
-        default: "",
-        moss: "",
-        gradient: ""
-      },
-      withPattern: {
-        true: "",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      withPattern: false
-    }
-  }
-);
 var HeroBlock = React30.forwardRef(
-  ({
-    className,
-    variant,
-    withPattern,
-    taglineIcon: TaglineIcon,
-    tagline,
-    title,
-    description,
-    actions,
-    ...props
-  }, ref) => {
+  ({ className, taglineIcon: TaglineIcon, tagline, title, description, actions, ...props }, ref) => {
     return /* @__PURE__ */ jsx45(
       "div",
       {
         ref,
-        className: cn(heroBlockVariants({ variant, withPattern }), className),
+        className: cn(
+          "relative overflow-hidden min-h-[40dvh] flex items-center py-fluid-2xl",
+          className
+        ),
         ...props,
         children: /* @__PURE__ */ jsx45("div", { className: "mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs25("div", { className: "mx-auto text-center max-w-4xl", children: [
           tagline && /* @__PURE__ */ jsx45(
@@ -3989,9 +3961,9 @@ var WindowFrame = React31.forwardRef(
         children: [
           /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2 px-4 py-3 border-b border-berget-brand-granite-700 bg-berget-brand-granite-900", children: [
             /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
-              /* @__PURE__ */ jsx47("div", { className: "w-3 h-3 rounded-full bg-[#FF5F56]" }),
-              /* @__PURE__ */ jsx47("div", { className: "w-3 h-3 rounded-full bg-[#FFBD2E]" }),
-              /* @__PURE__ */ jsx47("div", { className: "w-3 h-3 rounded-full bg-[#27C93F]" })
+              /* @__PURE__ */ jsx47("div", { className: "w-3 h-3 rounded-full bg-berget-brand-muscaria-400" }),
+              /* @__PURE__ */ jsx47("div", { className: "w-3 h-3 rounded-full bg-berget-brand-chanterelle-200" }),
+              /* @__PURE__ */ jsx47("div", { className: "w-3 h-3 rounded-full bg-berget-brand-moss-400" })
             ] }),
             tabs && tabs.length > 0 ? /* @__PURE__ */ jsx47("div", { className: "ml-4 flex items-center gap-1", children: tabs.map((tab) => /* @__PURE__ */ jsx47(
               "button",
@@ -4000,7 +3972,7 @@ var WindowFrame = React31.forwardRef(
                 onClick: () => handleTabChange(tab.id),
                 className: cn(
                   "px-3 py-1 text-sm transition-colors cursor-pointer",
-                  currentTab === tab.id ? "rounded-lg bg-white/10 text-berget-foreground font-medium" : "rounded text-berget-muted-foreground hover:text-berget-foreground font-medium"
+                  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"
                 ),
                 children: tab.label
               },