@bergetai/ui 0.1.86 → 0.1.88

package/dist/index.d.cts

@@ -43,7 +43,7 @@ declare const Button$1: React$1.ForwardRefExoticComponent<ButtonProps$1 & React$
 
 type PrimitiveButtonProps = React$1.ComponentProps<typeof Button$1>;
 /** Custom variants that extend the upstream shadcn primitive. */
-type CustomVariant = 'default' | 'primary' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link';
+type CustomVariant = 'default' | 'primary' | 'destructive' | 'outline' | 'ghost' | 'link';
 interface ButtonProps extends Omit<PrimitiveButtonProps, 'variant'> {
     /** Visual style variant. `primary` is Berget-specific. */
     variant?: CustomVariant;

package/dist/index.d.ts

@@ -43,7 +43,7 @@ declare const Button$1: React$1.ForwardRefExoticComponent<ButtonProps$1 & React$
 
 type PrimitiveButtonProps = React$1.ComponentProps<typeof Button$1>;
 /** Custom variants that extend the upstream shadcn primitive. */
-type CustomVariant = 'default' | 'primary' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link';
+type CustomVariant = 'default' | 'primary' | 'destructive' | 'outline' | 'ghost' | 'link';
 interface ButtonProps extends Omit<PrimitiveButtonProps, 'variant'> {
     /** Visual style variant. `primary` is Berget-specific. */
     variant?: CustomVariant;

package/dist/index.js

@@ -1,6 +1,6 @@
 import {
   getHighlighter
-} from "./chunk-YEGBDRHW.js";
+} from "./chunk-SJTRISLQ.js";
 
 // src/components/theme-provider/ThemeProvider.tsx
 import * as React from "react";
@@ -205,7 +205,7 @@ import { cva } from "class-variance-authority";
 import { Slot } from "@radix-ui/react-slot";
 import { jsx as jsx3 } from "react/jsx-runtime";
 var buttonVariants = cva(
-  "inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  "inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
     variants: {
       variant: {
@@ -248,8 +248,6 @@ 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";
-    case "secondary":
-      return "bg-berget-button-secondary-bg text-berget-button-secondary-fg shadow hover:bg-berget-button-secondary-bg/80 hover:shadow-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";
     case "outline":
@@ -266,6 +264,7 @@ function brandVariantClasses(variant) {
 function primitiveVariant(variant) {
   switch (variant) {
     case "primary":
+    case "destructive":
       return "ghost";
     default:
       return variant;
@@ -355,7 +354,7 @@ var typographyVariants = cva2("", {
     color: {
       default: "text-berget-foreground",
       muted: "text-berget-muted-foreground",
-      dim: "text-berget-foreground/50"
+      dim: "text-berget-foreground/65"
     }
   },
   defaultVariants: {
@@ -687,7 +686,7 @@ var Checkbox = React13.forwardRef(({ className, children, ...props }, ref) => /*
   {
     ref,
     className: cn(
-      "peer ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+      "peer cursor-pointer ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
       className
     ),
     ...props,
@@ -880,7 +879,7 @@ var SelectTrigger = React16.forwardRef(({ className, children, ...props }, ref)
   {
     ref,
     className: cn(
-      "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:border-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      "flex h-10 w-full cursor-pointer items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:border-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
       className
     ),
     ...props,
@@ -1302,26 +1301,29 @@ function FieldGroup({ className, ...props }) {
     }
   );
 }
-var fieldVariants = cva12("group/field data-[invalid=true]:text-destructive flex w-full gap-3", {
-  variants: {
-    orientation: {
-      vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
-      horizontal: [
-        "flex-row items-center",
-        "[&>[data-slot=field-label]]:flex-auto",
-        "has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px has-[>[data-slot=field-content]]:items-start"
-      ],
-      responsive: [
-        "@md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto flex-col [&>*]:w-full [&>.sr-only]:w-auto",
-        "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
-        "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
-      ]
+var fieldVariants = cva12(
+  "group/field data-[invalid=true]:text-berget-destructive-foreground flex w-full gap-3",
+  {
+    variants: {
+      orientation: {
+        vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
+        horizontal: [
+          "flex-row items-center",
+          "[&>[data-slot=field-label]]:flex-auto",
+          "has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px has-[>[data-slot=field-content]]:items-start"
+        ],
+        responsive: [
+          "@md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto flex-col [&>*]:w-full [&>.sr-only]:w-auto",
+          "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
+          "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+        ]
+      }
+    },
+    defaultVariants: {
+      orientation: "vertical"
     }
-  },
-  defaultVariants: {
-    orientation: "vertical"
   }
-});
+);
 function Field({
   className,
   orientation = "vertical",
@@ -1446,7 +1448,7 @@ function FieldError({
     {
       role: "alert",
       "data-slot": "field-error",
-      className: cn("text-destructive text-sm font-normal", className),
+      className: cn("text-berget-destructive-foreground text-sm font-normal", className),
       ...props,
       children: content
     }
@@ -1495,7 +1497,7 @@ Icon2.displayName = "Icon";
 import { ExternalLink } from "lucide-react";
 import { jsx as jsx24, jsxs as jsxs11 } from "react/jsx-runtime";
 var linkVariants = cva13(
-  "inline-flex 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",
+  "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: {
@@ -1920,6 +1922,7 @@ var LanguageSelect = React30.forwardRef(({ className, options, value, onValueCha
       SelectPrimitive2.Trigger,
       {
         ref,
+        "aria-label": "Select language",
         className: cn(
           // Base styles
           "h-8 w-8 p-0 rounded-full",